/* Landing page: editorial product presentation using the established Tols palette. */
.landing-refresh{--landing-line:var(--line)}
.landing-refresh :is(h1,h2,h3),.motion-gallery :is(h2,h3){font-family:Jakarta,system-ui,sans-serif;letter-spacing:-.045em}
.landing-refresh .eyebrow,.motion-gallery .eyebrow{font-size:11px;letter-spacing:.12em;font-weight:600}
.landing-refresh .topbar{height:94px}
.landing-refresh .brand-name{font-size:17px;letter-spacing:-.045em}
.landing-refresh .topnav{gap:38px;font-size:13px}
.landing-refresh .topbar .button{min-height:42px;padding:11px 17px;font-size:12px}
.landing-hero{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:clamp(44px,5vw,86px);min-height:690px;padding:72px 0 86px}
.landing-hero .hero-left{min-width:0}
.landing-hero .hero-kicker{font-size:10px;letter-spacing:.13em;font-weight:600;color:var(--subtle)}
.landing-hero .hero-kicker>i{background:var(--brand);box-shadow:0 0 0 5px color-mix(in srgb,var(--brand) 12%,transparent)}
.landing-hero h1{font-family:Jakarta,system-ui,sans-serif;font-size:clamp(62px,6.1vw,88px);line-height:1.06;letter-spacing:-.052em;overflow:visible;padding:0;margin:30px 0 26px;font-weight:800;max-width:610px}
.landing-hero h1 span{color:var(--brand)}
.landing-hero .hero-copy{font-size:17px;line-height:1.76;max-width:500px;margin:0;color:var(--subtle)}
.landing-hero .hero-buttons{margin:34px 0 0;gap:18px;align-items:center}
.landing-hero .hero-buttons .button{min-height:52px;padding:14px 21px;font-size:13px;font-weight:700}
.landing-hero .hero-secondary{padding-left:4px!important;padding-right:4px!important;color:var(--ink);white-space:nowrap}
.hero-assurance{display:flex;align-items:center;gap:14px;margin-top:48px;padding-top:23px;border-top:1px solid var(--line);max-width:460px}
.assurance-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;color:var(--brand);background:var(--surface);flex:none}
.assurance-mark svg{width:19px;height:19px}
.hero-assurance p{margin:0;color:var(--subtle);font-size:12px;line-height:1.65}
.hero-assurance strong{color:var(--ink);font-size:13px}
.landing-hero .hero-signature{margin-top:36px;font-size:9px}
.landing-hero .premium-showcase{max-width:590px}
.landing-hero .premium-exhibit{height:550px;border-radius:15px;padding:20px;background:#1e2426;border:1px solid #323c38;box-shadow:0 32px 75px #131c1922}
.landing-hero .premium-exhibit .exhibit-top{font-size:9px;letter-spacing:.09em;color:#c4ccbf}
.landing-hero .premium-exhibit .specimen{top:65px;left:22px;right:22px;height:370px;border-radius:7px;background:#304bff;color:#f7f7f2;overflow:hidden;padding:31px}
.landing-hero .premium-exhibit .specimen:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff16 1px,transparent 1px),linear-gradient(90deg,#ffffff16 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#00000080)}
.landing-hero .premium-exhibit .specimen-label{font-size:10px;letter-spacing:.13em;color:#e0e6ff;position:relative;z-index:1}
.landing-hero .premium-exhibit .specimen-title{position:relative;z-index:2;font-family:Jakarta,system-ui,sans-serif;font-size:clamp(48px,4vw,62px);font-weight:800;letter-spacing:-.052em;line-height:1.05;max-width:315px;margin-top:37px}
.landing-hero .premium-exhibit .specimen-title span{display:block}
.landing-hero .premium-exhibit .hero-vector{width:285px;height:210px;right:-20px;bottom:-6px;z-index:1;--art-front:#d6f368;--art-mid:#f0f7cf;--art-back:#abc9f2;--art-edge:#79938a;--art-surface:#304bff;--art-stroke:#d6e0be;--art-ink:#1b2926}
.landing-hero .premium-exhibit .specimen-foot{font-size:9px;color:#e8ecff;left:31px;bottom:25px;z-index:2}
.landing-hero .premium-exhibit .demo-controls{bottom:65px}
.landing-hero .premium-exhibit .exhibit-timeline{bottom:20px}
.landing-hero .hero-note-card{margin:-18px 24px 0;padding:17px 19px;border-radius:9px;box-shadow:0 18px 42px #18241818}
.landing-hero .hero-note-card strong{font-size:13px}
.landing-hero .hero-note-card div>span{font-size:11px;margin-top:3px}
.landing-hero .note-icon{width:39px;height:39px;border-radius:9px}
.landing-hero .exhibit-legend{font-size:9px;margin-top:13px;letter-spacing:.07em}
.landing-refresh .capability-strip{padding:28px 0;border-color:var(--line)}
.landing-refresh .capability-strip>.eyebrow{font-size:10px}
.landing-refresh .capability-strip span:not(.eyebrow){font-size:12px;gap:8px}
.landing-refresh .capability-strip svg{color:var(--brand);width:17px;height:17px}
.landing-refresh .section{padding-top:108px;padding-bottom:108px}
.landing-refresh .section-heading{align-items:end;margin-bottom:40px}
.landing-refresh .section-heading h2,.motion-gallery .section-heading h2{font-size:clamp(39px,4vw,59px);line-height:1.12;margin-top:18px;max-width:710px}
.landing-refresh .section-heading>p,.motion-gallery .gallery-aside p{font-size:15px!important;line-height:1.75;max-width:350px;color:var(--subtle)}
.landing-refresh .product-window{border-radius:13px;box-shadow:0 20px 60px #17211610}
.landing-refresh .window-chrome{font-size:13px;padding:17px 23px}
.landing-refresh .window-caption,.landing-refresh .demo-inspector>.eyebrow,.landing-refresh .timeline-head,.landing-refresh .product-tabs>span{font-size:10px}
.landing-refresh .product-body{min-height:430px;grid-template-columns:68px minmax(0,1fr) 215px}
.landing-refresh .product-canvas{min-height:350px;margin:25px;background:#dfe5dd}
.landing-refresh .demo-art-copy h3{font-family:Jakarta,system-ui,sans-serif;font-size:clamp(32px,3vw,45px);letter-spacing:-.05em}
.landing-refresh .demo-art-copy .eyebrow,.landing-refresh .demo-art-foot{font-size:10px}
.landing-refresh .demo-inspector{padding:29px 20px}
.landing-refresh .inspector-row{font-size:11px}
.landing-refresh .inspector-note{font-size:12px}
.landing-refresh .timeline-row>span,.landing-refresh .clip-lane i{font-size:9px}
.landing-refresh .product-tabs button{font-size:12px;min-height:38px;padding:8px 14px}
.studio-caption{display:flex;gap:22px;align-items:start;justify-content:space-between;font-size:12px;color:var(--subtle);margin:16px 0 0;line-height:1.6}
.studio-caption span{font:10px Mono,monospace;white-space:nowrap;color:var(--ink)}
.landing-refresh .premium-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.landing-refresh .premium-features .feature{border:0;border-radius:0;background:transparent;display:flex;flex-direction:column;min-height:510px}
.landing-refresh .premium-features .feature+ .feature{border-left:1px solid var(--line)}
.landing-refresh .feature-art{height:230px;border:0;background:transparent;overflow:hidden}
.landing-refresh .feature-art svg{height:100%;max-width:330px}
.landing-refresh .feature-body{padding:10px 32px 34px}
.landing-refresh .feature-index{font-size:10px;letter-spacing:.09em;color:var(--brand);margin-bottom:17px}
.landing-refresh .feature-body h3{font-size:26px;line-height:1.18;margin-bottom:12px}
.landing-refresh .feature-body p{font-size:14px;line-height:1.7;min-height:0;max-width:290px;margin-bottom:20px}
.landing-refresh .feature-body .text-link{font-size:12px;font-weight:700}
.motion-gallery{background:var(--surface-alt)}
.motion-gallery .section-heading{align-items:end}
.motion-gallery .study-card,.motion-gallery .review-card{border-radius:10px}
.motion-gallery .study-caption h3{font-family:Jakarta,system-ui,sans-serif;font-size:20px;letter-spacing:-.035em}
.motion-gallery .study-caption p{font-size:13px}
.motion-gallery .gallery-foot{font-size:10px}
.landing-refresh .premium-process{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px}
.landing-refresh .premium-process h2,.landing-refresh .faq-layout h2{font-size:clamp(39px,4vw,58px);line-height:1.12}
.landing-refresh .premium-process .hero-copy{font-size:15px;line-height:1.75}
.landing-refresh .process-row{padding:25px 0}
.landing-refresh .process-row>span{font-size:12px}
.landing-refresh .process-row h3{font-size:22px;margin:0 0 7px}
.landing-refresh .process-row p{font-size:13px;line-height:1.6}
.faq-section{background:var(--surface-alt)}
.landing-refresh .faq-layout{gap:90px}
.landing-refresh .faq-layout summary{font-size:15px;line-height:1.5}
.landing-refresh .faq-layout details p{font-size:13px;line-height:1.7}
.landing-refresh .premium-closing{border-top:1px solid var(--line)}
.landing-refresh .premium-closing h2{font-size:clamp(52px,5.5vw,78px);line-height:1.05}
.landing-refresh .premium-closing p{font-size:15px}
.landing-refresh .premium-closing .button{min-height:49px;font-size:13px}
[data-theme=dark] .landing-hero .premium-exhibit{box-shadow:0 30px 70px #0000004d}
[data-theme=dark] .landing-refresh .product-canvas{background:#293522}
[data-theme=dark] .landing-refresh .premium-features .feature{background:transparent}
@media(max-width:1050px){.landing-hero{gap:35px;min-height:0}.landing-hero h1{font-size:clamp(55px,6vw,72px)}.landing-hero .premium-exhibit .specimen-title{font-size:48px}.landing-refresh .product-body{grid-template-columns:55px minmax(0,1fr) 185px}.landing-refresh .feature-body{padding-inline:20px}}
@media(max-width:800px){.landing-hero{grid-template-columns:1fr;gap:48px;padding:64px 0}.landing-hero h1{font-size:clamp(60px,9vw,78px);max-width:720px}.landing-hero .hero-copy{max-width:650px}.landing-hero .premium-showcase{max-width:650px;margin:0 auto}.landing-refresh .section{padding-top:82px;padding-bottom:82px}.landing-refresh .section-heading{align-items:start;flex-direction:column;gap:20px}.landing-refresh .section-heading>p{max-width:630px}.landing-refresh .product-body{grid-template-columns:48px minmax(0,1fr)}.landing-refresh .demo-inspector{display:none}.landing-refresh .premium-features{grid-template-columns:1fr}.landing-refresh .premium-features .feature{display:grid;grid-template-columns:1fr 1.2fr;min-height:0;border-left:0!important;border-bottom:1px solid var(--line)}.landing-refresh .premium-features .feature:last-child{border-bottom:0}.landing-refresh .feature-art{height:250px}.landing-refresh .feature-body{padding:38px 25px}.landing-refresh .premium-process{grid-template-columns:1fr;gap:44px}.landing-refresh .faq-layout{grid-template-columns:1fr;gap:45px}}
@media(max-width:500px){.landing-refresh .topbar{height:76px;gap:7px}.landing-refresh .topbar .brand{gap:7px}.landing-refresh .topbar .brand-name{font-size:12px;white-space:nowrap}.landing-refresh .topbar .top-actions{gap:5px}.landing-refresh .topbar .button{white-space:nowrap;font-size:10px;padding:9px 9px;min-height:38px}.landing-hero{padding:48px 0 54px;gap:36px}.landing-hero h1{font-size:clamp(48px,12vw,60px);letter-spacing:-.045em;margin:24px 0 19px}.landing-hero .hero-kicker{font-size:9px}.landing-hero .hero-copy{font-size:14px;line-height:1.7}.landing-hero .hero-buttons{gap:9px;margin-top:25px}.landing-hero .hero-buttons .button{font-size:12px;min-height:47px;padding:11px 13px}.landing-hero .hero-secondary{font-size:11px!important}.hero-assurance{margin-top:32px;padding-top:17px}.hero-assurance p{font-size:11px}.hero-assurance strong{font-size:11px}.landing-hero .hero-signature{display:none}.landing-hero .premium-exhibit{height:445px;padding:15px}.landing-hero .premium-exhibit .exhibit-top{font-size:7px}.landing-hero .premium-exhibit .specimen{top:52px;left:15px;right:15px;height:288px;padding:21px}.landing-hero .premium-exhibit .specimen-label{font-size:7px}.landing-hero .premium-exhibit .specimen-title{font-size:clamp(39px,10vw,48px);max-width:235px;margin-top:26px}.landing-hero .premium-exhibit .hero-vector{width:175px;height:125px;right:-19px;bottom:4px}.landing-hero .premium-exhibit .specimen-foot{font-size:6px;left:21px;bottom:17px}.landing-hero .premium-exhibit .demo-controls{bottom:54px}.landing-hero .premium-exhibit .exhibit-timeline{bottom:17px}.landing-hero .hero-note-card{margin:-12px 12px 0;padding:13px 12px}.landing-hero .hero-note-card strong{font-size:11px}.landing-hero .hero-note-card div>span{font-size:9px}.landing-hero .exhibit-legend{font-size:7px}.landing-refresh .capability-strip{padding:21px 0}.landing-refresh .capability-strip>div{gap:12px 14px}.landing-refresh .capability-strip span:not(.eyebrow){font-size:10px}.landing-refresh .section{padding-top:70px;padding-bottom:70px}.landing-refresh .section-heading h2,.motion-gallery .section-heading h2{font-size:clamp(32px,8.3vw,40px)}.landing-refresh .section-heading>p,.motion-gallery .gallery-aside p{font-size:13px!important}.landing-refresh .product-body{grid-template-columns:1fr}.landing-refresh .demo-toolbar{display:none}.landing-refresh .product-canvas{grid-template-columns:1fr;min-height:360px;margin:14px;padding:22px}.landing-refresh .demo-art-copy h3{font-size:32px}.landing-refresh .demo-art-vector{width:180px;margin-left:auto;margin-top:-10px}.landing-refresh .product-tabs button{font-size:10px;padding:7px 9px}.landing-refresh .window-chrome{font-size:11px;padding:12px}.landing-refresh .window-caption{font-size:7px}.landing-refresh .timeline-row>span,.landing-refresh .clip-lane i{font-size:7px}.studio-caption{display:block;font-size:11px}.studio-caption span{display:block;margin-bottom:4px}.landing-refresh .premium-features .feature{display:flex;flex-direction:column}.landing-refresh .feature-art{height:210px}.landing-refresh .feature-body{padding:5px 15px 31px}.landing-refresh .feature-body h3{font-size:24px}.landing-refresh .feature-body p{font-size:13px}.landing-refresh .premium-process h2,.landing-refresh .faq-layout h2{font-size:36px}.landing-refresh .process-row h3{font-size:19px}.landing-refresh .process-row p{font-size:12px}.landing-refresh .premium-closing h2{font-size:clamp(42px,11vw,54px)}.landing-refresh .premium-closing p{font-size:13px}}
@media(max-width:380px){.landing-hero h1{font-size:46px}.landing-hero .hero-buttons{flex-direction:column;align-items:stretch}.landing-hero .hero-buttons .button{width:100%;justify-content:center}.landing-hero .premium-exhibit .specimen-title{font-size:37px}.landing-hero .premium-exhibit .hero-vector{width:145px;height:102px}}

/* Product proof and a clear path from Telegram login to the Studio. */
.landing-hero .hero-access-note{max-width:490px;margin:16px 0 0;font-size:12px;line-height:1.65;color:var(--subtle)}
.landing-hero .hero-assurance{margin-top:34px}
.result-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;gap:clamp(50px,8vw,130px);border-bottom:1px solid var(--line)}
.chat-artifact-result .result-copy{grid-column:2;grid-row:1}
.chat-artifact-result .result-media{grid-column:1;grid-row:1;background:#262624;border-color:#6b4a3e}
.chat-artifact-result .result-video-frame,.chat-artifact-result .result-video-frame video{background:#262624}
.result-copy{max-width:500px}
.result-copy>.eyebrow{color:var(--brand)}
.result-copy h2{font-size:clamp(48px,4.25vw,61px);line-height:1.09;margin:26px 0 23px}
.result-copy h2 span{color:var(--brand)}
.result-copy>p{font-size:16px;line-height:1.82;color:var(--subtle);max-width:450px;margin-bottom:30px}
.result-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:31px;display:grid;gap:14px}
.result-facts span{display:flex;align-items:center;gap:13px;font-size:13px;font-weight:650;color:var(--ink)}
.result-facts svg{width:19px;height:19px;color:var(--brand)}
.result-copy .demo-script{margin:0 0 20px;border-bottom:1px solid var(--line);padding-bottom:16px}
.result-copy .demo-script summary{font-size:13px;font-weight:700;color:var(--ink);cursor:pointer;min-height:38px}
.result-copy .demo-script summary:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.result-copy .demo-script p{font-size:13px;line-height:1.75;color:var(--subtle);margin:7px 0 0}
.result-copy .text-link{font-size:14px}
.result-copy small{display:block;max-width:410px;margin-top:20px;color:var(--subtle);font-size:11px;line-height:1.65}
.result-media{justify-self:center;width:min(100%,390px);padding:16px;background:#1b2221;border:1px solid #35413d;border-radius:24px;box-shadow:0 30px 70px #17211625}
.result-video-frame{aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#07050f}
.result-video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#07050f;color:#fff}
.result-media-foot{display:flex;justify-content:space-between;gap:10px;padding:15px 3px 2px;color:#d6e0d5;font:9px/1.5 Mono,monospace;letter-spacing:.06em}
.access-path{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(40px,7vw,110px);padding:58px clamp(30px,5vw,75px);margin:0 0 100px;background:#222b23;color:#f4f6ef;border-radius:18px}
.access-path .eyebrow{color:#d6f368}
.access-path h2{font-size:clamp(42px,4.1vw,61px);line-height:1.08;margin:22px 0}
.access-path>div>p{font-size:15px;line-height:1.75;color:#c4d0be;max-width:490px;margin-bottom:29px}
.access-path .button.primary{background:#d6f368;border-color:#d6f368;color:#22251f}
.access-path ol{padding:0;margin:0;list-style:none;border-top:1px solid #657366}
.access-path li{display:grid;grid-template-columns:38px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid #657366}
.access-path li>span{font:11px Mono,monospace;color:#d6f368;padding-top:5px}
.access-path li strong{font-size:18px}
.access-path li p{font-size:12px;line-height:1.6;color:#c4d0be;margin:6px 0 0}
[data-theme=dark] .access-path{background:#e4ecd9;color:#1d281c}
[data-theme=dark] .access-path .eyebrow,[data-theme=dark] .access-path li>span{color:#2745e5}
[data-theme=dark] .access-path>div>p,[data-theme=dark] .access-path li p{color:#475a43}
[data-theme=dark] .access-path ol,[data-theme=dark] .access-path li{border-color:#abbba6}
@media(max-width:800px){.result-section,.access-path{grid-template-columns:1fr;gap:42px}.chat-artifact-result .result-copy,.chat-artifact-result .result-media{grid-column:auto;grid-row:auto}.result-copy{max-width:650px}.result-media{width:min(100%,380px)}.access-path{margin-bottom:70px}}
@media(max-width:500px){.result-copy h2{font-size:clamp(42px,12vw,58px)}.result-copy>p{font-size:14px}.result-media{width:min(100%,320px);padding:12px}.result-media-foot{font-size:8px}.access-path{padding:38px 24px;border-radius:12px}.access-path h2{font-size:42px}.access-path>div>p{font-size:13px}.landing-hero .hero-access-note{font-size:11px}}