@font-face{font-family:"Familjen Grotesk";src:url("../fonts/familjen-grotesk-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Familjen Grotesk";src:url("../fonts/familjen-grotesk-latin-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Familjen Grotesk";src:url("../fonts/familjen-grotesk-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Familjen Grotesk";src:url("../fonts/familjen-grotesk-latin-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Familjen Grotesk";src:url("../fonts/familjen-grotesk-latin-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Space Mono";src:url("../fonts/space-mono-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#eef1f8;--panel:#ffffff;--ink:#0b1230;--ink2:#4a5275;--ink3:#8b92b0;--rule:#cfd5e6;--rule2:#e3e7f2;
  --green:#2a44e0;--green2:#2a44e0;--amber:#e05a1c;--lime:#c9f24a;
  --f1:#00b89a;--f2:#8e4fb3;--f3:#e59a00;--f4:#0090d8;--f5:#17b35f;--f6:#e8003a;
  --max:1120px;--gut:24px;--mono:"Space Mono",ui-monospace,Menlo,monospace;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:"Familjen Grotesk",system-ui,sans-serif;font-size:17px;line-height:1.55;font-feature-settings:"tnum" 1}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:3px}
::selection{background:#d6ddff}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
p{max-width:62ch}
h1,h2,h3{font-weight:600;letter-spacing:-.02em;line-height:1.05}
h1{font-size:clamp(2.4rem,5.4vw,4.4rem)}
h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:.6em}
h3{font-size:1.15rem;letter-spacing:-.01em;line-height:1.25}
.lead{font-size:1.2rem;color:var(--ink2);max-width:54ch}
.link{color:var(--green);border-bottom:1px solid currentColor;padding-bottom:1px}
.link:hover{color:var(--ink)}

/* header */
.top{position:sticky;top:0;z-index:20;background:rgba(238,241,248,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:66px;gap:18px}
.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1.2rem;letter-spacing:-.02em}
.brand .six{display:grid;grid-template-columns:repeat(3,6px);gap:3px}
.brand .six i{width:6px;height:6px;border-radius:50%;background:var(--ink)}
.brand .six i:nth-child(1){background:var(--f1)}.brand .six i:nth-child(2){background:var(--f2)}.brand .six i:nth-child(3){background:var(--f3)}
.brand .six i:nth-child(4){background:var(--f4)}.brand .six i:nth-child(5){background:var(--f5)}.brand .six i:nth-child(6){background:var(--f6)}
.menu{display:flex;gap:28px;color:var(--ink2);font-size:.98rem}
.menu a:hover,.menu a[aria-current]{color:var(--ink)}
.menu a[aria-current]{box-shadow:0 1.5px 0 var(--ink)}
.right{display:flex;align-items:center;gap:14px}
.status{display:inline-flex;align-items:center;gap:7px;font-size:.84rem;color:var(--ink2);padding:5px 10px;border:1px solid var(--rule);border-radius:999px;background:var(--panel);transition:border-color .2s,color .2s}
.status i{width:7px;height:7px;border-radius:50%;background:#1fbf6a;box-shadow:0 0 0 3px rgba(31,191,106,.18)}
.status.egg{border-color:var(--amber);color:var(--amber)}
.status.egg i{background:var(--amber);box-shadow:0 0 0 3px rgba(224,90,28,.18)}
.lang{font-size:.9rem;color:var(--ink2)}
.lang:hover{color:var(--ink)}
.btn{display:inline-block;padding:9px 16px;border-radius:999px;font-weight:500;font-size:.95rem;border:1px solid var(--ink);line-height:1.2}
.btn.solid{background:var(--green);color:#fff;border-color:var(--green)}
.btn.solid:hover{background:#1c33c4;border-color:#1c33c4}
.btn.ghost:hover{background:var(--panel)}
.burger{display:none}

/* hero */
.hero{padding:72px 0 56px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;right:-10%;top:-30%;width:60vw;height:60vw;max-width:900px;max-height:900px;border-radius:50%;background:radial-gradient(closest-side,rgba(42,68,224,.14),rgba(42,68,224,0));pointer-events:none}
.hero .wrap{position:relative}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:start}
.hero h1 span{display:block}
.hero h1 span:nth-child(3){color:var(--green)}
.hero .lead{margin-top:26px}
.hero .cta{margin-top:30px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.hint{font-size:.9rem;color:var(--ink3)}

/* chat panel */
.chat{color:var(--ink);background:var(--panel);border:1px solid var(--ink);border-radius:10px;overflow:hidden}
.chat .head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--rule2);font-size:.85rem;color:var(--ink2)}
.voices{display:flex;gap:5px;align-items:flex-end;height:18px}
.voices i{width:9px;height:6px;border-radius:2px;background:var(--rule);transition:height .35s cubic-bezier(.2,.8,.2,1),background .2s}
.voices i.on{height:18px}
.voices i:nth-child(1).on{background:var(--f1)}.voices i:nth-child(2).on{background:var(--f2)}.voices i:nth-child(3).on{background:var(--f3)}
.voices i:nth-child(4).on{background:var(--f4)}.voices i:nth-child(5).on{background:var(--f5)}.voices i:nth-child(6).on{background:var(--f6)}
.voices i.off{height:6px;background:var(--rule)}
.log{padding:18px 18px 8px;min-height:230px;max-height:400px;overflow:auto;display:flex;flex-direction:column;gap:14px}
.msg{font-size:1rem;line-height:1.5}
.msg.u{color:var(--ink2);padding-left:14px;border-left:2px solid var(--rule)}
.msg.a{padding-top:4px}
.msg.a .t{white-space:pre-wrap}
.cons{display:flex;align-items:baseline;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--rule2);flex-wrap:wrap}
.cons .n{font-size:2.2rem;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--green);min-width:3.4ch}
.cons .n.low{color:var(--amber)}
.cons .book{width:100%;margin-top:10px;padding:12px 14px;background:var(--bg);border-radius:8px;font-size:.92rem}
.cons .book a{color:var(--green);border-bottom:1px solid currentColor;margin-right:14px}
.cons .l{font-size:.85rem;color:var(--ink2)}
.cons .m{margin-left:auto;font-size:.8rem;color:var(--ink3);display:flex;gap:10px;align-items:center}
.cons .m .tm{font-family:var(--mono);font-size:.74rem}
.cons .m a{color:var(--amber);border-bottom:1px solid currentColor}
.cursor::after{content:"▍";animation:blink 1s steps(2) infinite;color:var(--ink3)}
@keyframes blink{50%{opacity:0}}
@keyframes hum{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.in{display:flex;border-top:1px solid var(--ink);background:var(--panel)}
.in input{flex:1;border:0;background:transparent;padding:15px 18px;font:inherit;font-size:1rem;color:var(--ink);min-width:0}
.in input::placeholder{color:var(--ink3)}
.in button{border:0;background:var(--green);color:#fff;padding:0 22px;font:inherit;font-weight:500;cursor:pointer}
.in button:hover{background:#1c33c4}

/* numbers row */
.numbers{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);margin-top:56px}
.numbers div{padding:18px 0 4px;border-right:1px solid var(--rule)}
.numbers div:last-child{border-right:0}
.numbers div:not(:first-child){padding-left:22px}
.numbers b{display:block;font-size:1.9rem;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.numbers span{color:var(--ink2);font-size:.92rem}

/* sections */
section{padding:84px 0}
section.alt{background:var(--panel);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.two{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start}
.two .lead{margin-bottom:18px}
.more{display:inline-block;margin-top:22px}

/* labs strip */
.labs{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid var(--ink);margin-top:36px}
.lab{display:block;padding:18px 14px 20px 0;border-right:1px solid var(--rule);position:relative;min-width:0}
.lab:last-child{border-right:0}
.lab:not(:first-child){padding-left:16px}
.lab::before{content:"";position:absolute;left:0;top:-1px;height:3px;width:40px;background:var(--c)}
.lab:not(:first-child)::before{left:16px}
.lab .nm{font-weight:600;font-size:.98rem;letter-spacing:-.01em;line-height:1.2;margin-top:10px}
.lab .ct{color:var(--ink2);font-size:.88rem;margin-top:2px}
.lab .ck{font-family:var(--mono);font-size:1rem;margin-top:16px;letter-spacing:-.02em}
.lab .st{font-size:.8rem;color:var(--ink3);margin-top:2px}
.lab .st.open{color:var(--green)}
.lab:hover .nm{text-decoration:underline;text-underline-offset:3px}

/* continuity */
.box{position:relative;width:100%;max-width:420px;aspect-ratio:34/22;background:linear-gradient(160deg,#9a9ea3,#6f737a);animation:hum 6s ease-in-out infinite;border-radius:10px;box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 18px 40px -18px rgba(0,0,0,.45)}
.box::before,.box::after{content:"";position:absolute;top:12%;width:10px;height:36%;border:3px solid #4e525a;border-radius:6px;background:#7c8087}
.box::before{left:-6px}.box::after{right:-6px}
.box .leds{position:absolute;left:8%;top:14%;display:flex;gap:10px}
.box .leds i{width:9px;height:9px;border-radius:50%;background:#2ee07d;box-shadow:0 0 8px #2ee07d}
.box .leds i{animation:led 2.4s infinite}
.box .leds i:nth-child(2){animation-delay:.3s}.box .leds i:nth-child(3){animation-delay:.6s}
.box .leds i:nth-child(4){background:#ff5a5a;box-shadow:0 0 8px #ff5a5a;animation:blink 1.1s steps(2) infinite}
@keyframes led{0%,100%{opacity:1}50%{opacity:.25;box-shadow:none}}
.box .label{position:absolute;left:8%;bottom:12%;font-family:var(--mono);font-size:.7rem;color:#e6e8ec;letter-spacing:.04em}
.box .port{position:absolute;right:8%;bottom:14%;width:34px;height:22px;border:2px solid #3b3e45;border-radius:3px;background:#2b2e34}
.console{font-family:var(--mono);font-size:.78rem;line-height:1.85;color:#cfd6e6;background:#1d2027;border-radius:8px;padding:18px 20px;white-space:pre;overflow:auto}
.console .down{color:#ff8a8a}.console .ok{color:#7be0a8}

/* quote */
.quote{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:500;letter-spacing:-.02em;line-height:1.25;max-width:26em}
.quote + .by{margin-top:14px;color:var(--ink2)}

/* footer */
footer{border-top:1px solid var(--ink);padding:48px 0 32px;font-size:.92rem}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
footer h4{font-weight:600;margin-bottom:10px}
footer .cols a{display:block;color:var(--ink2);padding:3px 0}
footer .cols a:hover{color:var(--ink)}
footer .book{color:var(--ink2);max-width:40ch;margin-top:12px}
footer .fine{margin-top:36px;padding-top:16px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--ink3);font-size:.84rem}
footer .fine a{color:var(--ink2)}
footer .reg{color:var(--ink2)}

/* inner pages */
.page{padding:64px 0 24px}
.page h1{margin-bottom:18px}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--ink);margin-top:40px}
.step{padding:22px 22px 26px 0;border-right:1px solid var(--rule)}
.step:last-child{border-right:0}
.step:not(:first-child){padding-left:22px}
.step::before{counter-increment:s;content:counter(s);display:inline-block;font-weight:600;font-size:1.4rem;letter-spacing:-.03em;color:var(--green);margin-bottom:10px}
.step h3{margin-bottom:8px}
.step p{color:var(--ink2);font-size:.95rem}
.prose p{margin-bottom:1em}
.limits{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:1px solid var(--ink)}
.limits div{padding:18px 0;border-bottom:1px solid var(--rule)}
.limits h3{margin-bottom:4px}
.limits p{color:var(--ink2);font-size:.95rem}
.big3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px}
.big3 b{display:block;font-size:3rem;font-weight:600;letter-spacing:-.04em;line-height:1}
.big3 span{color:var(--ink2)}
.ctaband{margin-top:72px;padding:36px 0;border-top:1px solid var(--ink)}
.ctaband .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}

.labgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--ink);margin-top:40px}
.labcard{display:block;padding:24px 24px 28px 0;border-bottom:1px solid var(--rule);border-right:1px solid var(--rule);position:relative}
.labcard:nth-child(3n){border-right:0}
.labcard:not(:nth-child(3n+1)){padding-left:24px}
.labcard::before{content:"";position:absolute;left:0;top:-1px;height:3px;width:48px;background:var(--c)}
.labcard:not(:nth-child(3n+1))::before{left:24px}
.labcard .code{font-family:var(--mono);font-size:.74rem;color:var(--ink3);margin-top:12px}
.labcard h3{margin-top:6px}
.labcard .ct{color:var(--ink2);margin-top:2px}
.labcard .fd{margin-top:14px;font-size:.95rem}
.labcard .ck{font-family:var(--mono);font-size:1.1rem;margin-top:18px;letter-spacing:-.02em}
.labcard .st{font-size:.8rem;color:var(--ink3)}
.labcard .st.open{color:var(--green)}
.labcard:hover h3{text-decoration:underline;text-underline-offset:3px}

.labhead{border-top:4px solid var(--c);padding-top:28px;display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:end}
.labhead .code{font-family:var(--mono);font-size:.8rem;color:var(--ink3)}
.labhead h1{margin:8px 0 6px}
.labhead .ct{font-size:1.2rem;color:var(--ink2)}
.clock{text-align:right}
.clock .ck{font-family:var(--mono);font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em;line-height:1}
.clock .st{color:var(--ink2);margin-top:6px}
.clock .st b{color:var(--green);font-weight:500}
.clock .hrs{font-size:.9rem;color:var(--ink3);margin-top:2px}
.labbody{display:grid;grid-template-columns:7fr 5fr;gap:40px;margin-top:44px}
.pres{border:1px solid var(--rule);background:var(--panel);border-radius:10px;padding:22px}
.pres .av{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,rgba(255,255,255,0) 50%),linear-gradient(135deg,var(--c),#5c6170);filter:saturate(.6);position:relative;margin-bottom:14px}
.pres .av::after{content:"";position:absolute;right:2px;bottom:2px;width:14px;height:14px;border-radius:50%;background:var(--green2);border:3px solid var(--panel)}
.pres .who{font-weight:600}
.pres .how{color:var(--ink2);font-size:.9rem}
.pres .clue{margin-top:14px;padding-top:12px;border-top:1px solid var(--rule2);font-style:italic;color:var(--ink2);font-size:.95rem}
.facts{margin-top:18px;font-size:.92rem;color:var(--ink2)}
.facts div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--rule2)}
.facts div span:last-child{color:var(--ink);text-align:right}
.trace{margin-top:40px;font-family:var(--mono);font-size:.76rem;color:var(--ink3)}
.trace a{color:var(--ink3)}
.trace a:hover{color:var(--c)}

.specs{border-top:1px solid var(--ink)}
.specs div{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--rule)}
.specs div span:first-child{color:var(--ink2)}
ul.plain{list-style:none}
ul.plain li{padding:9px 0;border-bottom:1px solid var(--rule)}
.founders{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--ink);margin-top:28px}
.founders div{padding:20px 20px 24px 0;border-right:1px solid var(--rule)}
.founders div:last-child{border-right:0}
.founders div:not(:first-child){padding-left:20px}
.founders i{display:block;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#c9ced6,#7b8290);margin-bottom:14px}
.founders b{display:block;font-weight:600}
.founders span{color:var(--ink2);font-size:.95rem}

table.reg{width:100%;border-collapse:collapse;margin-top:36px;font-size:.95rem}
table.reg th{text-align:left;font-weight:500;color:var(--ink2);padding:10px 12px 10px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule)}
table.reg td{padding:12px 12px 12px 0;border-bottom:1px solid var(--rule);font-variant-numeric:tabular-nums}
table.reg td.mono{font-family:var(--mono);font-size:.85rem}
table.reg tr.egg td{background:#fff6e8;color:var(--amber)}
table.reg tr.egg td:first-child{border-left:3px solid var(--amber);padding-left:10px}
table.reg tr.egg a{border-bottom:1px solid currentColor}
.note{margin-top:22px;color:var(--ink2);max-width:62ch}

@media (max-width:980px){
  .hero .wrap,.two,.labbody,.labhead{grid-template-columns:1fr}
  .clock{text-align:left}
  .labs{grid-template-columns:repeat(3,1fr)}
  .lab:nth-child(3n){border-right:0}
  .lab:nth-child(n+4){border-top:1px solid var(--rule)}
  .steps{grid-template-columns:1fr 1fr}
  .step:nth-child(2n){border-right:0}
  .step:nth-child(n+3){border-top:1px solid var(--rule)}
  .labgrid{grid-template-columns:1fr 1fr}
  .labcard:nth-child(3n){border-right:1px solid var(--rule)}
  .labcard:nth-child(2n){border-right:0}
  .labcard:not(:nth-child(3n+1)){padding-left:0}
  .labcard:nth-child(2n){padding-left:24px}
  .labcard:not(:nth-child(3n+1))::before{left:0}
  .labcard:nth-child(2n)::before{left:24px}
  footer .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body{font-size:16px}
  .menu{display:none}
  .burger{display:inline-block;border:1px solid var(--rule);border-radius:999px;padding:7px 12px;background:var(--panel);font:inherit;font-size:.9rem;cursor:pointer}
  .top .open .menu{display:flex;position:absolute;left:0;right:0;top:66px;background:var(--panel);flex-direction:column;gap:0;padding:8px var(--gut);border-bottom:1px solid var(--rule)}
  .top .open .menu a{padding:12px 0;border-bottom:1px solid var(--rule2)}
  .right .btn.ghost,.right .btn.solid,.right .status .tx{display:none}
  .hero{padding:44px 0 40px}
  .numbers{grid-template-columns:1fr 1fr}
  .numbers div:nth-child(2n){border-right:0}
  .numbers div:nth-child(n+3){border-top:1px solid var(--rule)}
  .numbers div:not(:first-child){padding-left:0}
  .numbers div:nth-child(2n){padding-left:18px}
  .labs{grid-template-columns:1fr 1fr}
  .lab:nth-child(3n){border-right:1px solid var(--rule)}
  .lab:nth-child(2n){border-right:0}
  .lab:nth-child(n+3){border-top:1px solid var(--rule)}
  .lab:not(:first-child){padding-left:0}
  .lab:nth-child(2n){padding-left:16px}
  .lab:not(:first-child)::before{left:0}
  .lab:nth-child(2n)::before{left:16px}
  .steps,.limits,.labgrid,.big3,.founders{grid-template-columns:1fr}
  .step,.labcard,.founders div{border-right:0;padding-left:0!important}
  .step::before{margin-bottom:4px}
  .labcard::before,.step::before{left:0!important}
  section{padding:56px 0}
  footer .cols{grid-template-columns:1fr}
  table.reg{font-size:.85rem}
  table.reg th:nth-child(5),table.reg td:nth-child(5){display:none}
}

/* illustrazioni */
.ill{width:100%;height:auto;display:block}
.ill text{font-family:"Familjen Grotesk",system-ui,sans-serif}
.ill .mono{font-family:var(--mono)}
.flow .pulse{stroke-dasharray:6 200;animation:flow 2.4s linear infinite}
.flow .pulse:nth-child(2){animation-delay:.3s}.flow .pulse:nth-child(3){animation-delay:.6s}.flow .pulse:nth-child(4){animation-delay:.9s}.flow .pulse:nth-child(5){animation-delay:1.2s}.flow .pulse:nth-child(6){animation-delay:1.5s}
@keyframes flow{from{stroke-dashoffset:206}to{stroke-dashoffset:0}}
.clockwall{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:40px}
.clockwall a{display:block;text-align:center;color:var(--ink2);font-size:.85rem}
.clockwall svg{width:100%;height:auto}
.clockwall .nm{display:block;color:var(--ink);font-weight:600;margin-top:8px;font-size:.92rem}
.clockwall .ck{font-family:var(--mono);font-size:.8rem}
.call{border-radius:14px;overflow:hidden;background:#141a33;box-shadow:0 24px 50px -24px rgba(11,18,48,.5)}
.call svg{display:block;width:100%;height:auto}
.drop{animation:drop 2.6s ease-in infinite;transform-origin:center}
@keyframes drop{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}80%{transform:translateY(120px) scale(1);opacity:1}100%{transform:translateY(130px) scale(1.6,.3);opacity:0}}
@media(max-width:980px){.clockwall{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.clockwall{grid-template-columns:repeat(2,1fr)}}

/* hero scuro */
.hero.dark{background:var(--ink);color:#fff}
.hero.dark .lead{color:#b9c0dc}
.hero.dark h1 span:nth-child(3){color:var(--lime)}
.hero.dark .btn.solid{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.hero.dark .btn.solid:hover{background:#d8ff5e}
.hero.dark .link{color:var(--lime)}
.hero.dark .link:hover{color:#fff}
.hero.dark .hint{color:#8b92b0}
.hero.dark .numbers{border-top-color:#2a3158}
.hero.dark .numbers div{border-right-color:#2a3158}
.hero.dark .numbers span{color:#b9c0dc}
.hero.dark .chat{border-color:transparent;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.hero.dark .in{border-top-color:var(--rule)}
.top{background:rgba(11,18,48,.96);border-bottom-color:#2a3158;color:#fff}
.top .menu{color:#b9c0dc}.top .menu a:hover,.top .menu a[aria-current]{color:#fff}.top .menu a[aria-current]{box-shadow:0 1.5px 0 var(--lime)}
.top .lang{color:#b9c0dc}.top .lang:hover{color:#fff}
.top .btn.ghost{border-color:#3a4160;color:#fff}.top .btn.ghost:hover{background:#1c2446}
.top .btn.solid{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.top .status{background:#141a33;border-color:#3a4160;color:#b9c0dc}
.top .status.egg{border-color:var(--amber);color:#ffb28a}
.top .brand .six i{box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.top .burger{background:#141a33;color:#fff;border-color:#3a4160}
.top .open .menu{background:var(--ink)}

/* moduli */
.auth{background:var(--panel);border:1px solid var(--rule);border-radius:12px;padding:28px}
.auth label{display:block;font-size:.9rem;color:var(--ink2);margin-bottom:16px}
.auth input,.auth select,.auth textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;font:inherit;font-size:1rem;color:var(--ink);background:var(--bg);border:1px solid var(--rule);border-radius:8px}
.auth input:focus,.auth select:focus,.auth textarea:focus{border-color:var(--green);outline:none}
.auth button{cursor:pointer}
.auth .voices{height:18px}
.verdict h2{margin-bottom:10px}
.verdict p{margin-bottom:14px}
.verdict .btn{margin-top:8px}
.verdict.key{border-left:4px solid var(--lime);padding-left:18px}