/* ==========================================================================
   GUNEOSOFT — design system  ·  built around the modular block wordmark
   Ink navy · cobalt (logo blue) · warm bone (logo letter tone)
   Unbounded (display, echoes the rounded-block logo) · Sora (body)
   ========================================================================== */
:root{
  --ink:#070a16; --ink-2:#0a1020; --panel:#0e1526; --panel-2:#131c31;
  --line:rgba(233,229,220,.11); --line-2:rgba(233,229,220,.2);
  --text:#f4f2ec; --muted:#98a2ba; --soft:#c8cedd;
  --cobalt:#1259e0; --cobalt-deep:#0052c9; --cobalt-bright:#5b93ff;
  --bone:#e9e5dc;
  --reef:#3ad6f7; --voca:#2fd79c; --weave:#9d70f7; --emf:#49dbe6; --gold:#f8c15c;
  --r:16px; --r-lg:26px; --r-xl:34px;
  --shadow:0 30px 80px rgba(0,0,0,.45);
  --display:'Unbounded',ui-sans-serif,system-ui,sans-serif;
  --sans:'Sora',ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);font-family:var(--sans);font-weight:300;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit}
h1,h2,h3,h4{font-family:var(--display);font-weight:600;color:var(--text);margin:0;letter-spacing:-.01em}
::selection{background:rgba(91,147,255,.32);color:#fff}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:#1b2440;border-radius:8px;border:3px solid var(--ink)}
.wrap{width:min(1180px,calc(100% - 44px));margin:auto}
section[id],[id]{scroll-margin-top:104px}

/* ---- atmosphere: quiet cobalt light + faint modular block field ---- */
.bg{position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(120% 80% at 50% -10%,rgba(18,89,224,.18),transparent 55%),
    radial-gradient(60% 50% at 88% 8%,rgba(91,147,255,.08),transparent 60%),
    var(--ink);}
.bg:after{content:"";position:absolute;inset:0;opacity:.5;
  background-image:
    linear-gradient(rgba(233,229,220,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(233,229,220,.028) 1px,transparent 1px);
  background-size:74px 74px;
  -webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000,transparent 78%);
  mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000,transparent 78%);}
/* legacy hook kept so product pages that still ship .noise don't break */
.noise{position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(120% 80% at 50% -10%,rgba(18,89,224,.16),transparent 55%),var(--ink)}

/* ---- nav ---- */
.nav{position:fixed;top:16px;left:0;right:0;z-index:100}
.nav-inner{height:66px;border:1px solid var(--line);background:rgba(8,12,22,.7);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:18px;
  display:flex;align-items:center;padding:0 20px;box-shadow:0 16px 44px rgba(0,0,0,.3)}
.brand{display:inline-flex;align-items:center;gap:12px;font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:.02em}
.brand-logo{height:21px;width:auto;display:block}
.brand-mark{width:24px;height:24px;border-radius:7px;background:var(--cobalt-deep);display:inline-block} /* fallback only */
.nav-links{display:flex;gap:30px;margin-left:auto;align-items:center}
.nav-links a{font-size:13.5px;color:var(--muted);transition:color .2s;font-weight:400}
.nav-links a:hover{color:var(--text)}
.lang{margin-left:26px;display:flex;border:1px solid var(--line-2);border-radius:99px;padding:3px}
.lang button{border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:600;font-family:var(--display);padding:7px 11px;border-radius:99px;cursor:pointer;transition:.2s}
.lang button.on{background:var(--bone);color:#0a1020}
.menu{display:none;margin-left:16px;background:none;border:0;color:var(--text);font-size:22px}

/* ---- buttons ---- */
.btn{display:inline-flex;align-items:center;gap:9px;padding:14px 22px;border-radius:13px;font-weight:600;font-size:13.5px;font-family:var(--display);border:1px solid var(--line-2);transition:.22s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--bone);color:#0a1020;border-color:var(--bone)}
.btn-primary:hover{box-shadow:0 16px 34px rgba(233,229,220,.16)}
.btn-secondary{background:rgba(233,229,220,.04);color:var(--text)}
.btn-secondary:hover{border-color:var(--line-2);background:rgba(233,229,220,.07)}

/* ---- shared eyebrow / kicker (soft, sentence case, block glyph) ---- */
.kicker,.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--cobalt-bright);font-family:var(--sans);letter-spacing:.02em;text-transform:none}
.kicker:before,.eyebrow:before{content:"";width:9px;height:9px;border-radius:3px;background:var(--cobalt);box-shadow:0 0 0 4px rgba(18,89,224,.16)}

/* ================= HOME ================= */
.home .hero{min-height:92vh;padding:150px 0 90px;display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}
.hero-copy .kicker{margin-bottom:22px}
.hero-copy h1{font-size:clamp(48px,6.6vw,86px);line-height:.98;letter-spacing:-.02em;max-width:11ch;margin-bottom:26px}
.hero-copy p{font-size:17.5px;color:var(--soft);max-width:50ch;font-weight:300}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.hero-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;color:var(--muted);font-size:12.5px;font-family:var(--display);font-weight:500}
.hero-meta > span{display:inline-flex;align-items:center;gap:9px}
.hero-meta > span:before{content:"";width:6px;height:6px;border-radius:2px;background:var(--cobalt-bright)}

/* brand card — the real logo, presented as a designed brand object */
.hero-side{display:flex;flex-direction:column;gap:16px}
.brand-card{position:relative;border-radius:var(--r-xl);padding:56px 46px 26px;overflow:hidden;
  background:linear-gradient(158deg,#1a63ee,#0043ad 78%);
  box-shadow:0 40px 100px rgba(6,32,86,.55),inset 0 0 0 1px rgba(233,229,220,.18);}
.brand-card:before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:38px 38px;-webkit-mask-image:radial-gradient(120% 90% at 20% 0%,#000,transparent 75%);mask-image:radial-gradient(120% 90% at 20% 0%,#000,transparent 75%)}
.brand-card:after{content:"";position:absolute;width:220px;height:220px;right:-60px;top:-70px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 66%)}
.brand-card-logo{position:relative;z-index:1;width:82%;height:auto;filter:drop-shadow(0 12px 26px rgba(0,0,0,.28))}
.brand-card-foot{position:relative;z-index:1;display:flex;justify-content:space-between;margin-top:28px;padding-top:18px;border-top:1px solid rgba(233,229,220,.28);color:rgba(233,229,220,.86);font-family:var(--display);font-weight:500;font-size:11.5px;letter-spacing:.06em}
/* product shelf */
.shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.shelf a{display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 8px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(160deg,var(--panel),var(--ink-2));transition:.24s;color:var(--soft);font-size:10.5px;font-weight:500}
.shelf a:hover{transform:translateY(-4px);border-color:var(--line-2)}
.shelf .tile{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;box-shadow:0 12px 26px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.08);overflow:hidden}
.shelf .tile img{width:100%;height:100%;object-fit:cover}
.tile-voca{background:linear-gradient(150deg,#17c98a,#075949);color:#eafff6;font-family:var(--display);font-weight:600;font-size:20px}
.tile-emf{background:linear-gradient(150deg,#0d3b48,#0a6e79);color:#bff6fb;font-family:var(--display);font-size:22px}

/* ---- section scaffold ---- */
.section{padding:104px 0}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:34px;margin-bottom:48px}
.section-head h2{font-size:clamp(32px,4.4vw,54px);line-height:1.02;margin-top:14px;max-width:16ch}
.section-head p{max-width:46ch;color:var(--muted);margin:0;font-weight:300}

/* ---- products (home) ---- */
.products{padding-top:70px}
.p-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.p-card{position:relative;display:grid;grid-template-columns:296px 1fr;min-height:340px;border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;background:linear-gradient(158deg,var(--panel),var(--ink-2));transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s}
.p-card:hover{transform:translateY(-6px);border-color:var(--line-2);box-shadow:0 30px 74px rgba(0,0,0,.34)}
.p-media{position:relative;display:grid;place-items:center;overflow:hidden;border-right:1px solid var(--line)}
.p-media > img{width:132px;height:132px;border-radius:30px;position:relative;z-index:2;box-shadow:0 24px 56px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.06)}
.p-info{padding:34px 32px;display:flex;flex-direction:column;justify-content:center}
.p-label{align-self:flex-start;font-size:11px;font-weight:600;color:var(--soft);border:1px solid var(--line-2);border-radius:99px;padding:6px 12px;font-family:var(--display);letter-spacing:.02em}
.p-info h3{font-size:31px;margin:16px 0 11px;letter-spacing:-.02em}
.p-info p{color:var(--muted);font-size:14px;margin:0;max-width:40ch;font-weight:300}
.p-link{margin-top:24px;padding-top:17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-family:var(--display);font-weight:500;font-size:12.5px;color:var(--text)}
.p-link b{font-size:17px;transition:transform .24s}
.p-card:hover .p-link b{transform:translateX(4px)}

/* themed media backgrounds */
.m-reef{background:radial-gradient(circle at 52% 42%,rgba(58,214,247,.34),transparent 30%),linear-gradient(160deg,#063a60,#061024 74%)}
.m-reef .waterline{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 50% 86%,transparent 0 22px,rgba(58,214,247,.08) 23px 25px,transparent 26px 48px);opacity:.7}
.m-voca{background:radial-gradient(circle at 50% 36%,rgba(47,215,156,.24),transparent 40%),linear-gradient(160deg,#08312c,#06131a 74%)}
.m-weave{background:radial-gradient(circle at 50% 42%,rgba(157,112,247,.32),transparent 32%),linear-gradient(154deg,#191247,#0a0d22 74%)}
.m-emf{background:radial-gradient(circle at 50% 38%,rgba(73,219,230,.2),transparent 38%),linear-gradient(154deg,#082a36,#07131c 74%)}

/* GuneosVoca — premium flashcard mockup */
.voca-phone{position:relative;z-index:2;width:186px;border-radius:26px;padding:16px 15px 15px;
  background:linear-gradient(165deg,#0c453d,#08221f);border:1px solid rgba(233,229,220,.14);
  box-shadow:0 26px 60px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.04)}
.voca-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}
.voca-top b{font-family:var(--display);font-size:10px;color:#8ff3cf;letter-spacing:.03em}
.voca-streak{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:#ffd98a;background:rgba(248,193,92,.14);border-radius:99px;padding:3px 8px}
.voca-fc{border-radius:18px;padding:20px 16px;background:linear-gradient(160deg,#12b184,#0b6f5f);box-shadow:0 14px 30px rgba(0,0,0,.34);text-align:left;min-height:132px;display:flex;flex-direction:column;justify-content:center}
.voca-pos{font-size:8.5px;font-weight:600;letter-spacing:.06em;color:#d6fff0;opacity:.85}
.voca-word{font-family:var(--display);font-weight:600;font-size:22px;color:#fff;line-height:1.05;margin:7px 0 4px;letter-spacing:-.02em}
.voca-ipa{font-size:9.5px;color:#bff3e2}
.voca-mean{font-size:11px;color:#eafff8;margin-top:9px;font-weight:400}
.voca-bar{height:6px;border-radius:99px;background:rgba(233,229,220,.14);margin:15px 0 7px;overflow:hidden}
.voca-bar i{display:block;height:100%;width:60%;border-radius:99px;background:linear-gradient(90deg,#2fd79c,#8ff3cf)}
.voca-bar-l{display:flex;justify-content:space-between;font-size:9px;color:#a9ccc4;font-family:var(--display);font-weight:500}
.voca-langs{display:flex;gap:5px;margin-top:14px}
.voca-langs i{font-style:normal;font-size:8px;font-weight:700;font-family:var(--display);width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:rgba(233,229,220,.08);color:#d8fff3}
.voca-langs i:last-child{background:rgba(47,215,156,.2);color:#c6ffe9}

/* GuneosEMF — sensor readout mockup */
.emf-phone{position:relative;z-index:2;width:172px;border-radius:26px;padding:22px 18px;background:linear-gradient(165deg,#0c2733,#07141d);border:1px solid rgba(233,229,220,.13);box-shadow:0 26px 60px rgba(0,0,0,.5);text-align:center;overflow:hidden}
.emf-phone .lab{font-size:9px;letter-spacing:.14em;color:#6fe6f2;font-family:var(--display);font-weight:500;text-transform:uppercase}
.emf-read{font-family:var(--display);font-weight:600;font-size:52px;line-height:1;color:#eafeff;margin:9px 0 2px}
.emf-read em{font-style:normal;font-size:18px;color:#6fe6f2;margin-left:3px}
.emf-graph{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:52px;margin:16px 0 12px}
.emf-graph i{width:7px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#49dbe6,#1a6b86)}
.emf-axes{display:flex;justify-content:space-between;font-size:8.5px;color:#8fb6c1;font-family:var(--display);font-weight:500;border-top:1px solid rgba(233,229,220,.12);padding-top:10px}

/* ---- studio strip ---- */
.studio{padding-top:34px}
.studio-inner{border:1px solid var(--line);border-radius:var(--r-xl);padding:56px;display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:center;background:linear-gradient(158deg,var(--panel),var(--ink-2));position:relative;overflow:hidden}
.studio-inner:before{content:"";position:absolute;right:-80px;bottom:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(18,89,224,.16),transparent 68%)}
.studio-inner h2{font-size:clamp(30px,3.8vw,48px);line-height:1.03;position:relative;z-index:1;margin-top:14px}
.studio-list{display:grid;gap:2px;position:relative;z-index:1;align-self:stretch}
.studio-list > div{padding:20px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:44px 1fr;gap:15px;align-items:center}
.studio-list > div:last-child{border-bottom:1px solid var(--line)}
.studio-list .g{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(18,89,224,.14);border:1px solid rgba(91,147,255,.25);color:var(--cobalt-bright);font-size:17px}
.studio-list b{font-family:var(--display);font-weight:500;font-size:15px;color:var(--text);line-height:1.2}
.studio-list b + br + span{font-size:12.5px}
.studio-list span{font-size:12.5px;color:var(--muted)}

/* ---- contact ---- */
.contact{border:1px solid var(--line);border-radius:var(--r-xl);padding:66px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;
  background:radial-gradient(80% 130% at 82% 12%,rgba(18,89,224,.16),transparent 55%),linear-gradient(158deg,var(--panel),#080d1b)}
.contact h2{font-size:clamp(32px,4.2vw,52px);line-height:1.02;max-width:15ch}
.contact p{color:var(--muted);max-width:48ch;font-weight:300}
.contact-mail{font-family:var(--display);font-size:19px;font-weight:500;border-bottom:1px solid var(--line-2);padding-bottom:6px;white-space:nowrap;transition:.2s}
.contact-mail:hover{border-color:var(--cobalt-bright);color:var(--cobalt-bright)}

/* ---- footer ---- */
.footer{padding:56px 0 60px;color:var(--muted);font-size:13px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:44px;border-top:1px solid var(--line);padding-top:44px}
.footer .brand{margin-bottom:16px}
.footer h5{color:var(--text);margin:0 0 14px;font-size:12px;font-family:var(--display);font-weight:500;letter-spacing:.04em}
.footer a{display:block;margin:9px 0;transition:.2s}
.footer a:hover{color:var(--text)}
.footer p{margin:8px 0 0;font-weight:300}

/* ---- language toggle ---- */
[data-lang="tr"] .en,[data-lang="en"] .tr{display:none!important}

/* ---- reveal (one gentle entrance) ---- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

/* ================= PRODUCT PAGES ================= */
.product-hero{padding:150px 0 84px;display:grid;grid-template-columns:.94fr 1.06fr;gap:66px;align-items:center;min-height:720px}
.product-brand{display:flex;align-items:center;gap:16px;margin-bottom:26px}
.product-brand img,.product-brand .emf-icon{width:74px;height:74px;border-radius:19px}
.product-brand > div{display:flex;flex-direction:column}
.product-brand .kicker{margin-bottom:5px}
.product-brand strong{font-family:var(--display);font-weight:600;font-size:22px;display:block}
.product-hero h1{font-size:clamp(50px,6.6vw,86px);line-height:.96;letter-spacing:-.02em;margin:0 0 22px}
.product-hero p{font-size:16.5px;color:var(--soft);max-width:52ch;font-weight:300}
.product-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}
.tag{font-size:11px;color:var(--soft);border:1px solid var(--line-2);border-radius:99px;padding:7px 13px;font-family:var(--display);font-weight:400}
.product-hero .actions{margin-top:30px}
.product-stage{position:relative;min-height:580px;display:grid;place-items:center}
.product-stage:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(58,214,247,.2),transparent 66%);filter:blur(12px)}
.phone-stack{position:relative;width:452px;height:580px}
.phone{position:absolute;width:236px;border-radius:38px;overflow:hidden;border:7px solid #0a0e18;box-shadow:0 34px 84px rgba(0,0,0,.55)}
.phone img{width:100%}
.phone.p1{left:8px;top:60px;transform:rotate(-6deg)}
.phone.p2{right:6px;top:8px;transform:rotate(5deg)}
.nw-stage{width:512px;height:512px;border-radius:44px;background:linear-gradient(150deg,#151a52,#160c3b);border:1px solid var(--line);position:relative;box-shadow:var(--shadow);overflow:hidden}
.nw-stage img{position:absolute;width:168px;height:168px;border-radius:38px;top:30px;left:30px;z-index:2}
.nw-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(157,112,247,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(157,112,247,.12) 1px,transparent 1px);background-size:44px 44px;transform:perspective(620px) rotateX(55deg) scale(1.35);transform-origin:center bottom;top:44%}
.nw-chain{position:absolute;right:40px;top:80px;font-family:var(--display);font-size:104px;color:#b79dff;filter:drop-shadow(0 0 22px rgba(130,100,255,.5))}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.feature{border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;background:linear-gradient(160deg,rgba(233,229,220,.03),transparent);min-height:186px;transition:.26s}
.feature:hover{border-color:var(--line-2);transform:translateY(-3px)}
.feature b{font-size:11px;color:var(--cobalt-bright);font-family:var(--display);font-weight:500;letter-spacing:.03em}
.feature h3{margin:14px 0 8px;font-size:18px}
.feature p{font-size:13px;color:var(--muted);margin:0;font-weight:300}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gallery img{border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.emf-icon{background:linear-gradient(150deg,#0b2633,#0c6379);display:grid;place-items:center;box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.14);font-size:38px}

/* ================= LEGAL / PRIVACY ================= */
.legal-hero{padding:150px 0 46px}
.legal-hero h1{font-size:clamp(44px,5.6vw,74px);letter-spacing:-.02em;margin:14px 0}
.legal-hero p{color:var(--muted);max-width:60ch;font-weight:300}
.legal{display:grid;grid-template-columns:250px 1fr;gap:58px;padding-bottom:100px}
.legal-nav{position:sticky;top:100px;align-self:start;border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;background:linear-gradient(160deg,rgba(233,229,220,.03),transparent)}
.legal-nav a{display:block;padding:9px 11px;border-radius:9px;color:var(--muted);font-size:12.5px;transition:.2s}
.legal-nav a:hover{background:rgba(233,229,220,.05);color:var(--text)}
.legal-body{max-width:800px}
.legal-body .notice{border:1px solid rgba(91,147,255,.28);background:rgba(18,89,224,.08);border-radius:var(--r-lg);padding:24px;margin-bottom:34px}
.legal-body section{padding:0 0 32px;margin-bottom:32px;border-bottom:1px solid var(--line)}
.legal-body h2{font-size:22px;margin:0 0 12px}
.legal-body p,.legal-body li{color:var(--muted);font-size:14px;font-weight:300}
.legal-body a{color:var(--cobalt-bright);text-decoration:underline}
.privacy-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:100px}
.privacy-card{border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;background:linear-gradient(158deg,var(--panel),var(--ink-2));transition:.26s}
.privacy-card:hover{transform:translateY(-4px);border-color:var(--line-2)}
.privacy-card .icon{width:58px;height:58px;border-radius:16px;object-fit:cover;margin-bottom:24px}
.privacy-card h3{font-size:21px;margin:0 0 8px}
.privacy-card p{color:var(--muted);font-size:13px;font-weight:300}
.privacy-card span{display:inline-block;margin-top:20px;font-size:12px;color:var(--cobalt-bright);font-family:var(--display);font-weight:500}
.privacy-card.voca-privacy .icon{display:grid;place-items:center;background:linear-gradient(150deg,#17c98a,#075949);font-family:var(--display);font-weight:600;color:#fff;font-size:15px}

/* ================= RESPONSIVE ================= */
@media(max-width:1040px){
  .home .hero{grid-template-columns:1fr;gap:44px;min-height:auto;padding-top:132px}
  .p-grid{grid-template-columns:1fr}
  .product-hero{grid-template-columns:1fr}
  .studio-inner{grid-template-columns:1fr;gap:36px}
  .feature-grid{grid-template-columns:1fr 1fr}
  .gallery{grid-template-columns:1fr 1fr}
  .privacy-hub{grid-template-columns:1fr 1fr}
  .contact{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .legal{grid-template-columns:1fr}.legal-nav{position:static}
  .hero-side{max-width:520px}
}
@media(max-width:720px){
  .wrap{width:min(100% - 28px,1180px)}
  .nav{top:10px}.nav-inner{border-radius:15px;padding:0 16px}
  .nav-links{display:none}
  .menu{display:block}
  .nav.open .nav-links{display:flex;position:absolute;top:74px;left:10px;right:10px;flex-direction:column;align-items:stretch;padding:16px;background:#0b1122;border:1px solid var(--line);border-radius:16px;gap:6px}
  .nav.open .nav-links a{padding:9px}
  .lang{margin-left:auto}
  .section{padding:76px 0}
  .section-head{flex-direction:column;align-items:flex-start;gap:16px}
  .p-card{grid-template-columns:1fr}
  .p-media{min-height:250px;border-right:0;border-bottom:1px solid var(--line);padding:30px 0}
  .p-info{padding:28px 24px}
  .studio-inner{padding:34px 24px}
  .contact{padding:38px 26px}
  .footer-grid{grid-template-columns:1fr;gap:30px}
  .feature-grid,.privacy-hub,.gallery{grid-template-columns:1fr}
  .brand-card{padding:44px 30px 22px}
  .product-hero{padding-top:126px;min-height:auto}
  .product-stage{min-height:440px}
  .phone-stack{width:320px;height:440px}.phone{width:172px;border-radius:28px}
  .nw-stage{width:320px;height:320px}.nw-stage img{width:120px;height:120px}
  .nw-chain{font-size:80px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
  html{scroll-behavior:auto}
}