/* Alayadi Aldhabia Almutahida - light editorial premium-tech
   Pearl base, graphite bands, gold hairlines, blue "power-on" glow.
   Signature: cupped-hands curve + box lids that lift. Logical properties throughout (RTL/LTR). */

/* ---------- fonts (self-hosted, one family: Exo 2 for Latin, Changa for Arabic) */
@font-face{font-family:"Brand";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/exo-2-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Brand";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/exo-2-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Brand";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/exo-2-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Brand";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/changa-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Brand";font-style:normal;font-weight:500 600;font-display:swap;src:url(fonts/changa-arabic-500-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Brand";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/changa-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}

:root{
  --pearl:#F7F4EE; --paper:#FCFBF8; --sand:#EFE9DE; --sand2:#E6DECF;
  --ink:#1A1D22; --deep:#15171B; --ink2:#2A2E35; --muted:#565C66; --muted-d:#A9AEB8;
  --gold:#E2B04A; --gold-l:#F3CF74; --gold-d:#A87A22; --gold-t:#8C6418;
  --blue:#3A8DFF; --blue-t:#2F6FD0;
  --line:rgba(168,122,34,.28); --line2:rgba(26,29,34,.1);
  --r:20px; --r-s:12px;
  --shadow:0 18px 40px -22px rgba(21,23,27,.35);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:110px}
body{margin:0;background:var(--pearl);color:var(--ink);font-family:"Brand",system-ui,sans-serif;font-size:17px;line-height:1.75;overflow-x:hidden}
html[lang=en] body{line-height:1.65}
img,svg{max-width:100%}
img{display:block;height:auto}
a{color:inherit}
h1,h2,h3{line-height:1.25;margin:0 0 .5em;font-weight:700;letter-spacing:-.005em}
html[lang=en] h1,html[lang=en] h2{letter-spacing:-.015em}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{position:fixed;inset-block-start:10px;inset-inline-start:10px;width:auto;height:auto;clip-path:none;background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;z-index:200}
.wrap{max-width:1200px;margin-inline:auto;padding-inline:20px}
.ic{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
[dir=rtl] .ic.arr{transform:scaleX(-1)}
[hidden]{display:none!important}

/* ---------- buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 22px;border-radius:999px;border:1.5px solid transparent;font-weight:600;font-size:16px;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .25s var(--ease),background .25s,box-shadow .25s,color .25s}
.btn:hover{transform:translateY(-2px)}
.btn .ic{width:19px;height:19px}
.btn-gold{background:linear-gradient(135deg,var(--gold-l),var(--gold) 55%,#C99536);color:var(--deep);box-shadow:0 10px 24px -14px rgba(168,122,34,.9)}
.btn-gold:hover{box-shadow:0 14px 30px -12px rgba(168,122,34,.9),0 0 0 4px rgba(226,176,74,.18)}
.btn-ink{background:var(--ink);color:#fff}
.btn-ink:hover{background:var(--deep);box-shadow:0 0 0 4px rgba(58,141,255,.18)}
.btn-line{border-color:rgba(26,29,34,.28);color:var(--ink);background:transparent}
.btn-line:hover{border-color:var(--ink);background:var(--paper)}
.btn-ghost{border-color:rgba(255,255,255,.35);color:#fff}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-l)}
.btn-sm{min-height:42px;padding:6px 18px;font-size:15px}
.btn:disabled,.btn[aria-disabled=true],.btn.is-off{opacity:.45;pointer-events:none}
.tlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:var(--gold-t);text-decoration:none;border-block-end:1.5px solid var(--line)}
.tlink:hover{color:var(--ink);border-color:var(--gold)}

/* ---------- floating pill header */
.site-header{position:fixed;inset-block-start:14px;inset-inline:0;z-index:100;padding-inline:14px;transition:inset-block-start .3s var(--ease)}
.pill{max-width:1240px;margin-inline:auto;display:flex;align-items:center;gap:14px;padding:8px 10px;padding-inline-start:16px;border-radius:999px;background:rgba(252,251,248,.88);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border:1px solid var(--line);box-shadow:0 10px 30px -22px rgba(21,23,27,.5);transition:padding .3s var(--ease),max-width .35s var(--ease),box-shadow .3s}
.site-header.scrolled{inset-block-start:8px}
.site-header.scrolled .pill{padding-block:5px;box-shadow:0 16px 34px -20px rgba(21,23,27,.55)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0;min-height:44px}
.brand img{width:46px;height:46px;transition:width .3s,height .3s}
.scrolled .brand img{width:38px;height:38px}
.bn{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.bn b{font-size:17px;white-space:nowrap}
.bn small{font-size:13px;color:var(--gold-t);white-space:nowrap;font-weight:500}
html[lang=en] .bn b{font-size:15px;letter-spacing:.02em}
.nav{flex:1 1 auto;min-width:0;display:flex;justify-content:safe center}
.nav-in{display:flex;align-items:center;gap:2px}
.nav a{position:relative;display:inline-flex;align-items:center;min-height:42px;padding:4px 10px;border-radius:999px;text-decoration:none;font-weight:500;font-size:15.5px;white-space:nowrap;color:var(--ink2);transition:background .2s,color .2s}
.nav a:hover{background:var(--sand)}
.nav a.active{color:var(--ink);font-weight:700}
.nav a.active::after{content:"";position:absolute;inset-block-end:5px;inset-inline-start:50%;width:6px;height:6px;margin-inline-start:-3px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px 2px rgba(58,141,255,.6)}
.nav-mail{display:none}
.acts{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.lang-btn{min-width:44px;min-height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--paper);font-weight:700;cursor:pointer;font-size:15px}
.lang-btn:hover{border-color:var(--gold)}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:0;background:var(--ink);color:#fff;cursor:pointer;align-items:center;justify-content:center;position:relative;z-index:3}
.burger .i-close{display:none}
.burger[aria-expanded=true] .i-open{display:none}
.burger[aria-expanded=true] .i-close{display:block}
@media (max-width:1300px){
  .burger{display:inline-flex}
  .nav{position:fixed;inset:0;z-index:2;background:radial-gradient(120% 70% at 50% 0%,#262A31,var(--deep) 70%);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;padding:90px 24px 40px;overflow-y:auto}
  .nav.open{opacity:1;visibility:visible}
  .nav-in{flex-direction:column;gap:4px;width:100%;max-width:420px}
  .nav a{color:#fff;font-size:24px;font-weight:600;min-height:54px;width:100%;justify-content:center;border-radius:16px}
  .nav a:hover,.nav a.active{background:rgba(255,255,255,.06);color:var(--gold-l)}
  .nav a.active::after{inset-block-end:auto;inset-inline-start:auto;inset-inline-end:18px;margin:0}
  .nav-mail{display:block;margin:18px 0 0;text-align:center;color:var(--muted-d)}
  .nav-mail a{font-size:16px;color:var(--muted-d)}
  .nav-in{transform:translateY(12px);transition:transform .4s var(--ease)}
  .nav.open .nav-in{transform:none}
  .site-header .pill{position:relative;backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(252,251,248,.97)}
  body.menu-open{overflow:hidden}
  body.menu-open .lang-btn{position:relative;z-index:3}
}
@media (max-width:620px){
  .hcta{display:none}
  .site-header{inset-block-start:10px;padding-inline:10px}
  .pill{gap:8px;padding-inline-start:10px}
  .brand img{width:40px;height:40px}
  .bn b{font-size:15.5px}
  html[lang=en] .bn b{font-size:13.5px}
  .bn small{display:none}
}

/* ---------- ornaments: cupped-hands curve, eyebrow, barcode */
.cup{width:58px;height:17px;flex:none;overflow:visible}
.cup path{fill:none;stroke:var(--gold);stroke-width:3.2;stroke-linecap:round}
.cup-dot{fill:var(--blue);filter:drop-shadow(0 0 4px rgba(58,141,255,.9))}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 14px;color:var(--gold-t);font-weight:600;font-size:15px;letter-spacing:.02em}
html[lang=en] .eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:13.5px}
.barcode{display:inline-block;width:62px;height:20px;flex:none;opacity:.85;background:
  linear-gradient(90deg,var(--gold) 0 2px,transparent 2px 5px,var(--gold) 5px 6px,transparent 6px 8px,var(--gold) 8px 11px,transparent 11px 13px,var(--gold) 13px 14px,transparent 14px 17px,var(--gold) 17px 19px,transparent 19px 20px) 0 0/20px 100% repeat-x}
.sec-title{max-width:720px;margin-block-end:34px}
.sec-title h2{font-size:clamp(28px,3.6vw,44px)}
.sec-title p{color:var(--muted);font-size:18px}
.sec-title.center{margin-inline:auto;text-align:center}
.sec-title.center .eyebrow{justify-content:center}
.sec{padding-block:88px}
.sec.alt{background:var(--sand);position:relative}
.sec.alt::before{content:"";position:absolute;inset-inline:0;inset-block-start:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}
.band{background:radial-gradient(90% 120% at 85% 0%,#2A2E36 0%,var(--deep) 60%);color:#F2EFE8;padding-block:88px;position:relative;overflow:hidden}
.band .sec-title p{color:#C3C6CC}
.band .eyebrow{color:var(--gold-l)}
.prose{color:var(--ink2);font-size:18px}
.note{display:flex;gap:12px;align-items:flex-start;margin-block-start:26px;padding:16px 18px;border-radius:var(--r-s);background:var(--paper);border:1px dashed var(--line);color:var(--muted);font-size:15.5px}
.note .ic{color:var(--gold-d);margin-block-start:3px}
.fine{font-size:14px;color:var(--muted);margin:14px 0 0}

/* ---------- lidbox: a box whose lid lifts to reveal the photo */
.lidbox{position:relative;overflow:hidden;border-radius:var(--r);background:var(--ink);isolation:isolate}
.lidbox img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter 1s}
.lidbox::before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,#2B2F37 0%,#1C1F25 92%,var(--gold) 92%,var(--gold) 93.2%,#16181D 93.2%);
  transform:translateY(calc(-100% + 12px));transition:transform 1.1s var(--ease)}
.lidbox::after{content:"";position:absolute;inset-inline:0;inset-block-start:0;height:12px;z-index:3;pointer-events:none;background:linear-gradient(180deg,#2B2F37,#1C1F25);border-block-end:1.5px solid var(--gold)}
html.js .lidbox:not(.open)::before{transform:translateY(0)}
html.js .lidbox:not(.open) img{filter:brightness(.6)}
.lidbox:hover img{transform:scale(1.03)}

/* reveal on scroll */
html.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
html.js .reveal.in{opacity:1;transform:none}

/* ---------- hero */
.hero{padding-block:136px 70px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset-block-start:-180px;inset-inline-end:-220px;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(226,176,74,.16),transparent 65%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(40px,5vw,66px);line-height:1.12;margin-block-end:22px}
.hero h1 em{font-style:normal;color:var(--gold-d);display:block;position:relative}
.lead{font-size:19px;color:var(--ink2);max-width:600px}
.need{margin-block-start:28px;padding:20px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}
.need-q{font-weight:700;margin:0 0 12px;font-size:17px}
.need-chips{display:flex;flex-wrap:wrap;gap:8px}
.need-chip{text-align:start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 16px;border-radius:999px;border:1.5px solid var(--line2);background:var(--pearl);cursor:pointer;font-weight:500;font-size:15.5px;transition:background .2s,border-color .2s,color .2s}
.need-chip .ic{width:19px;height:19px;color:var(--gold-d)}
.need-chip:hover{border-color:var(--gold)}
.need-chip[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.need-chip[aria-selected=true] .ic{color:var(--blue);filter:drop-shadow(0 0 5px rgba(58,141,255,.8))}
.need-panel{margin-block-start:14px;padding-block-start:14px;border-block-start:1px dashed var(--line)}
.need-panel p{margin-block-end:12px;color:var(--ink2)}
.np-acts{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
.hero-art{position:relative;padding-block-end:40px}
.unbox{aspect-ratio:4/3.2;box-shadow:0 40px 70px -40px rgba(21,23,27,.7)}
.hands-arc{position:absolute;inset-inline:-6%;inset-block-end:-4px;width:112%;height:auto;z-index:4;pointer-events:none;overflow:visible}
.hands-arc path{fill:none;stroke:var(--gold);stroke-width:5;stroke-linecap:round}
.hands-arc circle{fill:var(--blue);filter:drop-shadow(0 0 8px rgba(58,141,255,.95))}
.hero-tag{position:absolute;z-index:5;inset-block-start:26px;inset-inline-start:-18px;display:flex;align-items:center;gap:8px;max-width:270px;margin:0;padding:10px 14px;border-radius:14px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);font-size:14px;font-weight:600;line-height:1.4}
.hero-tag .ic{color:var(--blue)}

/* ---------- product box cards */
.pbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pbox{position:relative;display:flex;flex-direction:column;text-decoration:none;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:box-shadow .3s,transform .3s var(--ease)}
.pbox::before{content:"";position:absolute;inset-inline:0;inset-block-start:52px;height:2px;background:var(--blue);box-shadow:0 0 14px 2px rgba(58,141,255,.7);opacity:0;transition:opacity .3s}
.pbox:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.pbox:hover::before{opacity:1}
.lid{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:10px 18px;background:linear-gradient(180deg,#2B2F37,var(--ink));color:#fff;border-block-end:2px solid var(--gold);position:relative;z-index:1;transition:transform .45s var(--ease)}
.lid-l{display:flex;align-items:center;gap:10px;font-weight:600}
.lid-l .ic{color:var(--gold-l)}
.pbox:hover .lid{transform:translateY(-7px) rotate(-1.2deg)}
[dir=ltr] .pbox:hover .lid{transform:translateY(-7px) rotate(1.2deg)}
.pb-body{display:flex;flex-direction:column;padding:20px 22px 8px;flex:1}
.pb-dev{display:block;width:62px;height:62px;margin-block-end:8px}
.pb-h{font-size:21px;margin-block-end:6px}
.pb-p{color:var(--muted);font-size:16px}
.spec-strip{display:flex;flex-wrap:wrap;gap:0;margin:12px 22px 0;border:1px dashed var(--line);border-radius:10px;overflow:hidden}
.spec-strip li{flex:1;text-align:center;padding:6px 8px;font-size:13px;font-weight:600;color:var(--gold-t);white-space:nowrap}
.spec-strip li+li{border-inline-start:1px dashed var(--line)}
.pb-more{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 22px 16px;font-weight:600;color:var(--ink);font-size:15.5px}
.pb-more .ic{width:18px;height:18px;transition:transform .3s}
.pbox:hover .pb-more .ic{transform:translateX(4px)}
[dir=rtl] .pbox:hover .pb-more .ic{transform:scaleX(-1) translateX(4px)}
.more-line{margin-block-start:26px;text-align:center}

/* device silhouettes */
.dev{width:100%;height:100%;overflow:visible}
.dev .bd{fill:#D7D0C3;transition:fill .35s}
.dev .bd2{stroke:#C9C1B2;fill:#C9C1B2;transition:stroke .35s,fill .35s}
.dev .scr{fill:#BFB7A8;transition:fill .35s,filter .35s}
.dev.sm .bd{fill:var(--ink2)}.dev.sm .bd2{stroke:var(--ink2);fill:var(--ink2)}.dev.sm .scr{fill:var(--blue)}
.dev.xs{width:30px;height:30px;flex:none}
.dev.xs .bd{fill:var(--ink2)}.dev.xs .bd2{stroke:var(--ink2);fill:var(--ink2)}.dev.xs .scr{fill:var(--gold)}

/* ---------- signal path (home mini) */
.sp-band::after{content:"";position:absolute;inset-inline-start:-10%;inset-block-end:-140px;width:120%;height:260px;border-radius:50%;border-block-start:1.5px solid rgba(226,176,74,.25);pointer-events:none}
.sp-mini{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;position:relative;counter-reset:s}
.sp-mini::before{content:"";position:absolute;inset-inline:8%;inset-block-start:30px;height:2px;background:linear-gradient(90deg,var(--gold),var(--blue),var(--gold));opacity:.55}
.sp-node{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;text-decoration:none;padding:0 4px 8px;min-height:44px;border-radius:14px}
.sp-dot{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--deep);border:1.5px solid var(--gold);color:var(--gold-l);transition:box-shadow .3s,color .3s,border-color .3s}
.sp-node:hover .sp-dot{color:#fff;border-color:var(--blue);box-shadow:0 0 0 6px rgba(58,141,255,.15),0 0 22px rgba(58,141,255,.6)}
.sp-n{font-size:13px;color:var(--gold-l);font-weight:600;letter-spacing:.1em}
.sp-t{font-weight:600;font-size:16px;line-height:1.35}

/* ---------- split sections, pledges */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.split-art{aspect-ratio:4/3.3}
.pledges{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pledge{padding:20px;border-radius:var(--r-s);background:var(--paper);border:1px solid var(--line)}
.pledge .ic{width:28px;height:28px;color:var(--gold-d);margin-block-end:6px}
.pledge h3{font-size:19px;margin-block-end:4px}
.pledge p{color:var(--muted);font-size:15.5px;margin:0}
.sector-pills{display:flex;flex-wrap:wrap;gap:12px}
.sector-pills a{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:8px 22px;border-radius:999px;background:var(--paper);border:1px solid var(--line);text-decoration:none;font-weight:600;transition:border-color .2s,box-shadow .2s}
.sector-pills a .ic{color:var(--gold-d)}
.sector-pills a:hover{border-color:var(--gold);box-shadow:0 0 0 4px rgba(226,176,74,.15)}

/* ---------- CTA + footer */
.cta{padding-block:70px}
.cta-in{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.cta-text{max-width:640px}
.cta-cup{width:84px;height:24px;margin-block-end:10px}
.cta h2{font-size:clamp(26px,3.2vw,38px);color:#fff}
.cta p{color:#C3C6CC;margin:0}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.site-footer{background:var(--deep);color:#C9CCD2;padding-block-start:60px;position:relative}
.f-cup{position:absolute;inset-block-start:-1px;inset-inline-start:50%;width:140px;height:40px;margin-inline-start:-70px}
[dir=rtl] .f-cup{margin-inline-start:-70px}
.site-footer .top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:36px;padding-block-end:40px}
.brand.light .bn b{color:#fff}
.brand.light .bn small{color:var(--gold-l)}
.f-brand p{margin-block-start:14px;font-size:15.5px;color:#AEB2BA;max-width:380px}
.fh{font-size:16px;color:#fff;margin-block-end:12px}
.col a{display:block;padding-block:5px;text-decoration:none;color:#C9CCD2;font-size:15.5px}
.col a:hover{color:var(--gold-l)}
.ln{display:flex;align-items:center;gap:10px;padding-block:5px;font-size:15.5px;word-break:break-word}
.ln .ic{color:var(--gold);width:19px;height:19px}
.ln a{display:inline;padding:0}
.site-footer .bottom{border-block-start:1px solid rgba(255,255,255,.08);padding-block:18px;font-size:14px;color:#9095A0}
.to-top{position:fixed;inset-block-end:20px;inset-inline-end:20px;z-index:50;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--gold);background:var(--ink);color:var(--gold-l);display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s}
.to-top.show{opacity:1;visibility:visible;transform:none}

/* ---------- page hero */
.page-hero{padding-block:140px 60px;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--paper),var(--pearl))}
.page-hero::after{content:"";position:absolute;inset-inline:0;inset-block-end:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.ph-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
.page-hero.has-art .ph-grid{grid-template-columns:1.1fr .9fr}
.crumbs{font-size:14.5px;color:var(--muted);margin-block-end:14px}
.crumbs a{color:var(--gold-t)}
.page-hero h1{font-size:clamp(32px,4.6vw,58px);max-width:820px}
.page-hero p{font-size:19px;color:var(--ink2);max-width:680px;margin:0}
.ph-art{aspect-ratio:16/11}

/* ---------- about */
.mv{display:grid;gap:18px}
.mv-card{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:var(--r);overflow:hidden}
.mv-card .lid{margin:0}
.mv-card h3{padding:18px 22px 0;font-size:22px;margin:0}
.mv-card p{padding:6px 22px 20px;color:var(--muted);margin:0}
.vals{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.val{padding:26px 22px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);text-align:center}
.v-ic{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--ink);color:var(--gold-l);margin-block-end:12px;box-shadow:0 0 0 6px rgba(226,176,74,.14)}
.val h3{font-size:21px}
.val p{color:var(--muted);font-size:15.5px;margin:0}
.scope{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.scope-col{padding:28px;border-radius:var(--r);border:1px solid var(--line);background:var(--paper)}
.scope-col h2{font-size:26px}
.scope-col li{display:flex;gap:10px;align-items:flex-start;padding-block:8px;border-block-end:1px dashed var(--line2)}
.scope-col li:last-child{border:0}
.scope-col.yes .ic{color:var(--blue-t)}
.scope-col.no .ic{color:#B0432B}
.idcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.idcard dl{margin:0;padding:8px 22px 14px}
.idcard dl div{display:grid;grid-template-columns:150px 1fr;gap:14px;padding-block:11px;border-block-end:1px dashed var(--line2)}
.idcard dl div:last-child{border:0}
.idcard dt{color:var(--muted);font-size:15px}
.idcard dd{margin:0;font-weight:600;word-break:break-word}
.en-name{display:block;font-weight:500;color:var(--muted);font-size:15px}
html[lang=en] .en-name{display:none}

/* ---------- products: display shelf */
.shelf{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:end}
.slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 14px;min-height:150px;border:1px solid transparent;border-radius:18px 18px 6px 6px;background:transparent;cursor:pointer;transition:background .3s,border-color .3s,transform .3s var(--ease)}
.slot .dev{width:76px;height:76px;transition:transform .4s var(--ease)}
.slot-l{font-weight:600;font-size:15px;line-height:1.35;text-align:center}
.slot:hover{background:var(--paper)}
.slot:hover .dev{transform:translateY(-4px)}
.slot .glow{position:absolute;inset-block-end:-10px;inset-inline:18%;height:18px;border-radius:50%;background:radial-gradient(closest-side,rgba(58,141,255,.75),transparent);opacity:0;transition:opacity .4s}
.slot[aria-selected=true]{background:var(--paper);border-color:var(--line);box-shadow:0 -10px 30px -20px rgba(21,23,27,.4)}
.slot[aria-selected=true] .glow{opacity:1}
.slot[aria-selected=true] .dev{transform:translateY(-6px)}
.slot[aria-selected=true] .bd{fill:var(--ink)}
.slot[aria-selected=true] .bd2{fill:var(--ink);stroke:var(--ink)}
.slot[aria-selected=true] .scr{fill:var(--blue);filter:drop-shadow(0 0 6px rgba(58,141,255,.95))}
.shelf-board{height:14px;border-radius:4px;background:linear-gradient(180deg,var(--gold-l),var(--gold) 40%,#B9862A);box-shadow:0 16px 24px -16px rgba(21,23,27,.6);margin-block-end:30px}
.sp-box{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.sp-head{font-size:19px}
.sp-grid{display:grid;grid-template-columns:.9fr 1.1fr}
.sp-photo{position:relative;min-height:0;background:var(--ink)}
.sp-photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.sp-info{padding:26px 28px}
.sp-desc{font-size:18px;color:var(--ink2)}
.sp-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sp-cols h3{font-size:17px;color:var(--gold-t);margin-block-end:8px}
.ticks li{display:flex;gap:10px;align-items:flex-start;padding-block:4px;font-size:16px}
.ticks .ic{width:19px;height:19px;color:var(--blue-t);margin-block-start:4px}
.ticks.spec .ic{color:var(--gold-d)}
.ticks.big li{font-size:17px;padding-block:7px}
.sp-pack{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;padding:12px 14px;border-radius:12px;background:var(--sand);font-size:15.5px}
.sp-pack .ic{color:var(--gold-d);margin-block-start:3px}
.sp-info .spec-strip{margin-inline:0}
.sp-acts{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:18px}
.shelf-panel{outline-offset:6px}
.shelf-panel.flash .sp-box{animation:liftlid .7s var(--ease)}
@keyframes liftlid{0%{transform:translateY(8px);opacity:.4}100%{transform:none;opacity:1}}

/* order list builder */
.builder-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}
.volt{display:flex;gap:14px;padding:20px;border-radius:var(--r);background:var(--ink);color:#E9E6DF}
.volt>.ic{width:30px;height:30px;color:var(--blue);filter:drop-shadow(0 0 6px rgba(58,141,255,.8))}
.volt h3{color:#fff;font-size:18px;margin-block-end:4px}
.volt p{margin:0;font-size:15.5px;color:#C3C6CC}
.order-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.ob-form{display:grid;grid-template-columns:1.4fr .8fr auto;gap:12px;align-items:end;padding:20px 22px 0}
.ob-form .field{margin:0}
.ob-err{padding-inline:22px;margin:6px 0 0}
.ob-list{padding:6px 22px}
.ob-list li{display:grid;grid-template-columns:34px 1fr 96px 44px;gap:10px;align-items:center;padding-block:8px;border-block-end:1px dashed var(--line2)}
.ob-list li .dev{width:30px;height:30px}
.ob-list .nm{font-weight:600}
.ob-list input{width:100%;min-height:44px;padding:6px 10px;border-radius:10px;border:1.5px solid var(--line2);background:#fff;text-align:center}
.ob-list .rm{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line2);background:transparent;cursor:pointer;display:grid;place-items:center}
.ob-list .rm:hover{border-color:#B0432B;color:#B0432B}
.ob-empty{padding:4px 22px;color:var(--muted);margin:0}
.ob-status{padding-inline:22px;margin:4px 0 0;font-size:15px;color:var(--blue-t);min-height:1.2em}
.ob-acts{display:flex;flex-wrap:wrap;gap:12px;padding:12px 22px 0}
.order-card .fine{padding:0 22px 20px}

/* ---------- process: signal path */
.signal{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-block-end:40px}
.sig-line{position:absolute;inset-inline:8.3%;inset-block-start:26px;width:83.4%;height:20px;overflow:visible;pointer-events:none}
[dir=rtl] .sig-line{transform:scaleX(-1)}
.sig-base{stroke:var(--sand2);stroke-width:4;fill:none}
.sig-live{stroke:var(--blue);stroke-width:4;fill:none;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p,0));filter:drop-shadow(0 0 5px rgba(58,141,255,.8));transition:stroke-dashoffset .7s var(--ease)}
.sp-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 4px 10px;min-height:44px;background:none;border:0;cursor:pointer;border-radius:14px;text-align:center}
.sp-stage .sp-dot{width:56px;height:56px;background:var(--paper);border:2px solid var(--sand2);color:var(--muted)}
.sp-stage .sp-n{color:var(--gold-t)}
.sp-stage .sp-t{font-size:15.5px}
.sp-stage.done .sp-dot{border-color:var(--gold);color:var(--gold-d)}
.sp-stage[aria-selected=true] .sp-dot{background:var(--ink);border-color:var(--blue);color:#fff;box-shadow:0 0 0 6px rgba(58,141,255,.14),0 0 22px rgba(58,141,255,.55)}
.stage-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:stretch}
.stage-panel{padding:30px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}
.stage-panel.flash{animation:liftlid .6s var(--ease)}
.st-n{color:var(--gold-t);font-weight:600;margin:0 0 4px}
.stage-panel h2{font-size:clamp(26px,3vw,36px)}
.st-what{font-size:18px;color:var(--ink2)}
.st-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.st-c{padding:16px;border-radius:14px;background:var(--sand)}
.st-c h3{display:flex;gap:8px;align-items:center;font-size:16.5px;color:var(--gold-t)}
.st-c p{margin:0;font-size:16px}
.stage-art{border-radius:var(--r);overflow:hidden;background:var(--ink);min-height:0}
.stage-art img{width:100%;height:100%;object-fit:cover}
.path-ctl{display:flex;justify-content:space-between;gap:12px;margin-block-start:22px;flex-wrap:wrap}

/* ---------- quality */
.qc-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.qc-intro{padding:18px 22px 0;color:var(--muted);margin:0}
.qc-list{padding:10px 22px}
.chk{display:flex;align-items:center;gap:12px;min-height:46px;cursor:pointer;padding-block:4px;border-block-end:1px dashed var(--line2)}
.chk input{position:absolute;opacity:0;width:1px;height:1px}
.box-ic{width:28px;height:28px;flex:none;border-radius:8px;border:2px solid var(--sand2);display:grid;place-items:center;color:transparent;transition:all .25s}
.box-ic .ic{width:18px;height:18px}
.chk input:checked+.box-ic{background:var(--ink);border-color:var(--ink);color:var(--gold-l)}
.chk input:focus-visible+.box-ic{outline:3px solid var(--blue);outline-offset:2px}
.qc-meter{height:6px;margin:4px 22px 0;border-radius:6px;background:var(--sand2);overflow:hidden}
.qc-meter i{display:block;height:100%;width:calc(var(--q,0) * 100%);background:linear-gradient(90deg,var(--gold),var(--blue));transition:width .4s var(--ease)}
.qc-done{padding:10px 22px 18px;margin:0;font-weight:600;color:var(--blue-t);min-height:1.5em}
.split.rev>:first-child{order:2}
.layer-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-block-end:16px}
.layer-b{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--paper);cursor:pointer;font-weight:600;text-align:start}
.ln-n{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:var(--sand);color:var(--gold-t);font-size:14px}
.layer-b[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.layer-b[aria-selected=true] .ln-n{background:var(--blue);color:#fff}
.layer-p{padding:18px 20px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.layer-p h3{font-size:19px}
.layer-p p{margin:0;color:var(--muted)}
.pack-viz{display:grid;place-items:center;padding:20px;border-radius:var(--r);background:var(--ink)}
.pack-viz svg{width:100%;max-width:420px;height:auto}
.pv path,.pv rect{fill:#2B2F37;stroke:#5A606B;stroke-width:2;transition:fill .4s,stroke .4s,opacity .4s}
.pv.l2 path{fill:#3A3F48}
.pv.l1 rect{fill:#E9E4DA;stroke:#B9B2A4}
.pv .pv-scr{fill:#1D2B3F}
.pv .flap{fill:#24282F}
.pack-viz.lit .pv{opacity:.35}
.pack-viz.lit .pv.on{opacity:1}
.pack-viz.lit .pv.on path,.pack-viz.lit .pv.on rect{stroke:var(--gold)}
.pack-viz.lit .pv.l1.on .pv-scr{fill:var(--blue)}
.doc-list li{display:flex;gap:12px;align-items:center;padding:12px 16px;margin-block-end:8px;border-radius:12px;background:var(--paper);border:1px solid var(--line)}
.doc-list .ic{color:var(--gold-d)}
.honest{padding:30px;border-radius:var(--r);background:var(--ink);color:#DADCE0}
.honest h3{color:var(--gold-l);font-size:20px}
.honest p:last-child{margin:0}

/* ---------- sectors */
.sector-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-block-end:28px}
.sec-tab{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:104px;padding:14px 8px;border-radius:16px;border:1.5px solid var(--line);background:var(--paper);cursor:pointer;font-weight:600;font-size:15px;line-height:1.35;text-align:center;transition:all .25s}
.sec-tab .ic{width:28px;height:28px;color:var(--gold-d)}
.sec-tab:hover{border-color:var(--gold)}
.sec-tab[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 14px 28px -18px rgba(21,23,27,.7)}
.sec-tab[aria-selected=true] .ic{color:var(--blue);filter:drop-shadow(0 0 5px rgba(58,141,255,.8))}
.sec-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);padding-block-end:26px}
.sec-card>:not(.lid){margin-inline:26px}
.sec-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block:24px 8px}
.sec-cols h3,.cat-h{font-size:17px;color:var(--gold-t)}
.sec-cols p{margin:0;font-size:17px}
.cat-links{display:flex;flex-wrap:wrap;gap:10px;margin-block-end:22px}
.cat-links a{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:6px 16px;border-radius:999px;border:1px solid var(--line);text-decoration:none;font-weight:600;background:var(--pearl)}
.cat-links a:hover{border-color:var(--gold)}
.sector-panel.flash .sec-card{animation:liftlid .6s var(--ease)}

/* ---------- FAQ */
.faq-wrap{max-width:900px}
.faq-tools{display:grid;gap:16px;margin-block-end:26px}
.s-in{display:flex;align-items:center;gap:10px;padding-inline:16px;border-radius:999px;border:1.5px solid var(--line);background:var(--paper)}
.s-in .ic{color:var(--gold-d)}
.s-in input{flex:1;min-width:0;min-height:50px;border:0;background:transparent;outline:0}
.s-in:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(58,141,255,.15)}
.filters{display:flex;flex-wrap:wrap;gap:8px}
.filter{min-height:44px;padding:6px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--paper);cursor:pointer;font-weight:500}
.filter[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.qa{border-block-end:1px solid var(--line)}
.qh{margin:0;font-size:inherit}
.qh button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:62px;padding:12px 4px;border:0;background:none;cursor:pointer;text-align:start;font-weight:600;font-size:18px}
.qh .ic{transition:transform .3s;color:var(--gold-d)}
.qa.open .qh .ic{transform:rotate(45deg)}
.qa-a{display:none;padding:0 4px 18px;color:var(--ink2)}
.qa.open .qa-a{display:block}
.qa-a p{margin:0}
.faq-empty{display:none;padding:20px;text-align:center;color:var(--muted)}
.faq-empty.show{display:block}

/* ---------- contact */
.contact-grid{display:grid;grid-template-columns:1.45fr .85fr;gap:36px;align-items:start}
.wiz-box{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:var(--shadow)}
.wiz-prog{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-block-end:24px}
.wiz-prog li{display:flex;align-items:center;gap:8px;padding-block-end:10px;border-block-end:3px solid var(--sand2);color:var(--muted);font-size:15px;font-weight:600}
.wiz-prog .pn{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:var(--sand);font-size:14px}
.wiz-prog li.on{border-color:var(--gold);color:var(--ink)}
.wiz-prog li.cur .pn{background:var(--ink);color:#fff;box-shadow:0 0 0 4px rgba(58,141,255,.2)}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{font-size:22px;font-weight:700;margin-block-end:16px;padding:0}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.opt{position:relative;cursor:pointer}
.opt input{position:absolute;opacity:0;width:1px;height:1px}
.opt>span{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--pearl);transition:all .2s}
.opt b{font-weight:600;font-size:15.5px;line-height:1.35}
.opt input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.opt input:checked+span .dev .bd,.opt input:checked+span .dev .bd2{fill:#fff;stroke:#fff}
.opt input:checked+span .dev .scr{fill:var(--blue)}
.opt input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}
.field{margin-block-end:16px}
.field label{display:block;font-weight:600;margin-block-end:6px;font-size:15.5px}
.field input,.field select,.field textarea{width:100%;min-height:50px;padding:10px 14px;border-radius:12px;border:1.5px solid var(--line2);background:#fff;transition:border-color .2s,box-shadow .2s}
.field textarea{resize:vertical;min-height:100px}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(58,141,255,.15)}
.field.bad input,.field.bad select,.field.bad textarea{border-color:#B0432B}
.err{color:#A53A22;font-size:14px;margin:4px 0 0;min-height:0}
.err:empty{display:none}
.req{color:#A53A22}
.opt-l{color:var(--muted);font-weight:400;font-size:14px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.chk-line{display:flex!important;align-items:flex-start;gap:10px;cursor:pointer;font-weight:500!important;min-height:44px;margin-block-end:12px}
.chk-line input{width:22px;height:22px;flex:none;margin-block-start:3px;accent-color:var(--ink)}
.hp{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.live{margin-block-start:10px;padding:16px 18px;border-radius:14px;background:var(--sand)}
.live h3{font-size:17px}
.live-sum li{padding-block:3px;font-size:15px;border-block-end:1px dashed var(--line2);word-break:break-word}
.live-sum li b{color:var(--gold-t);font-weight:600}
.wiz-nav{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-block-start:18px}
.form-ok{display:none}
.form-ok.show{display:block}
.form-ok h3{display:flex;align-items:center;gap:10px;font-size:22px}
.form-ok h3 .ic{color:var(--blue-t)}
.summary{white-space:pre-wrap;word-break:break-word;background:var(--sand);padding:16px;border-radius:12px;font-family:inherit;font-size:15px;max-height:340px;overflow:auto}
.ok-acts{display:flex;gap:12px;flex-wrap:wrap}
.side{display:grid;gap:18px}
.side-card{padding:22px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.side-card h2{display:flex;align-items:center;gap:10px;font-size:19px}
.side-card h2 .ic{color:var(--gold-d)}
.side-card p{color:var(--ink2);font-size:16px;margin-block-end:8px}
.mail-big{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--blue-t);word-break:break-all;font-size:17px}
.prov{display:inline-block;padding:3px 12px;border-radius:999px;background:rgba(226,176,74,.18);color:var(--gold-t)!important;font-weight:600;font-size:14px!important}
.map{width:100%;height:auto;border-radius:14px;margin-block:6px 12px;display:block}
.m-sea{fill:#1C2B40}
.m-land{fill:#EDE6D8}
.m-coast{fill:none;stroke:var(--gold);stroke-width:3}
.m-road{fill:none;stroke:#CFC5B2;stroke-width:3}
.m-grid path{fill:none;stroke:#D8CFBE;stroke-width:2}
.m-t{font-family:"Brand",sans-serif;font-size:14px;text-anchor:middle}
.sea-t{fill:#8FB6EA}
.city-t{fill:var(--ink);font-weight:700;font-size:15px}
.m-pin path{fill:var(--ink)}
.m-pc{fill:var(--gold)}
.m-pulse{fill:rgba(58,141,255,.25);transform-origin:172px 112px;animation:pulse 2.4s infinite}
@keyframes pulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.6);opacity:0}}
.map-link{width:100%}

/* ---------- 404 */
.nf{padding-block:150px 90px;text-align:center}
.nf-in{max-width:720px}
.nf-box{width:220px;height:auto;margin-inline:auto}
.nf-body{fill:var(--paper);stroke:var(--ink);stroke-width:3}
.nf-lid{fill:var(--ink);transform-origin:40px 70px;animation:lidup 2.6s var(--ease) infinite alternate}
.nf-seam{stroke:var(--gold);stroke-width:3}
.nf-cup{fill:none;stroke:var(--gold);stroke-width:4;stroke-linecap:round}
.nf-dot{fill:var(--blue)}
@keyframes lidup{0%{transform:none}60%,100%{transform:translateY(-14px) rotate(-8deg)}}
.nf-code{font-size:64px;font-weight:700;color:var(--gold-d);margin:0;line-height:1}
.nf h1{font-size:clamp(28px,4vw,42px);margin-block-start:10px}
.nf p{color:var(--muted)}
.nf .actions{justify-content:center}

/* ---------- responsive */
@media (max-width:1020px){
  .hero-grid,.split,.builder-grid,.contact-grid,.page-hero.has-art .ph-grid{grid-template-columns:1fr}
  .hero-art{max-width:560px;margin-inline:auto;width:100%}
  .pbox-grid{grid-template-columns:1fr 1fr}
  .vals{grid-template-columns:1fr 1fr}
  .site-footer .top{grid-template-columns:1fr 1fr}
  .sp-grid{grid-template-columns:1fr}
  .sp-photo img{aspect-ratio:16/9}
  .stage-wrap{grid-template-columns:1fr}
  .stage-art{aspect-ratio:16/9}
  .split.rev>:first-child{order:0}
  .ph-art{max-width:640px}
  .sector-tabs{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
  body{font-size:16.5px}
  .sec,.band{padding-block:64px}
  .hero{padding-block:110px 50px}
  .page-hero{padding-block:112px 44px}
  .hero-tag{inset-inline-start:8px;inset-block-start:auto;inset-block-end:58px;max-width:calc(100% - 16px)}
  .pbox-grid,.pledges,.scope,.sp-cols,.st-cols,.sec-cols,.row2{grid-template-columns:1fr}
  .shelf{grid-template-columns:repeat(3,1fr);gap:8px}
  .slot{min-height:120px;padding:12px 4px 10px}
  .slot .dev{width:58px;height:58px}
  .slot-l{font-size:13.5px}
  .sp-mini{grid-template-columns:repeat(3,1fr);row-gap:20px}
  .sp-mini::before{display:none}
  .signal{grid-template-columns:repeat(3,1fr);row-gap:18px}
  .sig-line{display:none}
  .sp-t{font-size:14.5px}
  .sp-stage .sp-t{font-size:14px}
  .sp-info,.stage-panel{padding:20px}
  .wiz-box{padding:20px}
  .opts{grid-template-columns:1fr}
  .wiz-prog .pt{display:none}
  .wiz-prog li{justify-content:center}
  .idcard dl div{grid-template-columns:1fr;gap:2px}
  .ob-form{grid-template-columns:1fr 1fr}
  .ob-form .btn{grid-column:1/-1}
  .ob-list li{grid-template-columns:30px 1fr 80px 44px;gap:8px}
  .cta-in .actions,.np-acts{width:100%}
  .cta-in .actions .btn{flex:1 1 100%}
  .sp-acts .btn,.ob-acts .btn,.path-ctl .btn,.nf .actions .btn{flex:1 1 100%}
  .wiz-nav .btn{flex:1 1 auto}
  .btn{white-space:normal;text-align:center}
  .layer-tabs{grid-template-columns:1fr}
  .sector-tabs{grid-template-columns:repeat(2,1fr)}
  .vals{grid-template-columns:1fr}
}
@media (max-width:520px){
  .site-footer .top{grid-template-columns:1fr}
  .need{padding:16px}
  .need-chip{flex:1 1 100%;justify-content:flex-start}
  .hero h1{font-size:38px}
  html[lang=en] .hero h1{font-size:36px}
  .sector-pills a{flex:1 1 100%}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  html.js .reveal{opacity:1;transform:none}
  html.js .lidbox:not(.open)::before{transform:translateY(calc(-100% + 12px))}
  html.js .lidbox:not(.open) img{transform:none;filter:none}
}

/* grid children must be allowed to shrink */
.stage-wrap>*,.sp-grid>*,.split>*,.hero-grid>*,.builder-grid>*,.contact-grid>*,.ph-grid>*{min-width:0}

/* condensed header: drop the brand sub-line for extra room; narrow phones keep their own rules */
@media (min-width:1301px){.brand{flex:none}.nav{margin-inline-start:8px}.site-header.scrolled .bn small{display:none}}
.bn b{overflow:hidden;text-overflow:ellipsis}