/* Saitum shared styles extracted from the four HTML source pages. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 500;font-display:swap;src:url('../fonts/inter-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 500;font-display:swap;src:url('../fonts/inter-latin.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-weight:400 500;font-display:swap;src:url('../fonts/jetbrains-mono-cyrillic.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-weight:400 500;font-display:swap;src:url('../fonts/jetbrains-mono-latin.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{--canvas:#05060f;--steel:#2f343e;--fog:#9da7ba;--moon:#c7d3ea;--frost:#d1e4fa;--blue:#b6d9fc;--edge:rgba(186,215,247,.12);--fill:rgba(199,211,234,.06);--ice:linear-gradient(0deg,#d8ecf8 0%,#98c0ef 100%);--glass:inset 0 1px 1px rgba(216,236,248,.2),inset 0 24px 48px rgba(168,216,245,.045),0 16px 32px rgba(0,0,0,.3);--sans:'Inter','Segoe UI',Arial,sans-serif;--mono:'JetBrains Mono',Consolas,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:150px;overflow-x:clip;scrollbar-gutter:stable}
body{margin:0;background:var(--canvas);color:var(--frost);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button,a,summary{touch-action:manipulation}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
::selection{background:#33486b;color:white}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:500;line-height:1.16;letter-spacing:-.035em}
h2{font-size:clamp(30px,3.5vw,46px)}
h3{font-size:22px}
p{color:var(--fog)}
svg{display:block;flex-shrink:0}
[hidden]{display:none!important}
.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}
.gradient{background:var(--ice);background-clip:text;-webkit-text-fill-color:transparent}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.055em}
.muted{color:var(--fog)}
.arrow{font-size:19px;font-weight:400}
.skip{position:fixed;left:16px;top:-80px;padding:12px 24px;background:var(--steel);z-index:100}
.skip:focus{top:12px}
.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.brand{display:inline-flex;align-items:center;gap:9px;font-size:24px;font-weight:500;letter-spacing:-1px}
.brand svg{width:30px;height:30px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:13px;min-height:46px;padding:10px 23px;border:1px solid var(--edge);border-radius:999px;color:var(--frost);background:rgba(186,214,247,.045);box-shadow:inset 0 1px 1px rgba(216,236,248,.05);font-size:14px;font-weight:500;line-height:1.4;transition:background .2s,border-color .2s,transform .2s}
.button:hover{background:rgba(186,214,247,.13);border-color:rgba(186,215,247,.3);transform:translateY(-2px)}
.button.primary{background:linear-gradient(180deg,rgba(186,214,247,.17),rgba(186,214,247,.07));box-shadow:inset 0 1px 1px rgba(216,236,248,.22),0 0 24px rgba(136,172,230,.045);color:#fff}
.button.ghost{background:transparent}
.text-link{display:inline-flex;gap:12px;align-items:center;font-size:14px;min-height:44px}
.text-link:hover{color:#fff}
.actions{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}
.eyebrow{display:flex;justify-content:center;align-items:center;gap:18px;font:12px/1.5 var(--mono);letter-spacing:.07em;color:var(--moon);margin-bottom:24px}
.eyebrow:before,.eyebrow:after{content:'';width:45px;height:1px;background:linear-gradient(90deg,transparent,var(--edge))}
.eyebrow:after{transform:rotate(180deg)}
.section{padding-block:112px;position:relative}
.section-head{text-align:center;max-width:760px;margin:0 auto 56px}
.section-head p{max-width:620px;margin:22px auto 0;font-size:15px}
.rule{height:1px;background:linear-gradient(90deg,transparent,var(--edge),transparent);border:0;margin:0}
.glass{border:1px solid var(--edge);border-radius:16px;background:rgba(12,16,29,.88);box-shadow:var(--glass);position:relative}
.pin:before,.pin:after{content:'+';position:absolute;font:12px var(--mono);color:#8295b3;top:10px;left:11px}
.pin:after{left:auto;right:11px}
.site-header{height:84px;position:sticky;top:0;z-index:30;background:rgba(5,6,15,.80);backdrop-filter:blur(20px);border-bottom:1px solid rgba(186,215,247,.07)}
.header-right{display:flex;align-items:center;gap:22px}
.status{display:inline-flex;align-items:center;gap:8px;font:11px var(--mono);color:var(--moon)}
.status i{width:5px;height:5px;display:block;border-radius:50%;background:#87cbb0;box-shadow:0 0 9px #87cbb055;animation:pulse 3s infinite}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--edge);background:var(--fill);border-radius:50%;align-items:center;justify-content:center}
.reveal{opacity:1}
.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}
.js-motion .reveal.visible{opacity:1;transform:none}
@keyframes appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{50%{opacity:.45;box-shadow:0 0 3px #87cbb022}}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.mock-lines{margin-top:14px;display:grid;gap:5px}
.mock-lines i{height:4px;width:70%;background:#c7d3ea13;border-radius:3px}
.mock-lines i:last-child{width:48%}
.mock-blocks{display:flex;gap:9px;margin-top:22px}
.mock-blocks i{height:47px;width:54px;border:1px solid var(--edge);border-radius:6px;background:linear-gradient(140deg,#d1e4fa0d,transparent)}
.window-bar i{width:6px;height:6px;background:#9da7ba44;border-radius:50%}
.window-bar span{margin:auto;font:10px var(--mono);color:var(--fog);padding-right:22px}
.breakdown{margin:0}
.breakdown dt{color:var(--fog)}
.result-notes li::marker{color:#697f9e}
.calc-fieldset{border:0;padding:0;margin:0;min-width:0}
button{font:inherit;color:inherit;cursor:pointer;border:0}
.eyebrow.left{justify-content:flex-start}
.eyebrow.left:before{display:none}
.hero-fade{animation:appear .9s ease both}
.js-motion .stagger>*{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.js-motion .stagger.visible>*{opacity:1;transform:none}
.js-motion .stagger>*:nth-child(2){transition-delay:.07s}
.js-motion .stagger>*:nth-child(3){transition-delay:.14s}
.js-motion .stagger>*:nth-child(4){transition-delay:.21s}
.js-motion .stagger>*:nth-child(5){transition-delay:.28s}
.js-motion .stagger>*:nth-child(6){transition-delay:.35s}
.page-hero{position:relative;isolation:isolate;text-align:center;padding:84px 0 88px;overflow:hidden}
.page-hero:before{content:'';position:absolute;inset:-84px 0 -100px;z-index:-2;background:radial-gradient(ellipse at 50% 30%,rgba(116,162,215,.075),transparent 55%),linear-gradient(rgba(186,215,247,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(186,215,247,.045) 1px,transparent 1px);background-size:auto,80px 80px,80px 80px;background-position:center,center top,center top;mask-image:radial-gradient(ellipse 58% 72% at 50% 30%,#000 20%,transparent 100%)}
.page-hero:after{content:'';position:absolute;z-index:-1;top:-130px;left:50%;width:1100px;height:900px;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 35%,rgba(52,73,127,.10),transparent 58%);filter:blur(22px);pointer-events:none}
.page-hero .eyebrow{margin-bottom:16px;font-size:11px;letter-spacing:.12em}
.page-hero h1{font-size:clamp(34px,4vw,52px);max-width:860px;margin:auto;line-height:1.14}
.page-copy{max-width:700px;margin:26px auto 0;font-size:15px;line-height:1.75}
.page-copy p+p{margin-top:14px}
.page-hero .actions{margin-top:32px;gap:20px}
.breadcrumbs{display:flex;align-items:center;justify-content:center;gap:10px;font:11px var(--mono);color:var(--fog);letter-spacing:.06em;margin-bottom:24px}
.breadcrumbs a{color:var(--moon);min-height:36px;display:inline-flex;align-items:center}
.breadcrumbs a:hover{color:#fff}
.breadcrumbs .sep{color:rgba(157,167,186,.35)}
.subnav{position:sticky;top:84px;z-index:20;background:rgba(5,6,15,.85);backdrop-filter:blur(16px);border-bottom:1px solid rgba(186,215,247,.07)}
.subnav-inner{display:flex;gap:26px;align-items:center;height:54px;overflow-x:auto;scrollbar-width:none}
.subnav-inner::-webkit-scrollbar{display:none}
.subnav a{font-size:12px;color:var(--fog);white-space:nowrap;min-height:54px;display:inline-flex;align-items:center;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.subnav a:hover{color:var(--frost)}
.subnav a[aria-current="true"]{color:var(--frost);border-bottom-color:var(--blue)}
.footer-passport{margin-top:22px;padding-top:18px;border-top:1px solid var(--edge);font-family:var(--mono);font-size:10px;letter-spacing:.08em;display:grid;gap:7px;max-width:295px}
.footer-passport>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;line-height:1.5}
.footer-passport>div>span:first-child{color:rgba(157,167,186,.42);text-transform:uppercase}
.footer-passport>div>span:last-child{color:var(--moon);font-variant-numeric:tabular-nums;text-align:right;display:inline-flex;align-items:center;gap:7px}
.footer-passport .live-dot{width:4px;height:4px;border-radius:50%;background:#87cbb0;box-shadow:0 0 6px #87cbb066;animation:pulse 3s infinite;display:inline-block;flex-shrink:0}
body::after{content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px;background-repeat:repeat}
.js-motion .reveal h2{clip-path:inset(0 0 110% 0);transition:clip-path .85s cubic-bezier(.2,.8,.2,1);will-change:clip-path}
.js-motion .reveal.visible h2{clip-path:inset(0 0 0 0)}
.head-split{display:grid;grid-template-columns:1.15fr .85fr;gap:32px 80px;align-items:end;margin-bottom:30px}
.head-split .eyebrow{grid-column:1/-1}
.head-split h2{max-width:560px}
.head-note{font-size:13.5px;color:var(--fog);line-height:1.7;padding-bottom:8px;max-width:400px;justify-self:end}
.aside-label{font:10px var(--mono);color:var(--moon);letter-spacing:.1em;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--edge)}
.faq-intro p{font-size:14.5px;line-height:1.75;margin-top:20px;max-width:340px}
.faq-intro .text-link{margin-top:22px}
@media(max-width:1060px){
.faq-layout{gap:48px}
}
ul,ol{list-style:none;margin:0;padding:0}
@media(max-width:900px){
.subnav{top:76px}
.head-split{grid-template-columns:1fr;gap:16px;align-items:start}
.head-note{justify-self:start;max-width:520px;padding-bottom:0}
.faq-intro p{max-width:480px}
}
@media(max-width:700px){
.subnav{top:72px}
.subnav-inner{gap:20px;height:50px}
.subnav a{min-height:50px}
.page-hero{padding:56px 0 64px}
.page-hero h1{font-size:30px;max-width:480px}
.page-copy{font-size:14px;max-width:480px}
.footer-passport{max-width:340px}
}
@media(prefers-reduced-motion:reduce){
.js-motion .reveal h2{clip-path:none;transition:none}
}
@media(max-width:900px){.status{display:none}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}}
@media(max-width:900px){.site-header{height:76px}}
@media(max-width:700px){html{scroll-padding-top:136px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}}
@media(max-width:700px){.site-header{height:72px}}
@media(max-width:700px){.header-inner{gap:10px}}
@media(max-width:700px){.brand{font-size:22px}}
@media(max-width:700px){.brand svg{width:26px}}
@media(max-width:700px){.header-right{gap:10px}}
@media(max-width:700px){.header-right .button{padding:9px 14px;font-size:12px;min-height:40px}}
@media(max-width:700px){.menu-toggle{display:flex}}
@media(max-width:700px){.section{padding-block:75px}}
@media(max-width:700px){.section-head{margin-bottom:35px}}
@media(max-width:700px){.section-head p{font-size:14px;margin-top:18px}}
@media(max-width:700px){.eyebrow{font-size:11px;margin-bottom:20px}}
@media(max-width:380px){.wrap{width:calc(100% - 28px)}}
@media(max-width:380px){.header-right .button{padding-inline:11px}}
@media(max-width:380px){.header-inner{gap:5px}}
@media(max-width:380px){.header-right{gap:7px}}
@media(max-width:380px){.brand{font-size:20px;gap:5px}}
@media(max-width:380px){.brand svg{width:23px}}
@media(max-width:380px){.menu-toggle{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(prefers-reduced-motion:reduce){.js-motion .reveal,.js-motion .stagger>*{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.faq-intro h2{max-width:320px}
.faq-intro .eyebrow{justify-content:flex-start}
.faq-intro .eyebrow:before{display:none}
.faq-list{border-top:1px solid var(--edge)}
.faq-list details{border-bottom:1px solid var(--edge)}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:25px;cursor:pointer;list-style:none;padding:23px 0;font-size:15px;color:var(--moon)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';font:22px/1 var(--sans);color:var(--fog)}
.faq-list details[open] summary:after{content:'−'}
.faq-list details[open] summary{color:var(--frost)}
.faq-list details p{font-size:14px;padding:0 36px 24px 0;line-height:1.75}
.final-cta{text-align:center;padding-block:102px 108px;position:relative;isolation:isolate;overflow:hidden}
.final-cta:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 36% 85% at 50% 100%,#34528725,transparent 100%)}
.cta-symbol{width:53px;height:53px;color:var(--blue);margin:0 auto 25px;filter:drop-shadow(0 0 19px #b6d9fc3b)}
.final-cta h2{max-width:660px;margin:0 auto}
.final-cta p{max-width:580px;margin:20px auto 0;font-size:15px;line-height:1.75}
.final-cta p:first-of-type{margin-top:26px}
.final-cta .actions{margin-top:32px;gap:16px}
.cta-meta{display:flex;gap:13px;justify-content:center;flex-wrap:wrap;font:10px var(--mono);color:var(--fog);margin-top:27px}
.cta-meta span+span:before{content:'·';padding-right:13px}
.site-footer{border-top:1px solid var(--edge);padding:52px 0 25px}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:42px}
.footer-brand p{max-width:295px;font-size:12px;line-height:1.8;margin-top:17px}
.footer-links h3{font-size:12px;letter-spacing:0;margin:3px 0 14px;color:var(--moon)}
.footer-links a{display:block;font-size:12px;min-height:35px;color:var(--fog);padding:5px 0}
.footer-links a:hover{color:var(--frost)}
.footer-bottom{display:flex;justify-content:space-between;gap:24px;margin-top:47px;padding-top:22px;border-top:1px solid var(--edge);font-size:10px;color:var(--fog)}
.footer-bottom .status{font-size:10px}
@media(max-width:900px){.faq-layout{grid-template-columns:1fr;gap:36px}}
@media(max-width:900px){.faq-intro h2{max-width:none}}
@media(max-width:700px){.faq-list summary{font-size:14px;padding:21px 0}}
@media(max-width:700px){.faq-list details p{padding-right:14px;font-size:13px}}
@media(max-width:700px){.final-cta{padding-block:72px}}
@media(max-width:700px){.final-cta p{font-size:14px}}
@media(max-width:700px){.final-cta .actions{gap:10px;flex-direction:column}}
@media(max-width:700px){.cta-meta{gap:7px;font-size:9px}}
@media(max-width:700px){.cta-meta span+span:before{padding-right:7px}}
@media(max-width:700px){.footer-top{grid-template-columns:repeat(3,1fr);gap:28px 15px}}
@media(max-width:700px){.footer-brand{grid-column:1/-1}}
@media(max-width:700px){.footer-brand p{max-width:340px}}
@media(max-width:700px){.site-footer{padding-top:36px}}
@media(max-width:700px){.footer-links a{font-size:11px}}
@media(max-width:700px){.footer-bottom{font-size:9px;margin-top:30px}}
@media(max-width:700px){.footer-bottom .status{display:none}}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap}
@media (min-width:901px){.header-right{width:248.859375px;flex:0 0 248.859375px}}
@media (min-width:901px){.header-right>.status{width:52.609375px;flex:0 0 52.609375px}}
@media (min-width:901px){.header-right>.button{width:174.25px;flex:0 0 174.25px}}
@media (min-width:701px) and (max-width:900px){.header-right{width:174.25px;flex:0 0 174.25px}}
@media (min-width:701px) and (max-width:900px){.header-right>.button{width:174.25px;flex:0 0 174.25px}}
/* Shared header and expandable text navigation */
.nav{display:flex;align-items:center;gap:30px;font-size:13px;color:var(--fog)}
.nav a{position:relative;display:flex;align-items:center;min-height:44px;white-space:nowrap}
.nav a:hover{color:var(--frost)}
.nav a[aria-current="page"],.nav a.is-active{color:var(--frost)}
.nav a[aria-current="page"]::after,.nav a.is-active::after{content:"";position:absolute;left:calc(100% + 9px);top:50%;width:4px;height:4px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px rgba(182,217,252,.6);transform:translateY(-50%);pointer-events:none}
@media(max-width:900px){.nav{gap:18px}}
@media(max-width:700px){
.nav{display:none;position:absolute;top:71px;left:0;right:0;padding:16px 24px 22px;background:#0b0e1af7;backdrop-filter:blur(20px);border-bottom:1px solid var(--edge);flex-direction:column;align-items:stretch;gap:0;font-size:15px}
.nav.is-open{display:flex}
.nav a{padding:4px;min-height:44px}
.nav a[aria-current="page"]::after,.nav a.is-active::after{position:static;margin-left:9px;transform:none}
}

.footer-bottom>a[href='privacy.php']{color:var(--fog)}
.footer-bottom>a[href='privacy.php']:hover{color:var(--frost)}
@media(max-width:700px){.footer-bottom{flex-wrap:wrap;gap:12px 20px}}
