/* ============================================================
   DastNET · ÓRBITA — sistema de design (site público + painel)
   Fonte única de verdade de estilo. Importado em site e admin.
   ============================================================ */
:root{
  --c-navy:#0A1628; --c-black:#050810; --c-cyan:#00D9FF; --c-cyan-deep:#0088CC;
  --c-lima:#C4FF3D; --c-off:#F4F1EA; --c-graphite:#1F2937; --c-graphite-2:#131A26;
  --c-gray:#6B7280; --c-gray-2:#9CA3AF;
  --c-success:#10B981; --c-warning:#F59E0B; --c-error:#EF4444; --c-info:#3B82F6;
  --grad-tech:linear-gradient(135deg,#00D9FF 0%,#0088CC 100%);
  --grad-energy:linear-gradient(135deg,#C4FF3D 0%,#00D9FF 100%);
  --grad-deep:linear-gradient(180deg,#0A1628 0%,#050810 100%);
  --grad-card:linear-gradient(180deg,rgba(31,41,55,0.40),rgba(10,22,40,0.25));
  --grad-scrim:linear-gradient(180deg,rgba(5,8,16,0.30),rgba(5,8,16,0.80));
  --bd-hairline:1px solid rgba(244,241,234,0.06);
  --bd-subtle:1px solid rgba(244,241,234,0.08);
  --bd-default:1px solid rgba(244,241,234,0.12);
  --bd-strong:1px solid rgba(244,241,234,0.18);
  --bd-brand-soft:1px solid rgba(0,217,255,0.20);
  --bd-brand-medium:1px solid rgba(0,217,255,0.40);
  --glow-sm:0 0 12px rgba(0,217,255,0.35);
  --glow-md:0 0 0 6px rgba(0,217,255,0.18),0 0 30px rgba(0,217,255,0.35);
  --ease-out:cubic-bezier(0.2,0.7,0.2,1);
  --max-w:1440px; --pad-x:clamp(20px,4vw,64px); --pad-y:clamp(80px,10vw,160px);
  --fd:'Space Grotesk','Inter',sans-serif;
  --fm:'JetBrains Mono',ui-monospace,monospace;
  --fb:'Inter',system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--c-black);color:var(--c-off);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;text-wrap:pretty}
@media(pointer:fine){body.has-cursor{cursor:none}}
a{color:inherit;text-decoration:none}
em{font-style:normal}
img,video,svg{max-width:100%;display:block}
::selection{background:rgba(0,217,255,0.25);color:var(--c-off)}
:focus-visible{outline:2px solid var(--c-cyan);outline-offset:2px}

.eyebrow{font-family:var(--fm);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-cyan)}
.label{font-family:var(--fm);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-gray-2)}
.txt-cyan{color:var(--c-cyan)}.txt-lima{color:var(--c-lima)}.txt-gray{color:var(--c-gray-2)}
.grad-energy{background:var(--grad-energy);-webkit-background-clip:text;background-clip:text;color:transparent}

/* OVERLAYS */
.scanlines,.grain,.vignette{position:fixed;inset:0;pointer-events:none}
.scanlines{z-index:9999;mix-blend-mode:overlay;opacity:.7;background-image:repeating-linear-gradient(to bottom,rgba(244,241,234,0.012) 0,rgba(244,241,234,0.012) 1px,transparent 1px,transparent 3px)}
.grain{z-index:9997;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.vignette{z-index:9998;background:radial-gradient(ellipse at center,transparent 50%,rgba(5,8,16,0.6) 100%)}

/* CURSOR */
.cur-dot,.cur-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:10000;border-radius:999px;transform:translate(-50%,-50%)}
.cur-dot{width:6px;height:6px;background:var(--c-cyan);mix-blend-mode:difference}
.cur-ring{width:32px;height:32px;border:1px solid rgba(0,217,255,0.55);transition:width .25s var(--ease-out),height .25s var(--ease-out),border-color .25s var(--ease-out)}
.cur-ring.active{width:48px;height:48px;border-color:var(--c-lima)}
.cur-dot.hide{opacity:0}
@media(pointer:coarse){.cur-dot,.cur-ring{display:none}}

/* HUD CORNERS */
.hud-corner{position:absolute;width:18px;height:18px;border-color:var(--c-cyan);border-style:solid;border-width:0;pointer-events:none;opacity:0;transition:opacity .35s var(--ease-out)}
.has-hud:hover .hud-corner,.hud-always .hud-corner{opacity:1}
.hud-tl{top:-1px;left:-1px;border-top-width:1px;border-left-width:1px}
.hud-tr{top:-1px;right:-1px;border-top-width:1px;border-right-width:1px}
.hud-bl{bottom:-1px;left:-1px;border-bottom-width:1px;border-left-width:1px}
.hud-br{bottom:-1px;right:-1px;border-bottom-width:1px;border-right-width:1px}

/* LAYOUT */
section{position:relative}
.wrap{max-width:var(--max-w);margin:0 auto;padding:var(--pad-y) var(--pad-x)}
.section-tag{display:flex;align-items:center;gap:12px;margin-bottom:48px}
.section-tag .idx{font-family:var(--fm);font-size:11px;letter-spacing:.18em;color:var(--c-cyan)}
.section-tag .ttl,.section-tag .sub{font-family:var(--fm);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-gray-2)}
.section-tag .ln{flex:1;height:1px;background:rgba(244,241,234,0.08)}

/* REVEAL */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.reveal.in{opacity:1;transform:none}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--fm);font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:14px 24px;border-radius:4px;transition:all .25s var(--ease-out);border:none;background:none;cursor:pointer}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--c-cyan);color:var(--c-black);font-weight:600}
.btn-primary:hover{box-shadow:var(--glow-md)}
.btn-secondary{border:var(--bd-brand-soft);color:var(--c-off)}
.btn-secondary:hover{border-color:var(--c-cyan);color:var(--c-cyan)}
.btn-ghost{border:var(--bd-default);color:var(--c-off)}
.btn-ghost:hover{border-color:var(--c-lima);color:var(--c-lima)}
.btn-sm{padding:9px 16px;font-size:11px}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:all .3s var(--ease-out)}
.nav.scrolled{background:rgba(5,8,16,0.72);backdrop-filter:blur(14px);border-bottom:var(--bd-hairline)}
.nav-inner{max-width:var(--max-w);margin:0 auto;padding:18px var(--pad-x);display:flex;align-items:center;justify-content:space-between}
.nav-logo{display:flex;align-items:center;color:var(--c-off)}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{font-family:var(--fm);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-gray-2);transition:color .25s var(--ease-out)}
.nav-links a:hover{color:var(--c-off)}
.nav-cta{font-family:var(--fm);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:9px 18px;border:var(--bd-brand-soft);border-radius:4px;color:var(--c-cyan);transition:all .25s var(--ease-out)}
.nav-cta:hover{background:var(--c-cyan);color:var(--c-black)}
.nav-burger{display:none;background:none;border:none;color:var(--c-off);font-family:var(--fm);font-size:18px;cursor:pointer}
@media(max-width:900px){.nav-links{display:none}}

/* HERO */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}
#orbit-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hero-scrim{position:absolute;inset:0;z-index:1;background:var(--grad-scrim);pointer-events:none}
.hero-inner{position:relative;z-index:2;max-width:var(--max-w);margin:0 auto;padding:0 var(--pad-x);width:100%}
.hero-hud{position:absolute;z-index:3;font-family:var(--fm);font-size:10px;letter-spacing:.16em;line-height:1.7;color:var(--c-gray-2)}
.hud-tl-pos{top:96px;left:var(--pad-x)}
.hud-tr-pos{top:96px;right:var(--pad-x);text-align:right}
.hud-tl-pos .sig{color:var(--c-cyan)}
.blip{animation:blip 1.4s ease-in-out infinite}
@keyframes blip{0%,100%{opacity:1}50%{opacity:.3}}
.hero-vert{position:absolute;z-index:3;right:calc(var(--pad-x) - 6px);top:50%;transform:rotate(90deg);transform-origin:right center;font-family:var(--fm);font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--c-gray)}
.hero-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--fm);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-gray-2);padding:7px 14px;border:var(--bd-default);border-radius:999px;margin-bottom:32px}
.hero-chip .d{width:6px;height:6px;border-radius:999px;background:var(--c-cyan);box-shadow:var(--glow-sm)}
.hero h1{font-family:var(--fd);font-weight:500;font-size:clamp(56px,11vw,200px);line-height:.92;letter-spacing:-.04em;margin-bottom:32px}
.hero-lead{max-width:560px;font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:var(--c-gray-2);margin-bottom:40px}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap}
.scroll-cue{position:absolute;bottom:64px;left:50%;transform:translateX(-50%);z-index:3;font-family:var(--fm);font-size:9px;letter-spacing:.34em;color:var(--c-gray);display:flex;flex-direction:column;align-items:center;gap:8px}
.scroll-cue .bar{width:1px;height:38px;background:linear-gradient(to bottom,var(--c-cyan),transparent)}
@media(max-width:560px){.hero h1{font-size:clamp(44px,14vw,88px)}.hero-vert{display:none}.hud-tl-pos,.hud-tr-pos{font-size:9px;top:80px}}

/* TICKER */
.ticker{position:absolute;bottom:0;left:0;right:0;z-index:3;border-top:var(--bd-hairline);background:rgba(5,8,16,0.55);overflow:hidden;padding:12px 0}
.ticker-track{display:inline-flex;white-space:nowrap;animation:ticker 60s linear infinite;will-change:transform}
.ticker-track span{font-family:var(--fm);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-gray-2);padding:0 28px}
.ticker-track .c{color:var(--c-cyan)}.ticker-track .l{color:var(--c-lima)}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* MANIFESTO */
.manifesto h2{font-family:var(--fd);font-weight:500;font-size:clamp(28px,3.4vw,44px);line-height:1.2;letter-spacing:-.02em;max-width:900px;margin-bottom:64px}
.principios{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(244,241,234,0.06)}
.principio{background:var(--c-black);padding:32px 28px}
.principio .num{font-family:var(--fm);font-size:11px;letter-spacing:.16em;color:var(--c-cyan);margin-bottom:20px;display:block}
.principio h3{font-family:var(--fd);font-weight:500;font-size:20px;margin-bottom:12px}
.principio p{font-size:13.5px;line-height:1.55;color:var(--c-gray-2)}
@media(max-width:900px){.principios{grid-template-columns:1fr}}

/* SERVICES */
.svc-head{font-family:var(--fd);font-weight:500;font-size:clamp(40px,6vw,88px);line-height:.96;letter-spacing:-.03em;margin-bottom:64px}
.svc-head .g{color:var(--c-gray)}
.svc-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(244,241,234,0.06)}
.svc-card{background:var(--c-black);padding:32px 28px;position:relative;min-height:280px;display:flex;flex-direction:column;transition:background .35s var(--ease-out)}
.svc-card:hover{background:var(--c-graphite-2)}
.svc-card .code{font-family:var(--fm);font-size:10px;letter-spacing:.18em;color:var(--c-gray);position:absolute;top:28px;right:28px}
.svc-icon{width:36px;height:36px;color:var(--c-cyan);margin-bottom:28px}
.svc-card h3{font-family:var(--fd);font-weight:500;font-size:20px;margin-bottom:10px}
.svc-card .curta{font-size:13.5px;color:var(--c-off);margin-bottom:12px}
.svc-card .longa{font-size:12.5px;line-height:1.55;color:var(--c-gray-2);margin-bottom:auto}
.svc-card .tag{font-family:var(--fm);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-cyan);margin-top:20px}
@media(max-width:1100px){.svc-wall{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.svc-wall{grid-template-columns:1fr}}

/* PROCESS */
.proc-item{display:grid;grid-template-columns:120px 1fr 160px;gap:32px;padding:36px 0;border-top:var(--bd-subtle);align-items:start}
.proc-item:last-child{border-bottom:var(--bd-subtle)}
.proc-num{font-family:var(--fd);font-weight:500;font-size:clamp(40px,5vw,72px);line-height:1;color:var(--c-graphite);transition:color .35s var(--ease-out)}
.proc-item:hover .proc-num{color:var(--c-cyan)}
.proc-body h3{font-family:var(--fd);font-weight:500;font-size:24px;margin-bottom:12px}
.proc-body p{font-size:14px;line-height:1.55;color:var(--c-gray-2);max-width:640px}
.proc-dur{font-family:var(--fm);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-gray-2);text-align:right}
@media(max-width:900px){.proc-item{grid-template-columns:1fr;gap:14px}.proc-dur{text-align:left}}

/* CASES */
.cases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.case-card{position:relative;border:var(--bd-subtle);border-radius:4px;overflow:hidden;background:var(--grad-card);transition:transform .35s var(--ease-out),border-color .35s var(--ease-out)}
.case-card:hover{transform:translateY(-4px);border-color:rgba(0,217,255,0.40)}
.case-visual{height:200px;border-bottom:var(--bd-subtle);background:var(--c-graphite-2);position:relative;overflow:hidden}
.case-visual img{width:100%;height:100%;object-fit:cover}
.case-visual svg{width:100%;height:100%}
.case-body{padding:28px}
.case-tag{font-family:var(--fm);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-cyan);margin-bottom:14px}
.case-code{font-family:var(--fm);font-size:10px;letter-spacing:.16em;color:var(--c-gray);float:right}
.case-body h3{font-family:var(--fd);font-weight:500;font-size:26px;margin-bottom:12px}
.case-body p{font-size:13.5px;line-height:1.55;color:var(--c-gray-2);margin-bottom:24px}
.case-metric{display:flex;align-items:baseline;gap:12px;border-top:var(--bd-hairline);padding-top:20px}
.case-metric .v{font-family:var(--fd);font-weight:500;font-size:40px;line-height:1;color:var(--c-off)}
.case-metric .ml{font-family:var(--fm);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-gray-2)}
.case-sub{font-family:var(--fm);font-size:11px;letter-spacing:.08em;color:var(--c-gray);margin-top:12px}
@media(max-width:900px){.cases-grid{grid-template-columns:1fr}}

/* SOCIAL */
.social-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(244,241,234,0.06);margin-bottom:64px}
.smetric{background:var(--c-black);padding:32px 28px}
.smetric .num{font-family:var(--fm);font-size:10px;letter-spacing:.18em;color:var(--c-cyan);margin-bottom:18px;display:block}
.smetric .v{font-family:var(--fd);font-weight:500;font-size:clamp(40px,5vw,64px);line-height:1;margin-bottom:10px}
.smetric .l{font-size:13px;color:var(--c-off)}
.smetric .d{font-family:var(--fm);font-size:11px;letter-spacing:.08em;color:var(--c-gray);margin-top:6px}
.social-row{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:stretch}
.quote{position:relative;border:var(--bd-subtle);border-radius:4px;padding:40px;background:var(--grad-card)}
.quote blockquote{font-family:var(--fd);font-weight:500;font-size:clamp(20px,2vw,28px);line-height:1.35;margin-bottom:32px}
.quote .author{display:flex;align-items:center;gap:14px}
.quote .ini{width:44px;height:44px;border-radius:999px;background:var(--c-graphite);display:flex;align-items:center;justify-content:center;font-family:var(--fm);font-weight:700;font-size:13px;color:var(--c-cyan);border:var(--bd-brand-soft)}
.quote .meta{font-family:var(--fm);font-size:11px;letter-spacing:.06em;color:var(--c-gray-2);line-height:1.5}
.clients{border:var(--bd-subtle);border-radius:4px;padding:32px;background:rgba(244,241,234,0.04)}
.clients .ch{font-family:var(--fm);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-gray-2);margin-bottom:18px}
.clients .ci{font-family:var(--fm);font-size:13px;letter-spacing:.04em;color:var(--c-off);padding:12px 0;border-top:var(--bd-hairline)}
@media(max-width:900px){.social-metrics{grid-template-columns:repeat(2,1fr)}.social-row{grid-template-columns:1fr}}

/* STACK */
.stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(244,241,234,0.06)}
.stack-col{background:var(--c-black);padding:32px 28px}
.stack-col .code{font-family:var(--fm);font-size:10px;letter-spacing:.18em;color:var(--c-gray);margin-bottom:8px;display:block}
.stack-col h3{font-family:var(--fd);font-weight:500;font-size:20px;margin-bottom:24px}
.stack-col ul{list-style:none}
.stack-col li{font-family:var(--fm);font-size:13px;letter-spacing:.02em;color:var(--c-gray-2);padding:11px 0;border-top:var(--bd-hairline);transition:color .25s var(--ease-out)}
.stack-col li:hover{color:var(--c-cyan)}
@media(max-width:900px){.stack-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.stack-grid{grid-template-columns:1fr}}

/* CTA FINAL */
.cta-wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:start}
.cta-left h2{font-family:var(--fd);font-weight:500;font-size:clamp(40px,6vw,88px);line-height:.96;letter-spacing:-.03em;margin-bottom:40px}
.field{margin-bottom:24px}
.field .frow{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.field label{font-family:var(--fm);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-gray-2)}
.field .opt{font-family:var(--fm);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-gray)}
.field input,.field textarea,.field select{width:100%;background:rgba(244,241,234,0.03);border:var(--bd-default);border-radius:3px;padding:14px 16px;color:var(--c-off);font-family:var(--fb);font-size:14px;transition:border-color .25s var(--ease-out)}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--c-cyan);outline:none}
.field input::placeholder,.field textarea::placeholder{color:var(--c-gray)}
.field textarea{resize:vertical;min-height:120px}
.radio-pills{display:flex;flex-wrap:wrap;gap:8px}
.radio-pill{font-family:var(--fm);font-size:11px;letter-spacing:.06em;padding:9px 16px;border:var(--bd-default);border-radius:999px;color:var(--c-gray-2);cursor:pointer;transition:all .25s var(--ease-out);background:none}
.radio-pill:hover,.radio-pill.sel{border-color:var(--c-cyan);color:var(--c-cyan)}
.submit-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:8px}
.submit-micro{font-family:var(--fm);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-gray-2)}
.cta-aside{position:relative;border:var(--bd-subtle);border-radius:4px;padding:32px;background:var(--grad-card)}
.contact-item{padding:18px 0;border-top:var(--bd-hairline)}
.contact-item:first-child{border-top:none;padding-top:0}
.contact-item .l{font-family:var(--fm);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-gray);margin-bottom:6px;display:block}
.contact-item .v{font-size:14px;color:var(--c-off);white-space:pre-line}
.contact-item a.v:hover{color:var(--c-cyan)}
.public-badge{margin-top:24px;padding:20px;border:var(--bd-brand-soft);border-radius:4px;background:rgba(0,217,255,0.04)}
.public-badge .b{font-family:var(--fm);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-lima);margin-bottom:10px;display:block}
.public-badge p{font-size:13px;line-height:1.55;color:var(--c-gray-2)}
.form-alert{padding:14px 16px;border-radius:3px;font-family:var(--fm);font-size:12px;margin-bottom:24px}
.form-alert.ok{border:1px solid rgba(196,255,61,0.35);color:var(--c-lima);background:rgba(196,255,61,0.05)}
.form-alert.err{border:1px solid rgba(239,68,68,0.4);color:var(--c-error);background:rgba(239,68,68,0.05)}
@media(max-width:900px){.cta-wrap{grid-template-columns:1fr}}

/* FOOTER */
footer{border-top:var(--bd-hairline);position:relative;overflow:hidden}
.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding:80px var(--pad-x) 56px;max-width:var(--max-w);margin:0 auto}
.foot-brand p{font-size:13.5px;line-height:1.6;color:var(--c-gray-2);max-width:340px;margin:24px 0 28px}
.news label{font-family:var(--fm);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-cyan);display:block;margin-bottom:6px}
.news .pitch{font-size:12.5px;color:var(--c-gray-2);margin-bottom:14px;max-width:320px}
.news-form{display:flex;gap:8px;max-width:360px}
.news-form input{flex:1;background:rgba(244,241,234,0.03);border:var(--bd-default);border-radius:3px;padding:11px 14px;color:var(--c-off);font-family:var(--fb);font-size:13px}
.news-form input:focus{border-color:var(--c-cyan);outline:none}
.news-form button{font-family:var(--fm);font-size:12px;padding:0 16px;background:var(--c-cyan);color:var(--c-black);border:none;border-radius:3px;cursor:pointer}
.foot-col h4{font-family:var(--fm);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-off);margin-bottom:18px}
.foot-col a{display:block;font-family:var(--fm);font-size:12px;letter-spacing:.04em;color:var(--c-gray-2);padding:7px 0;transition:color .25s var(--ease-out)}
.foot-col a:hover{color:var(--c-cyan)}
.foot-base{border-top:var(--bd-hairline);padding:24px var(--pad-x);max-width:var(--max-w);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.foot-base .cr{font-family:var(--fm);font-size:11px;letter-spacing:.04em;color:var(--c-gray)}
.foot-base .soc{display:flex;gap:20px}
.foot-base .soc a{font-family:var(--fm);font-size:11px;letter-spacing:.1em;color:var(--c-gray-2)}
.foot-base .soc a:hover{color:var(--c-cyan)}
.watermark{font-family:var(--fd);font-weight:500;font-size:clamp(60px,14vw,240px);line-height:1;color:rgba(0,217,255,0.06);white-space:nowrap;padding:0 var(--pad-x) 40px;letter-spacing:-.04em;pointer-events:none;user-select:none}
@media(max-width:900px){.foot-top{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.foot-top{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .scanlines,.grain,.cur-dot,.cur-ring{display:none}
  .reveal{opacity:1;transform:none}
}