/* Page layout. The embedded app owns its own unmodified component styles. */
:root{--muted:#929396;--border:#2b2c2f}
[hidden]{display:none!important}.entrance{animation-name:landing-enter}@keyframes landing-enter{from{translate:0 18px}to{translate:0 0}}
.hero{height:auto;min-height:0;padding-bottom:180px}.hero-copy{padding-top:148px}h1{font-size:clamp(48px,5.7vw,86px);line-height:1.04;max-width:1100px;margin:28px auto 25px}h1>span:last-child{color:#a0aaa6}.description{max-width:560px;font-size:16px}.offline-line{display:flex;justify-content:center;align-items:center;gap:7px;color:#b9e8db;font-size:12px;margin:15px 0 0}.offline-line svg{width:15px;height:15px}
.experience{position:relative;width:min(1040px,calc(100% - 64px));margin:66px auto 0;z-index:6;scroll-margin-top:24px}.demo-intro{text-align:center}.section-kicker{color:#999b9f;font-size:10px;line-height:1.6;font-weight:500;letter-spacing:.16em;margin:0 0 24px}.demo-intro .section-kicker{color:#adc3b9;margin-bottom:10px}.demo-hint{color:#a2afa9;font-size:14px;margin:0 0 25px}
.feature-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:5px 8px;max-width:950px;margin:auto}.feature-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:#a7adab;font-size:12px;transition:background .15s,color .15s}.feature-tabs button svg{width:16px;height:16px}.feature-tabs button:hover{color:white;background:#ffffff08}.feature-tabs button[aria-selected=true]{background:#242729;border-color:#ffffff1c;color:#fff}.feature-tabs button[data-feature-tab=assistant][aria-selected=true],.feature-tabs button[data-feature-tab=translate][aria-selected=true],.feature-tabs button[data-feature-tab=enhancer][aria-selected=true]{color:#c4b5fd}
.scenario-summary{text-align:center;padding:28px 24px 24px;min-height:155px}.scenario-summary h2{font-size:27px;letter-spacing:-.035em;line-height:1.2;font-weight:450;margin:0 0 10px}.scenario-summary p{max-width:650px;margin:0 auto 12px;font-size:13px;line-height:1.65;color:#a9b1ad}#scenario-badge{font-size:10px;color:#b3b5b7}#scenario-badge.is-ai{color:var(--purple)}
.screen-frame{padding:7px;border:1px solid #ffffff20;border-radius:20px;background:#181a1b;box-shadow:0 30px 100px #0004;overflow:hidden}.native-viewport,.editor-viewport{position:relative;width:100%;aspect-ratio:1040/510;overflow:hidden;background:#18191b;border-radius:13px}.native-frame{display:block;position:absolute;top:0;left:50%;border:0;transform-origin:top center;pointer-events:none;background:#18191b}.demo-loading{position:absolute;inset:0;display:grid;place-content:center;margin:0;background:#18191b;color:#98999e;font-size:12px}.editor-viewport{aspect-ratio:1440/760;border:1px solid #303134;border-radius:16px}
.story-controls{display:flex;align-items:center;gap:25px;margin-top:18px}.story-steps{display:flex;gap:12px;flex:1;min-width:0}.story-steps button{flex:1;background:none;border-top:1px solid #ffffff25;padding:13px 0 8px;text-align:left;font-size:10px;line-height:1.5;color:#8d9a94}.story-steps button[aria-pressed=true]{border-color:#d3d6d5;color:#f3f4f4}.playback{display:flex;gap:18px}.replay{background:none;color:#b3bdb8;font-size:11px;padding:12px 0;white-space:nowrap}.replay:hover{color:white}.demo-caption{display:flex;justify-content:space-between;gap:24px;min-height:35px;margin:10px 0 0;font-size:10px;line-height:1.6;color:#81938a}.demo-caption span:last-child{text-align:right;max-width:75%}
.soundscape-far{bottom:200px}.soundscape-near{bottom:80px}.foreground{z-index:5;bottom:20px;opacity:.6;height:240px}.hero-bottom{bottom:35px}
.product-section{max-width:1160px;margin:0 auto;padding:110px 40px}.editorial-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:65px}.product-section h2{font-size:clamp(36px,4.6vw,66px);font-weight:450;line-height:1.06;letter-spacing:-.055em;margin:0}.section-description{color:var(--muted);font-size:16px;line-height:1.8;margin:0;max-width:510px}.quiet{font-size:12px;line-height:1.7;color:#74767a;margin:18px 0 0}#features{padding-top:65px}#suite-title{font-size:clamp(58px,7.8vw,108px);letter-spacing:-.075em}.capability-row{width:100%;display:grid;grid-template-columns:35px 38px minmax(210px,1fr) minmax(240px,1.25fr) 30px;gap:20px;align-items:center;padding:30px 0;text-align:left;border-top:1px solid var(--border);background:none;transition:padding .2s,color .2s}.capability-row:last-child{border-bottom:1px solid var(--border)}.feature-number{font:11px ui-monospace,monospace;color:#5f6266}.capability-row>svg{width:25px;height:25px;color:#c3c5c7}.capability-row strong{font-size:27px;font-weight:450;letter-spacing:-.04em}.feature-benefit{font-size:14px;color:var(--muted);line-height:1.5}.row-action{font-size:25px;color:#61646a;transition:color .2s}.capability-row:hover{padding-left:10px}.capability-row:hover .row-action{color:#a78bfa}.capability-row[data-feature=assistant]>svg{color:#a78bfa}
.screenshot-feature{padding-top:70px}.feature-caption{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:22px;font-size:12px;color:#808389}.text-action{display:inline-flex;align-items:center;gap:10px;padding:10px 0;background:none;border-bottom:1px solid #505158;color:#dadbdd;font-size:12px;text-align:left}.text-action::after{content:'↗';font-size:16px}.text-action:hover{color:var(--purple);border-color:var(--purple)}.detail-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.detail-columns article{border-top:1px solid var(--border);padding-top:30px;display:flex;align-items:flex-start;flex-direction:column}.detail-columns svg{color:#a78bfa;width:25px;height:25px;margin-bottom:24px}.detail-columns h3{font-size:24px;font-weight:450;letter-spacing:-.035em;margin:0 0 15px}.detail-columns p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 24px}.detail-columns .text-action{margin-top:auto}
.local-section{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding-top:60px;padding-bottom:60px}.local-section>div{display:flex;align-items:flex-start;gap:20px}.local-section svg{width:24px;height:24px;color:#a7a9af;margin-top:5px}.local-section h2{font-size:32px;line-height:1.18;letter-spacing:-.04em;max-width:380px}.local-section p{font-size:14px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.faq h2{font-size:36px;max-width:360px}.faq details{border-bottom:1px solid var(--border);padding:23px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;list-style:none;font-size:16px;line-height:1.5;padding-right:30px;position:relative}.faq summary::after{content:'+';position:absolute;right:0;color:#878990}.faq details[open] summary::after{content:'−'}.faq summary::-webkit-details-marker{display:none}.faq summary:focus-visible{outline:2px solid var(--purple);outline-offset:5px}.faq details p{color:var(--muted);font-size:13px;line-height:1.8;margin:15px 0 0}
.download-section{display:grid;grid-template-columns:1.5fr 1fr;gap:30px 70px;padding-top:80px;padding-bottom:100px;border-top:1px solid var(--border)}.download-section h2{font-size:clamp(45px,5.7vw,80px);margin-bottom:24px}.download-options{align-self:center}.download-section .primary{background:#ededee;border:1px solid white;color:#171819;box-shadow:none;border-radius:12px;padding:19px 27px;font-size:15px}.download-section .primary:hover{background:white;box-shadow:none}.windows-note{color:#5e6267;font-size:12px;margin:14px 0}.speed-note{grid-column:1/-1;font-size:10px;line-height:1.7;color:#686c72;max-width:590px;margin:25px 0 0}.footer{border-top:1px solid #25272a}.footer-wordmark{color:#171a1b}
@media(max-width:900px){.editorial-heading,.local-section{gap:40px}.capability-row{grid-template-columns:25px 26px 1fr 1.2fr 20px;gap:13px}.capability-row strong{font-size:23px}.feature-benefit{font-size:12px}.detail-columns{gap:25px}.product-section{padding:75px 30px}.faq{gap:45px}.download-section{margin:0 30px;padding-left:0;padding-right:0}}
@media(max-width:600px){.hero{padding-bottom:100px}.hero-copy{padding:120px 20px 0}h1{font-size:clamp(36px,9.6vw,57px);margin:26px -5px 22px}.description{font-size:13px}.offline-line{font-size:10px}.experience{width:calc(100% - 24px);margin-top:45px}.demo-hint{font-size:12px}.section-kicker{font-size:9px}.feature-tabs{gap:3px}.feature-tabs button{font-size:10px;padding:8px 10px;min-height:38px;gap:5px}.feature-tabs button svg{width:14px;height:14px}.scenario-summary{padding:24px 10px 20px;min-height:175px}.scenario-summary h2{font-size:23px}.scenario-summary p{font-size:12px}.screen-frame{padding:4px;border-radius:13px}.native-viewport{aspect-ratio:780/540;border-radius:9px}.story-controls{display:block;margin-top:14px}.story-steps{gap:8px}.story-steps button{font-size:8px;min-height:45px}.playback{justify-content:flex-end;gap:22px}.replay{font-size:10px;padding:8px 0}.demo-caption{font-size:9px;margin-top:5px;min-height:45px}.foreground{height:180px;bottom:20px}.hero-bottom{bottom:25px}.scene-index{display:none}.product-section{padding:65px 22px}.editorial-heading{grid-template-columns:1fr;gap:24px;margin-bottom:35px}.product-section h2{font-size:42px}#suite-title{font-size:68px}.section-description{font-size:14px;line-height:1.8}.quiet{font-size:11px}.capability-row{grid-template-columns:22px 26px 1fr 22px;gap:12px;padding:22px 0}.capability-row strong{font-size:23px}.capability-row>svg{width:23px;height:23px}.feature-number{font-size:9px}.feature-benefit{grid-column:3;grid-row:2;font-size:12px}.row-action{grid-column:4;grid-row:1/3;font-size:23px}.capability-row:hover{padding-left:0}.feature-caption{align-items:flex-start;flex-direction:column;gap:8px;font-size:11px;line-height:1.6}.editor-viewport{border-radius:10px}.detail-columns{grid-template-columns:1fr;gap:35px}.detail-columns article{padding-top:25px}.detail-columns svg{margin-bottom:18px}.detail-columns h3{font-size:25px}.detail-columns p{font-size:13px;margin-bottom:14px}.local-section{grid-template-columns:1fr;gap:22px}.local-section h2{font-size:29px}.local-section p{font-size:13px}.faq{grid-template-columns:1fr;gap:35px}.faq h2{font-size:34px}.faq summary{font-size:14px}.faq details p{font-size:12px}.download-section{grid-template-columns:1fr;gap:30px;margin:0 22px;padding-left:0;padding-right:0}.download-section h2{font-size:51px}.speed-note{margin:0;font-size:9px}}
html[data-motion=paused] *,html[data-motion=paused] *::after,html[data-letters-paused=true] .letter-ribbon{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.letter-flow { position:absolute; inset:0; overflow:hidden; mask:url('assets/letter-mask.svg') 0 0 / 100% 100% no-repeat; }
.letter-ribbon { position:absolute; inset:0 auto 0 0; width:127.5%; background:url('assets/letters-0.svg') repeat-x; background-size:21.56862745% 100%; animation:letter-current 28s linear infinite; }
.letter-ribbon:nth-child(2) { background-image:url('assets/letters-1.svg'); animation-duration:34s; animation-delay:-9s; }
.letter-ribbon:nth-child(3) { background-image:url('assets/letters-2.svg'); animation-duration:40s; animation-delay:-17s; }
@keyframes letter-current { from { transform:translateX(-21.56862745%); } to { transform:translateX(0); } }
html[data-scene-paused='true'] .hero *,html[data-scene-paused='true'] .hero *:before { animation-play-state:paused!important; }
html[data-letters-paused='true'] .letter-ribbon { animation-play-state:paused!important; }
@media(prefers-reduced-motion:reduce) { .letter-ribbon { animation:none; } }
#features .editorial-heading{grid-template-columns:1.85fr 1fr;gap:50px}#suite-title{font-size:clamp(52px,6.2vw,88px)}
@media(max-width:600px){#features .editorial-heading{grid-template-columns:1fr;gap:24px}#suite-title{font-size:54px}.hero-copy{padding-top:calc(120px + env(safe-area-inset-top))}}
/* Shared presentation tokens for every product example, at every viewport. */
:root{--example-radius:24px;--example-surface:#18191b;--example-border:#36383c;--example-padding:clamp(22px,3.3vw,48px);--example-gap:clamp(24px,4vw,52px)}
.feature-deep{padding-top:82px;padding-bottom:82px}.feature-deep .editorial-heading{margin-bottom:40px}.feature-deep h2{font-size:clamp(36px,4.3vw,62px)}
.feature-art{display:grid;grid-template-columns:minmax(0,0.8fr) minmax(0,1.45fr);align-items:center;gap:12px;background:var(--example-surface);border:1px solid var(--example-border);border-radius:var(--example-radius);overflow:hidden;min-height:340px}
.example-context{padding:var(--example-padding);padding-right:0;min-width:0}.example-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#82878e;line-height:1.6}.example-context>p{font-size:clamp(14px,1.2vw,17px);line-height:1.85;color:#bfc1c5;white-space:pre-line;overflow-wrap:anywhere;margin:18px 0 0}
.feature-native{height:290px;position:relative;overflow:hidden;min-width:0}.feature-native.is-tall{height:490px}.feature-native .native-frame{background:transparent}
.feature-caption>span{max-width:70%;line-height:1.8}.feature-caption .text-action{flex:none}
[data-art=layout] .example-context>p{color:#ffd185;font:32px ui-monospace,monospace;letter-spacing:.03em}.action-count{margin-top:25px;border-top:1px solid var(--border);padding-top:18px;display:grid;grid-template-columns:1fr auto;gap:8px}.action-count>span{font-size:12px;color:#92969c}.action-count strong{grid-column:2;grid-row:1/3;font-size:48px;line-height:1;font-weight:450;color:#e4e5e8}.action-count small{font-size:11px;line-height:1.7;color:#92969c}
[data-art=ocr] .example-context{padding:26px;margin:40px 0 40px 36px;transform:rotate(-3deg);background:#e8e3d8;border-radius:3px;box-shadow:0 18px 35px #0004}[data-art=ocr] .example-context>p{color:#363536}[data-art=ocr] .example-label{color:#7a746a}
.colour-swatch{height:88px;max-width:220px;margin-top:20px;border-radius:12px;background:#a78bfa;border:1px solid #ffffff40}
.editor-viewport{border-radius:var(--example-radius);background:var(--example-surface);border-color:var(--example-border)}
.comparison-scroll{overflow-x:auto;border:1px solid var(--example-border);border-radius:var(--example-radius)}.comparison-table{width:100%;min-width:700px;border-collapse:collapse;text-align:left;font-size:13px;line-height:1.7}.comparison-table th,.comparison-table td{padding:24px 25px;width:25%;vertical-align:top;border-bottom:1px solid var(--border);font-weight:400}.comparison-table thead th{font-size:17px;color:#ebebed}.comparison-table thead th:first-child{font-size:11px;color:var(--muted)}.comparison-table tbody th{color:#bfc2c6}.comparison-table td{color:var(--muted)}.comparison-table tr:last-child>*{border-bottom:0}.comparison-table .our-product{background:#ffffff06;color:#dedde4}.comparison-section .quiet a{color:#a9abb2;text-decoration:underline;text-underline-offset:3px}
.flight-story{border-top:1px solid var(--border);margin-top:65px;padding-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:18px var(--example-gap)}.flight-route{grid-column:1/-1;display:flex;align-items:center;gap:20px;color:#c6bfdc;margin-bottom:22px}.flight-route span{height:1px;flex:1;border-bottom:1px dashed #595660}.flight-route svg{width:30px;height:30px;transform:rotate(90deg)}.flight-story h3{font-size:clamp(28px,3vw,40px);line-height:1.14;font-weight:450;letter-spacing:-.04em;margin:0}.flight-story p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}.flight-story ol{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;counter-reset:flight;padding:0;margin:22px 0 0;gap:24px}.flight-story li{counter-increment:flight;font-size:12px;line-height:1.8;color:#cac8d0;padding-top:20px;border-top:1px solid var(--border)}.flight-story li:before{content:'0' counter(flight);display:block;font:11px ui-monospace,monospace;color:#80778f;margin-bottom:8px}
@media(max-width:600px){:root{--example-radius:18px}.feature-deep{padding-top:55px;padding-bottom:55px}.feature-art{grid-template-columns:1fr;gap:8px}.example-context{padding:24px 24px 0}.example-context>p{font-size:14px}.feature-native{height:180px}.feature-native.is-tall{height:300px}.feature-caption>span{max-width:none}.feature-caption{gap:12px}.feature-deep h2{font-size:38px}.feature-deep .editorial-heading{margin-bottom:30px}[data-art=ocr] .example-context{margin:28px 28px 0;padding:24px}.flight-story{grid-template-columns:1fr}.flight-story ol{grid-template-columns:1fr;gap:10px}.flight-story li{padding-top:14px}.flight-story li:before{display:inline-block;margin-right:12px}.comparison-table th,.comparison-table td{padding:18px 20px}.comparison-section .quiet{font-size:10px}}

.editor-viewport{aspect-ratio:1120/680}

.layout-outcome{position:absolute;bottom:38px;left:12%;right:8%;display:flex;align-items:center;gap:20px;color:#d5e8df}.layout-outcome>strong{font-size:58px;line-height:1;font-weight:400}.layout-outcome span{font-size:12px}.layout-outcome p{font-size:11px;line-height:1.6;color:var(--muted);margin:5px 0 0}@media(max-width:600px){.layout-outcome{bottom:20px;left:24px;right:24px;gap:16px}.layout-outcome>strong{font-size:40px}}