@font-face{font-family:Inter;src:url('assets/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2190-21FF}@font-face{font-family:Inter;src:url('assets/inter-cyrillic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
:root{--bg:#191a1b;--surface:#202123;--elevated:#26282b;--text:#fafafa;--muted:#a6a8ae;--dim:#81858d;--line:#34363a;--blue:#6aa7ff;--font:Inter,Arial,sans-serif;color-scheme:dark;font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:84px}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{max-width:100%;display:block}button{border:0}p{font-size:16px;line-height:1.7;color:var(--muted);margin:0}h1,h2,h3{margin:0}h2{font-size:clamp(32px,4.1vw,52px);font-weight:650;line-height:1.1;letter-spacing:-.045em}h2 em{color:var(--dim);font-weight:400}h3{font-weight:600;line-height:1.3;letter-spacing:-.025em}::selection{background:#467acd;color:#fff}.container{width:min(1120px,calc(100% - 80px));margin-inline:auto}.header{height:77px;display:flex;align-items:center;padding:0 36px;border-bottom:1px solid #ffffff0e;background:#191a1bec;position:relative;z-index:10}.brand img,.footer img{width:139px;height:auto;filter:brightness(0) invert(1)}.skip{position:fixed;top:10px;left:10px;transform:translateY(-200%);z-index:100;background:white;color:black;padding:12px}.skip:focus{transform:none}.hero{position:relative;padding:70px 0 0;overflow:hidden}.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(ellipse at 50% 5%,#508cdc12,transparent 63%),linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:auto,40px 40px,40px 40px;mask-image:radial-gradient(ellipse at 50% 30%,#000 15%,transparent 73%)}.hero-content{position:relative;text-align:center}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.13em;color:var(--blue);line-height:1.6;display:inline-block}.hero-badge{border:1px solid #3d4045;border-radius:30px;padding:7px 13px;letter-spacing:.075em;color:#c1c5cc;background:#26292d80;font-size:10px}.spark{color:var(--blue);font-size:18px}.hero-badge .spark{margin-right:6px}.hero h1{font-size:clamp(43px,6.5vw,80px);line-height:1.055;letter-spacing:-.053em;font-weight:760;margin:26px -30px 25px}.hero h1 em{font-weight:380;color:#8e929a;letter-spacing:-.055em}.hero-description{font-size:17px;line-height:1.65;color:#adafb5}.hero-actions{display:flex;gap:12px;justify-content:center;margin:28px 0 44px}.button{min-height:48px;padding:13px 23px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:14px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.primary{background:#f5f6f7;color:#17191b;box-shadow:0 3px 15px #0001}.primary:hover{background:#dceaff;box-shadow:0 5px 24px #76a9ff15}.secondary{border:1px solid #414349;background:#25272a;color:#e7e8ea}.secondary:hover{background:#33373c}.hero-media{border:1px solid #42464d;border-radius:14px;overflow:hidden;text-align:left;background:#1e2024;box-shadow:0 20px 90px #0005,0 0 70px #4285ff06;margin-inline:auto;max-width:1000px}.media-bar{height:39px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;color:#8e939c;font-size:11px;border-bottom:1px solid #35383f}.media-bar>span:first-child{display:flex;gap:5px}.media-bar i{width:7px;height:7px;border-radius:50%;background:#555860}.media-bar-icon{font-size:19px}.video-stage{position:relative;aspect-ratio:2.22;overflow:hidden;background:#171d28}.video-stage video{display:block;width:100%;height:100%;object-fit:cover}.video-caption{position:absolute;left:4.5%;top:19%;max-width:32%;display:flex;flex-direction:column;gap:16px;font-size:clamp(18px,2.4vw,30px);font-weight:600;line-height:1.25;letter-spacing:-.04em;text-shadow:0 2px 18px #0003}.caption-label{color:#a8bdde;font-size:9px;letter-spacing:.12em;font-weight:500}.video-toggle{position:absolute;right:16px;bottom:16px;width:37px;height:37px;border:1px solid #ffffff38;border-radius:50%;background:#121720a8;backdrop-filter:blur(10px);font-size:15px}.media-bottom{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:11px;color:#a9adb6;border-top:1px solid #ffffff09}.media-bottom b{color:#80b1fd;margin-right:5px}.media-bottom i{font-style:normal;margin:0 10px;color:#666f7e}.hero-benefits{display:flex;justify-content:center;gap:30px;margin:25px 0 0;color:#90949d;font-size:12px}.hero-benefits span:first-letter{color:#6c8db3}.section{padding-block:108px}.section-heading{margin-bottom:48px}.section-heading .eyebrow{margin-bottom:18px}.section-heading p{margin-top:20px}.center{text-align:center}.tinted{background:#1d1e20;border-block:1px solid #ffffff06}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:30px}.heading-row p{max-width:300px}.carousel-shell{padding:25px 25px 17px;border-radius:16px;border:1px solid #3a3e45;background:linear-gradient(145deg,#28334555,#202225 60%)}.carousel-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:10px 4px 16px}.carousel-track::-webkit-scrollbar{display:none}.carousel-card{position:relative;flex:0 0 calc((100% - 56px)/5);padding:0;border-radius:9px;overflow:hidden;border:1px solid #ffffff20;background:#f1f2eb;aspect-ratio:9/16;scroll-snap-align:center;transition:transform .3s,border-color .3s;min-width:0}.carousel-card img{width:100%;height:100%;object-fit:cover}.carousel-card:hover,.carousel-card.is-active{transform:translateY(-6px);border-color:#73adff}.carousel-card span{position:absolute;bottom:7px;right:7px;background:#111c;color:#fff;font-size:10px;padding:4px 6px;border-radius:4px}.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:8px}.carousel-hint{font-size:11px;color:#949ba6}.carousel-dots{display:flex;gap:6px}.carousel-dots button{height:6px;width:6px;border-radius:4px;background:#4c5058;padding:0;transition:width .2s}.carousel-dots button.active{width:22px;background:var(--blue)}.format-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:900px;margin:auto}.format-card{border:1px solid #393c42;padding:28px;border-radius:14px;background:#1b1d20}.format-card.selected{border-color:#4b6893;background:linear-gradient(145deg,#27375150,#1b1d20 70%)}.format-card .eyebrow{font-size:10px}.format-title{display:flex;justify-content:space-between;margin-top:12px;align-items:center}.format-title h3{font-size:25px}.format-title>span{color:#7c8ea8;font-size:25px;font-weight:400}.format-visual{height:230px;display:flex;justify-content:center;align-items:center;position:relative;margin:14px 0;background-image:radial-gradient(#5260783b 1px,transparent 1px);background-size:14px 14px;border-radius:8px;overflow:hidden}.format-paper{display:flex;flex-direction:column;justify-content:space-between;background:#d5e5fc;color:#172336;border:1px solid #d9e8ff;box-shadow:10px 10px 0 #5278a721;padding:16px;border-radius:4px;transform:rotate(-5deg);font-size:13px;line-height:1.2}.format-paper b{font-size:23px;font-weight:650;letter-spacing:-.04em}.format-paper small{font-size:8px;display:flex;justify-content:space-between;gap:20px}.portrait{width:145px;height:181px}.square{width:174px;height:174px;background:#dedfd8;border-color:#f0f0e4;transform:rotate(5deg)}.format-card dl{margin:0;border-top:1px solid #34373d;padding-top:8px}.format-card dl>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding-top:12px}.format-card dt{color:#8f959f}.format-card dd{margin:0;text-align:right;color:#d3d8e1}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.principles article{border-top:1px solid #3c3f45;padding-top:24px}.principles article>span{color:var(--blue);font-size:12px}.principles h3{font-size:19px;margin:16px 0 12px}.principles p{font-size:14px}.filter-tabs{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap}.filter-tabs button{padding:10px 17px;border:1px solid #393d43;border-radius:25px;background:transparent;color:#aaaeb7;font-size:12px}.filter-tabs button.active{background:#e8edf5;color:#1c222b;border-color:#e8edf5}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.example-card{display:block;text-align:left;background:#202225;border:1px solid #36393e;padding:0;border-radius:12px;overflow:hidden;transition:transform .25s,border-color .25s}.example-card:hover{transform:translateY(-6px);border-color:#697f9f}.example-image{aspect-ratio:1.5;overflow:hidden;background:#e5e4da;padding:18px 34px 0}.example-image img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:5px 5px 0 0;box-shadow:0 0 20px #0002;transition:transform .4s}.example-card:hover img{transform:scale(1.035)}.example-body{padding:21px}.example-body .eyebrow{font-size:9px;color:#8da8cc;margin-bottom:9px}.example-body h3{font-size:18px;margin-bottom:9px}.example-body p{font-size:13px;line-height:1.6;min-height:63px}.example-open{display:flex;justify-content:space-between;margin-top:19px;font-size:11px;color:#b3c9e8}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.steps article{border-left:1px solid #42464e;padding-left:22px}.step-number{font-size:13px;color:var(--blue)}.steps h3{font-size:20px;margin:22px 0 14px}.steps p{font-size:14px}.editor-feature{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}.feature-copy>.eyebrow{margin-bottom:22px}.feature-copy>p{margin-top:22px}.check-list{list-style:none;padding:0;margin:25px 0 30px;font-size:14px;color:#b8bec8}.check-list li{margin-bottom:13px;padding-left:23px;position:relative}.check-list li:before{content:'✓';color:var(--blue);position:absolute;left:0}.text-link{font-size:13px;color:#96bdff;display:inline-flex;gap:17px;line-height:1.5}.text-link:hover{text-decoration:underline}.chat-demo{border:1px solid #3a424f;border-radius:16px;background:radial-gradient(ellipse at 80% 100%,#283c5c5c,transparent 70%),#202328;padding:25px}.chat-label{font-size:12px;color:#a1abb9;display:flex;align-items:center;gap:10px;margin-bottom:30px}.chat-label span{font-size:20px;color:#cbd7e8}.chat-bubble{font-size:13px;line-height:1.6;border-radius:13px;padding:15px 18px}.user-bubble{background:#303744;border:1px solid #434e60;margin-left:60px;color:#d7dfe9}.agent-bubble{display:flex;gap:13px;padding-inline:0;margin:12px 0}.agent-bubble p{font-size:13px;color:#b4c0d2}.mini-slides{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-slides>div{background:#b5d3fc;aspect-ratio:4/5;border-radius:5px;padding:14px 11px;color:#172840;display:flex;flex-direction:column;justify-content:space-between}.mini-slides>div:nth-child(2){background:#e7eaf0}.mini-slides>div:nth-child(3){background:#3c71bd;color:#fff}.mini-slides small{font-size:8px}.mini-slides b{font-size:21px;line-height:1.1;letter-spacing:-.05em}.mini-slides>div>span{text-align:right}.demo-note{font-size:10px;color:#8490a1;display:block;text-align:center;margin-top:20px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.related-card{padding:30px;border:1px solid #393e46;border-radius:12px;background:#22252a;transition:transform .2s,border-color .2s}.related-card:hover{border-color:#6f87a7;transform:translateY(-5px)}.related-icon{width:45px;height:45px;border:1px solid #4b5c74;color:#a8c5ef;background:#2a3546;display:grid;place-items:center;border-radius:10px;font-size:24px;margin-bottom:27px}.related-card h3{font-size:21px;margin-bottom:14px}.related-card p{font-size:14px;margin-bottom:23px}.related-card .text-link{font-size:12px}.tutorial-strip{margin-top:24px;border:1px solid #363d47;border-radius:12px;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#20252d}.tutorial-strip .eyebrow{font-size:9px}.tutorial-strip h3{font-size:19px;margin:8px 0}.tutorial-strip p{font-size:12px}.tutorial-strip .button{flex-shrink:0}.comparison{border:1px solid #3a3f46;border-radius:14px;overflow:hidden}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;line-height:1.55}thead{background:#25282d}th,td{padding:21px 25px;border-bottom:1px solid #353a42}tbody tr:last-child>*{border-bottom:0}thead th{font-weight:600;color:#c2c7d0;font-size:12px}tbody th{font-weight:500;color:#9ea6b3;width:21%;background:#22252a}td:nth-child(2){color:#828b99}th:last-child,td:last-child{background:#23324860;color:#d2e0f3;width:40%}.tips-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.tips-layout .section-heading{margin:0}.tips article{display:flex;gap:22px;border-bottom:1px solid #363b43;padding:23px 0}.tips article:first-child{padding-top:0}.tips article:last-child{border:0}.tips article>span{color:#83b0f2;font-size:12px;margin-top:5px}.tips h3{font-size:19px;margin-bottom:10px}.tips p{font-size:14px}.faq-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-list details{border-bottom:1px solid #3a3e45}.faq-list details:first-child{border-top:1px solid #3a3e45}.faq-list summary{cursor:pointer;list-style:none;font-size:15px;padding:23px 36px 23px 0;position:relative;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:3px;top:23px;color:#9fabbc;font-size:20px;font-weight:300}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:14px;padding:0 25px 24px 0}.final-cta{position:relative;text-align:center;padding:65px 0 85px;border-top:1px solid #333840;overflow:hidden}.final-cta .container{position:relative}.big-spark{display:block;font-size:41px;margin-bottom:21px}.final-cta h2{font-size:clamp(32px,4.5vw,56px)}.final-cta p{margin:24px 0 28px;font-size:15px}.footer{border-top:1px solid #35383e;min-height:104px;display:flex;align-items:center;padding:25px 36px}.image-dialog{position:fixed;background:#22262e;border:1px solid #596575;color:#eee;max-width:min(850px,90vw);max-height:90dvh;border-radius:14px;padding:22px;overflow:auto}.image-dialog[open]{display:grid;grid-template-columns:1fr .7fr;gap:30px;align-items:center}.image-dialog>img{max-height:80dvh;width:100%;object-fit:contain;border-radius:8px}.dialog-caption h3{font-size:25px;margin-bottom:18px}.dialog-caption p{font-size:14px;margin-bottom:25px}.dialog-caption .button{font-size:12px;padding:12px 18px}.dialog-close{position:absolute;right:10px;top:10px;border-radius:50%;background:#0b111bdd;border:1px solid #6a7d92;width:35px;height:35px;z-index:2;font-size:23px;line-height:1}.image-dialog::backdrop,.tutorial-dialog::backdrop{background:#05080ce3;backdrop-filter:blur(6px)}.tutorial-dialog{background:#20262e;color:white;border:1px solid #4e6078;border-radius:12px;width:min(900px,94vw);padding:30px}.tutorial-dialog h3{margin-bottom:20px}.tutorial-dialog iframe{width:100%;aspect-ratio:16/9;border:0}.tutorial-dialog p{font-size:12px;margin:14px 0}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.motion-ready .reveal.visible{opacity:1;transform:none}.hero-badge,.hero h1,.hero-description,.hero-actions{animation:appear .75s both}.hero h1{animation-delay:80ms}.hero-description{animation-delay:140ms}.hero-actions{animation-delay:190ms}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.hero h1{font-size:86px}.hero{padding-top:84px}}
@media(max-width:1000px){.container{width:calc(100% - 48px)}.hero h1{margin-inline:0;font-size:60px}.section{padding-block:80px}.principles{grid-template-columns:1fr 1fr}.examples-grid{grid-template-columns:repeat(2,1fr)}.editor-feature{gap:35px}.mini-slides b{font-size:17px}.steps{gap:20px}.steps h3{font-size:17px}.heading-row{align-items:start;flex-direction:column;gap:0}.heading-row p{max-width:none}.tips-layout,.faq-section{gap:45px}.related-card{padding:22px}.hero-benefits{gap:20px;font-size:11px}.video-stage{aspect-ratio:2.05}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.header{height:65px;padding:0 20px}.brand img,.footer img{width:122px}.hero{padding-top:44px}.hero-badge{font-size:9px}.hero h1{font-size:clamp(37px,8.2vw,56px);line-height:1.09;letter-spacing:-.05em;margin:24px -3px}.hero-description{font-size:14px;max-width:400px;margin:auto}.desktop{display:none}.hero-actions{gap:9px;margin:25px 0 32px}.button{font-size:12px;padding:12px 15px;min-height:45px;gap:11px}.hero-media{border-radius:10px}.media-bar{height:30px;padding:0 11px;font-size:8px}.media-bar i{width:5px;height:5px}.video-stage{aspect-ratio:1.65}.video-stage video{object-fit:cover;object-position:62% center}.video-caption{display:none}.media-bottom{padding:0 12px;height:35px;font-size:9px}.media-bottom i{margin:0 4px}.hero-benefits{gap:12px;flex-wrap:wrap;font-size:10px;line-height:1.5;margin-top:19px}.section{padding-block:64px}.section-heading{margin-bottom:33px}.section-heading .eyebrow{font-size:9px;margin-bottom:14px}h2{font-size:35px;letter-spacing:-.045em}.section-heading p{font-size:14px;margin-top:17px}.carousel-shell{padding:14px 14px 12px}.carousel-card{flex-basis:62%}.carousel-track{gap:12px}.carousel-hint{display:none}.carousel-controls{justify-content:center;gap:20px}.format-layout{gap:16px}.format-card{padding:18px 14px;border-radius:10px}.format-card .eyebrow{font-size:8px;letter-spacing:.06em}.format-title{align-items:start;gap:5px;flex-direction:column}.format-title h3{font-size:18px}.format-title>span{font-size:19px}.format-visual{height:177px}.format-paper{padding:11px}.portrait{width:100px;height:125px}.square{width:115px;height:115px}.format-paper b{font-size:17px}.format-paper>span{font-size:10px}.format-paper small{font-size:6px}.format-card dl>div{font-size:10px;flex-direction:column;gap:4px}.format-card dd{text-align:left}.principles{gap:26px 20px;margin-top:35px}.principles h3{font-size:17px}.principles p{font-size:13px}.filter-tabs{gap:6px;margin-bottom:22px}.filter-tabs button{font-size:10px;padding:9px 12px}.examples-grid{gap:15px}.example-image{padding:12px 16px 0;aspect-ratio:1.2}.example-body{padding:14px}.example-body h3{font-size:15px}.example-body p{font-size:12px;min-height:0}.example-body .eyebrow{font-size:8px}.example-open{font-size:10px}.steps{grid-template-columns:1fr 1fr;gap:30px 18px}.steps article{padding-left:14px}.steps h3{font-size:18px;margin:14px 0 10px}.steps p{font-size:13px}.editor-feature,.tips-layout,.faq-section{grid-template-columns:1fr;gap:36px}.feature-copy p{font-size:14px}.chat-demo{padding:20px}.mini-slides b{font-size:22px}.mini-slides>div{padding:15px 12px}.related-grid{grid-template-columns:1fr;gap:15px}.related-card{padding:23px}.related-icon{margin-bottom:16px;width:39px;height:39px}.related-card p{margin-bottom:17px}.tutorial-strip{padding:23px;align-items:start;flex-direction:column;gap:18px}.tutorial-strip h3{font-size:19px}th,td{padding:16px 12px;font-size:11px}thead th{font-size:11px}tbody th{width:21%}th:last-child,td:last-child{width:40%}.tips article{gap:16px}.tips h3{font-size:18px}.tips p{font-size:13px}.faq-section .section-heading{margin-bottom:0}.faq-list summary{font-size:14px}.final-cta{padding:50px 0 65px}.final-cta p{font-size:14px;max-width:280px;margin:20px auto 25px}.footer{padding:25px 20px;min-height:90px}.image-dialog[open]{display:block;max-width:94vw;padding:15px}.image-dialog>img{max-height:60dvh;margin:auto}.dialog-caption h3{font-size:20px;margin-top:20px}.dialog-caption p{font-size:13px}.tutorial-dialog{padding:22px 16px}.tutorial-dialog h3{font-size:17px;max-width:85%}}
@media(max-width:370px){.hero h1{font-size:34px}.hero-actions{flex-direction:column;align-items:stretch}.hero-benefits{flex-direction:column;gap:5px}.examples-grid{grid-template-columns:1fr}.format-title h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}

/* Allow grid children to shrink to the mobile viewport. */
.editor-feature>*{min-width:0}.mini-slides{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-slides>div{min-width:0}.hero h1 em,h2 em{font-synthesis:style}
@media(max-width:700px){.mini-slides b{font-size:clamp(14px,4.4vw,21px)}.mini-slides>div{padding:12px 9px}.hero-actions .button{white-space:nowrap;font-size:11px;gap:8px}.video-stage video{object-position:85% center}.editor-feature,.tips-layout,.faq-section{grid-template-columns:minmax(0,1fr)}}
@media(max-width:370px){.format-layout{grid-template-columns:minmax(0,1fr)}.format-title{flex-direction:row}.format-card dl>div{flex-direction:row}.format-card dd{text-align:right}.format-card .eyebrow{font-size:9px}.format-title h3{font-size:20px}}

.tutorial-dialog video{width:100%;display:block;aspect-ratio:20/9;object-fit:contain;background:#172130;border-radius:7px}