@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('/static/fonts/manrope-cyrl.woff2') format('woff2');unicode-range:U+0400-052F,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('/static/fonts/manrope-latn.woff2') format('woff2')}
:root{color-scheme:light;--bg:#f4f7f5;--surface:#fff;--text:#101318;--muted:#606b7c;--accent:#0879e4;--line:#e3e9ee;--soft:#eaf4ff;--radius:22px}
html[data-theme=dark]{color-scheme:dark;--bg:#11171f;--surface:#1a2330;--text:#f3f6fa;--muted:#b3bfce;--accent:#73b9ff;--line:#354150;--soft:#24394e}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;font-synthesis:none;scrollbar-color:#a5b7c8 var(--bg);scrollbar-width:thin}body{margin:0;background:var(--bg);color:var(--text);font:500 16px/1.6 Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body,button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,summary,a{touch-action:manipulation}button{border:0;background:none}img{display:block;max-width:100%}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}p,h1,h2,h3{margin:0}em{font-style:normal;color:var(--accent)}::selection{background:#c3e3ff;color:#0a2948}:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:5px}[hidden]{display:none!important}.container{width:min(1328px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-160%);z-index:100;background:var(--surface);padding:12px 18px}.skip-link:focus{transform:none}
.site-header{height:96px;max-width:1488px;margin:auto;padding-inline:48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:26px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.brand b{color:var(--accent);font-weight:800}.nav-links{display:flex;align-items:center;gap:28px;margin-left:auto}.nav-links a,.login-link{font-size:14px;color:var(--muted);transition:color .2s}.nav-links a:hover,.login-link:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:16px}.language-control,.theme-toggle{display:grid;place-items:center;min-width:34px;height:40px;font-size:12px;font-weight:700}.theme-toggle svg{width:20px;height:20px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:17px 26px;background:#0879e4;color:#fff;border-radius:12px;font-size:16px;font-weight:750;min-height:56px;transition:background .2s,transform .2s}.btn-primary:hover{background:#0068ca;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.header-register{font-size:13px;min-height:44px;padding:11px 18px}.btn-text{display:inline-flex;align-items:center;gap:15px;color:var(--accent);font-weight:650;font-size:15px}.btn-text:hover{text-decoration:underline;text-underline-offset:5px}
.hero{position:relative;min-height:690px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding-block:60px 35px;isolation:isolate}.hero-copy{z-index:1}.hero h1{font-size:clamp(58px,6.6vw,96px);line-height:1.04;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.hero-sub{margin-top:28px;max-width:580px;font-size:clamp(20px,2.1vw,27px);line-height:1.5;letter-spacing:-.025em;color:var(--muted)}.hero-buttons{display:flex;align-items:center;gap:28px;margin-top:38px;flex-wrap:wrap}.hero-note{font-size:12px;color:var(--muted);margin-top:48px}.hero-scene{margin-right:-35px;margin-left:-20px;min-width:0}.hero-scene .artwork{border-radius:26px;mix-blend-mode:multiply}.artwork{position:relative;overflow:hidden;width:100%;isolation:isolate;background:#f4f7f5}.artwork>img{position:absolute;max-width:none;width:var(--art-width);height:var(--art-height);left:var(--art-x);top:var(--art-y);object-fit:fill;user-select:none;pointer-events:none}.tool-strip{display:flex;align-items:center;gap:32px;padding-block:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}.tool-strip>span{font-size:12px;max-width:120px}.tool-logos{display:flex;justify-content:space-between;gap:18px;flex:1;flex-wrap:wrap}.tool-logos a{display:flex;align-items:center;gap:10px;font-size:13px;white-space:nowrap;min-height:38px}.tool-logos img{width:24px;height:24px;object-fit:contain}.tool-logos a:hover{color:var(--accent)}html[data-theme=dark] .tool-logos img{background:#fff;border-radius:5px;padding:3px}
.section{padding-block:94px 24px;scroll-margin-top:18px}.section-head{margin-bottom:36px}.section-number{display:block;color:var(--accent);font-size:12px;font-weight:700;line-height:1;margin-bottom:18px}.section-head h2,.cta h2{font-size:clamp(38px,4.1vw,60px);font-weight:800;line-height:1.1;letter-spacing:-.04em;text-wrap:balance}.section-head p{color:var(--muted);font-size:17px;margin-top:17px;max-width:68ch}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{background:var(--surface);border-radius:var(--radius);overflow:hidden;min-width:0;transition:transform .25s}.feature-card:hover{transform:translateY(-4px)}.card-copy{padding:25px 25px 8px}.card-copy h3{font-size:22px;line-height:1.25;letter-spacing:-.035em;font-weight:800}.card-copy p{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.55}.feature-card .artwork{background:#fff}.workspace-link{margin-top:-10px}.workspace-content{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:40px;align-items:center;margin-top:35px}.workspace-content .artwork{border-radius:var(--radius);mix-blend-mode:multiply}.workspace-benefits{list-style:none;margin:0;padding:0;display:grid;gap:32px}.workspace-benefits li{display:flex;gap:18px;align-items:center}.workspace-benefits svg,.benefit-mark{width:48px;height:48px;color:var(--accent);padding:10px;border-radius:50%;background:var(--soft);font-size:26px;font-weight:800;display:grid;place-items:center}.workspace-benefits h3{font-size:19px;font-weight:800;line-height:1.35;letter-spacing:-.025em}.workspace-benefits p{font-size:13px;margin-top:5px;color:var(--muted)}.illustration-caption{font-size:11px;color:var(--muted);margin:12px 18px}
.catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.catalog-aside{margin-top:0;background:var(--surface);border-radius:var(--radius);overflow:hidden}.catalog-aside p{font-size:15px;line-height:1.65;margin:18px 26px;color:var(--muted)}.catalog-aside .btn-text{margin:0 26px 28px}.catalog-aside .artwork{background:#fff}.family-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;min-height:60px}.family-tab{display:flex;align-items:center;gap:9px;border-radius:12px;background:var(--surface);padding:13px 17px;min-height:52px;font-size:13px;font-weight:700;border:1px solid transparent;transition:background .2s}.family-tab img{height:25px;width:25px;object-fit:contain}.family-tab img[src$="grok.png"],.family-tab img[src$="gemini.png"],.family-tab img[src$="qwen.png"]{filter:none!important;background:transparent!important;padding:0!important;border-radius:0!important}.family-tab.is-active{border-color:var(--accent);color:var(--accent);background:var(--soft)}.family-tab:hover{border-color:var(--accent)}.price-table{border-radius:var(--radius);background:var(--surface);padding:9px 24px 10px;overflow:hidden}.price-header,.price-row{display:grid;grid-template-columns:minmax(0,1.9fr) repeat(3,minmax(0,.75fr));gap:14px;align-items:center}.price-header{font-size:12px;color:var(--muted);padding:18px 0;border-bottom:1px solid var(--line)}.price-row{font-size:13px;padding:17px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.price-row:last-child{border-bottom:0}.price-row strong{font-weight:700;line-height:1.6}.price-header span:not(:first-child),.price-row>span{text-align:right}.price-row.is-unavailable{color:var(--muted)}.price-row.is-unavailable strong{font-weight:500}.price-row small{color:var(--muted)}.price-empty{display:grid;place-items:start;gap:20px;background:var(--surface);border-radius:var(--radius);padding:30px;color:var(--muted);min-height:200px}.price-empty button{color:var(--accent);padding:8px 0;text-decoration:underline}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:25px}.step{background:var(--surface);border-radius:var(--radius);overflow:hidden}.step-title{display:flex;align-items:center;gap:15px}.step-title>span{background:var(--soft);color:var(--accent);display:grid;place-items:center;width:41px;height:41px;border-radius:10px;font-weight:800;font-size:17px;flex-shrink:0}.step .card-copy p{min-height:42px;margin-top:12px}.code-block{background:var(--surface);border-radius:var(--radius);overflow:hidden}.code-head{display:flex;gap:20px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.code-tabs{display:flex;gap:6px}.code-tab{font-size:13px;border-radius:9px;padding:10px 15px;color:var(--muted)}.code-tab.is-active{background:var(--soft);color:var(--accent);font-weight:800}.code-file{font-size:11px;color:var(--muted);margin-left:auto}.code-copy{display:flex;align-items:center;gap:8px;font-size:12px;min-height:38px;color:var(--accent)}.code-copy svg{width:18px;height:18px}.code-copy.is-copied{color:#18773a}.code-panel{max-width:100%;margin:0;padding:26px 30px;overflow:auto;color:var(--text);font:13px/1.9 Consolas,'Liberation Mono',monospace;tab-size:4;scrollbar-width:thin}.code-panel .kw,.code-panel .fn{color:#0879e4}.code-panel .st{color:#2b6986}.code-panel .num{color:var(--accent)}html[data-theme=dark] .code-panel .st{color:#a7cfe8}.documentation-link{margin-top:18px}
.faq-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px;align-items:start}.faq-intro .section-head h2{max-width:350px}.faq-intro .artwork{margin-top:20px;mix-blend-mode:multiply;border-radius:var(--radius)}.faq-list{background:var(--surface);border-radius:var(--radius);padding:8px 28px;margin-top:2px;min-width:0}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:last-child{border-bottom:0}.faq-list summary{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:22px;cursor:pointer;list-style:none;font-size:16px;font-weight:750;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-icon{width:18px;height:18px;position:relative;flex-shrink:0;color:var(--accent)}.faq-icon:before,.faq-icon:after{content:'';position:absolute;left:2px;top:8px;width:14px;height:2px;background:currentColor;border-radius:1px}.faq-icon:after{transform:rotate(90deg);transition:transform .2s}.faq-list details[open] .faq-icon:after{transform:rotate(0)}.faq-list details p{font-size:14px;line-height:1.85;color:var(--muted);margin-top:15px;overflow-wrap:anywhere;max-width:70ch}
.cta{text-align:center;padding-top:110px;overflow:hidden}.cta h2{font-size:clamp(54px,6.8vw,90px)}.cta>p{font-size:21px;color:var(--muted);margin-top:20px}.cta>.btn-primary{margin-top:30px;min-width:260px}.cta .cta-login{font-size:13px;margin-top:16px}.cta-login a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.cta .artwork{margin-top:24px;border-radius:var(--radius);mix-blend-mode:multiply}.site-footer{border-top:1px solid var(--line);padding-block:28px 38px;display:flex;align-items:center;gap:25px;justify-content:space-between}.site-footer .brand{font-size:20px}.site-footer nav{display:flex;gap:23px;flex-wrap:wrap}.site-footer nav a,.site-footer>span{font-size:11px;color:var(--muted)}.site-footer nav a:hover{color:var(--accent)}.cookie-bar{position:fixed;left:24px;bottom:20px;right:24px;max-width:820px;margin:auto;display:flex;gap:25px;align-items:center;z-index:80;padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 25px #19314c1a}.cookie-bar p{font-size:11px;color:var(--muted);line-height:1.7}.cookie-bar a{text-decoration:underline;text-underline-offset:2px}.cookie-bar button{background:var(--accent);color:var(--bg);padding:10px 17px;font-size:12px;border-radius:8px;flex-shrink:0}html[data-theme=dark] .hero-scene .artwork,html[data-theme=dark] .workspace-content .artwork,html[data-theme=dark] .faq-intro .artwork,html[data-theme=dark] .cta .artwork{mix-blend-mode:normal}html[data-theme=dark] .artwork{border-radius:18px}
@media(min-width:1600px){.hero{min-height:760px}.hero-scene{margin-right:-65px}.section{padding-top:110px}}
@media(max-width:1150px){.site-header{padding-inline:32px;gap:15px}.container{width:calc(100% - 64px)}.nav-links{gap:18px}.nav-links a{font-size:12px}.header-actions{gap:10px}.brand{font-size:23px}.header-register{font-size:12px;padding-inline:13px}.hero{min-height:580px}.hero h1{font-size:7vw}.hero-sub{font-size:22px}.hero-buttons{gap:20px}.hero-buttons .btn-primary{font-size:14px;padding-inline:20px}.hero-buttons .btn-text{font-size:13px}.tool-logos{justify-content:flex-start;gap:20px}.card-copy{padding:22px 20px 8px}.card-copy h3{font-size:19px}.card-copy p{font-size:12px}.catalog-layout{grid-template-columns:minmax(0,1fr) 270px}.workspace-content{grid-template-columns:minmax(0,1fr) 240px;gap:25px}.faq-section{gap:30px}.faq-list{padding-inline:22px}.faq-list summary{font-size:14px}.step-title{gap:10px}.step-title>span{height:34px;width:34px;font-size:15px}.site-footer{align-items:flex-start}.site-footer nav{gap:12px 20px}}
@media(max-width:900px){.nav-links{display:none}.site-header{height:80px}.hero{grid-template-columns:1fr .95fr;min-height:510px;padding-top:25px}.hero h1{font-size:7.3vw}.hero-sub{font-size:19px}.hero-buttons{gap:16px;align-items:flex-start;flex-direction:column;margin-top:24px}.hero-note{margin-top:28px}.tool-strip{display:block;padding-block:22px}.tool-strip>span{display:block;max-width:none;margin-bottom:12px}.tool-logos{gap:15px 25px}.section{padding-top:74px}.feature-grid{gap:12px}.card-copy{padding:19px 16px 6px}.card-copy h3{font-size:17px}.feature-card .card-copy{min-height:98px}.catalog-layout{display:block}.catalog-aside{display:none}.workspace-content{grid-template-columns:1fr}.workspace-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.workspace-benefits li{align-items:flex-start;gap:12px}.workspace-benefits h3{font-size:16px}.workspace-benefits p{font-size:11px}.workspace-benefits svg,.benefit-mark{width:37px;height:37px;padding:8px;flex-shrink:0;font-size:20px}.faq-section{grid-template-columns:1fr 1.4fr;gap:20px}.faq-list{padding-inline:18px}.faq-list details{padding-block:17px}.step-title h3{font-size:16px}.step .card-copy p{min-height:58px}.step-title{gap:8px}.step-title>span{width:28px;height:28px;font-size:13px}.code-file{display:none}.code-head{justify-content:space-between}.site-footer{flex-wrap:wrap}.site-footer nav{order:3;flex-basis:100%;justify-content:space-between}}
@media(max-width:600px){.container{width:calc(100% - 36px)}.site-header{height:74px;padding-inline:18px;gap:12px}.brand{font-size:21px}.header-actions{gap:7px}.header-register{display:none}.login-link{font-size:12px}.language-control,.theme-toggle{min-width:30px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:auto;padding-block:35px 12px}.hero h1{font-size:clamp(49px,12.5vw,72px);line-height:1.08;letter-spacing:-.04em}.hero-sub{font-size:18px;margin-top:22px;line-height:1.6}.hero-buttons{flex-direction:row;align-items:center;gap:16px;margin-top:26px}.hero-buttons .btn-primary{font-size:13px;min-height:50px;padding:13px 17px;gap:10px}.hero-buttons .btn-primary svg{width:18px;height:18px}.hero-buttons .btn-text{font-size:12px;gap:7px}.hero-buttons .btn-text svg{width:18px;height:18px}.hero-note{font-size:10px;margin-top:22px}.hero-scene{margin:18px -6px 0;max-width:none}.hero-scene .artwork{aspect-ratio:1.3!important;border-radius:20px}.tool-strip{padding-block:20px}.tool-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tool-logos a{font-size:10px;gap:7px}.tool-logos img{width:20px;height:20px}.tool-strip>span{font-size:11px;margin-bottom:12px}.section{padding-top:64px;padding-bottom:4px}.section-head{margin-bottom:24px}.section-number{font-size:11px;margin-bottom:13px}.section-head h2{font-size:38px;line-height:1.13}.section-head p{font-size:14px;margin-top:14px;line-height:1.7}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-card{border-radius:20px}.feature-card .card-copy{padding:25px 24px 3px;min-height:0}.card-copy h3{font-size:23px}.card-copy p{font-size:13px;margin-top:9px}.feature-card .artwork{aspect-ratio:1.7!important}.workspace-content{margin-top:25px;gap:22px}.workspace-content .artwork{aspect-ratio:1.65!important}.workspace-benefits{grid-template-columns:1fr;gap:20px}.workspace-benefits li{align-items:center}.workspace-benefits svg,.benefit-mark{width:42px;height:42px}.workspace-benefits h3{font-size:18px}.workspace-benefits p{font-size:13px}.illustration-caption{font-size:10px;margin:9px 0}.workspace-link{font-size:13px}.family-tabs{flex-wrap:nowrap;overflow-x:auto;padding:3px 1px 12px;gap:8px;margin-bottom:6px;scrollbar-width:thin}.family-tab{flex-shrink:0;min-height:47px;font-size:11px;padding:10px 13px;gap:7px}.family-tab img{width:22px;height:22px}.price-table{padding:4px 13px;border-radius:16px}.price-header,.price-row{grid-template-columns:minmax(0,1.65fr) repeat(3,minmax(0,.75fr));gap:8px}.price-header{font-size:9px;padding-block:15px}.price-row{font-size:10px;padding-block:15px}.price-row small{font-size:9px!important}.steps{grid-template-columns:1fr;gap:16px}.step{border-radius:20px}.step .card-copy{padding:25px 24px 8px}.step-title{gap:15px}.step-title h3{font-size:23px}.step-title>span{height:39px;width:39px;font-size:17px}.step .card-copy p{min-height:0;font-size:13px}.step .artwork{aspect-ratio:1.65!important}.code-head{padding:12px 12px;gap:5px}.code-tabs{gap:1px}.code-tab{font-size:11px;padding:10px 11px}.code-copy{font-size:0;gap:0;padding:8px}.code-copy svg{width:19px;height:19px}.code-panel{font-size:11px;line-height:1.9;padding:20px 16px;max-height:350px}.documentation-link{font-size:13px}.faq-section{display:block}.faq-intro .section-head h2{max-width:none}.faq-intro .artwork{width:68%;margin:0 auto 24px;aspect-ratio:1.25!important}.faq-list{padding:0 20px;border-radius:18px}.faq-list summary{font-size:14px;gap:16px}.faq-list details p{font-size:12px}.faq-list details{padding-block:19px}.cta{padding-top:74px}.cta h2{font-size:53px}.cta>p{font-size:16px;margin-top:17px}.cta>.btn-primary{min-width:235px;margin-top:26px;font-size:15px}.cta .cta-login{font-size:12px}.cta .artwork{margin-top:24px;aspect-ratio:2.2!important}.site-footer{margin-top:24px;padding-block:25px 35px;gap:22px}.site-footer .brand{font-size:19px}.site-footer nav{justify-content:flex-start;gap:15px 23px}.site-footer nav a{font-size:11px}.site-footer>span{font-size:10px}.cookie-bar{left:12px;right:12px;bottom:12px;gap:15px;padding:13px 15px}.cookie-bar p{font-size:9px}.cookie-bar button{font-size:10px;padding:9px 12px}}
/* Small text uses a deeper brand blue; display type and illustrations retain the approved accent. */
:root{--action:#086dca}html[data-theme=dark]{--action:#8ac5ff}
.btn-text,.language-control:hover,.section-number,.family-tab.is-active,.price-empty button,.code-tab.is-active,.code-copy,.documentation-link,.cta-login a,.nav-links a:hover,.login-link:hover,.tool-logos a:hover,.site-footer nav a:hover,.code-panel .num{color:var(--action)}
.btn-primary,.cookie-bar button{background:#086dca;color:#fff}.btn-primary:hover{background:#075caf}.family-tab.is-active,.family-tab:hover{border-color:var(--action)}.code-panel .kw,.code-panel .fn{color:var(--action)}.step-title>span{color:var(--action)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep code examples usable while preventing selection of landing copy. */
body { -webkit-user-select:none; user-select:none; }
input, textarea, [contenteditable] { -webkit-user-select:text; user-select:text; }
/* Gemini supplied artwork contains roomy transparent margins. Crop visually inside family tabs. */
.family-tab img[src$="gemini.png"]{width:30px;height:30px;object-fit:cover;object-position:center;transform:scale(1.38)}
@media(max-width:600px){.family-tab img[src$="gemini.png"]{width:27px;height:27px;transform:scale(1.35)}}