/* =========================================================
   膳析 by Sigma AI Lab — paper foundation, chapter system
   Design language referenced from loopai.com
   ========================================================= */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

:root{
  /* accents */
  --p:#F15412;--p-dk:#C8410C;--p-ink:#B83C08;--p-tint:#FFEAE1;
  --sec:#8DD100;--sec-ink:#5C8A00;--ter:#FFB411;--vio:#974CFF;--red:#E15241;--blue:#8692F7;
  /* paper */
  --bg:#EAE8E1;--sf:#F4F3EF;--sf2:#ECEBE5;--sf3:#E0DED6;
  --t1:#141917;--t2:#4A4845;--t3:#6E6B63;
  --bd:#A39F96;--bd2:#D1CFC7;--bdx:#E0DED6;
  /* dark chapters: brand midnight */
  --dk1:#00151D;--dk2:#0A2028;--dkt:#EDEFEF;--dkt2:rgba(237,239,239,.82);--dkt3:rgba(237,239,239,.62);
  --dkbd:rgba(237,239,239,.14);

  --soft:cubic-bezier(.32,.72,.3,1);
  --display:'Poppins','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC',ui-sans-serif,system-ui,sans-serif;
  --nav:'Poppins','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC',ui-sans-serif,system-ui,sans-serif;
  --sans:'Poppins','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC',ui-sans-serif,system-ui,sans-serif;
  --mono:'JetBrains Mono','PingFang SC','Microsoft YaHei',ui-monospace,monospace;

  --sh-card:0 2.8px 2.2px rgba(0,0,0,.025),0 6.7px 5.3px rgba(0,0,0,.035),0 12.5px 10px rgba(0,0,0,.045),
            0 22.3px 17.9px rgba(0,0,0,.055),0 41.8px 33.4px rgba(0,0,0,.07),0 100px 80px rgba(0,0,0,.10);
  --ease:cubic-bezier(.2,0,0,1);
}

html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--t1);font-family:var(--sans);font-weight:400;line-height:1.6;
  letter-spacing:0;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}
::selection{background:var(--p);color:#fff}

/* warmth wash + dot field */
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(241,84,18,.07) 0%,transparent 60%),
             radial-gradient(ellipse 60% 40% at 100% 100%,rgba(151,76,255,.05) 0%,transparent 60%)}
#field{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.62;mix-blend-mode:multiply}
main,footer{position:relative;z-index:1}

/* =========================================================
   DOCK
   ========================================================= */
.dock{position:fixed;top:34px;left:50%;transform:translateX(-50%);z-index:100;
  background:rgba(244,243,239,.8);backdrop-filter:blur(14px) saturate(160%);
  -webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(163,159,150,.32);border-radius:9999px;
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 8px 24px -8px rgba(0,0,0,.12);
  transition:opacity .3s ease,transform .3s ease}
.dock.hide{opacity:0;transform:translate(-50%,-14px);pointer-events:none}
.dock.open{border-radius:26px}
.dock-bar{display:flex;align-items:center;gap:6px;padding:5px 5px 5px 14px}
.dock-brand{display:flex;align-items:center;gap:9px;font-family:var(--display);font-size:15px;font-weight:500;
  letter-spacing:-.015em;padding-right:12px;border-right:1px solid var(--bd2)}
.dock-nav{display:flex;align-items:center;padding:0 6px}
.dock-nav>a{display:flex;align-items:center;gap:5px;font-family:var(--sans);font-size:14px;
  font-weight:500;color:var(--t2);padding:6px 9px;border-radius:9999px;white-space:nowrap;
  transition:color .15s,background .15s}
.dock-nav>a:hover{color:var(--t1);background:rgba(163,159,150,.15)}
.dock-nav>a.on{color:var(--t1)}
.dock-act{display:flex;align-items:center;gap:6px}
.dock-signin{display:inline-flex;align-items:center;white-space:nowrap;padding:7px 14px;border-radius:9999px;
  border:1px solid rgba(163,159,150,.45);font-size:13.5px;font-weight:600}
.dock-signin:hover{background:rgba(163,159,150,.15)}
.dock-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:9999px;background:var(--t1);
  color:var(--sf);font-size:13.5px;font-weight:600;white-space:nowrap;transition:background .15s}
.dock-cta:hover{background:var(--p)}
.dock-burg{display:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9999px;
  color:var(--t2);transition:background .15s,color .15s}
.dock-burg:hover{background:rgba(163,159,150,.15);color:var(--t1)}
.dock-burg svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round}
.dock-burg .x{display:none}
.dock.open .dock-burg .x{display:block}
.dock.open .dock-burg .m{display:none}
.dock-panel{display:none;padding:4px 12px 14px}
.dock-panel>a{width:100%;text-align:left;font-family:var(--sans);font-size:15.5px;
  font-weight:500;color:var(--t2);padding:11px 12px;border-radius:10px;display:block}
.dock-panel>a.on{color:var(--t1);background:var(--sf3)}
.dock-panel hr{border:0;border-top:1px solid var(--bd2);margin:10px 4px}
.dock-panel .dock-signin,.dock-panel .dock-cta{display:flex;justify-content:center;width:100%;font-size:15px;
  padding:13px 18px;margin-top:8px}
.dock-panel .dock-signin{color:var(--t1)}
.dock-panel .dock-cta{color:var(--sf)}
@media(max-width:1023px){
  .dock{top:12px;width:calc(100% - 24px)}
  .dock-bar{justify-content:space-between}
  .dock-nav,.dock-act{display:none}
  .dock-brand{padding-right:0;border-right:0}
  .dock-burg{display:inline-flex}
  .dock.open .dock-panel{display:block}
}

/* scroll to top */
.top-btn{position:fixed;right:clamp(18px,2.4vw,32px);bottom:clamp(18px,2.4vw,32px);z-index:99;
  display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 20px;border-radius:9999px;
  background:var(--p);color:#fff;font-family:var(--display);font-size:14px;font-weight:500;letter-spacing:-.01em;
  white-space:nowrap;box-shadow:0 8px 24px -8px rgba(241,84,18,.55);
  opacity:0;visibility:hidden;transform:translateY(14px);
  transition:opacity .32s var(--soft),transform .32s var(--soft),visibility .32s,background .16s}
.top-btn.on{opacity:1;visibility:visible;transform:none}
.top-btn:hover{background:var(--p-dk)}
.top-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
  transition:transform .2s var(--soft)}
.top-btn:hover svg{transform:translateY(-2px)}
@media(max-width:560px){.top-btn{padding:0 16px;font-size:13.5px}}
@media(prefers-reduced-motion:reduce){.top-btn{transition:opacity .01s,visibility .01s}.top-btn:hover svg{transform:none}}

/* =========================================================
   CHAPTER
   ========================================================= */
.chapter{padding:clamp(64px,5.8vw,86px) 56px;display:flex;flex-direction:column;justify-content:center;
  position:relative;max-width:1280px;margin:0 auto}
.chapter.short{padding-top:clamp(52px,4.6vw,64px);padding-bottom:clamp(52px,4.6vw,64px)}
.chapter+.chapter{border-top:1px solid rgba(0,21,29,.075)}
@media(max-width:900px){.chapter{padding:58px 22px}}

.ch-mark{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:12px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--t2);margin-bottom:30px}
.ch-mark .num{color:var(--p-ink)}
.ch-mark .ln{flex:0 1 150px;height:1px;background:var(--bd2)}

.ch-h{font-family:var(--display);font-weight:400;font-size:clamp(2.1rem,4.6vw,3.9rem);line-height:1.16;
  letter-spacing:.01em;max-width:22ch;text-wrap:balance}
.ch-h .ac{color:var(--p);font-weight:400;position:relative;display:inline-block}
.ch-h .ac::after{content:'';position:absolute;left:0;right:0;bottom:.04em;height:1px;background:var(--p);opacity:.32}
.ch-sub{font-size:18px;line-height:1.68;color:var(--t2);max-width:54ch;margin-top:20px}
.ch-sub strong,.ch-sub b{color:var(--t1);font-weight:600}

/* dark chapter shell */
.dk{background:var(--dk1);color:var(--dkt);position:relative;overflow:hidden}
.dk .ch-mark{color:var(--dkt2)}.dk .ch-mark .ln{background:var(--dkbd)}
.dk .ch-mark .num{color:var(--p)}
.dk .ch-sub{color:var(--dkt2)}.dk .ch-sub b,.dk .ch-sub strong{color:var(--dkt)}
.dk-wrap{max-width:1280px;margin:0 auto;padding:clamp(64px,5.8vw,86px) 56px}
@media(max-width:900px){.dk-wrap{padding:58px 22px}}
.dk-tex{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(237,239,239,.1) 1px,transparent 1px);background-size:26px 26px;
  -webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent);mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:9999px;
  font-size:15px;font-weight:600;letter-spacing:-.005em;white-space:nowrap;transition:all .16s ease;width:fit-content}
.btn-p{background:var(--t1);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 6px 18px -4px rgba(20,25,23,.34)}
.btn-p:hover{background:var(--p)}
.btn-p .ar{transition:transform .16s ease}.btn-p:hover .ar{transform:translateX(3px)}
.btn-o{background:var(--p-dk);color:#fff;box-shadow:0 6px 18px -4px rgba(241,84,18,.5)}
.btn-o:hover{background:var(--p)}
.btn-o .ar{transition:transform .16s ease}.btn-o:hover .ar{transform:translateX(3px)}
.btn-g{color:var(--t2);padding:0 14px;gap:6px}.btn-g:hover{color:var(--t1)}
.btn-g .ar-d{font-size:.8em;line-height:1;opacity:.75}

/* reveal */
.rv{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.32s}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

/* card primitives */
.card{background:var(--sf);border:1px solid var(--bd2);box-shadow:var(--sh-card)}
.card-dk{background:var(--dk2);border:1px solid var(--dkbd)}
.mono{font-family:var(--mono)}
.nb{white-space:nowrap}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}

/* chips */
.chip{display:inline-flex;align-items:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  padding:5px 9px;border-radius:4px;background:var(--sf3);color:var(--t2)}
.chip.ok{background:rgba(141,209,0,.16);color:var(--sec-ink)}
.chip.bad{background:rgba(225,82,65,.12);color:var(--red)}
.chip.warn{background:rgba(255,180,17,.22);color:#8A5D00}

/* =========================================================
   00 HERO
   ========================================================= */
#ch0{min-height:auto;justify-content:center;padding-top:122px;padding-bottom:74px}
#ch0 h1{font-family:var(--display);font-size:clamp(2.2rem,4.6vw,4.1rem);font-weight:400;letter-spacing:.01em;
  line-height:1.14;max-width:14ch;text-wrap:balance}
#ch0 h1 .ac{font-weight:400;color:var(--p);position:relative;display:inline-block}
#ch0 .ch-sub{font-size:18px;max-width:44ch}
.hero-cta{margin-top:44px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}

.hero-split{display:grid;grid-template-columns:.94fr 1.06fr;gap:clamp(14px,1.6vw,28px);align-items:center;width:100%}
.hro{--w:min(120%,calc(100vw - 560px),860px);
  display:block;width:var(--w);max-width:none;height:auto;
  overflow:visible;opacity:.94;margin-left:auto;margin-right:-14px}
.hro .bx{fill:#fff;stroke:var(--bd);stroke-width:1.1;stroke-linejoin:round}
.hro .fl{fill:#F0EEEA;stroke:var(--bd);stroke-width:1.1;stroke-linejoin:round}
.hro .fr{fill:#E4E1DC;stroke:var(--bd);stroke-width:1.1;stroke-linejoin:round}
.hro .sh{fill:rgba(0,21,29,.09);filter:blur(16px)}
.hro .scr{fill:#F7F5F2;stroke:var(--bd);stroke-width:1}
.hro .scr-b{fill:var(--p)}
.hro .scr-g{fill:#DCD8D2}
.hro .vent{fill:#D8D4CE}
.hro .ln{fill:none;stroke:var(--bd);stroke-width:1.35;stroke-linecap:round}
.hro .sig{fill:var(--p);opacity:0;offset-rotate:0deg}
.hro .ring{fill:none;stroke:var(--p);stroke-width:1.2;opacity:0;transform-box:fill-box;transform-origin:center}
.hro .tgt{font-family:var(--mono);font-size:16.5px;font-weight:500;letter-spacing:.04em;fill:var(--t2);transition:fill .3s var(--ease);text-anchor:middle}
.hro .qs{font-family:var(--sans);font-size:22px;font-weight:500;letter-spacing:-.015em;fill:var(--t1);text-anchor:start}
.hro .hint{font-family:var(--mono);font-size:15px;letter-spacing:.18em;fill:var(--t3);opacity:.85;transition:opacity .5s var(--ease)}
.hro.woke .hint{opacity:0}
.hro .core-lbl{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.18em;fill:var(--t3);transition:fill .4s}
.hro.live .core-lbl{fill:var(--p-ink)}
.hro .pii{stroke:var(--t2);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.hro .dring{fill:#fff;stroke:var(--bd2);stroke-width:1.4;transition:stroke .4s var(--ease)}
.hro .chip{fill:#F0EEEA;stroke:var(--bd);stroke-width:1.1;transition:fill .4s var(--ease),stroke .4s var(--ease)}

.hro .unit{--c:var(--p);--ct:var(--p-tint);--ci:var(--p-ink)}
.hro .unit.a1{--c:#FFB411;--ct:#FFF1D6;--ci:#8A5B00}
.hro .unit.a2{--c:#974CFF;--ct:#EFE6FF;--ci:#6A24D6}
.hro .nm{font-family:var(--mono);font-size:15.5px;font-weight:500;letter-spacing:.15em;fill:var(--t3);transition:fill .3s var(--ease);text-anchor:start}

/* dormant */
.hro .ln{opacity:.55;transition:opacity .45s var(--ease),stroke .45s var(--ease)}
.hro .pod{transition:transform .55s var(--ease);cursor:crosshair}
.hro .cap{transform:translateY(0);transition:transform .55s var(--ease)}
.hro .tp{fill:#fff;stroke:var(--bd);stroke-width:1.1;stroke-linejoin:round;transition:fill .4s var(--ease),stroke .4s var(--ease)}
.hro .bar{fill:#D8D4CE;transition:fill .4s var(--ease)}
.hro .unit,.hro .cap{cursor:crosshair}

/* a source wakes and pushes a packet */
.hro .lk.on .ln{opacity:1;stroke:#9C968D}
.hro .pod.on{transform:translateY(-4px)}
.hro .pod.on .dring{stroke:var(--p)}
.hro .pod.on .chip{fill:var(--p-tint);stroke:var(--p)}
.hro .pod.on .tgt{fill:var(--t1)}
.hro .lk.on .sig{animation:hSig 1.05s linear 1 both}
.hro .lk.on .sig.rev{animation-name:hSigR}
@keyframes hSig{
  0%{opacity:0;offset-distance:0%}
  8%{opacity:1}
  86%{opacity:1;offset-distance:100%}
  100%{opacity:0;offset-distance:100%}}
@keyframes hSigR{
  0%{opacity:0;offset-distance:100%}
  8%{opacity:1}
  86%{opacity:1;offset-distance:0%}
  100%{opacity:0;offset-distance:0%}}

/* the core answers */
.hro.live .core .scr{fill:var(--p-tint);stroke:var(--p)}
.hro.live .core .bx{stroke:var(--p)}
.hro .ring{animation:none}
.hro.puls .ring{animation:hRing .9s var(--ease) 1 both}
.hro .ring.r2{animation-delay:.08s}
@keyframes hRing{0%{opacity:.5;transform:scale(.62)}100%{opacity:0;transform:scale(1.08)}}

/* agent lights */
.hro .unit.on .cap{transform:translateY(-7px)}
.hro .unit.on .tp{fill:var(--ct);stroke:var(--c)}
.hro .unit.on .bar{fill:var(--c)}
.hro .unit.on .nm{fill:var(--ci)}

.hro-key{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:26px;
  font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--t3)}
.hro-key b{font-weight:500;color:var(--t2)}
.hro-key i{font-style:normal;color:var(--p-ink);padding:4px 8px;background:var(--p-tint);border-radius:4px}

@media(max-width:1080px){
  .hero-split{grid-template-columns:1fr;gap:26px}
  .hero-art{order:2;margin-top:6px}
  .hro{width:104%;margin-left:-2%}
  .hro .tgt,.hro .qs,.hro .nm,.hro .hint{display:none}
  .hro .pod.on{transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){.hro *{animation:none!important;transition:none!important}}

/* =========================================================
   01 TICKER + MARQUEE
   ========================================================= */
.ticker{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--bd2);border-bottom:1px solid var(--bd2)}
.tick{padding:32px 46px;border-right:1px solid var(--bd2)}
.tick:first-child{padding-left:0}
.tick:last-child{padding-right:0;border-right:none}
.tick-l{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--t2)}
.tick-v{font-family:var(--display);font-size:clamp(1.6rem,2.7vw,2.3rem);font-weight:400;letter-spacing:0;margin-top:10px}
.tick-d{font-size:14.5px;color:var(--t2);margin-top:5px}
@media(max-width:1080px){.tick{padding:28px 30px}}
@media(max-width:820px){.ticker{grid-template-columns:1fr 1fr}.tick{padding:22px 20px}
  .tick:nth-child(3){padding-left:0}
  .tick:nth-child(2){border-right:none}.tick:nth-child(-n+2){border-bottom:1px solid var(--bd2)}}

.mq{margin-top:clamp(32px,3.2vw,44px)}
.mq-l{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--t2);margin-bottom:20px}
.mq-w{position:relative;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mq-t{display:flex;width:max-content;animation:mqRun 48s linear infinite}
.mq-w:hover .mq-t{animation-play-state:paused}
.mq-g{display:flex;align-items:center;gap:clamp(44px,5vw,78px);padding-right:clamp(44px,5vw,78px)}
.mq-g .lg{font-family:var(--display);font-size:clamp(15px,1.6vw,19px);font-weight:500;letter-spacing:.02em;
  color:var(--t2);opacity:.75;white-space:nowrap}
@keyframes mqRun{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.mq-t{animation:none}}

/* =========================================================
   02 MESSY DESK — artifact cards
   ========================================================= */
.frg-grid{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
@media(max-width:1080px){.frg-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.frg-grid{grid-template-columns:1fr}}

.frg-card{background:#fff;border:1px solid var(--bd2);border-radius:10px;overflow:hidden;
  box-shadow:0 18px 40px -24px rgba(0,0,0,.34)}
.frg-card .bar{display:flex;align-items:center;gap:9px;padding:9px 12px;border-bottom:1px solid var(--bdx);background:var(--sf)}
.frg-card .bar .nm{flex:1;min-width:0;font-size:11.5px;font-weight:600;color:var(--t1);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.frg-card .pc-b{padding:12px}
.win-ft{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;
  border-top:1px solid var(--bdx);background:var(--sf2);
  font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--t3)}
.win-ft .bad b{color:var(--red);font-weight:500}
.dots{display:flex;gap:5px;flex:none}
.dots i{width:8px;height:8px;border-radius:50%;background:#D8D6D2}
.dots i:first-child{background:#E88A80}.dots i:nth-child(2){background:#F0C775}.dots i:nth-child(3){background:#A9CE7A}

/* spreadsheet */
.w-xl .sq{width:15px;height:15px;border-radius:3px;background:#1D6F42;color:#fff;flex:none;
  font-family:var(--mono);font-size:8px;display:grid;place-items:center}
.grid{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:9.5px;color:var(--t2)}
.grid th,.grid td{border:1px solid #E9E7E3;padding:4px 7px;white-space:nowrap}
.grid thead th,.grid tbody th{background:#F5F4F1;color:var(--t3);font-weight:400;text-align:center;letter-spacing:.06em}
.grid td.r{text-align:right}.grid td.bad{color:var(--red)}
.grid td.hd,.grid th.hd{background:#FAF9F7;letter-spacing:.06em;text-transform:uppercase;font-size:8px}
.tabs{display:flex;border-top:1px solid var(--bdx);background:#F1F0ED}
.tabs span{font-family:var(--mono);font-size:8.5px;padding:6px 10px;color:var(--t3)}
.tabs span.on{background:#fff;color:var(--t1);border-right:1px solid var(--bdx)}

/* browser */
.w-br .url{flex:1;min-width:0;display:flex;align-items:center;background:#fff;border:1px solid var(--bdx);
  border-radius:999px;padding:4px 9px;font-family:var(--mono);font-size:8.5px;color:var(--t3);
  white-space:nowrap;overflow:hidden}
.w-br .fld{margin-top:6px;padding:7px 9px;border:1px solid var(--bdx);border-radius:5px;background:#FCFBFA;
  font-family:var(--mono);font-size:10px;color:var(--t3)}
.w-br .bnr{margin-top:11px;display:flex;align-items:center;gap:7px;padding:8px 9px;border-radius:6px;
  background:rgba(225,82,65,.08);color:var(--red);font-size:11px;font-weight:600}

/* pdf */
.w-pdf{background:#33383D;border-color:#22262A}
.w-pdf .bar{display:flex;align-items:center;justify-content:space-between;background:transparent;border-bottom-color:rgba(255,255,255,.12);
  font-family:var(--mono);font-size:8.5px;letter-spacing:.08em;color:#B9BEC4}
.w-pdf .pg{padding:2px 6px;border:1px solid rgba(255,255,255,.18);border-radius:3px}
.w-pdf .page{margin:0 9px 9px;background:#fff;padding:12px;box-shadow:0 2px 10px rgba(0,0,0,.3)}
.w-pdf .big{font-family:var(--mono);font-size:18px;letter-spacing:-.02em;color:var(--t1)}
.w-pdf .cap{margin-top:4px;font-size:10.5px;color:var(--t3)}
.w-pdf .rows{display:flex;flex-direction:column;gap:5px;margin-top:11px}
.w-pdf .rows i{height:5px;background:#EFEDE9;display:block}
.w-pdf .win-ft{background:transparent;border-top-color:rgba(255,255,255,.1);color:#9AA0A6}

/* dialog */
.w-dlg .bar{font-family:var(--mono);font-size:8.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--t3)}
.w-dlg .bd{display:grid;grid-template-columns:26px 1fr;gap:11px;padding:13px 13px 4px}
.w-dlg .ic{width:26px;height:26px;border-radius:50%;background:rgba(225,82,65,.14);color:var(--red);
  display:grid;place-items:center;font-size:14px}
.w-dlg b{display:block;font-size:12px;color:var(--t1)}
.w-dlg p{margin-top:5px;font-size:11.5px;line-height:1.5;color:var(--t2)}
.w-dlg .btns{display:flex;justify-content:flex-end;gap:7px;padding:11px 13px 13px}
.w-dlg .btns span{font-size:10.5px;padding:5px 11px;border-radius:5px;border:1px solid var(--bd2);color:var(--t2);background:#fff}
.w-dlg .btns span.pri{background:var(--t1);border-color:var(--t1);color:#fff}

/* csv editor */
.w-txt{background:#1E2228;border-color:#14181C}
.w-txt .bar{background:#171B20;border-bottom:none}
.w-txt .bar span{font-family:var(--mono);font-size:8.5px;padding:7px 10px;color:#7E858D}
.w-txt .bar span.on{background:#1E2228;color:#E4E7EA}
.w-txt .code{padding:9px 0;font-family:var(--mono);font-size:9.5px;line-height:1.9;color:#B6BDC5}
.w-txt .code div{display:grid;grid-template-columns:26px 1fr;gap:8px;padding:0 10px;white-space:nowrap;overflow:hidden}
.w-txt .code div>i{text-align:right;color:#5A626B;font-style:normal}
.w-txt .code div.hl{background:rgba(225,82,65,.14)}
.w-txt .code div.hl>span{color:#FF9C8E}
.w-txt .win-ft{background:#171B20;border-top-color:rgba(255,255,255,.08);color:#7E858D}

/* web app */
.w-app .mk{width:17px;height:17px;border-radius:4px;background:#0F465A;flex:none}
.w-app .nav{display:flex;border-bottom:1px solid var(--bdx);background:var(--sf2)}
.w-app .nav span{font-size:10px;padding:7px 11px;color:var(--t3)}
.w-app .nav span.on{color:var(--t1);box-shadow:inset 0 -2px 0 var(--p)}

/* mail */
.w-ml .av{width:20px;height:20px;border-radius:50%;background:#C7D2E8;color:#3B4A66;flex:none;
  font-family:var(--mono);font-size:8px;display:grid;place-items:center}
.w-ml .subj{font-size:11.5px;font-weight:600;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w-ml .meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.w-ml .att{display:flex;align-items:center;padding:4px 8px;border:1px solid var(--bdx);border-radius:5px;
  background:var(--sf2);font-family:var(--mono);font-size:8.5px;color:var(--t2)}
.w-ml .att.on{border-color:rgba(225,82,65,.4);color:var(--red)}
.w-ml .quote{border-left:2px solid var(--bd2);padding-left:9px;font-size:11px;line-height:1.6;color:var(--t3)}
.w-ml .quote b{color:var(--t2);font-weight:600}

/* chat */
.w-sk .bar{background:#3E2C50;border-bottom:none}
.w-sk .ch{font-size:11px;font-weight:600;color:#fff}
.w-sk .n{font-family:var(--mono);font-size:8.5px;color:rgba(255,255,255,.55)}
.msg-wrap{padding:12px}
.msg{display:grid;grid-template-columns:28px 1fr;gap:9px}
.msg .av{width:28px;height:28px;border-radius:7px;background:var(--vio);color:#fff;flex:none;
  font-size:10px;font-weight:600;display:grid;place-items:center}
.msg .who b{font-size:11.5px;color:var(--t1)}
.msg .who span{font-family:var(--mono);font-size:8.5px;color:var(--t3);margin-left:6px}
.msg .tx{margin-top:3px;font-size:12px;line-height:1.5;color:var(--t2)}
.msg .thr{margin-top:8px;font-size:10.5px;color:#2E6F9E}

/* dashboard conflict */
.w-dsh .kb{font-family:var(--mono);font-size:11px;color:var(--t3);letter-spacing:.12em}
.w-dsh .row{display:grid;grid-template-columns:1fr auto 1fr;gap:11px;align-items:center}
.w-dsh .ct{padding:11px 12px;border:1px solid var(--bdx);border-radius:6px;background:var(--sf)}
.w-dsh .ct em{display:block;font-style:normal;font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--t3)}
.w-dsh .ct b{display:block;margin-top:6px;font-family:var(--mono);font-size:16px;font-weight:500;
  font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.w-dsh .ct.hot{border-color:rgba(225,82,65,.45);background:rgba(225,82,65,.05)}
.w-dsh .ct.hot b{color:var(--red)}
.w-dsh .neq{font-family:var(--mono);font-size:17px;color:var(--red)}
.w-dsh .q{margin-top:12px;padding-top:11px;border-top:1px solid var(--bdx);font-size:12px;color:var(--t2)}
.w-dsh .q b{color:var(--t1);font-weight:600}

/* =========================================================
   03 GOVERNED ANSWER (dark)
   ========================================================= */
.ans-split{margin-top:56px;display:grid;grid-template-columns:1.04fr .96fr;gap:24px;align-items:start}
@media(max-width:980px){.ans-split{grid-template-columns:1fr}}

.ans-card{border-radius:14px;padding:0;overflow:hidden}
.ans-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;
  border-bottom:1px solid var(--dkbd)}
.ans-head .ttl{font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dkt)}
.ans-scope{display:flex;flex-wrap:wrap;gap:8px;padding:14px 18px 0}
.ans-scope .sc{display:inline-flex;align-items:baseline;gap:7px;padding:6px 10px;border:1px solid var(--dkbd);border-radius:6px;
  font-size:12px;color:var(--dkt2)}
.ans-scope .sc:first-child em{font-style:normal}
.ans-scope .sc em{display:none;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--dkt3)}
.ans-read{padding:14px 18px 0;font-size:11px;letter-spacing:.06em;color:var(--dkt3)}
.ans-rows{padding:10px 18px 6px;display:flex;flex-direction:column}
.arow{padding:13px 0;border-bottom:1px solid var(--dkbd);font-size:14.5px;line-height:1.6;color:var(--dkt2)}
.arow:last-child{border-bottom:none}
.arow b{color:var(--dkt);font-weight:600}
.ans-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 18px;
  border-top:1px solid var(--dkbd);background:rgba(0,0,0,.18);
  font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--dkt3)}
.live{display:inline-flex;align-items:center;gap:6px;color:var(--sec)}
.live i{width:7px;height:7px;border-radius:50%;background:var(--sec);animation:pulse 2.2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* workspace chat */
.lw{--lwbd:var(--dkbd);
  background:var(--dk2);color:var(--dkt);border:1px solid var(--dkbd);border-radius:14px;overflow:hidden;
  display:flex;flex-direction:column;box-shadow:0 30px 70px -34px rgba(0,0,0,.6)}
.lw-top{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--lwbd)}
.lw-top .ttl{flex:1;font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.09em;
  text-transform:uppercase;color:var(--dkt2)}
.lw-log{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--sec)}
.lw-log i{width:7px;height:7px;border-radius:50%;background:var(--sec);animation:pulse 2.2s infinite}
.lw-body{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}
.lw-q{display:flex;gap:10px;align-items:flex-start}
.lw-q .av{width:28px;height:28px;border-radius:7px;background:#C7D2E8;color:#3B4A66;flex:none;
  font-size:11px;font-weight:600;display:grid;place-items:center}
.lw-q .tx{padding:9px 13px;border-radius:10px;border-top-left-radius:3px;background:rgba(237,239,239,.08);
  font-size:14px;color:var(--dkt)}
.lw-a{display:flex;gap:10px;align-items:flex-start}
.lw-a .av{width:28px;height:28px;border-radius:7px;background:var(--p);color:#fff;flex:none;
  font-size:13px;font-weight:600;display:grid;place-items:center}
.lw-a .tx-wrap{padding:10px 14px;border-radius:10px;border-top-left-radius:3px;background:rgba(241,84,18,.1);
  border:1px solid rgba(241,84,18,.35)}
.lw-a .tx{font-size:15px;font-weight:600;color:var(--dkt)}
.lw-sugg{display:flex;flex-direction:column;gap:6px;padding-left:38px}
.lw-sugg button{text-align:left;font-size:13px;color:var(--dkt2);padding:9px 12px;border:1px solid var(--dkbd);
  border-radius:8px;transition:all .15s}
.lw-sugg button:hover{border-color:var(--p);color:var(--dkt);background:rgba(241,84,18,.08)}
.lw-in{display:flex;gap:8px;padding:10px;border-top:1px solid var(--lwbd)}
.lw-in input{flex:1;background:rgba(237,239,239,.06);border:1px solid var(--dkbd);border-radius:8px;
  padding:10px 13px;color:var(--dkt);font:inherit;font-size:14px;outline:none}
.lw-in input::placeholder{color:var(--dkt3)}
.lw-in button{width:42px;border-radius:8px;background:var(--p);color:#fff;font-size:15px;transition:background .15s}
.lw-in button:hover{background:var(--p-dk)}
.lw.wide{background:var(--sf);color:var(--t1);border-color:var(--bd2);--lwbd:var(--bd2);max-width:760px;
  margin:56px auto 0;box-shadow:var(--sh-card)}
.lw.wide .lw-top .ttl{color:var(--t2)}
.lw.wide .lw-q .tx{background:var(--sf3);color:var(--t1)}
.lw.wide .lw-a .tx-wrap{background:var(--p-tint);border-color:rgba(241,84,18,.35)}
.lw.wide .lw-a .tx{color:var(--t1)}
.lw.wide .lw-sugg{display:none}
.lw.wide .lw-in input{background:#fff;color:var(--t1)}
.lw.wide .lw-in{border-top-color:var(--bdx)}
.lw-meta{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--t3);
  padding:8px 12px;border:1px dashed var(--bd2);border-radius:8px;background:var(--sf2);margin-left:38px}
.lw-table{width:100%;border-collapse:collapse;font-size:12px;color:var(--t2)}
.lw-table th{text-align:left;font-weight:500;color:var(--t3);padding:0 10px 7px 0;letter-spacing:.06em;text-transform:uppercase;font-size:9.5px}
.lw-table th.r{text-align:right}
.lw-table td{padding:7px 10px 7px 0;border-top:1px solid var(--bdx);white-space:nowrap}
.lw-table td.r{text-align:right;font-variant-numeric:tabular-nums}

/* =========================================================
   04 PLATFORM LAYERS
   ========================================================= */
.lyr-stack{margin-top:56px;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--bd2)}
.lyr{display:grid;grid-template-columns:170px 1fr;gap:clamp(20px,3vw,48px);padding:34px 0;border-bottom:1px solid var(--bd2)}
@media(max-width:820px){.lyr{grid-template-columns:1fr;gap:14px;padding:26px 0}}
.lyr-no{font-size:10.5px;letter-spacing:.16em;color:var(--t3);align-self:start;padding-top:6px}
.lyr-no b{display:block;margin-top:4px;font-size:15px;font-weight:600;letter-spacing:.12em;color:var(--t1)}
.lyr-main h3{font-family:var(--display);font-weight:500;font-size:clamp(1.25rem,2vw,1.6rem);letter-spacing:-.02em}
.lyr-main p{margin-top:10px;font-size:15.5px;line-height:1.65;color:var(--t2);max-width:62ch}
.lyr-main p b{color:var(--t1)}
.tg{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--t3);margin-bottom:12px}
.tg i{width:8px;height:8px;border-radius:2px;background:var(--p)}
.tg.t2 i{background:var(--ter)}.tg.t3 i{background:var(--vio)}.tg.t4 i{background:var(--blue)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.eq{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.eq span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--bd2);border-radius:8px;
  background:var(--sf);font-size:12.5px;color:var(--t1)}
.eq i{font-style:normal;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;padding:3px 6px;border-radius:4px}
.eq i.ok{background:rgba(141,209,0,.16);color:var(--sec-ink)}
.eq i.bad{background:rgba(225,82,65,.12);color:var(--red)}

/* work rows */
.work{margin-top:20px;display:flex;flex-direction:column;gap:9px;max-width:480px}
.work .wr{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;
  padding:11px 14px;border:1px solid var(--bd2);border-radius:10px;background:var(--sf)}
.work.dark .wr{border-color:var(--dkbd);background:var(--dk2)}
.work .k{font-family:var(--mono);font-size:12.5px;font-weight:500;color:var(--t1)}
.work.dark .k{color:var(--dkt)}
.work .bar{grid-column:1/-1;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--p) 72%,var(--bd2) 72%)}
.work .bar.half{background:linear-gradient(90deg,var(--ter) 42%,var(--bd2) 42%)}
.work.dark .bar{background:linear-gradient(90deg,var(--p) 72%,var(--dkbd) 72%)}
.work .pill{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
  padding:4px 8px;border-radius:99px;border:1px solid var(--bd2);color:var(--t2)}
.work .pill.ok{border-color:rgba(141,209,0,.5);color:var(--sec-ink);background:rgba(141,209,0,.1)}
.work.dark .pill{border-color:var(--dkbd);color:var(--dkt3)}
.work.dark .pill.ok{border-color:rgba(141,209,0,.5);color:var(--sec);background:rgba(141,209,0,.12)}

/* =========================================================
   05 CONNECT
   ========================================================= */
.int-grid{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:980px){.int-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.int-grid{grid-template-columns:1fr}}
.int-cat{border:1px solid var(--bd2);border-radius:12px;background:var(--sf);padding:18px;box-shadow:var(--sh-card)}
.int-cat h4{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--t3)}
.int-items{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.int-items span{font-size:13px;font-weight:500;color:var(--t1);padding:6px 11px;border:1px solid var(--bd2);
  border-radius:99px;background:#fff;transition:border-color .15s}
.int-items span:hover{border-color:var(--p)}
.int-items span.more{color:var(--p-ink);background:var(--p-tint);border-color:transparent}

/* =========================================================
   06 MODEL CHECKS
   ========================================================= */
.checks{margin-top:56px;border-top:1px solid var(--bd2)}
.ck{display:grid;grid-template-columns:64px 1fr auto;gap:clamp(14px,3vw,40px);align-items:center;
  padding:24px 0;border-bottom:1px solid var(--bd2)}
@media(max-width:720px){.ck{grid-template-columns:44px 1fr;row-gap:8px}.ck .ck-tag{grid-column:2}}
.ck-no{font-size:13px;color:var(--p-ink);font-weight:500}
.ck h4{font-family:var(--display);font-weight:500;font-size:clamp(1.05rem,1.8vw,1.35rem);letter-spacing:-.015em}
.ck p{margin-top:4px;font-size:14.5px;color:var(--t2)}
.ck-tag{font-size:10px;letter-spacing:.16em;color:var(--t3);border:1px solid var(--bd2);padding:5px 10px;border-radius:99px;white-space:nowrap}
.ck-note{margin-top:22px;text-align:center;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--t3)}

/* =========================================================
   07 RAW VS GOVERNED
   ========================================================= */
.vs{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:900px){.vs{grid-template-columns:1fr}}
.vs-card{border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:16px;border:1px solid var(--bd2)}
.bad-card{background:var(--sf2)}
.good-card{background:var(--sf);border-color:rgba(241,84,18,.45);box-shadow:var(--sh-card)}
.vs-tag{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);
  padding:6px 10px;border:1px solid rgba(225,82,65,.4);border-radius:99px;width:fit-content}
.vs-tag.ok{color:var(--sec-ink);border-color:rgba(141,209,0,.5)}
.good-card .vs-tag.ok{color:var(--p-ink);border-color:rgba(241,84,18,.5)}
.vs-q{font-family:var(--display);font-weight:400;font-size:clamp(1.15rem,1.9vw,1.45rem);letter-spacing:-.02em}
.tbls{display:flex;flex-wrap:wrap;gap:8px}
.tbls span{font-size:12px;color:var(--t2);padding:7px 11px;border:1px dashed var(--bd);border-radius:7px;background:rgba(255,255,255,.55)}
.vs-r{font-size:12px;letter-spacing:.04em;color:var(--red)}
.vs-r2{font-size:11px;letter-spacing:.04em;color:var(--t3)}
.gov-line{font-size:12px;letter-spacing:.04em;color:var(--p-ink);padding:8px 12px;background:var(--p-tint);border-radius:7px;width:fit-content}
.big-num{font-size:clamp(2.2rem,4vw,3rem);font-weight:500;letter-spacing:-.03em}
.gov-checks{display:flex;flex-wrap:wrap;gap:8px}
.gc{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--t2);padding:6px 10px;border:1px solid var(--bd2);border-radius:99px;background:#fff}
.gc i{font-style:normal;color:var(--sec-ink)}
.vs-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--bdx);font-size:14px;color:var(--t2)}
.vs-foot b{color:var(--t1)}

/* =========================================================
   08 SURFACES
   ========================================================= */
.sf-cards{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.sf-cards{grid-template-columns:1fr}}
.sf-card{border-radius:14px;padding:26px}
.sf-card h3{font-family:var(--display);font-weight:500;font-size:1.3rem;letter-spacing:-.02em;
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.sf-k{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--p-ink);
  background:var(--p-tint);padding:4px 8px;border-radius:4px;font-weight:600}
.sf-card p{margin-top:12px;font-size:14.5px;line-height:1.65;color:var(--t2)}
.sf-note{margin-top:26px;text-align:center;font-size:14px;color:var(--t3);max-width:64ch;margin-left:auto;margin-right:auto}

/* =========================================================
   09 AGENTS (dark)
   ========================================================= */
.ag-split{display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(28px,4vw,64px);align-items:center}
@media(max-width:980px){.ag-split{grid-template-columns:1fr;gap:36px}}
.ag-cards{display:flex;flex-direction:column;gap:16px}
.agc{border-radius:14px;padding:22px 24px;transition:transform .3s var(--ease),border-color .3s}
.agc:hover{transform:translateY(-3px)}
.agc.u1:hover{border-color:rgba(241,84,18,.5)}
.agc:hover{border-color:rgba(241,84,18,.5)}
.agc-t{font-size:10.5px;letter-spacing:.18em;color:var(--dkt3)}
.agc-q{margin-top:10px;font-family:var(--display);font-weight:400;font-size:1.15rem;letter-spacing:-.015em;color:var(--dkt)}
.agc-d{margin-top:8px;font-size:14px;line-height:1.6;color:var(--dkt2)}

/* =========================================================
   10 OPERATORS (dark)
   ========================================================= */
#proof{border-top:1px solid rgba(237,239,239,.16)}
.os-grid{margin-top:56px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media(max-width:820px){.os-grid{grid-template-columns:1fr}}
.os-card{border-radius:14px;padding:30px;display:flex;flex-direction:column;gap:20px;
  transition:transform .3s var(--ease)}
.os-card:hover{transform:translateY(-3px)}
.os-card blockquote{font-family:var(--display);font-weight:300;font-size:clamp(1.15rem,2vw,1.5rem);
  line-height:1.35;letter-spacing:-.02em;color:var(--dkt)}
.os-card figcaption{margin-top:auto;display:flex;flex-direction:column;gap:2px;
  border-top:1px solid var(--dkbd);padding-top:16px}
.os-card figcaption b{font-size:14px;color:var(--dkt)}
.os-tag{display:inline-flex;font-size:10.5px;font-weight:600;letter-spacing:.18em;color:var(--p);
  padding:5px 10px;border:1px solid rgba(241,84,18,.45);border-radius:99px;width:fit-content}
.os-card.cta-card a.btn{margin-top:auto}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.os-card figcaption span{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--dkt3)}

/* =========================================================
   11 CTA + FORM
   ========================================================= */
.cta{text-align:left}
.demo-form{margin-top:44px;display:flex;flex-wrap:wrap;gap:12px;max-width:760px}
.demo-form input{flex:1 1 180px;height:48px;padding:0 18px;border-radius:999px;border:1px solid var(--bd);
  background:#fff;font:inherit;font-size:15px;color:var(--t1);outline:none;transition:border-color .15s}
.demo-form input:focus{border-color:var(--p)}
.demo-form input::placeholder{color:var(--t3)}
.demo-note{flex-basis:100%;font-size:14.5px;color:var(--sec-ink)}

/* =========================================================
   FOOTER
   ========================================================= */
.foot{background:var(--dk1);color:var(--dkt2);padding:clamp(56px,6vw,84px) 56px 34px}
.foot-in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
@media(max-width:900px){.foot{padding:48px 22px 28px}.foot-in{grid-template-columns:1fr 1fr;gap:32px}}
.foot-brand .dock-brand{color:var(--dkt);border-right:none;margin-bottom:14px}
.foot-brand p{font-size:14px;line-height:1.7}
.fcol h5{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--dkt3);margin-bottom:14px}
.fcol a{display:block;font-size:14px;color:var(--dkt2);padding:5px 0;transition:color .15s}
.fcol a:hover{color:var(--dkt)}
.fcol .fcol-plain{display:block;font-size:14px;color:var(--dkt2);padding:5px 0}
.foot-bot{max-width:1280px;margin:44px auto 0;padding-top:22px;padding-bottom:68px;border-top:1px solid var(--dkbd);
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  font-size:12.5px;color:var(--dkt3)}
.foot-bot .mono{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}