/* Typography based on the saved Charya reference (2026-10-14).
   DESIGN_VARIANCE: 6; MOTION_INTENSITY: 2; VISUAL_DENSITY: 3.
   Satoshi / Instrument Serif for Latin, Manrope / Lora for Cyrillic.
   Existing content, page structure and sky background are preserved. */
@font-face{font-family:Satoshi;src:url("fonts/Satoshi-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url("fonts/Satoshi-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Satoshi;src:url("fonts/Satoshi-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url("fonts/Manrope-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url("fonts/Manrope-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url("fonts/Manrope-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url("fonts/Manrope-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("fonts/InstrumentSerif-400-italic.woff2") format("woff2");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:Lora;src:url("fonts/Lora-400-italic.woff2") format("woff2");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("fonts/GeistMono-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("fonts/GeistMono-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}

.landing-page{
 --ink:#0a1122;--ink-2:#1d2840;--muted:#3e4a63;--accent:#2459d6;
 --card-ink:#0a1122;--soft-line:rgb(29 40 64 / .18);
 --sans:Satoshi,Manrope,-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;
 --serif:"Instrument Serif",Lora,"Iowan Old Style",Georgia,serif;
 --mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;
 font-family:var(--sans);font-size:17px;font-weight:400;line-height:1.6;
 color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
 text-rendering:optimizeLegibility;
}
.landing-page ::selection{background:rgb(36 89 214 / .22)}
html[lang="ru"] .landing-page{--sans:Manrope,-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;--serif:Lora,"Iowan Old Style",Georgia,serif}
.landing-page .brand{font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.landing-page .brand>span{color:#fff;-webkit-text-stroke:1px #101010;paint-order:stroke fill;text-shadow:1px 2px 0 #101010}
.landing-page h1,.landing-page h2,.landing-page h3{
 font-family:var(--sans);font-weight:500;letter-spacing:-.04em;
 word-spacing:normal;line-height:1.12;color:var(--ink);
}
.landing-page .launch-hero h1{
 font-size:clamp(42px,4.8vw,66px);font-weight:500;letter-spacing:-.052em;line-height:1.08;
 margin-bottom:26px;
}
.landing-page .launch-hero h1 span{
 font-family:var(--serif);font-style:italic;font-weight:400;
 font-size:1.04em;letter-spacing:-.045em;line-height:1.15;
 text-decoration:none;background:none;box-shadow:none;padding-bottom:.07em;
}
.landing-page .launch-hero .intro{font-size:19px;font-weight:400;line-height:1.65;color:var(--ink-2);max-width:460px}
.landing-page .eyebrow,.landing-page .sample-label,.landing-page .example-label{
 font-family:var(--mono);font-weight:400;letter-spacing:.09em;color:var(--muted);
}
.landing-page .release-label{font-size:10px;font-weight:500;letter-spacing:.075em}
.landing-page .release-label>span{width:6px;height:6px;box-shadow:none}
.landing-page .languages a,.landing-page .theme-toggle,.landing-page .demo-link,
.landing-page .footer a,.landing-page .tour-nav a,.landing-page .text-button,
.landing-page .choices button,.landing-page .screen-card figcaption,
.landing-page .faq summary,.landing-page .hero-product-caption{font-weight:500}
.landing-page .header-jumps a{color:var(--ink-2);font-weight:400}
.landing-page .theme-toggle,.landing-page .languages{background:rgb(255 255 255 / .55)}
.landing-page .theme-toggle[aria-pressed="true"]{background:var(--surface);color:var(--ink);border-color:var(--soft-line)}
.landing-page .free-banner strong{font-size:26px;font-weight:500;letter-spacing:-.04em}
.landing-page .free-banner span{font-size:16px;font-weight:400}
.landing-page .quick-benefits strong{font-weight:500;letter-spacing:-.025em}
.landing-page .quick-benefits span{line-height:1.6}
.landing-page .hero-product-caption{font-size:12px;letter-spacing:-.015em}
.landing-page .spotlight-description,.landing-page .story-copy>p:last-child,
.landing-page .section-heading p:last-child{color:var(--ink-2);font-weight:400;line-height:1.7}
.landing-page .tour-heading h2{font-weight:500;letter-spacing:-.04em}
.landing-page .setup-note,.landing-page .interaction-hint{color:var(--muted)}
.landing-page .request-bubble,.landing-page .sample-task strong,
.landing-page .widget-preview h4,.landing-page .rollover-board h4{font-weight:500}
.landing-page .button,.landing-page .mobile-download a{
 font-family:var(--sans);font-weight:500;letter-spacing:-.01em;
 color:#fff;background:linear-gradient(180deg,#1b2540,#0a1122);
 border:1px solid rgb(10 17 34 / .15);border-radius:999px;
 box-shadow:inset 0 1px rgb(255 255 255 / .18),0 5px 14px rgb(10 17 34 / .12);
}
.landing-page .button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 18px rgb(10 17 34 / .18)}
.landing-page .button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 7px rgb(10 17 34 / .12)}
.landing-page .closing{background:rgb(255 255 255 / .4);border:1px solid var(--soft-line);color:var(--ink)}
.landing-page .closing h2{font-weight:500;letter-spacing:-.04em}
.landing-page .midpoint-cta{background:rgb(255 255 255 / .45);border-color:var(--soft-line);color:var(--ink)}
.landing-page .midpoint-cta p{color:var(--ink-2)}
.landing-page .mobile-download>span{font-weight:500}
.landing-page :focus-visible{outline-color:var(--accent)}

html[data-theme="dark"] .landing-page{
 --ink:#f3f6fc;--ink-2:#c9d2e6;--muted:#aebbd1;
 --surface:#202d42;--soft-line:rgb(201 210 230 / .2);--accent:#b4c8ff;
 color:var(--ink);
}
html[data-theme="dark"] .landing-page .theme-toggle,
html[data-theme="dark"] .landing-page .languages,
html[data-theme="dark"] .landing-page .closing,
html[data-theme="dark"] .landing-page .midpoint-cta{background:rgb(17 29 48 / .55)}
html[data-theme="dark"] .landing-page .button,
html[data-theme="dark"] .landing-page .mobile-download a{
 color:#0a1122;background:linear-gradient(180deg,#fff,#e6ebf5);
 border-color:rgb(255 255 255 / .3);
}
html[data-theme="dark"] .landing-page .languages a[aria-current]{color:#0a1122}
html[data-theme="dark"] .landing-page :focus-visible{outline-color:var(--accent)}

@media(max-width:1000px){.landing-page .launch-hero h1{font-size:clamp(40px,5vw,54px)}}
@media(max-width:767px){
 .landing-page .launch-hero h1{font-size:clamp(36px,9.2vw,54px);letter-spacing:-.048em;line-height:1.12;margin-bottom:22px}
 .landing-page .launch-hero .intro{font-size:17px;line-height:1.7}
 .landing-page .free-banner strong{font-size:25px}
 .landing-page .free-banner span{font-size:15px}
 .landing-page .release-label{font-size:9px;letter-spacing:.045em}
 .landing-page .theme-toggle{font-weight:500}
}

/* Timbo's outlined controls: a solid surface above an anchored hard shadow. */
.landing-page{--control-outline:#101010;--control-shadow:#101010}
.landing-page .header-jumps{gap:10px;margin-right:20px}
.landing-page .header-jumps a,.landing-page .theme-toggle,
.landing-page .button,.landing-page .mobile-download a,.landing-page .preview-toggle{
 color:#101010;background:#fff;border:1.5px solid var(--control-outline);border-radius:12px;
 box-shadow:3px 3px 0 var(--control-shadow);text-decoration:none;
 font-family:var(--sans);font-weight:500;
 transition:transform .12s,box-shadow .12s,background .12s;
}
.landing-page .header-jumps a{padding:10px 13px;font-size:12px;white-space:nowrap}
.landing-page .button,
.landing-page .mobile-download a,.landing-page .preview-toggle{background:#b8e654}
.landing-page .header-jumps a:hover,.landing-page .theme-toggle:hover,
.landing-page .button:hover:not(:disabled),.landing-page .preview-toggle:hover{
 color:#101010;background:#dcebff;transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--control-shadow);
}
.landing-page .header-jumps a:active,.landing-page .theme-toggle:active,
.landing-page .button:active:not(:disabled),.landing-page .mobile-download a:active,
.landing-page .preview-toggle:active{transform:translate(3px,3px);box-shadow:none}
.landing-page .theme-toggle[aria-pressed="true"]{color:#101010;background:#dcebff;border-color:var(--control-outline)}
html[data-theme="dark"] .landing-page{--control-outline:#d9e1ed;--control-shadow:#080e18}
html[data-theme="dark"] .landing-page .header-jumps a,
html[data-theme="dark"] .landing-page .theme-toggle{background:#263b58;color:#f3f6fc}
html[data-theme="dark"] .landing-page .button,
html[data-theme="dark"] .landing-page .mobile-download a{background:#b8e654;color:#101010;border-color:#101010}
html[data-theme="dark"] .landing-page .header-jumps a:hover,
html[data-theme="dark"] .landing-page .theme-toggle:hover{background:#355274}
html[data-theme="dark"] .landing-page .button:hover:not(:disabled){background:#c8ed7f}
@media(min-width:768px) and (max-width:1100px){
 .landing-page .header{height:auto;min-height:98px;flex-wrap:wrap;padding-block:20px;gap:18px}
 .landing-page .header-jumps{order:3;width:100%;margin:0;justify-content:flex-end}
 .landing-page .header-controls{margin-left:auto}
}

/* Pricing and the browser app are separate, prominent entry points. */
.landing-page .free-banner{
 width:fit-content;max-width:100%;padding:14px 20px;gap:8px 14px;
 background:#b8e654;color:#101010;border:1.5px solid #101010;
 border-radius:14px;box-shadow:3px 3px #101010;
}
.landing-page .free-banner strong{font-weight:700}
.landing-page .free-banner span{color:#243411;font-weight:500}
.landing-page .header-jumps a,.landing-page .theme-toggle,
.landing-page .button,.landing-page .mobile-download a,.landing-page .preview-toggle,
.landing-page .choices button,.landing-page .tour-nav a,.landing-page .languages a{font-weight:700}
.landing-page .header-web{
 display:inline-flex;align-items:center;justify-content:center;gap:16px;
 flex:none;min-height:46px;padding:11px 18px;margin-right:24px;
 color:#101010;background:#b8e654;border:2px solid #101010;border-radius:12px;
 box-shadow:4px 4px #101010;font-size:14px;font-weight:700;line-height:1.4;
 white-space:nowrap;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;
}
.landing-page .header-web:hover{background:#c8ed7f;transform:translate(-1px,-1px);box-shadow:5px 5px #101010}
.landing-page .header-web:active{transform:translate(4px,4px);box-shadow:none}
@media(max-width:1100px){
 .landing-page .header{height:auto;min-height:98px;flex-wrap:wrap;padding-block:20px;gap:18px}
 .landing-page .header-controls{margin-left:auto}
 .landing-page .header-web{order:4;margin:0 0 0 auto}
 .landing-page .header-jumps{order:3;width:auto;margin:0 auto 0 0}
}
@media(max-width:767px){
 .landing-page .header{padding-block:17px;gap:17px 10px}
 .landing-page .header-web{width:100%;order:3;min-height:44px}
 .landing-page .free-banner{padding:13px 16px}
}