@font-face{font-family:'Unbounded';font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/unbounded-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Unbounded';font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/unbounded-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Unbounded';font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/unbounded-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:'Onest';font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/onest-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/onest-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/onest-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:'Onest';font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/onest-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/onest-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/onest-latin-500-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:'Onest';font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/onest-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/onest-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/onest-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:'Onest';font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/onest-cyrillic-700-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/onest-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/onest-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:'Onest';font-style:normal;font-display:swap;font-weight:900;src:url(/assets/fonts/onest-cyrillic-900-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-display:swap;font-weight:900;src:url(/assets/fonts/onest-latin-ext-900-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-display:swap;font-weight:900;src:url(/assets/fonts/onest-latin-900-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:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/jetbrains-mono-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/jetbrains-mono-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/jetbrains-mono-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:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/jetbrains-mono-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/jetbrains-mono-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/jetbrains-mono-latin-500-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}

:root{
  color-scheme: dark;
  --ink:#0A0D12;--ink2:#080B0F;--panel:#111722;--panel2:#161E2B;--line:#243044;--line2:#1C2533;
  --text:#E8EDF3;--soft:#B4C0CF;--muted:#9AA8BA;--dim:#6B7A8F;
  --blue:#3A66F0;--blue-hi:#7C9BFF;--mint:#3DD68C;--amber:#F5B941;--navy:#142A6B;--navy2:#0F2152;--strip:#101A33;--strip-line:#263A6E;
  --paper:#F3F5F8;--paper-ink:#0E1320;--paper-soft:#3F4A5C;--paper-line:#DCE2EA;--paper-blue:#2A4FCC;
  --display:"Unbounded",system-ui,sans-serif;--body:"Onest",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;
  --gut:clamp(16px,5vw,96px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--ink);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.55}
a{color:var(--blue-hi);text-decoration:none}
a:hover{color:#A9BDFF}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--blue-hi);outline-offset:3px;border-radius:6px}
h1,h2,h3{margin:0;text-wrap:balance}
p{margin:0}
.wrap{padding-inline:var(--gut);max-width:1440px;margin-inline:auto}
.eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-hi)}
.light .eyebrow{color:var(--paper-blue)}
.h1{font-family:var(--display);font-weight:600;font-size:clamp(38px,5.4vw,66px);line-height:1.06;letter-spacing:-.025em}
.h2{font-family:var(--display);font-weight:600;font-size:clamp(30px,3.6vw,48px);line-height:1.08;letter-spacing:-.02em}
.lead{font-size:clamp(17px,1.5vw,20px);color:var(--soft);max-width:62ch}
.light .lead,.light p{color:var(--paper-soft)}
.mono{font-family:var(--mono)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:12px;font-weight:600;font-size:16px;border:1px solid transparent;cursor:pointer;font-family:var(--body)}
.btn-p{background:var(--blue);color:#fff}.btn-p:hover{background:#2F58DD;color:#fff}
.btn-g{border-color:#2C3A50;color:var(--text)}.btn-g:hover{border-color:var(--blue-hi);color:var(--text)}
.btn-w{background:#fff;color:var(--navy)}.btn-w:hover{color:var(--navy);background:#E6ECFF}
.btn-o{border-color:#6F88D6;color:#fff}.btn-o:hover{color:#fff;border-color:#fff}
.btn-dk{border-color:var(--paper-ink);color:var(--paper-ink)}.btn-dk:hover{color:var(--paper-blue);border-color:var(--paper-blue)}
.row{display:flex;flex-wrap:wrap;gap:12px}
.sec{padding-block:clamp(64px,9vw,128px)}
.light{background:var(--paper);color:var(--paper-ink)}
.stack{display:flex;flex-direction:column}
.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1000px){.g3,.g4,.g5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.g2,.g3,.g4,.g5{grid-template-columns:minmax(0,1fr)}}
.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:30px;display:flex;flex-direction:column;gap:14px}
.light .card{background:#fff;border-color:var(--paper-line)}
.card h3{font-size:22px;font-weight:700;line-height:1.25}
.card p{color:var(--soft);font-size:16px}
.light .card p{color:var(--paper-soft)}
a.card{color:var(--text);transition:border-color .15s,transform .15s}
a.card:hover{border-color:var(--blue-hi);transform:translateY(-2px);color:var(--text)}
.tags{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--mono);font-size:12px;color:var(--muted)}
.tags span{padding:4px 8px;border:1px solid var(--line);border-radius:6px}
.more{margin-top:auto;font-weight:600;color:var(--blue-hi)}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:start}
@media (max-width:900px){.split{grid-template-columns:minmax(0,1fr)}}

/* header */
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(10,13,18,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line2)}
.hdr .wrap{height:76px;display:flex;align-items:center;gap:36px}
.brand{display:flex;align-items:center;gap:12px;color:var(--text)}
.brand:hover{color:var(--text)}
.brand .wm{font-weight:900;font-size:24px;letter-spacing:.01em}
.brand .tld{font-family:var(--mono);font-size:16px;font-weight:500;color:var(--blue-hi)}
.nav{display:flex;gap:28px;flex:1;font-size:15px;font-weight:500}
.nav a{color:#C5CFDB;padding-block:6px;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{color:var(--text);border-bottom-color:var(--blue-hi)}
.lang{display:flex;gap:2px;font-family:var(--mono);font-size:13px}
.lang a{padding:8px;color:var(--muted)}
.lang a.on{color:var(--text)}
.burger{display:none;width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:transparent;align-items:center;justify-content:center;cursor:pointer;margin-left:auto}
.mnav{display:none}
@media (max-width:1080px){
  .nav,.hdr .lang,.hdr .btn{display:none}
  .burger{display:flex}
  .mnav a{border-bottom:1px solid var(--line2);color:var(--text)}
  .mnav .lang{padding-top:16px}
}

/* hero */
.hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,4vw,64px);align-items:center;padding-block:clamp(48px,7vw,96px) clamp(40px,5vw,80px)}
@media (max-width:980px){.hero{grid-template-columns:minmax(0,1fr)}}
.hero-l{display:flex;flex-direction:column;gap:26px}
.hero-l .h1 em{font-style:normal;color:var(--blue-hi)}
.facts{display:flex;flex-wrap:wrap;gap:10px 24px;font-family:var(--mono);font-size:13px;color:var(--muted)}
.dash{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:14px}
.dash-h{display:flex;justify-content:space-between;align-items:center;gap:12px}
.live{font-family:var(--mono);font-size:12px;color:var(--mint);padding:5px 10px;border:1px solid #1F5A3E;border-radius:999px;white-space:nowrap}
.live::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:6px;animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{opacity:.3}}
@media (prefers-reduced-motion:reduce){.live::before{animation:none}}
.line{background:var(--panel2);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:9px}
.line.warn{border:1px solid #5A4418}
.line-t{display:flex;justify-content:space-between;font-size:15px}
.line-t b{font-weight:600}
.bar{height:8px;background:var(--line);border-radius:4px;overflow:hidden}
.bar i{display:block;height:100%;border-radius:4px;background:var(--mint);transition:width .8s ease}
.warn .bar i{background:var(--amber)}
.line-m{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.ok{color:var(--mint)}.am{color:var(--amber)}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tile{background:var(--panel2);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.tile span{font-family:var(--mono);font-size:11px;color:var(--muted)}
.tile b{font-size:15px}
.caption{font-family:var(--mono);font-size:11px;color:var(--dim);text-align:right;margin-top:8px}

.strip{margin-inline:var(--gut);padding:24px 28px;border-radius:16px;background:var(--strip);border:1px solid var(--strip-line);display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.strip .tag{font-family:var(--mono);font-size:13px;padding:8px 12px;border-radius:8px;background:var(--blue);color:#fff}
.strip .txt{flex:1;min-width:240px;display:flex;flex-direction:column;gap:4px}
.strip .txt b{font-size:18px}
.strip .txt span{font-size:14px;color:var(--muted)}
@media (min-width:1440px){.strip{margin-inline:auto;max-width:calc(1440px - 2*96px)}}

.sechead{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:48px}
.sechead .stack{gap:16px}
.sechead p{max-width:440px;font-size:18px;color:var(--soft)}

/* proof */
.pos{background:#0F0E0D;border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:14px}
.pos-h{display:flex;justify-content:space-between;align-items:center;color:#F6F3EC}
.pos-h b{display:flex;align-items:center;gap:10px;font-weight:900;font-size:18px;color:#FF7A1A}
.pos-h span{font-family:var(--mono);font-size:12px;color:#B7B1A4}
.tables{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tables div{height:72px;border-radius:10px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;font-weight:700;font-size:15px;background:#241B12;color:#F6F3EC}
.tables .b{background:#8FA552;color:#0F0E0D}.tables .o{background:#FF7A1A;color:#0F0E0D}
.tables small{font-size:12px;font-weight:600}
.posf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-family:var(--mono);font-size:12px;color:#F6F3EC}
.posf div{background:#241B12;border-radius:10px;padding:11px}

/* who/process */
.who{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border:1px solid var(--line);border-radius:14px}
.who b{font-size:18px;font-weight:600}.who span{font-size:15px;color:var(--muted)}
.steps{border-top:1px solid var(--line)}
.step{padding-top:26px;display:flex;flex-direction:column;gap:8px;padding-right:20px}
.step .n{font-family:var(--mono);font-size:14px;color:var(--blue-hi)}
.step b{font-size:19px}.step span{font-size:15px;color:var(--muted)}
.why{background:var(--panel);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:8px}
.why b{font-size:19px}.why span{font-size:15px;color:var(--muted)}

/* pricing */
.price{background:#fff;border:1px solid var(--paper-line);border-radius:20px;padding:34px;display:flex;flex-direction:column;gap:16px}
.price.feat{background:var(--ink);color:var(--text);border-color:var(--ink)}
.price .t{font-size:20px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:8px}
.price .amt{font-family:var(--display);font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.15}
.price .sub{font-size:15px;color:#4A5568}
.price.feat .sub{color:var(--muted)}
.price ul{list-style:none;margin:0;padding:18px 0 0;border-top:1px solid #E3E8EF;display:flex;flex-direction:column;gap:10px;color:#2D3748}
.price.feat ul{border-color:var(--line);color:#C5CFDB}
.price li::before{content:"✓ ";color:var(--paper-blue);font-weight:700}
.price.feat li::before{color:var(--blue-hi)}
.price .btn{margin-top:auto}
.pill{font-family:var(--mono);font-size:12px;padding:4px 10px;border-radius:999px;background:var(--blue);color:#fff;font-weight:500}

/* faq */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:22px 0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:19px;font-weight:600}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--blue-hi);font-weight:500}
.faq details[open] summary::after{content:"−"}
.faq details p{margin-top:12px;color:var(--soft);max-width:65ch}

/* contact */
.contact{margin-inline:var(--gut);margin-bottom:clamp(64px,8vw,112px);padding:clamp(28px,4vw,64px);border-radius:24px;background:var(--navy);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,4vw,64px)}
@media (min-width:1440px){.contact{margin-inline:auto;max-width:calc(1440px - 2*96px)}}
@media (max-width:900px){.contact{grid-template-columns:minmax(0,1fr)}}
.contact .h2{font-size:clamp(26px,3vw,40px)}
.contact p{color:#D0DAF5}
.cinfo{display:flex;flex-direction:column;gap:10px;font-size:17px}
.cinfo b{color:#fff;user-select:all}
.cinfo span{color:#D0DAF5}
form.cf{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){form.cf{grid-template-columns:1fr}}
.cf label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#D0DAF5}
.cf .full{grid-column:1/-1}
.cf input,.cf select,.cf textarea{min-height:48px;border-radius:10px;border:1px solid #3A57A8;background:var(--navy2);color:#fff;padding:10px 14px;font-size:16px;font-family:var(--body)}
.cf textarea{min-height:110px;resize:vertical}
.cf .btn{grid-column:1/-1;border:0}
.sent{grid-column:1/-1;padding:14px 16px;border-radius:10px;background:#0F2152;border:1px solid #3A57A8;color:#D0DAF5;font-size:15px}

/* footer */
.ftr{background:var(--ink2);border-top:1px solid var(--line2);padding-block:56px 32px}
.fgrid{display:grid;grid-template-columns:minmax(0,4fr) repeat(3,minmax(0,2fr));gap:32px}
@media (max-width:900px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.fgrid>div:first-child{grid-column:1/-1}}
.fcol{display:flex;flex-direction:column;gap:10px;font-size:15px}
.fcol .mono{font-size:12px;color:var(--dim)}
.fcol a{color:#C5CFDB}.fcol a:hover{color:var(--text)}
.fbot{margin-top:40px;padding-top:22px;border-top:1px solid var(--line2);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:14px;color:var(--dim)}

/* inner pages */
.crumb{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--mono);font-size:13px;color:var(--dim);padding-top:32px}
.crumb a{color:var(--muted)}
.crumb span:last-child{color:#C5CFDB}
.phero{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:center;padding-block:40px clamp(56px,8vw,104px)}
@media (max-width:980px){.phero{grid-template-columns:minmax(0,1fr)}}
.phero .h1{font-size:clamp(34px,4.6vw,58px)}
.flow{display:flex;flex-direction:column}
.fnode{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.fnode.hl{background:var(--navy);border-color:#3A57A8}
.fnode b{font-size:17px;display:block}.fnode small{font-family:var(--mono);font-size:12px;color:var(--muted)}
.fnode.hl small{color:#D0DAF5}
.fnode .mono{font-size:11px;color:var(--dim);white-space:nowrap}
.fnode.hl .mono{color:#D0DAF5}
.flink{height:32px;display:flex;justify-content:center}.flink i{width:2px;background:var(--blue)}
.pain{background:#fff;border:1px solid var(--paper-line);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:8px}
.pain b{font-size:19px;line-height:1.3;color:var(--paper-ink)}
.pilot{background:var(--strip);border:1px solid var(--strip-line);border-radius:24px;padding:clamp(28px,4vw,56px)}
.prose{max-width:68ch;display:flex;flex-direction:column;gap:18px;font-size:18px;color:var(--soft)}
.prose h2{font-family:var(--display);font-weight:600;font-size:26px;color:var(--text);margin-top:18px}
.prose ul,.prose ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.prose table{border-collapse:collapse;width:100%;font-size:16px}
.prose td,.prose th{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}
.prose th{font-family:var(--mono);font-size:12px;color:var(--muted);font-weight:500;letter-spacing:.08em}
.note{padding:14px 18px;border-radius:12px;background:var(--strip);border:1px solid var(--strip-line);font-size:15px;color:var(--soft)}
.post{display:flex;flex-direction:column;gap:10px;padding:24px 0;border-bottom:1px solid var(--line);color:var(--text)}
.post:hover{color:var(--text)}.post:hover b{color:var(--blue-hi)}
.post .mono{font-size:12px;color:var(--dim)}
.post b{font-size:21px;font-weight:700}
.post span:last-child{color:var(--muted)}

/* ───────── motion (only when JS adds .mo; off for reduced motion) ───────── */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* intro: mark on graphite, a loading bar runs under it, then the mark flies into the header while the curtain lifts */
#intro{position:fixed;inset:0;z-index:100;display:grid;place-items:center;pointer-events:none}
#intro .cur{position:absolute;inset:0;background:var(--ink);clip-path:inset(0);transition:clip-path 1.1s cubic-bezier(.7,0,.2,1)}
#intro.lift .cur{clip-path:inset(0 0 100% 0)}
#intro .il{position:relative;width:min(9rem,34vw);aspect-ratio:1;opacity:0;translate:0 1.25rem;animation:tIl .9s cubic-bezier(.2,.7,.2,1) .15s forwards;transition:transform 1.1s cubic-bezier(.7,0,.2,1)}
#intro .il svg{width:100%;height:100%;display:block}
#intro .st{position:absolute;left:50%;top:calc(50% + min(6.5rem,24vw));width:0;height:2px;background:var(--blue-hi);border-radius:2px;translate:-50% 0;animation:tSt 1s cubic-bezier(.5,0,.2,1) .55s forwards;transition:opacity .3s}
#intro .tx{position:absolute;left:50%;top:calc(50% + min(7.6rem,28vw));translate:-50% 0;font-family:var(--mono);font-size:12px;letter-spacing:.3em;color:var(--muted);opacity:0;animation:tFade .6s ease .9s forwards;transition:opacity .3s;white-space:nowrap}
#intro.lift .st,#intro.lift .tx{opacity:0}
@keyframes tIl{to{opacity:1;translate:0 0}}@keyframes tSt{to{width:min(260px,50vw)}}@keyframes tFade{to{opacity:1}}
body.intro .hdr .brand svg{opacity:0}
body.intro{overflow:hidden}

/* scroll progress in the header */
.prog{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--blue);transform-origin:left;transform:scaleX(var(--p,0))}

/* headline words rise out of a mask */
[data-split] .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
[data-split] .w>span{display:inline-block}
.mo [data-split] .w>span{transform:translateY(112%);transition:transform 1s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i)*45ms + var(--sd,0s))}
.mo [data-split].in .w>span{transform:none}

/* soft focus reveal */
.mo [data-rv]{opacity:0;translate:0 1.5rem;filter:blur(5px);transition:opacity 1s ease var(--d,0s),translate 1.1s cubic-bezier(.2,.7,.2,1) var(--d,0s),filter 1s ease var(--d,0s)}
.mo [data-rv].in{opacity:1;translate:none;filter:none}

/* panels wipe open like a screen powering on */
.mo [data-wipe]{clip-path:inset(0 0 100% 0 round 20px);scale:1.04;transition:clip-path 1.2s cubic-bezier(.7,0,.2,1) var(--d,.15s),scale 1.8s cubic-bezier(.2,.7,.2,1) var(--d,.15s)}
.mo [data-wipe].in{clip-path:inset(0 0 0 0 round 20px);scale:1}
.mo .dash .bar i{width:0!important}
.mo .dash.in .bar i{width:var(--w)!important;transition:width 1.6s cubic-bezier(.2,.7,.2,1) .9s}

/* line icons draw themselves */
.mo .card svg path,.mo .card svg rect{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s cubic-bezier(.4,.1,.3,1) calc(var(--d,0s) + .25s)}
.mo .card.in svg path,.mo .card.in svg rect{stroke-dashoffset:0}

/* flow diagram: nodes arrive in order, connectors grow down */
.mo .flink i{transform:scaleY(0);transform-origin:top;transition:transform .7s cubic-bezier(.5,0,.2,1) var(--d,0s)}
.mo .flink.in i{transform:none}

/* process steps: top rule draws left to right */
.steps{position:relative;border-top:0}
.steps::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line)}
.mo .steps::before{transform:scaleX(0);transform-origin:left;transition:transform 1.6s cubic-bezier(.6,0,.2,1)}
.mo .steps.in::before{transform:none}



/* ───────── services: vertical scroll drives a horizontal walk; each service's cover pauses at the left edge while its screen slides in ───────── */
.hz-sec{background:var(--ink2);border-block:1px solid var(--line2)}
.hz{position:relative}
.hz-pin{position:sticky;top:calc(76px + env(safe-area-inset-top,0px));height:calc(100vh - 76px);min-height:560px;overflow:hidden}
.hz-track{display:flex;align-items:stretch;height:100%;width:max-content;will-change:transform}
.hz-g{display:flex;flex:none;height:100%}
.hz-cover{flex:none;width:clamp(22rem,32vw,34rem);height:100%;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:clamp(28px,5vh,56px) clamp(28px,3vw,56px) clamp(28px,5vh,48px);background:var(--cbg);color:var(--cfg);will-change:transform;
  --cbg:var(--panel);--cfg:var(--text);--csoft:var(--soft);--cacc:var(--blue-hi)}
.hz-cover .num{font-family:var(--mono);font-size:14px;color:var(--cacc)}
.hz-cover h3{font-family:var(--display);font-weight:600;font-size:clamp(26px,2.4vw,36px);line-height:1.1;letter-spacing:-.02em}
.hz-cover p{color:var(--csoft);font-size:17px;max-width:34ch}
.hz-cover .tags span{border-color:color-mix(in srgb,var(--cfg) 22%,transparent);color:var(--csoft)}
.hz-cover .go{font-weight:600;color:var(--cacc);display:inline-flex;gap:8px;align-items:center}
.hz-cover .go::after{content:"→";transition:transform .25s}.hz-cover .go:hover::after{transform:translateX(4px)}
.hz-cover.intro{--cbg:var(--ink2);width:clamp(24rem,40vw,40rem)}
.hz-cover.intro .h2{font-size:clamp(32px,3.4vw,50px)}
.hz-cover .hint{font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--dim);display:flex;align-items:center;gap:12px;margin-top:10px}
.hz-cover .hint i{display:block;width:56px;height:2px;background:var(--line);position:relative;overflow:hidden}
.hz-cover .hint i::after{content:"";position:absolute;inset:0;background:var(--blue-hi);animation:hint 1.8s ease-in-out infinite;transform-origin:left}
@keyframes hint{0%{transform:scaleX(0)}60%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
.cv-1{--cbg:#142A6B;--cfg:#fff;--csoft:#D0DAF5;--cacc:#fff}
.cv-2{--cbg:#F3F5F8;--cfg:#0E1320;--csoft:#3F4A5C;--cacc:#2A4FCC}
.cv-3{--cbg:#111722}
.cv-4{--cbg:#E6ECFF;--cfg:#0E1320;--csoft:#3F4A5C;--cacc:#2A4FCC}
.cv-5{--cbg:#0F1B3D;--cfg:#fff;--csoft:#C7D2F0;--cacc:#9DB4FF}
.cv-6{--cbg:#161E2B}
.hz-screen{flex:none;width:clamp(34rem,58vw,62rem);height:100%;position:relative;overflow:hidden;display:flex;align-items:stretch;justify-content:center;padding:clamp(24px,4vh,44px) clamp(24px,2.6vw,44px);perspective:1400px;
  background:radial-gradient(circle at 1px 1px,#243044 1px,transparent 1.5px) 0 0/22px 22px,var(--ink2);border-right:1px solid var(--line2)}
.hz-screen>*{width:100%;max-width:900px;height:100%;transform:translateX(var(--hx,0)) rotateY(var(--ry,0deg)) scale(var(--sc,1));will-change:transform}
.hz-prog{position:absolute;z-index:3;left:0;right:0;bottom:0;height:2px;background:var(--line2)}
.hz-prog i{position:absolute;left:0;top:0;height:2px;background:var(--blue);width:0}
/* no motion or narrow: a swipeable strip */
.hz.nomo{height:auto!important}
.hz.nomo .hz-pin{position:static;height:auto;min-height:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.hz.nomo .hz-pin::-webkit-scrollbar{display:none}
.hz.nomo .hz-track{transform:none!important}
.hz.nomo .hz-g{height:auto}
.hz.nomo .hz-cover{width:min(84vw,26rem);min-height:440px;scroll-snap-align:start;transform:none!important}
.hz.nomo .hz-screen{display:none}
.hz.nomo .hz-prog{display:none}

/* mini screens (stand-ins for photography: the product itself) */
.ui{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 40px 80px -30px #000c}
.ui-h{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600}
.ui-h .mono{font-size:11px;color:var(--muted);font-weight:400}
.ui-row{display:grid;grid-template-columns:1.4fr 1fr .8fr .8fr;gap:10px;padding:10px 12px;border-radius:10px;background:var(--panel2);font-size:14px;font-variant-numeric:tabular-nums}
.ui-row.hd{background:none;font-family:var(--mono);font-size:11px;color:var(--muted);padding-block:0}
.chip{font-family:var(--mono);font-size:11px;padding:3px 8px;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.chip.g{color:var(--mint);border-color:#1F5A3E}.chip.a{color:var(--amber);border-color:#5A4418}.chip.b{color:var(--blue-hi);border-color:#263A6E}
.doc{background:#F3F5F8;color:#0E1320;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px;font-size:14px}
.doc .l{height:8px;border-radius:4px;background:#DCE2EA}
.timeline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.timeline .chip{flex:none}
.timeline i{flex:1;min-width:14px;height:1px;background:var(--line)}
.phone{width:230px;margin:auto;border:1px solid var(--line);border-radius:30px;padding:14px 12px;background:var(--ink2);display:flex;flex-direction:column;gap:10px}
.phone .it{background:var(--panel2);border-radius:12px;padding:12px;display:flex;justify-content:space-between;font-size:13px}
.browser{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;color:#0E1320}
.browser .bar2{background:#E6EAF0;padding:8px 12px;font-family:var(--mono);font-size:11px;color:#4A5568;display:flex;gap:8px;align-items:center}
.browser .bar2 i{width:8px;height:8px;border-radius:50%;background:#C5CCD6;display:inline-block}
.serp{padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.serp small{color:#1F6E43;font-size:12px}.serp b{color:#1A0DAB;font-size:17px;font-weight:500}.serp span{color:#4A5568;font-size:13px}
.up{display:grid;grid-template-columns:repeat(30,1fr);gap:3px}
.up i{height:26px;border-radius:2px;background:var(--mint);opacity:.85}
.up i.w{background:var(--amber)}


/* cover: content runs top to bottom */
.ctop{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ctop svg{width:40px;height:40px}
.cmid{display:flex;flex-direction:column;gap:16px}
.cbot{display:flex;flex-direction:column;gap:18px}
.clist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid color-mix(in srgb,var(--cfg) 16%,transparent)}
.clist li{padding:11px 0;border-bottom:1px solid color-mix(in srgb,var(--cfg) 16%,transparent);font-size:15px;color:var(--cfg);display:flex;gap:10px;align-items:center}
.clist li::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--cacc);flex:none}
.clist a{color:var(--cfg)}.clist a:hover{color:var(--cacc)}
.hz-cover.intro .num{font-family:var(--mono);font-size:12px;color:var(--dim)}

/* app mocks */
.app{display:flex;flex-direction:column;background:#0E131C;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 50px 100px -40px #000;font-size:12px;color:var(--text);line-height:1.35}
.app-top{height:38px;flex:none;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--line2);background:#0A0E15;font-family:var(--mono);font-size:11px;color:var(--muted)}
.dots{display:flex;gap:6px}.dots i{width:9px;height:9px;border-radius:50%;background:#2A3548;display:block}
.sp{flex:1}
.ex{font-family:var(--mono);font-size:10px;color:var(--dim);border:1px dashed #2A3548;border-radius:4px;padding:1px 6px}
.app-body{flex:1;display:grid;grid-template-columns:clamp(120px,11vw,160px) minmax(0,1fr);min-height:0}
.side{border-right:1px solid var(--line2);padding:14px 10px;display:flex;flex-direction:column;gap:3px;background:#0B1018}
.nv{padding:8px 10px;border-radius:8px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;font-size:12px}
.nv em{font-style:normal;font-family:var(--mono);font-size:10px;color:var(--dim)}
.nv.on{background:#16213A;color:var(--text)}.nv.on em{color:var(--blue-hi)}
.main{padding:16px;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}
.mh{display:flex;align-items:center;gap:8px}.mh b{font-size:15px}
.btnx{font-size:11px;font-weight:600;padding:6px 10px;border-radius:8px;background:var(--blue);color:#fff;white-space:nowrap}
.btnx.gh{background:none;border:1px solid var(--line);color:var(--soft)}
.kpis{display:grid;gap:10px}
.kpi{background:var(--panel2);border:1px solid var(--line2);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;min-width:0}
.kpi span{font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.kpi b{font-size:clamp(15px,1.3vw,20px);font-variant-numeric:tabular-nums;white-space:nowrap}
.kpi small{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi small.ok{color:var(--mint)}.kpi small.am{color:var(--amber)}
.g2x{display:grid;grid-template-columns:1.35fr 1fr;gap:12px;min-height:0}
.panel{background:#121925;border:1px solid var(--line2);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden}
.panel h5{margin:0;font-size:12px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:8px}
.panel h5 span{font-family:var(--mono);font-size:10px;color:var(--dim);font-weight:400}
.grow{flex:1}
.ch{width:100%;height:auto;flex:1;min-height:90px;display:block}
.ch .gl{stroke:#1E2838;stroke-width:1;vector-effect:non-scaling-stroke}
.ch .cb{fill:var(--blue)}.ch .cb.lo{fill:#3A4A6A}
.ch .tg{stroke:var(--mint);stroke-dasharray:4 3;stroke-width:1;vector-effect:non-scaling-stroke}
.ch .tl{fill:var(--dim);font-size:8px;font-family:var(--mono);text-anchor:middle}
.ch .ar{fill:rgba(58,102,240,.16)}
.ch .ln{fill:none;stroke:var(--blue-hi);stroke-width:2;vector-effect:non-scaling-stroke}
.ch .ep{fill:var(--blue-hi)}
.ch.thin .ar{fill:rgba(61,214,140,.10)}.ch.thin .ln{stroke:var(--mint)}.ch.thin .ep{fill:var(--mint)}
.pb{display:block;height:6px;border-radius:3px;background:#1E2838;overflow:hidden;align-self:center}
.pb i{display:block;height:100%;border-radius:3px;background:var(--mint)}
.pb.a i{background:var(--amber)}.pb.b i{background:var(--blue-hi)}
.rs{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}
.rs span{color:var(--soft)}.rs b{font-family:var(--mono);font-size:11px}.rs .pb{grid-column:1/-1}
.rs.mute{opacity:.5}
.rs2{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--line2)}
.rs2 small{display:block;font-size:10px;color:var(--dim)}
.tr .chip{font-size:10px;padding:2px 7px}
.tr{display:grid;grid-template-columns:var(--c);gap:8px;align-items:center;padding:8px 10px;border-radius:8px;background:#151D2A;font-variant-numeric:tabular-nums;min-width:0}
.tr>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tr.th{background:none;padding-block:0;font-family:var(--mono);font-size:10px;color:var(--dim);letter-spacing:.06em}
.tr.sel{background:#16213A;box-shadow:inset 2px 0 0 var(--blue-hi)}
.tr .num{text-align:right}
.am{color:var(--amber)}
.split2{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px}
.detail{gap:10px}
.pp{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pp>div{background:#151D2A;border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}
.pp small{font-family:var(--mono);font-size:9.5px;color:var(--dim)}.pp .mono{font-size:10px;color:var(--muted)}
.items{display:flex;flex-direction:column;gap:5px}
.items>div{display:flex;justify-content:space-between;color:var(--soft)}
.items .tot{border-top:1px solid var(--line2);padding-top:5px}.items .big{color:var(--text);font-weight:700;font-size:13px}
.eid{font-size:10.5px;color:var(--blue-hi);background:#101A33;border:1px solid var(--strip-line);border-radius:6px;padding:6px 8px}
.tl2{display:flex;flex-direction:column;gap:0;flex:1}
.tl2>div{display:grid;grid-template-columns:14px 1fr auto;gap:8px;align-items:center;position:relative;padding:5px 0;color:var(--soft)}
.tl2 i{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px rgba(61,214,140,.15)}
.tl2>div:not(:last-child)::after{content:"";position:absolute;left:4px;top:19px;height:calc(100% - 10px);width:1px;background:#1F5A3E}
.tl2 .mono{font-size:10px;color:var(--dim)}
.acts{display:flex;gap:8px}
/* phones */
.phones{display:flex;gap:clamp(16px,2vw,32px);justify-content:center;align-items:stretch}
.phone2{flex:0 1 300px;aspect-ratio:9/19;max-height:100%;align-self:center;height:100%;border:1px solid var(--line);border-radius:38px;padding:18px 14px;background:#0B1018;display:flex;flex-direction:column;gap:10px;box-shadow:0 50px 100px -40px #000;font-size:12px;overflow:hidden}
.phone2.p2{align-self:flex-end;height:92%}
.ph-h{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:4px 4px 2px}
.map{border-radius:16px;overflow:hidden;flex:1;min-height:110px;background:radial-gradient(circle at 1px 1px,#243044 1px,transparent 1.5px) 0 0/14px 14px,#101725}
.map svg{width:100%;height:100%;display:block}
.map .rt{fill:none;stroke:var(--blue-hi);stroke-width:2.5;stroke-linecap:round}
.map .pin{fill:var(--panel);stroke:var(--blue-hi);stroke-width:2}.map .pin.g{stroke:var(--mint)}.map .pin.a{stroke:var(--amber)}
.job{display:flex;justify-content:space-between;align-items:center;background:var(--panel2);border-radius:12px;padding:10px 12px}
.job small{display:block;font-family:var(--mono);font-size:10px;color:var(--dim)}
.tabs{display:flex;justify-content:space-around;padding-top:6px;border-top:1px solid var(--line2);margin-top:auto}
.tabs i{width:18px;height:18px;border-radius:5px;border:1.5px solid #3A4A6A}.tabs i.on{border-color:var(--blue-hi);background:rgba(124,155,255,.15)}
.chk{display:flex;flex-direction:column;gap:6px}
.chk>div{display:flex;gap:10px;align-items:center;background:var(--panel2);border-radius:10px;padding:10px 12px;color:var(--soft)}
.chk i{width:16px;height:16px;border-radius:5px;border:1.5px solid #3A4A6A;flex:none}
.chk .d i{background:var(--mint);border-color:var(--mint);box-shadow:inset 0 0 0 3px var(--panel2)}.chk .d span{text-decoration:line-through;color:var(--muted)}
.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.photos i{aspect-ratio:1;border-radius:10px;background:linear-gradient(135deg,#1E2A40,#2A3B5E);display:grid;place-items:center;font-style:normal;color:var(--muted);font-size:18px}
.photos .add{background:none;border:1.5px dashed #3A4A6A}
.sig{flex:1;min-height:70px;border-radius:12px;background:#F3F5F8;padding:8px 10px;display:flex;flex-direction:column}
.sig small{font-size:10px;color:#4A5568}
.sig svg{flex:1;width:100%}
.sig path{fill:none;stroke:#0E1320;stroke-width:2;stroke-linecap:round}
.cta2{background:var(--blue);color:#fff;text-align:center;font-weight:700;border-radius:12px;padding:12px}
/* website mock */
.webwrap{position:relative;display:block}
.browser2{position:absolute;inset:0 16% 12% 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;color:#0E1320;display:flex;flex-direction:column;box-shadow:0 50px 100px -40px #000}
.browser2 .bar2{background:#E6EAF0;padding:9px 12px;display:flex;gap:10px;align-items:center;font-family:var(--mono);font-size:11px;color:#4A5568}
.browser2 .dots i{background:#C5CCD6}
.browser2 .url{flex:1;background:#fff;border-radius:6px;padding:3px 10px}
.site{flex:1;display:flex;flex-direction:column;background:#FAF8F4;min-height:0}
.snav{display:flex;align-items:center;gap:16px;padding:14px 20px;font-size:12px;color:#4A4034}
.snav b{font-weight:900;letter-spacing:.04em;margin-right:auto;color:#2B2118}.snav b span{color:#B8742A}
.sbtn{background:#2B2118;color:#FAF8F4;border-radius:999px;padding:7px 14px;font-size:11px;font-weight:600;white-space:nowrap;align-self:flex-start}
.shero{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:10px 20px 18px;flex:1;min-height:0}
.shero>div:first-child{display:flex;flex-direction:column;gap:12px;justify-content:center}
.shero small{font-family:var(--mono);font-size:9.5px;color:#B8742A;letter-spacing:.12em}
.shero h6{margin:0;font-size:clamp(18px,1.9vw,28px);line-height:1.1;font-weight:800;color:#2B2118;letter-spacing:-.01em}
.simg{border-radius:14px;background:linear-gradient(160deg,#D9C3A5 0%,#B08B63 55%,#6E5337 100%);position:relative;overflow:hidden;min-height:120px}
.simg::after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:46%;background:#EFE6D8;border-radius:6px 6px 0 0;box-shadow:inset 0 6px 0 #CDBBA2}
.simg.sm{min-height:70px;flex:none;height:80px}
.scards2{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 20px 20px}
.scards2>div{background:#fff;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 0 #E8E1D6}
.scards2 i{height:44px;border-radius:6px;background:linear-gradient(135deg,#E8DCCB,#C9AE8A)}
.scards2 b{font-size:12px;color:#2B2118}.scards2 span{font-size:10px;color:#B8742A}
.float{position:absolute;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 60px -20px #000c;padding:12px 14px}
.serp2{left:4%;bottom:0;width:min(62%,440px);background:#fff;border-color:#DCE2EA;display:flex;flex-direction:column;gap:4px}
.serp2 small{color:#1F6E43;font-size:11px}.serp2 b{color:#1A0DAB;font-size:15px;font-weight:500}.serp2 span{color:#4A5568;font-size:12px}
.score{right:0;top:6%;width:min(44%,300px);display:flex;flex-direction:column;gap:10px}
.score>small{font-family:var(--mono);font-size:10px;color:var(--muted)}
.rings{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}
.rings>div{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative}
.rings svg{width:44px;height:44px;transform:rotate(-90deg)}
.rings .bg{fill:none;stroke:#1F5A3E;stroke-width:3.5}
.rings .fg{fill:none;stroke:var(--mint);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--v))}
.rings b{position:absolute;top:13px;font-size:12px;font-family:var(--mono);color:var(--mint)}
.rings span{font-size:9.5px;color:var(--muted)}
.mob{right:2%;bottom:6%;width:min(26%,170px);aspect-ratio:9/17;border-radius:24px;background:#FAF8F4;border-color:#DCE2EA;display:flex;flex-direction:column;gap:8px;padding:12px 10px}
.mnavx{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#2B2118}.mnavx i{width:14px;height:8px;border-block:2px solid #2B2118}
.l2{height:7px;border-radius:4px;background:#E2D8C8}
.mob .sbtn{font-size:9.5px;padding:6px 10px;margin-top:auto}
/* monitoring */
.svc{display:grid;grid-template-columns:clamp(90px,9vw,130px) 1fr auto;gap:10px;align-items:center}
.svc b{font-size:11px;font-weight:500;color:var(--soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.upr{display:grid;grid-template-columns:repeat(60,1fr);gap:2px}
.upr i{height:18px;border-radius:2px;background:var(--mint);opacity:.8}
.upr i.w{background:var(--amber);opacity:1}
.inc{display:flex;flex-direction:column;gap:2px;padding:7px 0;border-bottom:1px solid var(--line2)}
.inc .mono{font-size:10px;color:var(--dim)}.inc small{color:var(--mint);font-size:10.5px}

/* screen motion: chart bars grow, lines draw, rings fill */
.mo .hz-screen .cb{transform:scaleY(0);transform-box:fill-box;transform-origin:bottom}
.mo .hz-screen.in .cb{transform:none;transition:transform .9s cubic-bezier(.2,.7,.2,1) calc(.4s + var(--i)*.05s)}
.mo .hz-screen .ln,.mo .hz-screen .rt,.mo .hz-screen .sig path{stroke-dasharray:1;stroke-dashoffset:1}
.mo .hz-screen.in .ln,.mo .hz-screen.in .rt,.mo .hz-screen.in .sig path{stroke-dashoffset:0;transition:stroke-dashoffset 1.8s cubic-bezier(.4,.1,.3,1) .5s}
.mo .hz-screen .pb i{width:0!important}
.mo .hz-screen.in .pb i{width:var(--w)!important;transition:width 1.4s cubic-bezier(.2,.7,.2,1) .6s}
.mo .hz-screen .fg{stroke-dashoffset:100}
.mo .hz-screen.in .fg{stroke-dashoffset:calc(100 - var(--v));transition:stroke-dashoffset 1.6s cubic-bezier(.2,.7,.2,1) .7s}
.mo .hz-screen .tr:not(.th),.mo .hz-screen .job,.mo .hz-screen .chk>div,.mo .hz-screen .float{opacity:0;translate:0 10px}
.mo .hz-screen.in .tr:not(.th),.mo .hz-screen.in .job,.mo .hz-screen.in .chk>div,.mo .hz-screen.in .float{opacity:1;translate:none;transition:opacity .6s ease,translate .7s cubic-bezier(.2,.7,.2,1)}
.mo .hz-screen.in .tr:nth-child(3),.mo .hz-screen.in .job:nth-of-type(2){transition-delay:.35s}
.mo .hz-screen.in .tr:nth-child(4),.mo .hz-screen.in .job:nth-of-type(3){transition-delay:.45s}
.mo .hz-screen.in .tr:nth-child(5){transition-delay:.55s}.mo .hz-screen.in .tr:nth-child(6){transition-delay:.65s}
.mo .hz-screen.in .tr:nth-child(7){transition-delay:.75s}.mo .hz-screen.in .tr:nth-child(8){transition-delay:.85s}.mo .hz-screen.in .tr:nth-child(9),.mo .hz-screen.in .tr:nth-child(10){transition-delay:.95s}
.mo .hz-screen.in .float.serp2{transition-delay:.6s}.mo .hz-screen.in .float.score{transition-delay:.9s}.mo .hz-screen.in .float.mob{transition-delay:1.1s}

.mo .hz-cover svg path,.mo .hz-cover svg rect{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s cubic-bezier(.4,.1,.3,1) .3s}
.mo .hz-cover.in svg path,.mo .hz-cover.in svg rect{stroke-dashoffset:0}
.mo .hz-screen>*{opacity:0;translate:0 40px;transition:opacity .9s ease,translate 1.2s cubic-bezier(.2,.7,.2,1)}
.mo .hz-screen.in>*{opacity:1;translate:none}

/* ───────── process: cards stack as you scroll ───────── */
.scards{display:flex;flex-direction:column;gap:6vh;padding-bottom:6vh}
.sc{position:sticky;top:calc(100px + var(--i)*16px);display:flex;flex-direction:column;justify-content:space-between;gap:clamp(18px,3vw,40px);min-height:min(42vh,380px);padding:clamp(24px,3.4vw,44px);border-radius:22px;background:var(--panel);border:1px solid var(--line);box-shadow:0 -20px 50px -30px #000;transform-origin:50% 0;will-change:transform}
.sc:nth-child(2){background:#131B28}.sc:nth-child(3){background:#152033}.sc:nth-child(4){background:#17243D}.sc:nth-child(5){background:#142A6B;border-color:#3A57A8}
.scn{font-family:var(--display);font-weight:600;font-size:clamp(40px,6vw,84px);line-height:1;color:var(--blue-hi);letter-spacing:-.03em}
.sc:nth-child(5) .scn{color:#fff}
.scb{display:flex;flex-direction:column;gap:8px}
.scb b{font-size:clamp(20px,2vw,28px)}
.scb span{color:var(--soft);max-width:60ch}
.sct{font-size:12px;color:var(--muted);padding:6px 10px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}
.sch{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.scb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:8px clamp(20px,4vw,64px);align-items:end}
.scb b{font-family:var(--display);font-weight:600;letter-spacing:-.02em;font-size:clamp(24px,2.6vw,38px)!important}
@media (max-width:700px){.sc{top:calc(88px + var(--i)*10px)}.scb{grid-template-columns:1fr}}

/* ───────── cards: flip up into place, then tilt toward the cursor with a light that follows it ───────── */
.mo .grid,.mo .price-grid{perspective:1400px}
.mo [data-cd]{opacity:0;transform-origin:50% 100%;rotate:x 24deg;translate:0 48px;transition:opacity .9s ease var(--d,0s),rotate 1.1s cubic-bezier(.2,.7,.2,1) var(--d,0s),translate 1.1s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
.mo [data-cd].in{opacity:1;rotate:x 0deg;translate:none}
.tilt{position:relative;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .2s}
.sc.tilt{position:sticky}
.tilt.hov{transition:transform .08s linear,border-color .2s}
.tilt::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(124,155,255,.16),transparent 45%)}
.light .tilt::before,.price:not(.feat).tilt::before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(58,102,240,.10),transparent 45%)}
.tilt.hov::before{opacity:1}
a.card:hover{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}


/* announcement pill in the hero */
.ann{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:5px 14px 5px 5px;border-radius:999px;border:1px solid var(--strip-line);background:var(--strip);color:var(--soft);font-size:14px;transition:border-color .2s,background .2s}
.ann:hover{border-color:var(--blue-hi);color:var(--text);background:#13204A}
.ann-t{font-family:var(--mono);font-size:12px;padding:4px 10px;border-radius:999px;background:var(--blue);color:#fff;white-space:nowrap}
.ann-x{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ann-a{color:var(--blue-hi);transition:transform .2s}.ann:hover .ann-a{transform:translateX(3px)}
/* page change */
.mo #dyn.enter{animation:pgIn .7s cubic-bezier(.2,.7,.2,1)}
@keyframes pgIn{from{opacity:0;translate:0 14px}}

/* mobile menu: curtain drops, links follow one by one, burger turns into X */
.burger i{display:block;position:absolute;left:12px;width:20px;height:1.6px;background:var(--text);transition:transform .35s,opacity .25s}
.burger{position:relative}
.burger i:nth-child(1){top:15px}.burger i:nth-child(2){top:21px}.burger i:nth-child(3){top:27px}
.menu-open .burger i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-open .burger i:nth-child(2){opacity:0}
.menu-open .burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:1080px){
  .mnav{display:flex!important;position:fixed;left:0;right:0;top:calc(76px + env(safe-area-inset-top,0px));bottom:0;flex-direction:column;background:var(--ink);padding:12px var(--gut) 24px;overflow:auto;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .55s cubic-bezier(.7,0,.2,1),visibility 0s linear .55s}
  .menu-open .mnav{clip-path:inset(0);visibility:visible;transition:clip-path .55s cubic-bezier(.7,0,.2,1)}
  .mnav a{font-family:var(--display);font-weight:600;font-size:clamp(22px,6vw,30px);padding:16px 0;opacity:0;translate:0 12px;transition:opacity .45s ease var(--d),translate .45s ease var(--d)}
  .menu-open .mnav a{opacity:1;translate:none}
  .mnav .lang a{font-family:var(--mono);font-size:14px;padding:10px 12px 10px 0;border:0}
  body.menu-open{overflow:hidden}
}

.skip{position:absolute;left:-9999px;top:8px;z-index:200;background:#fff;color:#0A0D12;padding:10px 14px;border-radius:8px;font-weight:700}
.skip:focus{left:12px}
.cinfo a{color:#fff;font-weight:700;font-size:19px}
.cinfo a:hover{color:#D0DAF5}
.cinfo a.viber{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:4px;padding:10px 16px;border-radius:10px;border:1px solid #6F88D6;font-size:16px}
.cinfo a.viber:hover{border-color:#fff;color:#fff}
.consent{grid-column:1/-1;font-size:13px;color:#B7C4EA}
.consent a{color:#fff;text-decoration:underline}
.post.soon{opacity:.55}
.hz.nomo .hint{display:none}
.solscroll{overflow-x:auto;padding-bottom:8px}
.solscreen{height:min(660px,82vh);min-width:760px;display:flex;perspective:1400px}
.solscreen>*{width:100%;height:100%}
.prose .cta-p{padding:18px 20px;border-radius:12px;background:var(--strip);border:1px solid var(--strip-line);color:var(--soft)}
.prose b{color:var(--text)}
.lang a[aria-current]{color:var(--text)}
.sent.ok{border-color:#1F5A3E;color:#BFF2D6}