/* Conlora açılış / indirme / politika sayfaları — mobil öncelikli */
:root{--bg:#0a0a0b;--bg2:#101011;--card:#151517;--line:#ffffff1a;--tx:#fff;--mut:#c2c2c6;--acc:#f4f4f5;--acc2:#dadadc;--pink:#ff7ac6;--blue:#aaaab0;--gold:#f5b947;--disp:"Unbounded","Plus Jakarta Sans",system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--tx);line-height:1.55;overflow-x:hidden;min-height:100vh}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
code{font-family:ui-monospace,Consolas,monospace;font-size:.88em;background:#ffffff14;padding:1px 6px;border-radius:6px;overflow-wrap:anywhere}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 20px;border-radius:999px;font-weight:700;font-size:15px;white-space:nowrap;transition:transform .15s,box-shadow .2s,background .2s}
.btn svg{width:20px;height:20px;flex:none}
.btn:hover{transform:translateY(-2px)}
.btn.light{background:#fff;color:#0c0c0e;box-shadow:0 8px 24px #0005}.btn.light:hover{box-shadow:0 12px 30px #aaaab155;color:#3f3f45}
.btn.dark{background:#141416;color:#fff;border:1px solid #ffffff22}.btn.dark:hover{background:#202022}
.btn.ghost{background:#ffffff12;color:#fff;border:1px solid #ffffff22}
.btn.big{height:60px;padding:0 30px;font-size:17px}
.btn.sm{height:36px;padding:0 14px;font-size:13.5px}
.cap{color:var(--mut);font-size:14px;font-weight:600;margin:6px 0 10px}

/* ---------- Üst menü ---------- */
.hd{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:18px;padding:12px max(18px,calc((100vw - 1200px)/2));padding-top:calc(12px + env(safe-area-inset-top));background:#0a0a0bcc;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}
.hd.scrolled{border-color:var(--line);background:#0a0a0bf0}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:800;font-size:22px;letter-spacing:-.02em}
.brand img{width:36px;height:36px;filter:drop-shadow(0 0 12px #aaaab155)}
.hd-links{display:flex;gap:22px;margin-inline-start:12px;font-weight:600;font-size:15px;color:#e8e8ea}
.hd-links a:hover{color:var(--acc)}
.hd-r{margin-inline-start:auto;display:flex;align-items:center;gap:10px}
.burger{display:none;width:48px;height:48px;border-radius:16px;background:#ffffff14;position:relative;flex:none}
.burger i{position:absolute;left:13px;height:2.5px;border-radius:2px;background:#fff;transition:transform .25s,opacity .2s,width .25s}
.burger i:nth-child(1){top:16px;width:22px}.burger i:nth-child(2){top:23px;width:17px}.burger i:nth-child(3){top:30px;width:12px}
.burger[aria-expanded=true] i:nth-child(1){transform:translateY(7px) rotate(45deg);width:22px}.burger[aria-expanded=true] i:nth-child(2){opacity:0}.burger[aria-expanded=true] i:nth-child(3){transform:translateY(-7px) rotate(-45deg);width:22px}

/* ---------- Dil menüsü ---------- */
.lp-langs{position:relative}
.lp-langs summary{list-style:none;display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:999px;background:#ffffff10;border:1px solid var(--line);cursor:pointer;font-weight:600;font-size:14px;user-select:none}
.lp-langs summary::-webkit-details-marker{display:none}
.lp-langs summary svg{width:16px;height:16px;opacity:.7;transition:transform .2s}
.lp-langs[open] summary svg{transform:rotate(180deg)}
.fl{width:24px;height:16px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px #0004;flex:none}
.ll-list{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:min(560px,92vw);max-height:min(70vh,520px);overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px;padding:10px;border-radius:18px;background:#131315;border:1px solid var(--line);box-shadow:0 24px 60px #000b;z-index:60;animation:pop .18s ease}
.ll-list a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:14px;font-weight:600}
.ll-list a:hover{background:#ffffff10}.ll-list a.on{background:#aaaab122;color:var(--acc2)}
@keyframes pop{from{opacity:0;transform:translateY(-6px)}}

/* ---------- Mobil menü tabakası ---------- */
.sheet{position:fixed;inset:0;z-index:45;padding-top:calc(72px + env(safe-area-inset-top));background:linear-gradient(170deg,#19191b 0%,#2a2a2e 60%,#414146 100%);overflow:auto;-webkit-overflow-scrolling:touch}
.sheet[hidden]{display:none}
.sheet-in{max-width:640px;margin:0 auto;padding:18px 22px calc(28px + env(safe-area-inset-bottom));animation:sheetIn .3s cubic-bezier(.2,.9,.3,1)}
@keyframes sheetIn{from{opacity:0;transform:translateY(-12px)}}
.sheet .lp-langs summary{width:100%;height:52px}
.sheet .ll-list{position:static;width:100%;max-height:none;margin-top:8px;box-shadow:none}
.sheet-btns{display:grid;gap:10px;margin:22px 0}
.sheet-btns .btn{width:100%}
body.menu-open{overflow:hidden}

/* ---------- Akordeon ---------- */
.acc{border-bottom:2px solid #ffffff1c}
.acc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:22px 2px;font-size:20px;font-weight:700;cursor:pointer;color:#ededef}
.acc summary::-webkit-details-marker{display:none}
.acc summary svg{width:20px;height:20px;opacity:.75;transition:transform .25s}
.acc[open] summary svg{transform:rotate(180deg)}
.acc-in{display:grid;gap:4px;padding:0 2px 18px}
.acc-in a{padding:8px 0;color:var(--mut);font-size:16px;font-weight:600}.acc-in a:hover{color:#fff}

/* ---------- Sosyal + dev logo yazısı ---------- */
.socs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.soc{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 18px 0 14px;border-radius:999px;background:#ffffff12;border:1px solid var(--line);font-weight:700;transition:background .2s,transform .15s}
.soc:hover{background:#ffffff22;transform:translateY(-2px)}
.soc svg{width:26px;height:26px;fill:#fff}
.wordmark{width:100%;height:auto;margin-top:28px}
.wordmark text{font-family:var(--disp);font-weight:900;font-size:230px;fill:#eaeaec;letter-spacing:-.04em}

/* ---------- Kahraman bölümü ---------- */
.hero{position:relative;overflow:hidden;padding:30px 20px 70px;background:radial-gradient(120% 70% at 50% 0%,#2c2c30 0%,#181819 45%,var(--bg) 100%);text-align:center}
.sky i{position:absolute;width:6px;height:6px;border-radius:50%;background:#dadadc;opacity:.5;animation:tw 4s ease-in-out infinite}
.sky i:nth-child(1){left:8%;top:12%}.sky i:nth-child(2){left:85%;top:8%;animation-delay:1s;background:#ff7ac6}.sky i:nth-child(3){left:20%;top:40%;animation-delay:2s}.sky i:nth-child(4){left:92%;top:44%;animation-delay:.5s;background:#f5b947}
.sky i:nth-child(5){left:4%;top:70%;animation-delay:1.6s;background:#aaaab0}.sky i:nth-child(6){left:70%;top:24%;animation-delay:2.4s}.sky i:nth-child(7){left:50%;top:6%;animation-delay:3s;background:#ff7ac6}.sky i:nth-child(8){left:35%;top:18%;animation-delay:.8s}
@keyframes tw{50%{opacity:1;transform:scale(1.8)}}
.hero-art{max-width:760px;margin:0 auto}
.art{width:100%;height:auto;overflow:visible}
.mascot{animation:bob 3.4s ease-in-out infinite;transform-box:fill-box}
@keyframes bob{50%{transform:translateY(-12px)}}
.spark path{animation:tw 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.hero-txt{max-width:900px;margin:-10px auto 0;position:relative}
.hero h1,.feat h2,.final h2,.plus h2,.dl-hero h1,.plats h2,.lg h1{font-family:var(--disp);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1.02}
.hero h1{font-size:clamp(34px,8.6vw,76px);text-wrap:balance}
.hero p{max-width:640px;margin:20px auto 30px;font-size:clamp(17px,2.2vw,20px);color:#e8e8ea}
.cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.stats{display:flex;justify-content:center;gap:clamp(18px,6vw,60px);margin-top:36px}
.stats b{display:block;font-family:var(--disp);font-size:clamp(24px,5vw,38px);font-weight:800}
.stats b.on{color:var(--acc)}
.stats span{color:var(--mut);font-size:14px}

/* ---------- Özellik blokları ---------- */
.feat{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,70px);align-items:center;max-width:1200px;margin:0 auto;padding:clamp(56px,9vw,110px) 20px}
.feat.rev .feat-art{order:2}
.feat-art svg{width:100%;height:auto;border-radius:28px;box-shadow:0 30px 70px #0009}
.feat h2{font-size:clamp(28px,4.6vw,50px);margin-bottom:18px;text-wrap:balance}
.feat p{font-size:clamp(16px,1.9vw,19px);color:var(--mut)}
.feat:nth-of-type(odd){background:linear-gradient(180deg,transparent,#161618 50%,transparent)}

/* ---------- Plus ve son çağrı ---------- */
.plus{padding:30px 20px}
.plus-card{max-width:1100px;margin:0 auto;padding:clamp(28px,6vw,64px);border-radius:32px;background:radial-gradient(120% 120% at 0% 0%,#ff7ac6 0%,#b3b3b8 40%,#29292d 100%);box-shadow:0 30px 80px #b3b3b844}
.plus .tag{display:inline-block;padding:6px 12px;border-radius:999px;background:#ffffff26;font-weight:800;font-size:12px;letter-spacing:.12em;margin-bottom:16px}
.plus h2{font-size:clamp(28px,5vw,52px);margin-bottom:14px;max-width:760px}
.plus p{max-width:640px;margin-bottom:24px;font-size:clamp(16px,2vw,19px);color:#f5f5f6}
.final{text-align:center;padding:clamp(70px,10vw,120px) 20px}
.final h2{font-size:clamp(28px,5vw,54px);margin-bottom:28px;text-wrap:balance}

/* ---------- Alt bilgi ---------- */
.ft{padding:0 0 calc(20px + env(safe-area-inset-bottom))}
.ft-in{max-width:1200px;margin:0 auto;padding:clamp(28px,5vw,56px) 22px 10px;border-radius:40px 40px 0 0;background:linear-gradient(170deg,#1d1d1f 0%,#303033 55%,#54545c 100%)}
.ft-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.ft-brand{display:flex;align-items:center;gap:12px}.ft-brand b{font-family:var(--disp);font-size:22px;display:block}.ft-brand small{color:var(--mut)}
.ft-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:40px}
.ft .ll-list{top:auto;bottom:calc(100% + 8px)}
.ft-copy{color:#dfdfe2;opacity:.75;font-size:13px;text-align:center;margin-top:10px}

/* ---------- İndirme sayfası ---------- */
.dl-hero{position:relative;overflow:hidden;text-align:center;padding:40px 20px 50px;background:radial-gradient(120% 70% at 50% 0%,#2c2c30 0%,#181819 50%,var(--bg) 100%)}
.dl-logo{width:96px;height:96px;margin:0 auto 22px;filter:drop-shadow(0 10px 30px #aaaab155);animation:float 4s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-8px)}}
.dl-hero h1{font-size:clamp(30px,7vw,60px);max-width:900px;margin:0 auto;overflow-wrap:anywhere}
.dl-hero h1 span{color:var(--acc)}
.dl-hero p{max-width:620px;margin:18px auto 28px;color:var(--mut);font-size:clamp(16px,2vw,19px)}
.steps{max-width:520px;margin:30px auto 0;text-align:start;background:#141416;border:1px solid var(--line);border-radius:22px;padding:20px 24px;transition:border-color .3s,transform .3s}
.steps.hl{border-color:var(--acc);transform:scale(1.02)}
.steps ol{padding-inline-start:22px;line-height:1.9;color:var(--mut);margin-top:8px}
.steps b{color:#fff}
.plats{max-width:1100px;margin:0 auto;padding:40px 20px 70px}
.plats h2{font-size:clamp(24px,4vw,38px);text-align:center;margin-bottom:24px}
.plat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.plat{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:22px;background:#141416;border:1px solid var(--line);transition:transform .15s,border-color .2s}
.plat:hover{transform:translateY(-3px);border-color:#aaaab166}
.plat.me{border-color:var(--acc);box-shadow:0 0 0 3px #aaaab122}
.plat-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#aaaab11f;color:var(--acc2);margin-bottom:6px}
.plat-ic svg{width:28px;height:28px}
.plat small{color:var(--mut)}
.plat-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:10px}
.ios-tip{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:20px;background:#000a}
.ios-tip[hidden]{display:none}
.ios-card{max-width:380px;width:100%;padding:24px;border-radius:24px;background:#141416;border:1px solid var(--line)}
.ios-card ol{padding-inline-start:20px;margin:12px 0 18px;color:var(--mut);line-height:1.9}.ios-card b{color:#fff}

/* ---------- Politikalar ---------- */
.lg{max-width:860px;margin:0 auto;padding:40px 20px 70px}
.lg h1{font-size:clamp(28px,6vw,48px);margin-bottom:20px}
.lg-toc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.lg-toc a{padding:8px 14px;border-radius:999px;background:#ffffff10;border:1px solid var(--line);font-weight:600;font-size:14px}
.lg section{padding:22px 0;border-top:1px solid var(--line);scroll-margin-top:90px}
.lg h2{font-family:var(--disp);font-size:22px;margin-bottom:10px}
.lg p{color:var(--mut);margin-bottom:10px}
.lg-up{color:var(--mut);font-size:13px;margin-top:20px}

/* ---------- Açılış animasyonu ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ---------- Mobil ---------- */
@media(max-width:980px){
  .hd-links,.hd-lang,.hide-s{display:none}
  .burger{display:block}
  .feat{grid-template-columns:1fr;text-align:center}
  .feat.rev .feat-art{order:0}
  .ft-grid{grid-template-columns:1fr;gap:10px}
}
@media(max-width:560px){
  .hd{gap:10px;padding-left:16px;padding-right:16px}
  .brand{font-size:20px}.brand img{width:32px;height:32px}
  .hd-r .btn{height:40px;padding:0 14px;font-size:14px}
  .hero{padding:18px 16px 56px}
  .cta .btn{width:100%}
  .btn.big{height:58px}
  .feat{padding:56px 16px}
  .ft-in{border-radius:28px 28px 0 0;padding:28px 18px 8px}
  .ft .lp-langs summary{height:44px}
  .ft .ll-list{position:fixed;inset:auto 12px 12px 12px;width:auto;max-height:70vh}
  .plat-grid{grid-template-columns:1fr 1fr}
  .plat{padding:16px}
  .ll-list{grid-template-columns:1fr 1fr}
}
@media(max-width:360px){.plat-grid{grid-template-columns:1fr}.hd-r .btn.light{display:none}}
[dir=rtl] .burger i{left:auto;right:13px}
.lang-sug{position:sticky;top:calc(68px + env(safe-area-inset-top));z-index:40;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;padding:10px 44px 10px 16px;background:#232325;border-bottom:1px solid var(--line);font-size:14px;color:#eaeaec;text-align:center}
.lang-sug[hidden]{display:none}
.lang-sug a{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#fff;color:#0c0c0e;font-weight:700}
.lang-sug button{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:#ffffff1a;font-size:18px;line-height:1}
[dir=rtl] .lang-sug button{right:auto;left:10px}
.lg a{color:var(--acc2);text-decoration:underline}
.lg section:target{scroll-margin-top:90px;animation:lgHl 2.4s ease}@keyframes lgHl{0%,40%{background:rgba(124,108,255,.12);box-shadow:0 0 0 12px rgba(124,108,255,.12);border-radius:14px}}

/* ===== Conlora 7.5 açılış: gerçek ekran görüntüleri, neden Conlora, topluluk ===== */
.hero.v2{position:relative;overflow-x:clip;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,4vw,64px);align-items:center;max-width:1280px;margin:0 auto;padding:clamp(40px,7vw,90px) 24px clamp(56px,8vw,100px);text-align:start;background:none;overflow:visible}
.hero-glow{position:absolute;inset:-120px 0 auto;height:720px;background:radial-gradient(50% 60% at 70% 30%,#ffffff12,transparent 70%),radial-gradient(40% 50% at 15% 10%,#ffffff0a,transparent 70%);pointer-events:none;z-index:-1}
.hero.v2 .hero-txt{margin:0;max-width:600px}
.hero.v2 h1{font-size:clamp(40px,6.2vw,80px);text-transform:none;letter-spacing:-.035em;line-height:.98;background:linear-gradient(180deg,#fff 30%,#a1a1aa);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero.v2 p{margin:22px 0 30px;max-width:560px;color:#c4c4cb}
.hero.v2 .cta{justify-content:flex-start;flex-wrap:wrap;display:flex;gap:12px}
.hero.v2 .stats{justify-content:flex-start}
.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:999px;background:#ffffff0d;border:1px solid #ffffff1f;font-weight:700;font-size:13px;margin-bottom:20px;color:#e4e4e7}
.hero-shot{position:relative;min-width:0}
.dev-desk{margin:0;border-radius:16px;overflow:hidden;background:#0c0c0e;border:1px solid #ffffff1f;box-shadow:0 50px 120px #000c,0 0 0 1px #000;transform:perspective(1600px) rotateY(-8deg) rotateX(3deg);transform-origin:left center}
.dev-bar{display:flex;align-items:center;gap:7px;height:30px;padding:0 12px;background:#141416;border-bottom:1px solid #ffffff12;font-size:11.5px;font-weight:700;color:#a1a1aa}.dev-bar i{width:10px;height:10px;border-radius:50%;background:#3f3f46}.dev-bar span{margin-inline-start:auto;margin-inline-end:auto}
.dev-desk img{width:100%;height:auto}
.dev-phone{position:absolute;right:-18px;bottom:-46px;width:min(31%,210px);margin:0;border-radius:30px;overflow:hidden;border:6px solid #1c1c1f;background:#000;box-shadow:0 30px 80px #000d,0 0 0 1px #ffffff1c;aspect-ratio:390/844}
.dev-phone img{width:100%;height:100%;object-fit:cover;object-position:top}
.sec-h{max-width:760px;margin:0 auto clamp(28px,4vw,48px);text-align:center}
.sec-h h2{font-family:var(--disp);font-size:clamp(30px,4.6vw,52px);font-weight:900;letter-spacing:-.03em;line-height:1.05}
.sec-h p{margin-top:12px;color:var(--mut);font-size:clamp(16px,2vw,19px)}
.why,.shots,.tour{max-width:1200px;margin:0 auto;padding:clamp(56px,8vw,100px) 20px}
.why-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.why-c{padding:26px;border-radius:22px;background:linear-gradient(180deg,#161618,#101012);border:1px solid #ffffff14;transition:transform .2s,border-color .2s}
.why-c:hover{transform:translateY(-3px);border-color:#ffffff2e}
.why-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#ffffff0f;border:1px solid #ffffff1c;margin-bottom:18px;color:#fff}
.why-c h3{font-size:19px;font-weight:800;margin-bottom:8px;letter-spacing:-.01em}
.why-c p{color:var(--mut);font-size:15px}
.shots-g{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:auto auto;gap:16px}
.shots-g figure{margin:0;position:relative;border-radius:18px;overflow:hidden;border:1px solid #ffffff17;background:#0c0c0e;box-shadow:0 30px 70px #0009}
.shots-g figure.big{grid-row:span 2}
.shots-g img{width:100%;height:100%;object-fit:cover}
.shots-g figcaption{position:absolute;left:14px;bottom:14px;padding:6px 12px;border-radius:999px;background:#000c;border:1px solid #ffffff22;font-weight:700;font-size:13px;backdrop-filter:blur(8px)}
.tour-v{border-radius:20px;overflow:hidden;border:1px solid #ffffff17;box-shadow:0 40px 100px #000b;background:#000;aspect-ratio:16/9}
.tour-v video{width:100%;height:100%;display:block}
.found{padding:clamp(40px,6vw,80px) 20px}
.found-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:clamp(28px,5vw,60px);border-radius:32px;background:radial-gradient(120% 140% at 0% 0%,#26262b,#111113 55%,#0a0a0b);border:1px solid #ffffff1a}
.found h2{font-family:var(--disp);font-size:clamp(28px,4.4vw,48px);font-weight:900;letter-spacing:-.03em;line-height:1.05}
.found p{margin:14px 0 20px;color:var(--mut);font-size:clamp(16px,2vw,19px)}
.found ul{list-style:none;display:grid;gap:12px;margin-bottom:28px}
.found li{display:flex;gap:10px;align-items:flex-start;font-weight:600;color:#e4e4e7}.found li svg{flex:none;margin-top:3px;color:#fff;background:#ffffff14;border-radius:50%;padding:3px;box-sizing:content-box}
.found-art{display:grid;place-items:center}
.fa-card{display:grid;justify-items:center;gap:8px;padding:34px 40px;border-radius:26px;background:#0c0c0e;border:1px solid #ffffff1c;box-shadow:0 40px 90px #000a;transform:rotate(-3deg);text-align:center}
.fa-card b{font-size:20px}.fa-card small{color:var(--mut);display:flex;align-items:center;gap:6px}.fa-card small i{width:8px;height:8px;border-radius:50%;background:#3ecf8e}
.fa-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;border-radius:999px;background:#f4f4f5;color:#0a0a0b;font-weight:800;font-size:13px}
.btn.light:hover{box-shadow:0 12px 30px #ffffff26;color:#000}
@media (max-width:980px){
  .hero.v2{grid-template-columns:1fr;text-align:center;padding-top:28px}
  .hero.v2 .hero-txt{margin:0 auto}.hero.v2 p{margin-inline:auto}.hero.v2 .cta,.hero.v2 .stats{justify-content:center}
  .hero-shot{max-width:640px;margin:0 auto 30px;width:100%}
  .dev-desk{transform:none}
  .dev-phone{right:-6px;bottom:-30px;width:28%;border-width:4px;border-radius:20px}
  .why-g{grid-template-columns:1fr 1fr}
  .found-in{grid-template-columns:1fr}
}
@media (max-width:600px){
  .why-g{grid-template-columns:1fr}
  .shots-g{grid-template-columns:1fr}.shots-g figure.big{grid-row:auto}
  .hero-pill{margin-bottom:14px}
  .found-art{display:none}
}
.plat .soon{display:inline-block;margin-top:8px;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px;background:#ffffff12;border:1px solid #ffffff1f;color:#d4d4d8}.plat .plat-x{display:block;color:#a1a1aa;font-size:12px;margin-top:4px}