/* Onest: self-hosted variable font (weights 100-900), SIL Open Font License.
   Four small files cover everything the site uses. All four are preloaded in <head>,
   so switching language never triggers a late font download (the old cause of text jumping). */
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/onest-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:"Onest";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/onest-cyrillic.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-weight:100 900;font-display:swap;src:url(fonts/onest-kz.woff2) format("woff2");unicode-range:U+0492-0493,U+049A-049B,U+04A2-04A3,U+04AE-04B1,U+04BA-04BB,U+04D8-04D9,U+04E8-04E9}
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/onest-tenge.woff2) format("woff2");unicode-range:U+20B8}
/* Fallback tuned to Onest's metrics so the swap, if it ever happens, moves nothing */
@font-face{font-family:"Onest Fallback";src:local("Arial"),local("Liberation Sans"),local("Helvetica Neue"),local("Helvetica");size-adjust:105%;ascent-override:92.4%;descent-override:29%;line-gap-override:0%}

:root{
  --navy:#141F38;
  --navy-2:#1C2C4D;
  --deep:#101A31;
  --gold:#D9A94C;
  --gold-dim:#B98A38;
  --clay:#C15A3B;
  --cream:#F3ECDC;
  --cream-dim:#C9C1AE;
  --font:"Onest","Onest Fallback",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --hdr:68px;
  --max:1160px;
  --lattice:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none' stroke='%23D9A94C' stroke-width='1'%3E%3Cpath d='M32 0L64 32L32 64L0 32Z'/%3E%3Cpath d='M32 13L51 32L32 51L13 32Z'/%3E%3Cpath d='M32 27L37 32L32 37L27 32Z' fill='%23D9A94C'/%3E%3C/svg%3E");
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 8px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--navy);color:var(--cream);font-family:var(--font);font-size:17px;line-height:1.6;padding-top:var(--hdr);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;overflow-wrap:break-word;font-variant-numeric:lining-nums}
img,video{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:3px}
.sec.cream :focus-visible,.contact :focus-visible{outline-color:var(--navy)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
h1,h2,h3{font-family:var(--font);font-weight:700;line-height:1.12;letter-spacing:-.025em;text-wrap:balance}
h1{font-size:clamp(32px,4.3vw,54px)}
h2{font-size:clamp(28px,3.2vw,40px)}
h3{font-size:19px;line-height:1.28;letter-spacing:-.012em}
b,strong{font-weight:650}

/* sections */
.sec{--fg:var(--cream);--muted:var(--cream-dim);--line:rgba(243,236,220,.18);background:var(--navy);color:var(--fg);padding:104px 0}
.sec.deep{background:var(--deep)}
.sec.alt{background:var(--navy-2)}
.sec.cream{--fg:var(--navy);--muted:#47516b;--line:rgba(20,31,56,.22);background:var(--cream)}
.sec h2{color:var(--fg)}
.sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:end;margin-bottom:56px}
.sec-head p{color:var(--muted);max-width:56ch}

/* buttons */
.btn{display:inline-block;white-space:nowrap;font:600 17px/1 var(--font);text-decoration:none;padding:16px 28px;border-radius:980px;border:1.5px solid var(--gold);background:var(--gold);color:var(--navy);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.btn:hover{background:#e6bb63;border-color:#e6bb63}
.btn.ghost{background:transparent;color:var(--cream);border-color:rgba(243,236,220,.55)}
.btn.ghost:hover{background:rgba(243,236,220,.1);border-color:var(--cream)}
.cream .btn,.btn.dark{background:var(--navy);border-color:var(--navy);color:var(--cream)}
.cream .btn:hover,.btn.dark:hover{background:var(--navy-2);border-color:var(--navy-2)}

/* header */
header{position:fixed;top:0;left:0;right:0;height:var(--hdr);background:var(--deep);border-bottom:1px solid rgba(243,236,220,.14);z-index:100}
.hdr{height:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"logo tabs cta lang";align-items:center;gap:28px}
.logo{grid-area:logo;display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font);font-weight:700;font-size:24px;letter-spacing:-.035em}
.logo img{width:34px;height:34px;border-radius:8px}
.tabs{grid-area:tabs;display:flex;gap:4px;height:100%}
.tabs a{display:flex;align-items:center;padding:0 14px;height:100%;text-decoration:none;color:var(--cream-dim);font-size:16px;font-weight:600;border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap}
.tabs a:hover{color:var(--cream)}
.tabs a.on{color:var(--gold);border-bottom-color:var(--gold)}
.lang{grid-area:lang;display:flex;border:1px solid rgba(243,236,220,.3);border-radius:980px;overflow:hidden;padding:2px;gap:2px}
.lang button{font:600 14px var(--font);background:transparent;color:var(--cream-dim);border:0;padding:7px 13px;cursor:pointer;border-radius:980px}
.lang button[aria-pressed="true"]{background:var(--gold);color:var(--navy)}
.lang button:not([aria-pressed="true"]):hover{color:var(--cream)}
.hdr .btn{grid-area:cta;padding:11px 20px;font-size:15px}

/* hero */
.hero{position:relative;padding:72px 0 88px;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:var(--lattice);background-size:64px 64px;opacity:.16;-webkit-mask-image:linear-gradient(to left,#000 0,transparent 62%);mask-image:linear-gradient(to left,#000 0,transparent 62%);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}
.hero h1{max-width:12em;font-size:clamp(40px,5.4vw,68px);line-height:1.04;letter-spacing:-.035em}
.hero .lead{margin-top:26px;font-size:21px;line-height:1.5;color:var(--cream);max-width:34ch;text-wrap:pretty}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.assure{list-style:none;display:grid;gap:9px;margin-top:28px;font-size:16px;color:var(--cream-dim)}
.assure li{position:relative;padding-left:24px}
.assure li::before{content:"";position:absolute;left:3px;top:.62em;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.hero .note{margin-top:22px;font-size:16px;color:var(--cream-dim);max-width:54ch;padding-left:16px;border-left:2px solid var(--gold-dim)}
.stage{position:relative;justify-self:center;width:300px}
.phone{border:9px solid #0a1122;border-radius:38px;overflow:hidden;background:#0a1122}
.phone img,.phone video{width:100%;height:auto;display:block}
.admin{position:relative;margin:-64px 0 0 -90px;width:240px;background:var(--cream);color:var(--navy);border-radius:16px;padding:16px 16px 14px;border-top:4px solid var(--gold)}
.admin .t{font-family:var(--font);font-weight:700;font-size:15px;margin-bottom:8px}
.admin dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 12px;font-size:14.5px}
.admin dt{color:#47516b}
.admin dd{font-weight:600}
.admin .b{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;margin-top:12px}
.admin .b>span{border:1px solid rgba(20,31,56,.3);border-radius:980px;text-align:center;font-size:14px;font-weight:600;padding:7px 4px}
.admin .b>span:first-child{background:var(--navy);color:var(--cream);border-color:var(--navy)}
.admin-cap{margin:10px 0 0 -90px;width:240px;font-size:14px;color:var(--cream-dim)}

/* facts */
.facts{background:var(--gold);color:var(--navy)}
.facts ul{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.facts li{padding:30px 26px 30px 0;border-left:1px solid rgba(20,31,56,.28);padding-left:26px}
.facts li:first-child{border-left:0;padding-left:0}
.facts b{display:block;font-family:var(--font);font-weight:700;font-size:28px;line-height:1.15;letter-spacing:-.025em}
.facts li>span{display:block;margin-top:6px;font-size:16px;line-height:1.4}

/* services */
.svc-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:56px;align-items:start}
.svc-list{border-top:2px solid var(--navy)}
details.svc{border-bottom:1px solid var(--line)}
details.svc summary{cursor:pointer;list-style:none;display:block;padding:24px 52px 24px 0;position:relative}
details.svc summary h3{font-size:21px;margin-bottom:6px}
details.svc summary p{color:var(--muted);font-size:17px;max-width:56ch}
details.svc summary::after{content:"+";position:absolute;right:6px;top:22px;font:400 32px/1 var(--font);color:var(--clay)}
details.svc[open] summary::after{content:"\2212"}
details.svc ul{margin:0 0 26px 20px;color:var(--fg);max-width:60ch}
details.svc li{margin-bottom:8px;font-size:17px}
summary::-webkit-details-marker{display:none}
.rows{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px}
.row{padding:20px 0 24px;border-top:1px solid var(--line)}
.row:nth-child(-n+2){border-top:2px solid var(--navy)}
.row h3{margin-bottom:6px}
.row p{color:var(--muted);font-size:17px}
.row .tier{display:block;margin-top:8px;font-size:15px;font-weight:600;color:var(--clay)}
.shot{position:sticky;top:calc(var(--hdr) + 28px)}
.shot .phone{border-color:var(--navy)}
.shot figcaption{margin-top:14px;font-size:15px;color:var(--muted)}
.compare{margin-top:88px}
.compare h2{margin-bottom:12px}
.compare .intro{color:var(--muted);max-width:64ch;margin-bottom:28px}
.tbl{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:17px;min-width:640px}
th,td{text-align:left;vertical-align:top;padding:16px 24px 16px 0;border-bottom:1px solid var(--line)}
thead th{border-bottom:2px solid var(--navy);font-family:var(--font);font-size:16px}
tbody th{font-weight:600;width:22%}
td:nth-child(3){color:var(--muted)}

/* economics */
.calc-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:start}
.grp{border-top:1px solid var(--line);padding:22px 0 8px}
.grp h3{color:var(--gold);margin-bottom:16px}
.field{margin-bottom:18px}
.field label{display:flex;justify-content:space-between;gap:16px;font-size:16px;margin-bottom:7px;color:var(--cream)}
.field label output{font-weight:600;color:var(--gold);white-space:nowrap}
.sec input[type=number],.sec select{width:100%;font:600 18px var(--font);padding:11px 13px;border-radius:12px;border:1px solid rgba(243,236,220,.35);background:rgba(255,255,255,.05);color:var(--cream)}
.sec select option{color:#141F38}
.sec input[type=range]{width:100%;accent-color:var(--gold)}
.sec input:disabled{opacity:.45}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.grp.first{border-top:0;padding-top:0}
.adv{margin-top:6px}
.adv>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border:1px solid rgba(243,236,220,.45);border-radius:980px;font-weight:600;color:var(--cream);margin-bottom:10px}
.adv>summary:hover{background:rgba(243,236,220,.08)}
.adv>summary::after{content:"+";font-size:22px;line-height:1;color:var(--gold)}
.adv[open]>summary::after{content:"\2212"}
.adv[open]>summary{margin-bottom:22px}
.result{position:sticky;top:calc(var(--hdr) + 24px);background:var(--cream);color:var(--navy);border-radius:20px;padding:34px;border-top:5px solid var(--gold)}
.result .line{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;border-bottom:1px solid rgba(20,31,56,.18);font-size:17px}
.result .line.sub{font-size:15.5px;color:#47516b;padding:8px 0 8px 14px}
.result .line b{font-weight:600;white-space:nowrap}
.result .net{padding:20px 0 6px;border-bottom:0;align-items:baseline}
.result .net span{font-family:var(--font);font-weight:700;font-size:18px}
.result .net b{font-family:var(--font);font-weight:700;font-size:34px;line-height:1.1}
.result .net b.neg{color:var(--clay)}
.verdict{margin-top:10px;font-size:16px;color:#47516b}
.bars{margin:24px 0 8px;padding-top:20px;border-top:1px solid rgba(20,31,56,.18)}
.bar-row{margin-bottom:12px}
.bar-row .cap{display:flex;justify-content:space-between;font-size:15px;font-weight:600;margin-bottom:5px}
.track{display:flex;height:22px;background:rgba(20,31,56,.07);border-radius:980px;overflow:hidden}
.track i{display:block;height:100%}
.s-time{background:var(--navy)}
.s-comm{background:var(--clay)}
.s-fee{background:var(--gold-dim)}
.legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:#47516b;margin-top:8px}
.legend>span::before{content:"";display:inline-block;width:11px;height:11px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.legend .l1::before{background:var(--navy)}.legend .l2::before{background:var(--clay)}.legend .l3::before{background:var(--gold-dim)}
.rev{margin-top:18px;padding:14px 16px;background:rgba(20,31,56,.07);border-radius:14px;font-size:15.5px}
.rev b{display:block;font-family:var(--font);font-size:20px;margin:2px 0}
.calc-note{margin-top:30px;color:var(--cream-dim);font-size:16px;max-width:76ch}
.calc-note b{color:var(--cream)}

/* launch */
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--navy);counter-reset:s}
.steps li{counter-increment:s;padding:26px 28px 0 0}
.steps li+li{padding-left:28px;border-left:1px solid var(--line)}
.steps li::before{content:counter(s);display:block;font-family:var(--font);font-weight:700;font-size:44px;line-height:1;color:var(--clay);margin-bottom:14px}
.steps h3{margin-bottom:8px}
.steps p{color:var(--muted);font-size:17px}

/* clients */
.cl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:26px;align-items:center;padding:30px;border:1px solid rgba(243,236,220,.22);border-radius:20px;background:rgba(16,26,49,.55)}
.card img,.card .mono{width:104px;height:104px;border-radius:50%}
.card img{object-fit:cover;background:#fff}
.card .mono{display:grid;place-items:center;background:var(--gold);color:var(--navy);font-family:var(--font);font-weight:700;font-size:44px}
.card h3{font-size:21px;margin-bottom:6px}
.card p{color:var(--cream-dim);font-size:17px}
.card .live{display:inline-block;margin-top:10px;font-size:14.5px;font-weight:600;color:var(--gold)}
.card .live::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gold);margin-right:8px}

/* pricing */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fbf7ec}
.plan{padding:34px 30px;display:flex;flex-direction:column;border-left:1px solid var(--line)}
.plan:first-child{border-left:0}
.plan.main{background:var(--navy);color:var(--cream);border-top:5px solid var(--gold);padding-top:30px;border-left:0}
.plan .tag{min-height:22px;font-size:15px;font-weight:600;color:var(--gold)}
.plan .sub{margin-top:8px;font-size:16.5px;color:var(--muted)}
.plan.main .sub{color:var(--cream-dim)}
.price{margin-top:14px;font-family:var(--font);font-weight:700;font-size:34px;line-height:1.1;letter-spacing:-.03em}
.price small{font:400 16px var(--font);letter-spacing:0;opacity:.75}
.setup{margin-top:8px;font-size:16px;color:var(--muted)}
.plan.main .setup{color:var(--cream-dim)}
.plan ul{list-style:none;margin:24px 0 0;border-top:1px solid var(--line)}
.plan.main ul{border-top-color:rgba(243,236,220,.22)}
.plan li{padding:10px 0;border-bottom:1px solid var(--line);font-size:16.5px}
.plan.main li{border-bottom-color:rgba(243,236,220,.22)}
.plan .extra{margin-top:auto;padding-top:22px;font-size:16px;color:var(--muted)}
.plan.main .extra{color:var(--cream-dim)}
.plan .extra b{color:inherit}
.price-note{margin-top:30px;max-width:74ch;color:var(--muted)}
.price-note b{color:var(--navy)}

/* faq */
.faq{max-width:860px}
/* faq */
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-of-type{border-top:2px solid var(--gold-dim)}
.faq summary{cursor:pointer;list-style:none;padding:22px 44px 22px 0;font-family:var(--font);font-weight:650;font-size:18px;line-height:1.35;letter-spacing:-.012em;position:relative}
summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:18px;font:400 30px/1 var(--font);color:var(--gold)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding:0 0 24px;color:var(--cream-dim);max-width:70ch}
.faq details a{color:var(--gold)}

/* about */
.about{position:relative;overflow:hidden}
.about::before{content:"";position:absolute;inset:0;background-image:var(--lattice);background-size:64px 64px;opacity:.1;-webkit-mask-image:linear-gradient(to right,transparent 30%,#000 100%);mask-image:linear-gradient(to right,transparent 30%,#000 100%)}
.about .wrap{position:relative}
.about h2{margin-bottom:22px}
.about p{max-width:60ch;color:var(--cream-dim);font-size:18px}
.about.sm{padding:60px 0}
.about.sm h2{font-size:22px;margin-bottom:10px}
.about.sm p{font-size:17px}

/* contact */
.contact{background:var(--gold);color:var(--navy);padding:84px 0}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:center}
.contact h2{color:var(--navy);margin-bottom:16px}
.contact p{max-width:52ch}
.contact .small{margin-top:16px;font-size:16px}
.contact .cta-row{margin-top:0;flex-direction:column;align-items:stretch}
.contact .btn{background:var(--navy);border-color:var(--navy);color:var(--cream);text-align:center}
.contact .btn:hover{background:var(--navy-2);border-color:var(--navy-2)}
.contact .btn.ghost{background:transparent;color:var(--navy)}
.contact .btn.ghost:hover{background:rgba(20,31,56,.1)}

/* footer */
footer{background:var(--deep);padding:56px 0 40px;font-size:16px;color:var(--cream-dim)}
.foot{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:44px}
footer h4{font:700 16px var(--font);color:var(--cream);margin-bottom:10px}
footer a{display:block;text-decoration:none;padding:3px 0}
footer a:hover{color:var(--gold)}
footer .logo{margin-bottom:12px;font-size:20px;color:var(--cream)}
footer .tag{font-family:var(--font);font-weight:650;font-size:17px;line-height:1.35;letter-spacing:-.01em;color:var(--cream);margin-bottom:8px}
.legal{margin-top:40px;padding-top:22px;border-top:1px solid rgba(243,236,220,.16);font-size:14.5px}

@media (max-width:1100px){
  :root{--hdr:112px}
  .hdr{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"logo . cta lang" "tabs tabs tabs tabs";gap:6px 14px;align-content:center}
  .tabs{height:44px;overflow-x:auto;scrollbar-width:none;margin:0 -28px;padding:0 20px;border-top:1px solid rgba(243,236,220,.1)}
  .tabs::-webkit-scrollbar{display:none}
  .tabs a{padding:0 12px}
  .hdr{padding-top:6px}
}
@media (max-width:980px){
  .hero-grid,.sec-head,.calc-grid,.contact-grid,.svc-grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .stage{justify-self:start;margin-left:84px}
  .shot{position:static;max-width:290px}
  .result{position:static}
  .facts ul{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .facts li:nth-child(3){border-left:0;padding-left:0}
  .facts li:nth-child(n+3){border-top:1px solid rgba(20,31,56,.28)}
  .steps{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .steps li:nth-child(3){border-left:0;padding-left:0}
  .steps li:nth-child(n+3){margin-top:28px;border-top:1px solid var(--line)}
  .cl{grid-template-columns:minmax(0,1fr)}
  .plans{grid-template-columns:minmax(0,1fr)}
  .plan,.plan.main{border-left:0;border-top:1px solid var(--line)}
  .plan:first-child{border-top:0}
  .foot{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:420px){
  .btn{font-size:16px;padding:15px 18px}
  .contact .btn{padding:15px 12px}
}
@media (max-width:620px){
  body{font-size:17px}
  .sec{padding:68px 0}
  .wrap{padding:0 20px}
  .hero{padding:44px 0 64px}
  .tabs{margin:0 -20px}
  .logo span{display:none}
  .hdr .btn{padding:10px 12px;font-size:14px}
  .stage{margin-left:0;width:100%;max-width:290px;justify-self:center}
  .admin{margin:-56px -12px 0 -12px;width:auto}
  .admin-cap{margin:10px -12px 0 -12px;width:auto}
  .facts ul{grid-template-columns:minmax(0,1fr)}
  .facts li{border-left:0;padding:20px 0;border-top:1px solid rgba(20,31,56,.28)}
  .facts li:first-child{border-top:0}
  .two{grid-template-columns:minmax(0,1fr)}
  .steps{grid-template-columns:minmax(0,1fr)}
  .steps li,.steps li+li{padding:22px 0 0;border-left:0;border-top:1px solid var(--line);margin-top:22px}
  .steps li:first-child{border-top:0;margin-top:0}
  .card{grid-template-columns:72px minmax(0,1fr);gap:18px;padding:22px}
  .card img,.card .mono{width:72px;height:72px;font-size:30px}
  .result{padding:24px}
  .result .net b{font-size:28px}
  .foot{grid-template-columns:minmax(0,1fr)}
  .contact{padding:64px 0}
}

/* document pages */
.docs-top{padding:64px 0 56px;position:relative;overflow:hidden}
.docs-top::before{content:"";position:absolute;inset:0;background-image:var(--lattice);background-size:64px 64px;opacity:.14;-webkit-mask-image:linear-gradient(to left,#000 0,transparent 60%);mask-image:linear-gradient(to left,#000 0,transparent 60%)}
.docs-top .wrap{position:relative}
.docs-top h1{max-width:18em;font-size:clamp(30px,4vw,46px)}
.docs-top .upd{margin-top:16px;color:var(--cream-dim);font-size:16px}
.doc{padding:72px 0 96px}
.doc .col{max-width:760px}
.doc h2{font-size:24px;margin:44px 0 14px;max-width:none}
.doc h2:first-child{margin-top:0}
.doc p{color:#2a3350;margin-bottom:16px;font-size:17px}
.doc ul{margin:0 0 18px 22px;color:#2a3350;font-size:17px}
.doc li{margin-bottom:8px}
.doc a{color:var(--navy);font-weight:600}

/* ===== Language switching without layout movement =====
   i18n.js puts all three translations of every text into one grid cell (.stk).
   The cell is as tall and as wide as the longest translation, and only the active
   language is visible. Switching language therefore changes no sizes and moves nothing. */
.stk{display:grid}
.stk.in{display:inline-grid}
.stk>.lg{grid-area:1/1;min-width:0;visibility:hidden}
html[lang="ru"] .stk>.lg[lang="ru"],
html[lang="kk"] .stk>.lg[lang="kk"],
html[lang="en"] .stk>.lg[lang="en"]{visibility:visible}
.tabs a,.lang button,.btn{white-space:nowrap;text-align:center}
.hdr .btn{min-width:0}
.verdict{min-height:0}
p,li,dd{text-wrap:pretty}

.tabs a{flex:none}
.card .live{display:inline-flex;align-items:center}
.card .live::before{flex:none}
.plan li .stk>.lg{align-self:center}
.legal{display:flex;flex-wrap:wrap;gap:6px 14px}

/* services: accordion as soft cards with a lattice tile and a round toggle */
.svc-list{border-top:0;display:grid;gap:12px}
details.svc{border:1px solid var(--line);border-radius:18px;background:#fbf7ec;transition:background .2s,border-color .2s,box-shadow .2s}
details.svc:hover{border-color:rgba(20,31,56,.42)}
details.svc[open]{background:#fff;border-color:var(--gold-dim);box-shadow:0 14px 34px -22px rgba(20,31,56,.45)}
details.svc summary{padding:22px 74px 22px 80px;border-radius:18px}
details.svc summary h3{margin-bottom:4px}
details.svc summary::before{content:"";position:absolute;left:22px;top:22px;width:44px;height:44px;border-radius:12px;background:var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Cpath d='M22 8L36 22L22 36L8 22Z' stroke='%23D9A94C' stroke-width='1.4'/%3E%3Cpath d='M22 15L29 22L22 29L15 22Z' stroke='%23D9A94C' stroke-width='1.2'/%3E%3Cpath d='M22 19.5L24.5 22L22 24.5L19.5 22Z' fill='%23D9A94C'/%3E%3C/svg%3E") center/44px no-repeat}
details.svc summary::after{right:22px;top:26px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(20,31,56,.3);display:grid;place-items:center;font:400 24px/1 var(--font);color:var(--navy);transition:background .2s,border-color .2s}
details.svc:hover summary::after{border-color:var(--navy)}
details.svc[open] summary::after{background:var(--gold);border-color:var(--gold)}
details.svc ul{list-style:none;margin:0 28px 26px 80px;padding-top:16px;border-top:1px solid var(--line)}
details.svc li{position:relative;padding-left:22px}
details.svc li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;background:var(--gold-dim);transform:rotate(45deg)}
@media (max-width:620px){
  details.svc summary{padding:18px 62px 18px 66px}
  details.svc summary::before{left:16px;top:18px;width:38px;height:38px;background-size:38px}
  details.svc summary::after{right:14px;top:20px;width:32px;height:32px}
  details.svc ul{margin:0 18px 22px 66px}
}

/* language switch: a gold pill that slides to the chosen language */
.lang{position:relative;isolation:isolate}
.lang::before{content:"";position:absolute;z-index:-1;left:0;top:2px;bottom:2px;width:var(--w,0px);transform:translateX(var(--x,0px));border-radius:980px;background:var(--gold);opacity:var(--o,0)}
.lang.ready::before{transition:transform .32s cubic-bezier(.3,1.25,.5,1),width .32s cubic-bezier(.3,1.25,.5,1)}
.lang button{transition:color .25s;position:relative}
.lang button[aria-pressed="true"]{background:transparent;color:var(--navy)}
@media (prefers-reduced-motion:reduce){.lang.ready::before{transition:none}}
/* legal pages: lead + cards, same language as the home page */
.doc{padding:72px 0 96px}
.doc .lead{max-width:860px;margin-bottom:40px}
.doc .lead p{font-size:20px;line-height:1.6;margin:0}
.dgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.dgrid>.dcard:last-child:nth-child(odd){grid-column:1/-1}
.dcard{margin:0;padding:32px 32px 18px;border:1px solid rgba(20,31,56,.16);border-radius:20px;background:#FAF5EA;display:inline-block;width:100%}
.dcard h2{font-size:24px;margin:0 0 14px;letter-spacing:-.02em}
.dcard p{margin-bottom:14px;font-size:17px}
.dcard ul{list-style:none;margin:0 0 14px}
.dcard li{position:relative;padding:5px 0 5px 26px;margin:0;font-size:16.5px}
.dcard li::before{content:"";position:absolute;left:3px;top:1.05em;width:7px;height:7px;background:var(--gold-dim);transform:rotate(45deg)}
@media (max-width:860px){.dgrid{grid-template-columns:1fr}.dcard{padding:24px 22px 12px}.doc{padding:48px 0 64px}}
.two{align-items:end}
.calc-hint{margin-top:2px;font-size:14px;line-height:1.45;color:var(--cream-dim)}
/* custom projects strip */
#custom{padding:84px 0}
.cp{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}
.cp-text h2{margin-bottom:14px}
.cp-text p{color:var(--cream-dim);max-width:46ch;margin-bottom:26px}
.cp-list{list-style:none;display:grid;gap:14px}
.cp-list li{position:relative;padding:20px 24px 20px 52px;border:1px solid rgba(243,236,220,.22);border-radius:16px;background:rgba(16,26,49,.55);font-size:17px;line-height:1.45}
.cp-list li::before{content:"";position:absolute;left:24px;top:1.65em;width:8px;height:8px;background:var(--gold);transform:rotate(45deg)}
@media (max-width:860px){#custom{padding:56px 0}.cp{grid-template-columns:1fr;gap:28px}}
/* footer contacts: icon + name */
footer h4.fol{margin-top:22px}
@media (min-width:721px){footer .legal{justify-content:space-between}footer .legal>span:last-child{text-align:right}}
footer a.ct{display:flex;align-items:center;gap:12px;padding:6px 0}
footer a.ct svg{flex:none;width:20px;height:20px;color:var(--gold);transition:transform .2s}
footer a.ct:hover svg{transform:scale(1.12)}
/* hero: price line + trust chips */
.from{margin-top:14px;font-size:16px;font-weight:600;color:var(--gold)}
.trust{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:34px;text-decoration:none;color:var(--cream-dim);font-size:15px}
.trust:hover{color:var(--cream)}
.trust .chips{display:flex;flex-wrap:wrap;gap:8px}
.trust .chip{display:inline-flex;align-items:center;gap:8px;padding:4px 14px 4px 4px;border:1px solid rgba(243,236,220,.22);border-radius:980px;color:var(--cream);font-weight:600;font-size:14px;background:rgba(16,26,49,.5)}
.trust .chip img{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#fff}
/* about: founder */
.about-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:48px;align-items:center}
.about .person{display:flex;align-items:center;gap:18px}
.about .mono{flex:none;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--gold);font:700 26px var(--font);letter-spacing:.02em;border:2px solid var(--gold-dim)}
.about .nm{font:700 20px/1.2 var(--font);color:var(--cream)}
.about .rl{margin-top:4px;font-size:15px;color:var(--cream-dim)}
.about p+p{margin-top:12px}
@media (max-width:820px){.about-grid{grid-template-columns:1fr;gap:26px}}
/* pricing: three separate cards, featured one lifted in navy with a gold glow */
.plans{border:0;border-radius:0;background:none;overflow:visible;column-gap:22px;row-gap:0;align-items:stretch}
.plan,.plan.main,.plan:first-child{position:relative;border:1px solid rgba(20,31,56,.2);border-radius:24px;background:#fbf7ec;padding:34px 30px 30px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s}
.plan:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(20,31,56,.55);border-color:rgba(20,31,56,.4)}
.plan.main{background:var(--navy);border-color:var(--gold-dim);box-shadow:0 30px 56px -30px rgba(20,31,56,.75)}
.plan.main:hover{border-color:var(--gold);box-shadow:0 34px 60px -28px rgba(20,31,56,.85)}
.plan .tag{min-height:30px;align-self:start;justify-self:start}
.plan.main .tag{display:inline-block;background:var(--gold);color:var(--navy);padding:4px 14px;border-radius:980px;font-size:14px;font-weight:700;min-height:0;height:fit-content;width:fit-content;max-width:100%;margin-bottom:12px}
.plan h3{font-size:24px;letter-spacing:-.02em}
.plan .price{font-size:42px;margin-top:18px}
.plan .setup{margin-top:14px;padding:9px 14px;border-radius:12px;background:rgba(20,31,56,.07);font-size:15px}
.plan.main .setup{background:rgba(243,236,220,.1)}
.plan ul{margin-top:22px;border-top:0}
.plan li{position:relative;padding:8px 0 8px 26px;border-bottom:0;font-size:16.5px}
.plan li::before{content:"";position:absolute;left:3px;top:1.05em;width:7px;height:7px;background:var(--gold-dim);transform:rotate(45deg)}
.plan.main li::before{background:var(--gold)}
.plan .extra{margin-top:auto;padding-top:18px;border-top:1px dashed rgba(20,31,56,.28)}
.plan.main .extra{border-top-color:rgba(243,236,220,.3)}
@media (max-width:980px){.plans{row-gap:20px}.plan:hover{transform:none}.plan .tag:empty{display:none}}
.plan li .stk>.lg{align-self:start}
@media (prefers-reduced-motion:reduce){.plan{transition:none}.plan:hover{transform:none}}
/* plan buttons + calculator inputs stay in view next to the result */
.plan .plan-cta{display:block;margin-top:20px;text-align:center}
.plan:not(.main) .plan-cta{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.plan:not(.main) .plan-cta:hover{background:#e6b95f;border-color:#e6b95f}
.plan.main .plan-cta,.cream .plan.main .plan-cta{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.plan.main .plan-cta:hover,.cream .plan.main .plan-cta:hover{background:#e6b95f;border-color:#e6b95f}
.plan .extra:empty{border-top:0;padding-top:0}
@media (min-width:981px){.calc-grid>div:first-child{position:sticky;top:96px;align-self:start}}
/* contact: founder + demo form */
.contact-grid{align-items:start}
.contact .founder{display:flex;align-items:center;gap:16px;margin-top:30px}
.contact .mono{flex:none;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--gold);font:700 21px var(--font);border:2px solid var(--navy)}
.contact .nm{font:700 19px/1.2 var(--font);color:var(--navy)}
.contact .rl{margin-top:3px;font-size:15px;color:rgba(20,31,56,.78)}
.contact .founder+.small{margin-top:14px}
.contact .direct{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:16px;font-size:16px}
.contact .direct a{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--navy);text-decoration:none;border-bottom:1.5px solid rgba(20,31,56,.4);padding-bottom:1px}
.contact .direct a:hover{border-bottom-color:var(--navy)}
.contact .direct svg{width:18px;height:18px}
.c-form{background:#fbf7ec;border-radius:24px;padding:30px;box-shadow:0 30px 50px -34px rgba(20,31,56,.7)}
.c-form [hidden],.c-form[hidden]{display:none !important}
.c-form .fld{margin-bottom:16px}
.c-form .fld.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.c-form label{display:block;font-size:14px;font-weight:600;color:rgba(20,31,56,.8);margin-bottom:6px}
.c-form input,.c-form select{width:100%;font:500 16px var(--font);color:var(--navy);background:#fff;border:1.5px solid rgba(20,31,56,.25);border-radius:12px;padding:12px 14px;min-height:48px}
.c-form input[type=file]{padding:10px 12px;font-size:14px}
.c-form input:focus,.c-form select:focus{border-color:var(--navy);outline:0;box-shadow:0 0 0 3px rgba(217,169,76,.55)}
.c-form .btn{width:100%;margin-top:6px}
.c-form .fnote{margin-top:12px;font-size:14px;color:rgba(20,31,56,.7)}
.c-form .fmsg.err{margin-top:12px;padding:10px 14px;border-radius:12px;background:#f6dcd2;color:#7a2a14;font-size:15px}
.c-form .fwa{display:block;margin-top:10px}
.c-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fdone{text-align:center;padding:26px 6px}
.fdone .ok{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:var(--gold);color:var(--navy);display:grid;place-items:center;font:700 28px var(--font)}
.fdone h3{font-size:24px;color:var(--navy);margin-bottom:8px}
.fdone p{margin:0 auto;color:rgba(20,31,56,.8)}
@media (max-width:620px){.c-form{padding:22px}.c-form .fld.two{grid-template-columns:minmax(0,1fr)}}
.contact .q{margin:26px 0 0;padding-left:18px;border-left:3px solid var(--navy);font:600 20px/1.4 var(--font);letter-spacing:-.01em;color:var(--navy);max-width:34em}
.contact .q+.founder{margin-top:18px}
.contact .ph{flex:none;width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--navy);background:var(--navy)}
.callout{max-width:860px;margin:0 auto 36px;padding:22px 30px;border-radius:18px;background:var(--navy);border:1px solid var(--gold-dim);color:var(--cream);text-align:center;font-size:17px;line-height:1.55}
.callout b{color:var(--gold)}
@media (max-width:620px){.callout{padding:18px 20px;font-size:16px}}
/* header: room for the longer "Free demo" button */
@media (min-width:981px){.hdr{gap:16px}.tabs{gap:0}.tabs a{padding:0 10px}.hdr .btn{padding:11px 18px}}
@media (max-width:620px){.hdr{gap:6px 8px}.hdr .btn{padding:9px 12px;font-size:13.5px}.lang button{padding:7px 10px;font-size:13px}}
@media (max-width:370px){.hdr .btn{padding:9px 9px;font-size:12.5px}.lang button{padding:7px 8px;font-size:12.5px}}
/* best-for note, faq cards, client cards, callout, calculator note */
.plan .bestfor{margin-top:18px;padding:11px 14px 11px 34px;border-radius:12px;position:relative;font-size:15px;line-height:1.4;background:rgba(217,169,76,.16);color:var(--navy)}
.plan.main .bestfor{background:rgba(243,236,220,.09);color:var(--cream)}
.plan .bestfor::before{content:"";position:absolute;left:14px;top:1.05em;width:7px;height:7px;background:var(--gold-dim);transform:rotate(45deg)}
.plan.main .bestfor::before{background:var(--gold)}
.plan .extra{padding-top:16px}
.faq details{border:1px solid rgba(243,236,220,.2);border-radius:16px;background:rgba(243,236,220,.04);margin-bottom:12px;transition:background .2s,border-color .2s}
.faq details:first-of-type{border-top:1px solid rgba(243,236,220,.2)}
.faq details:hover{border-color:rgba(243,236,220,.45)}
.faq details[open]{background:rgba(243,236,220,.08);border-color:var(--gold-dim)}
.faq summary{padding:20px 64px 20px 24px;border-radius:16px}
.faq summary::after{right:18px;top:50%;margin-top:-16px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(243,236,220,.35);display:grid;place-items:center;font:400 22px/1 var(--font);color:var(--cream);transition:background .2s,border-color .2s,color .2s}
.faq details[open] summary::after{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.faq details p{padding:0 24px 22px}
.cl .card{align-items:start}
.cl{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);grid-auto-rows:auto}
.cl-photo{grid-row:span 2;margin:0;position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(243,236,220,.22);background:#1a2540;min-height:100%}
.cl-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:10% 60%}
.cl-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 22px 18px;font-size:15px;font-weight:600;line-height:1.35;color:var(--cream);background:linear-gradient(to top,rgba(10,18,36,.88),rgba(10,18,36,0))}
.cl .card>div{display:flex;flex-wrap:wrap;align-items:center;column-gap:18px}
.cl .card>div>h3,.cl .card>div>p{flex:0 0 100%}
.cl .card .live{margin-top:12px}
.card .botlink{display:inline-flex;align-items:center;gap:8px;margin:12px 0 0;padding:8px 14px;border-radius:999px;border:1px solid var(--gold);background:var(--gold);color:var(--navy);font-size:14.5px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.botlink{white-space:nowrap}
@media (max-width:620px){.card .botlink{padding:8px 12px;gap:6px;font-size:13.5px}}
.botlink .stk{display:inline}
.botlink .stk>.lg{display:none}
html[lang="ru"] .botlink .stk>.lg[lang="ru"],html[lang="kk"] .botlink .stk>.lg[lang="kk"],html[lang="en"] .botlink .stk>.lg[lang="en"]{display:inline}
.card .botlink:hover{background:#e6b95f;border-color:#e6b95f;color:var(--navy)}
@media (max-width:980px){.cl{grid-template-columns:1fr}.cl-photo{grid-row:auto;min-height:0;aspect-ratio:1200/1044}}
.callout{max-width:none;margin:0 0 36px}
.calc-note{margin-top:26px;font-size:15px}
/* scroll reveal (transform and opacity only, so nothing ever shifts) */
.rv.rv.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.rv.rv.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv.rv.rv{opacity:1;transform:none;transition:none}}
.plan .price small{white-space:nowrap}
#dashboard .sec-head{margin-bottom:36px}
.dm{display:flex;flex-direction:column;align-items:center;gap:26px}
.dm-frame{width:100%;border:1px solid rgba(243,236,220,.22);border-radius:18px;overflow:hidden;background:var(--deep);box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
.dm-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:rgba(243,236,220,.06);border-bottom:1px solid rgba(243,236,220,.14);font-size:13px;color:var(--cream-dim)}
.dm-bar i{width:10px;height:10px;border-radius:50%;background:rgba(243,236,220,.25)}
.dm-bar span{margin-left:10px}
.dm-frame iframe{display:block;width:100%;height:680px;border:0;background:#fff}
@media (max-width:760px){.dm-frame{display:none}#dashboard .sec-head{margin-bottom:8px}}
.dm-pts{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 34px}
.dm-pts li{padding:22px 24px;border:1px solid rgba(243,236,220,.22);border-radius:16px;background:rgba(16,26,49,.55)}
.dm-pts h3{font-size:18px;margin-bottom:8px;color:var(--gold)}
.dm-pts p{font-size:15.5px;line-height:1.5;color:var(--cream-dim);margin:0}
.dm-note{font-size:14px;color:var(--cream-dim);text-align:center;max-width:56ch;margin:0}
@media (max-width:860px){.dm-pts{grid-template-columns:1fr;gap:12px;margin-bottom:26px}}
@media (min-width:1101px){.tabs a{padding:0 8px}}
@media (min-width:1101px) and (max-width:1180px){.tabs a{padding:0 5px}}
.tabs a .stk{display:inline}
.tabs a .stk>.lg{display:none}
html[lang="ru"] .tabs a .stk>.lg[lang="ru"],html[lang="kk"] .tabs a .stk>.lg[lang="kk"],html[lang="en"] .tabs a .stk>.lg[lang="en"]{display:inline}
/* pricing cards: every row lines up across the three plans, in any language */
@supports (grid-template-rows:subgrid){
  @media (min-width:981px){
    .plans{grid-template-rows:auto auto auto auto auto 1fr auto auto auto}
    .plan{display:grid;grid-template-rows:subgrid;grid-row:span 9;align-content:start}
    .plan .extra{margin-top:0}
    .plan ul{margin-top:22px}
    .plan .setup{align-self:start}
  }
}