@charset "UTF-8";
:root{--paper:#f8f7f3;--ink:#172f46;--muted:#64717c;--blue:#0761c5;--deep:#15334e;--line:#dedfda;--serif:Georgia,"Songti SC",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #0087db;outline-offset:5px}.wrap{width:calc(100% - 96px);max-width:1360px;margin:auto}.skip{position:fixed;top:-80px;left:20px;background:#fff;padding:14px;z-index:100}.skip:focus{top:20px}
.site-header{height:80px;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:8px;align-items:center;font-size:24px;letter-spacing:-1px;font-weight:730;flex-shrink:0}.brand img{width:31px;height:31px}.brand-dot{color:var(--blue)}.site-header nav{display:flex;gap:28px;margin-left:28px;font-size:13px;font-weight:500;line-height:1.4}.site-header nav a{padding:10px 0}.site-header nav a:hover,.footer-link:hover{color:var(--blue)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.language{border:0;background:transparent;color:var(--muted);font-size:12px;line-height:20px;white-space:nowrap;padding:9px 2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:0 22px;min-height:46px;border:0;border-radius:7px;font-size:13px;line-height:20px;font-weight:600;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button-blue{background:var(--blue);color:#fff;box-shadow:0 4px 12px #0064c516}.button-blue:hover{background:#004a9c}.button-small{min-height:36px;padding:0 16px;font-size:12px;line-height:18px}.button-dark{background:var(--deep);color:#fff}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:12px;font-weight:500;padding:10px 0}.text-link:hover{color:var(--blue)}
/* Luminous aurora curtains extend beyond the product and the viewport. */
.site-header{position:relative;z-index:2}
.site-header .language{color:var(--ink)}
.benefit-strip{position:relative;z-index:1}
.hero-surround{position:relative;isolation:isolate}
.hero-backdrop{position:absolute;inset:-80px 0 -120px;z-index:-1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(#000 0%,#000 72%,#000c 84%,transparent 100%)}
.aurora-atmosphere{position:absolute;inset:-7%;background:radial-gradient(ellipse at 95% 29%,#c397f5a6,transparent 47%),radial-gradient(ellipse at 71% 4%,#a2d7f7b8,transparent 44%),radial-gradient(ellipse at 67% 77%,#89eedc9e,transparent 46%),radial-gradient(ellipse at 91% 66%,#a2abeaad,transparent 43%);animation:aurora-atmosphere-flow 20s ease-in-out infinite}
.hero-aurora{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.aurora-crown{filter:blur(26px);transform-origin:70% 12%;animation:aurora-crown-flow 22s ease-in-out infinite}
.aurora-rays{filter:blur(1.8px);transform-origin:78% 15%;animation:aurora-rays-flow 17s ease-in-out infinite}
.aurora-fold{filter:blur(28px);transform-origin:90% 35%;animation:aurora-fold-flow 25s ease-in-out infinite}
.aurora-tide{filter:blur(22px);transform-origin:72% 80%;animation:aurora-tide-flow 19s ease-in-out infinite}
.hero-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--paper) 0%,#f8f7f3f2 18%,#f8f7f3a3 31%,transparent 49%),linear-gradient(180deg,#f8f7f33d,transparent 21%)}
.aurora-grain{position:absolute;inset:0;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.2' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.hero-surround:not(.background-visible) .hero-backdrop *{animation-play-state:paused}
@keyframes aurora-atmosphere-flow{50%{transform:translate3d(-22px,14px,0) scale(1.03);opacity:.85}}
@keyframes aurora-crown-flow{50%{transform:translate(-24px,16px) rotate(-3deg) scale(1.04);opacity:.82}}
@keyframes aurora-rays-flow{50%{transform:translate(-16px,21px) skewX(-4deg);opacity:.65}}
@keyframes aurora-fold-flow{50%{transform:translate(-17px,15px) rotate(3deg);opacity:.82}}
@keyframes aurora-tide-flow{50%{transform:translate(-26px,-19px) rotate(2deg) scale(1.035);opacity:.8}}
@media(min-width:1000px) and (max-height:680px){.hero-backdrop{top:-68px}}
@media(max-width:999px){.hero-backdrop{inset:-74px 0 -90px}.hero-aurora{left:-24%;width:145%}.hero-backdrop:after{background:linear-gradient(180deg,#f8f7f3b3 0%,#f8f7f3eb 25%,#f8f7f350 52%,transparent 75%),linear-gradient(90deg,#f8f7f355,transparent 70%)}.aurora-atmosphere{background:radial-gradient(ellipse at 95% 39%,#d2a5f3ac,transparent 43%),radial-gradient(ellipse at 66% 76%,#86e7d69e,transparent 48%)}}
@media(max-width:650px){.hero-backdrop{top:-68px}.hero-aurora{left:-85%;width:230%}.hero-backdrop:after{background:linear-gradient(180deg,#f8f7f34d 0%,#f8f7f3db 14%,#f8f7f3f2 24%,#f8f7f3eb 36%,#f8f7f333 58%,transparent 76%),linear-gradient(90deg,#f8f7f3a6,transparent 74%)}.aurora-atmosphere{animation:none}}


/* Keep the product composition within laptop viewport heights. */
.hero{display:grid;grid-template-columns:minmax(310px,.72fr) minmax(0,1.5fr);gap:52px;align-items:center;padding:44px 0 40px;min-height:560px}.hero-copy{max-width:400px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--blue);font-size:9px;font-weight:650;letter-spacing:1.2px;line-height:1.7}.tiny-wave{font-size:16px;letter-spacing:1px}.hero h1{font-size:clamp(57px,5.15vw,74px);font-weight:620;letter-spacing:-3.8px;line-height:1.07;margin:22px 0 24px}.serif{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.045em}.hero-description{font-size:15px;line-height:1.8;max-width:365px;margin:0 0 24px;color:var(--muted)}.hero-ctas{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.compatibility{font-size:10px;line-height:1.6;color:var(--muted);margin:13px 0 0;letter-spacing:.1px}.local-note{display:flex;gap:13px;align-items:center;margin-top:28px}.local-note>span{font-size:23px;line-height:36px;width:36px;color:var(--blue)}.local-note p{margin:0;font-size:11px;line-height:1.65}.local-note strong,.local-note p span{display:block}.local-note strong{font-weight:550}.local-note p span{color:var(--muted);font-size:10px}
.hero-stage{position:relative;margin:0 0 0 auto;min-width:0;width:100%;max-width:min(100%,calc((100svh - 280px)*1.5));padding:4px 0 12px;isolation:isolate}.product-glow{position:absolute;inset:7% -3% -9%;background:radial-gradient(ellipse at 29% 80%,#64dacb4d,transparent 58%),radial-gradient(ellipse at 89% 40%,#b689e957,transparent 62%);filter:blur(18px);z-index:-2}.hero-window{display:block;position:relative;overflow:hidden;border-radius:14px;border:1px solid #ffffffb3;background:#f9f9fb;box-shadow:0 25px 65px -24px #29385c60,0 3px 14px #25375a12;transition:transform .5s,box-shadow .5s}.hero-window:after{content:"";position:absolute;inset:0;border:1px solid #ffffff80;border-radius:inherit;pointer-events:none}.hero-stage:before{content:"";position:absolute;inset:2px -2px 10px;border-radius:16px;background:linear-gradient(135deg,#8be9d8a6,#b9c6ff85 35%,#d5a4ee99 70%,#a5ebe099);z-index:-1;box-shadow:0 0 24px #a6c3ed20}.hero-window img{display:block;width:100%;height:auto}.hero-window:hover{transform:translateY(-3px)}.hero-hud{position:absolute;bottom:54px;right:-12px;width:86%;filter:drop-shadow(0 18px 18px #102b4e38);animation:hud-float 7s ease-in-out infinite;z-index:1}.hero-hud a{display:block}.hero-hud img{display:block;width:100%;height:auto}.hero-stage.reveal{transform:translateY(24px);transition:opacity 1.1s,transform 1.1s;transition-delay:.12s}.hero-stage.revealed{transform:none}


/* The native window remains the backdrop; only its live content is animated. */
.hero-stage{container-type:inline-size}
.demo-app-content,.demo-rec-status,.demo-hud-panel{display:none}
.demo-ready .demo-app-content{display:block;position:absolute;left:18.35%;right:29.15%;top:6.1%;bottom:5%;background:#f9f9fb;overflow:hidden;text-align:left;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#25282c}
.demo-transcript-viewport{position:absolute;inset:5% 7% 35%;overflow:hidden;mask-image:linear-gradient(transparent,#000 5%,#000 90%,transparent)}
.demo-transcript-stack,.demo-hud-stack{will-change:transform}
.demo-transcript-row{min-height:12cqw;padding:1.6cqw 0 1.4cqw}
.demo-row-time{display:flex;align-items:center;gap:1.4cqw;font-size:max(6px,.92cqw);line-height:1.4;font-weight:600;color:#b0b2b7;margin-bottom:1.8cqw}
.demo-row-time:after{content:"";height:1px;flex:1;background:#e4e5ec}
.demo-source,.demo-translation{margin:0;font-size:max(8px,1.62cqw);line-height:1.55;font-weight:500;letter-spacing:-.018em}
.demo-translation{min-height:1.55em;margin-top:.85cqw;font-size:max(7px,1.37cqw);color:#7c8089;font-weight:450}
.is-speaking .demo-source:after{content:"";display:inline-block;height:1em;width:1px;background:#0761c5;margin-left:3px;vertical-align:-.14em;animation:demo-caret 1s steps(2,end) infinite}
.demo-recording{position:absolute;left:11%;right:11%;bottom:20%;display:flex;align-items:center;gap:1.5cqw;min-height:5cqw;padding:.7cqw 1.25cqw .7cqw .8cqw;border-radius:999px;background:#fff;box-shadow:0 1.6cqw 5cqw #2b354c16}
.demo-stop{width:max(15px,3.4cqw);height:max(15px,3.4cqw);display:grid;place-items:center;border-radius:50%;background:#0761c5;flex-shrink:0}
.demo-stop i{width:32%;height:32%;background:white;border-radius:2px}
.demo-voice-wave{height:max(15px,3cqw);display:flex;align-items:center;gap:max(1px,.22cqw);flex:1;min-width:0}
.demo-voice-wave i{display:block;height:100%;min-width:1px;flex:1;border-radius:2px;background:#5997d6;transform-origin:center;will-change:transform}
.demo-recording .demo-elapsed{font-size:max(7px,1cqw);font-variant-numeric:tabular-nums;color:#8692a0;flex-shrink:0}
.demo-ready .demo-rec-status{display:flex;position:absolute;top:2.2%;left:33%;align-items:center;gap:.5cqw;color:#c45454;font-size:max(5px,.78cqw);font-weight:650;letter-spacing:.08em}
.demo-rec-status i{width:.55cqw;height:.55cqw;min-width:3px;min-height:3px;background:#ef545d;border-radius:50%}
.demo-ready .demo-hud-fallback{display:none}
.demo-ready .demo-hud-panel{display:block;background:#151515;border:1px solid #ffffff18;border-radius:max(7px,1.4cqw);padding:1.6cqw 2.7cqw;text-align:left;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}
.demo-hud-viewport{height:max(28px,4.3cqw);overflow:hidden;mask-image:linear-gradient(transparent,#000 12%,#000 95%,transparent)}
.demo-hud-line{display:flex;gap:max(6px,1.2cqw);height:max(14px,2.15cqw);align-items:center;font-size:max(8px,1.4cqw);line-height:1.45;font-weight:450;letter-spacing:-.015em;color:#ffffff80;white-space:nowrap}
.demo-hud-line[hidden],.demo-transcript-row[hidden]{display:none}
.demo-hud-line i{width:max(4px,.7cqw);height:max(4px,.7cqw);border-radius:50%;background:#ffffff30;flex-shrink:0}
.demo-hud-line.is-current{color:#ffffffec}
.demo-hud-line.is-current i{background:#ff4553}
.demo-hud-line span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.hero-stage[data-demo-paused="true"] .hero-hud,.hero-stage[data-demo-paused="true"] .demo-source:after{animation-play-state:paused}
@keyframes demo-caret{50%{opacity:0}}

/* The AI sidebar follows the native Questions → selection → streamed reply flow. */
.demo-ai-panel{display:flex;position:absolute;left:70.85%;right:0;top:6.1%;bottom:0;background:#fff;border-left:1px solid #e8eaf0;color:#283340;font-family:var(--sans);text-align:left;overflow:hidden;pointer-events:none}
.demo-ai-heading{position:absolute;left:1.65cqw;right:1.65cqw;top:1.65cqw;display:flex;align-items:center;gap:.8cqw}
.demo-ai-sparkle{display:grid;place-items:center;flex-shrink:0;width:3.15cqw;height:3.15cqw;border-radius:50%;background:#eef3ff;color:#0761c5;font-size:1.7cqw}
.demo-ai-heading strong{display:block;font-size:max(4.5px,.78cqw);line-height:1.3;letter-spacing:.17cqw;color:#6d7784}
.demo-ai-heading p{margin:.4cqw 0 0;font-size:max(4px,.88cqw);line-height:1.45;color:#8a929d}
.demo-ai-trash{width:1.25cqw;height:1.25cqw;min-width:5px;flex-shrink:0;margin-left:auto;color:#9ba4b2}
.demo-ai-actions{position:absolute;left:1.65cqw;right:1.65cqw;top:6.1cqw;display:flex;gap:.65cqw}
.demo-ai-action{flex:1;min-width:0;padding:.9cqw .65cqw;border:1px solid #dee7f8;border-radius:1cqw;background:#f7f9ff}
.demo-ai-action>span{display:flex;align-items:center;justify-content:space-between;gap:.25cqw;color:#5389cf}
.demo-ai-action svg{width:1.05cqw;height:1.05cqw;flex-shrink:0}
.demo-ai-action small{font-size:max(3px,.51cqw);font-weight:600;white-space:nowrap;letter-spacing:.035cqw}
.demo-ai-action strong{display:block;margin-top:.8cqw;font-size:max(4px,.84cqw);font-weight:550;color:#546a83}
.demo-ai-extract.is-active{background:#e9f1ff;border-color:#93baf1;box-shadow:0 0 0 1px #d2e3ff}
.demo-ai-extract.is-pressed{background:#d5e5ff;transform:scale(.96)}
.demo-ai-body{position:absolute;left:1.65cqw;right:1.65cqw;top:12.25cqw;bottom:17.5%;overflow:hidden}
.demo-ai-body>div{position:absolute;inset:0;visibility:hidden;opacity:0}
.demo-ai-panel[data-ai-state="idle"] .demo-ai-idle,.demo-ai-panel[data-ai-state="pointing"] .demo-ai-idle,.demo-ai-panel[data-ai-state="extracting"] .demo-ai-finding,.demo-ai-panel[data-ai-state="questions"] .demo-ai-selection,.demo-ai-panel[data-ai-state="selecting"] .demo-ai-selection,.demo-ai-panel[data-ai-state="thinking"] .demo-ai-response,.demo-ai-panel[data-ai-state="answering"] .demo-ai-response,.demo-ai-panel[data-ai-state="answered"] .demo-ai-response{visibility:visible;opacity:1}
.demo-ai-idle{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:5.5cqw;text-align:center;gap:1.15cqw}
.demo-ai-idle>span{color:#91abd7;font-size:3.4cqw;line-height:1.3}
.demo-ai-idle strong{font-size:max(5px,1.02cqw);font-weight:500;color:#607591}
.demo-ai-idle p{margin:0;max-width:18cqw;font-size:max(4px,.92cqw);line-height:1.6;color:#929aa6}
.demo-ai-user{margin:0 0 1.6cqw 2.2cqw;padding:1.1cqw 1.25cqw;background:#0761c5;color:#fff;font-size:max(5px,1.1cqw);line-height:1.5;border-radius:1.15cqw}
.demo-ai-loading{display:flex;gap:.65cqw;align-items:center;padding:1.3cqw 1.1cqw;background:#f0f5ff;border:1px solid #e0eafa;border-radius:1.1cqw;color:#617fa8;font-size:max(5px,1.02cqw)}
.demo-ai-loading p{margin:0;display:flex;align-items:center;gap:.28cqw}
.demo-ai-loading i{display:block;width:.28cqw;height:.28cqw;border-radius:50%;background:#7fa5d5;animation:ai-thinking 1.1s ease-in-out infinite}
.demo-ai-loading i:nth-child(2){animation-delay:.15s}.demo-ai-loading i:nth-child(3){animation-delay:.3s}
.demo-ai-found{margin:0 0 1.25cqw;padding:1cqw 1.2cqw;border:1px solid #e1eafb;border-radius:1cqw;background:#f1f6ff;font-size:max(5px,1.05cqw);line-height:1.5;color:#506b8e}
.demo-ai-section-title{display:block;margin-bottom:.8cqw;font-size:max(4px,.68cqw);font-weight:600;letter-spacing:.14cqw;color:#8c98a8}
.demo-ai-question{display:flex;align-items:center;gap:.65cqw;margin-bottom:.7cqw;padding:1cqw 1.1cqw;border:1px solid #e3eaf8;border-radius:.85cqw;background:#f7f9ff}
.demo-ai-question>div{flex:1;min-width:0}.demo-ai-question strong{display:block;font-size:max(5px,1.04cqw);line-height:1.45;font-weight:550;color:#3d5574}
.demo-ai-question small{display:block;margin-top:.45cqw;font-size:max(4px,.76cqw);line-height:1.5;color:#94a1b3}
.demo-ai-question>span{font-size:1.3cqw;color:#5389cf}
.demo-ai-question.is-selected{background:#e6f0ff;border-color:#90b6ee}
.demo-ai-answer-all{display:flex;justify-content:space-between;align-items:center;padding:.7cqw .2cqw;font-size:max(4px,.88cqw);font-weight:550;color:#547cae}
.demo-ai-answer{padding:1.25cqw;border:1px solid #dce7f9;border-radius:1.15cqw;background:#f0f5ff}
.demo-ai-answer-heading{display:flex;gap:.6cqw;align-items:center;color:#4e7cba;margin-bottom:1.1cqw}
.demo-ai-answer-heading>span{font-size:1.25cqw}.demo-ai-answer-heading strong{font-size:max(4px,.69cqw);letter-spacing:.12cqw;font-weight:600}.demo-ai-answer-heading small{margin-left:auto;font-size:.9cqw;color:#9cacc3}
.demo-ai-answer-text{margin:0;white-space:pre-line;font-size:max(5px,1.15cqw);line-height:1.65;color:#455b77}
.demo-ai-panel[data-ai-state="answering"] .demo-ai-answer-text:after{content:"";display:inline-block;width:1px;height:1em;background:#0761c5;vertical-align:-.1em;margin-left:2px;animation:demo-caret 1s steps(2,end) infinite}
.demo-ai-composer{position:absolute;left:1.3cqw;right:1.3cqw;bottom:1.3cqw;color:#91a0b3}
.demo-ai-composer>div{display:flex;align-items:center;justify-content:space-between;background:#f3f5f8;border-radius:1cqw;padding:.9cqw 1.1cqw;font-size:max(4px,.98cqw);line-height:1.6}
.demo-ai-composer>div>span{display:grid;place-items:center;width:2.1cqw;height:2.1cqw;min-width:7px;background:#e4e9f1;border-radius:.55cqw;font-size:1.4cqw;color:#a3afbf}
.demo-ai-composer p{margin:.8cqw 0 0;display:flex;justify-content:space-between;gap:.6cqw;font-size:max(3px,.64cqw);line-height:1.4;white-space:nowrap}
.demo-ai-cursor{position:absolute;left:0;top:0;width:2.3cqw;min-width:9px;height:auto;opacity:0;filter:drop-shadow(0 .3cqw .35cqw #172d4626);z-index:2}
.demo-ai-click{position:absolute;left:0;top:0;width:4cqw;height:4cqw;border-radius:50%;border:1px solid #4487e1;background:#8ebcff26;opacity:0;z-index:1}
.hero-stage[data-demo-paused="true"] .demo-ai-panel *,.hero-stage[data-demo-paused="true"] .demo-ai-answer-text:after{animation-play-state:paused}
@keyframes ai-thinking{50%{opacity:.25;transform:translateY(-2px)}}

.benefit-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;gap:25px}.benefit-strip>div{display:flex;gap:18px;align-items:center;font-size:12px}.strip-number{color:var(--blue);font-size:9px;font-family:monospace}.section-space{padding-top:100px;padding-bottom:100px}h2{font-size:44px;font-weight:570;line-height:1.15;letter-spacing:-1.8px;margin:20px 0}h3{font-weight:550}.scenario-intro{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:32px}.scenario-intro p{font-size:14px;line-height:1.8;color:var(--muted);max-width:300px;margin:0 0 22px}.scenario-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.scenario-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;background:#eeeee8;border-radius:12px;padding:18px 22px 25px;transition:transform .25s}.scenario-card:hover{transform:translateY(-5px)}.scenario-card img{width:100%;height:auto;border-radius:8px;margin-bottom:20px}.scene-lecture{background:#e9efeb}.scene-video{background:#ebedf2}.scenario-number{font-size:8px;letter-spacing:1.2px;color:var(--muted);margin-bottom:14px}.scenario-heading{font-size:20px;letter-spacing:-.4px;margin-bottom:10px;font-weight:550}.scenario-copy{font-size:12px;line-height:1.7;color:var(--muted)}
.workflow{border-top:1px solid var(--line)}.section-intro p{font-size:14px;line-height:1.8;color:var(--muted)}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;margin-top:40px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:23px;padding:25px 0;border-bottom:1px solid var(--line)}.steps li>span{font-family:monospace;font-size:10px;color:var(--blue);padding-top:4px}.steps h3{font-size:18px;margin:0 0 10px}.steps p{font-size:13px;line-height:1.8;color:var(--muted);margin:0;max-width:380px}.archive-illustration{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;margin:0;box-shadow:0 18px 50px -35px #122c4350}.archive-header{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:var(--muted);margin-bottom:30px}.archive-row{display:flex;align-items:center;gap:14px}.archive-icon{background:#e8f0fa;color:var(--blue);border-radius:10px;width:45px;height:45px;display:grid;place-items:center;font-size:26px}.archive-row h3{font-size:17px;margin:0 0 7px}.archive-row p{font-size:10px;color:var(--muted);margin:0}.archive-duration{margin-left:auto;font-size:11px;color:var(--muted)}.archive-wave-shell{position:relative;overflow:hidden;padding:32px 0 19px}.waveform{display:flex;align-items:center;justify-content:space-between;gap:2px;min-height:54px}.waveform i{display:block;flex:1;background:#75a0c8;border-radius:2px;animation:wave 1.8s ease-in-out infinite;animation-delay:var(--bar-delay)}.archive-playhead{position:absolute;left:25%;top:23px;bottom:8px;width:1px;background:var(--blue);animation:playhead 12s linear infinite}.archive-play{display:flex;gap:13px;align-items:center;font-size:11px;color:var(--muted)}.play-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blue);color:white;font-size:10px}.speed{margin-left:auto}.archive-illustration blockquote{margin:23px 0 17px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:15px;align-items:center}.quote-time{font-size:10px;color:var(--blue)}.archive-illustration blockquote p{font-family:var(--serif);font-style:italic;font-size:19px;margin:0}.archive-illustration figcaption{font-size:9px;color:var(--muted)}
.privacy-section{background:#eaf0ed;padding:85px 0}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.privacy-art{position:relative;min-height:360px;display:grid;place-items:center}.privacy-orbit{position:absolute;left:50%;top:50%;width:290px;height:290px;border:1px solid #bccdc7;border-radius:50%;transform:translate(-50%,-50%)}.orbit-two{width:350px;height:350px}.orbit-particle{position:absolute;top:25px;left:70px;width:6px;height:6px;border-radius:50%;background:#4f7f74} .mac-outline{position:relative;z-index:1;width:235px;height:160px;border:6px solid #214943;border-bottom-width:12px;border-radius:10px;background:#f9fcfa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:0 22px 30px -22px #23453e55}.mac-outline img{width:42px;height:42px}.mac-camera{position:absolute;top:4px;width:3px;height:3px;border-radius:50%;background:#9ab3a8}.on-device{font-size:8px;letter-spacing:1.2px;color:#617b70}.mac-base{position:absolute;left:50%;top:calc(50% + 82px);transform:translateX(-50%);width:285px;height:10px;background:#214943;border-radius:3px 3px 12px 12px;z-index:1}.orbit-note{position:absolute;color:#6c8f82;font-family:var(--serif);font-style:italic;font-size:16px;animation:word-drift 6s ease-in-out infinite}.note-a{top:28px;left:23%;}.note-b{bottom:38px;left:20%;animation-delay:-2s}.note-c{right:17%;top:72px;animation-delay:-4s}.privacy-copy>p{font-size:14px;line-height:1.85;color:var(--muted);max-width:450px}.privacy-detail{display:flex;gap:16px;border-top:1px solid #ccd9d1;padding-top:22px;margin-top:26px;font-size:11px;line-height:1.8;color:var(--muted)}.privacy-detail>span{color:#527069}.privacy-detail p{margin:0}.privacy-detail strong{display:block;font-weight:550;color:var(--ink);margin-bottom:7px}
/* One blue surface and one App Store purchase action. */
.pricing{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:100px;align-items:center;max-width:1180px}
.pricing-copy{min-width:0}.pricing-copy h2{font-size:54px;line-height:1.12;margin:20px 0 24px;letter-spacing:-2px}.pricing-copy>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:390px}
.pricing-facts{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:25px;color:var(--ink);font-size:12px}.pricing-facts span{display:flex;align-items:center;gap:9px}.pricing-facts span:before{content:"✓";color:var(--blue)}
.license-art{display:block;width:340px;max-width:100%;height:auto;margin:15px 0 4px}
.pricing-trial{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:390px;width:100%;background:none;border:0;border-top:1px solid var(--line);padding:22px 0 0;text-align:left;color:var(--ink)}.pricing-trial strong{display:block;font-size:14px;font-weight:600;line-height:1.6}.pricing-trial span span{display:block;font-size:12px;color:var(--muted);margin-top:4px;line-height:1.6}.pricing-trial>span:last-child{color:var(--blue);font-size:20px;transition:transform .2s}.pricing-trial:hover>span:last-child{transform:translate(2px,-2px)}.pricing-copy>.pricing-upgrade{font-size:11px;margin:16px 0 0}
.price-card{--card-muted:#bdd1e4;--card-accent:#d5eaff;--card-line:#ffffff26;min-width:0;background:#072c54;color:#fff;border:1px solid #173f64;border-radius:22px;padding:36px;box-shadow:0 24px 60px -35px #183f5b50}
.price-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:20px;font-weight:600;letter-spacing:-.4px}.edition-number{font-weight:400;color:var(--card-muted)}.launch-tag{font-size:9px;font-weight:500;letter-spacing:1px;color:var(--card-accent);padding:7px 10px;border:1px solid var(--card-line);border-radius:30px;white-space:nowrap}
.price{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap;margin:29px 0 15px}.currency{font-size:18px;color:var(--card-muted)}.price>strong{font-size:76px;letter-spacing:-4px;line-height:1;font-weight:550}.price>strong span{font-size:43px;letter-spacing:-2px}.price>del{font-size:16px;color:var(--card-muted);margin-left:9px;text-decoration-color:#bdd1e499}
.price-caption{display:flex;justify-content:space-between;gap:9px 18px;flex-wrap:wrap;font-size:11px;line-height:1.6;color:var(--card-muted)}.price-caption>span:first-child{color:#edf5fc}
.included{list-style:none;padding:22px 0;margin:24px 0;border-top:1px solid var(--card-line);border-bottom:1px solid var(--card-line);color:#edf5fc;display:grid;gap:13px}.included li{display:flex;align-items:baseline;gap:12px;font-size:13px;line-height:1.6}.included li:before{content:"✓";color:var(--card-accent);font-size:12px;flex-shrink:0}
.store-purchase{display:flex;align-items:center;gap:13px;margin:0 0 22px}.store-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--card-line);border-radius:10px;color:var(--card-accent);flex-shrink:0}.store-icon svg{width:23px;height:23px}.store-purchase strong{font-size:13px;font-weight:550;line-height:1.6}.store-purchase p{font-size:11px;line-height:1.7;color:var(--card-muted);margin:3px 0 0}.store-restore{text-align:center;font-size:11px;line-height:1.8;color:var(--card-muted);margin:13px 0 0}.button-price:focus-visible{outline-color:var(--card-accent);outline-offset:4px}
.button-price{width:100%;min-height:51px;justify-content:space-between;background:var(--card-accent);color:#072c54;border-radius:9px;font-size:13px}.button-price:hover{background:#eaf5ff}.price-fine{font-size:10px;line-height:1.8;color:var(--card-muted);margin:15px 0 0}
.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px;padding:45px 0 90px;border-top:1px solid var(--line)}.questions-art{width:310px;margin-top:14px}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list summary{font-size:14px;font-weight:500;cursor:pointer;line-height:1.6;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-list summary:after{content:"+";color:var(--muted)}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:12px;line-height:1.85;color:var(--muted);margin:16px 0 0}.closing{position:relative;text-align:center;padding:65px 0 85px;border-top:1px solid var(--line)}.closing>.eyebrow{justify-content:center}.closing h2{font-size:47px;max-width:650px;margin:20px auto 26px}.closing-art{position:relative;width:300px;height:130px;margin:0 auto 26px;display:grid;place-items:center}.closing-art img{width:46px;height:46px;z-index:1}.closing-ring{position:absolute;left:50%;top:50%;width:130px;height:130px;border:1px solid #d2dde3;border-radius:50%;transform:translate(-50%,-50%)}.ring-two{width:210px;height:110px}.closing-word{position:absolute;font-family:var(--serif);font-style:italic;font-size:16px;color:var(--muted);animation:word-drift 6s ease-in-out infinite}.word-hello{left:14px;top:22px}.word-nihao{right:18px;top:34px;animation-delay:-2s}.word-bonjour{left:40px;bottom:10px;animation-delay:-4s}/* The footer has useful destinations rather than an isolated row of links. */
.site-footer{background:#efeee8;border-top:1px solid var(--line);padding:60px 0 0}.footer-main{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:50px;padding-bottom:55px}.footer-about .brand{font-size:30px;gap:9px}.footer-about .brand img{width:37px;height:37px}.footer-about p{white-space:pre-line;font-size:13px;line-height:1.8;color:var(--muted);margin:19px 0 22px}.footer-platform{font-size:10px;color:var(--muted);display:flex;gap:8px;align-items:center}.footer-nav{display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-width:0}.footer-nav h3{font-size:12px;font-weight:650;margin:4px 0 8px;color:var(--ink)}.footer-link{border:0;padding:2px 0;background:none;color:var(--muted);font-size:12px;line-height:1.6;text-align:left}.footer-bottom{display:flex;align-items:center;gap:30px;border-top:1px solid #d7d8d1;padding:23px 0 26px;font-size:10px;line-height:1.6;color:var(--muted)}.footer-bottom-note{margin-left:auto}.back-to-top{display:inline-flex;gap:14px;align-items:center;color:var(--ink);padding:5px 0}.back-to-top:hover{color:var(--blue)}
dialog{max-width:530px;width:calc(100% - 40px);border:1px solid var(--line);border-radius:15px;padding:38px;background:var(--paper);color:var(--ink);box-shadow:0 30px 90px #0b223a30}dialog::backdrop{background:#112b486b;backdrop-filter:blur(5px)}dialog h2{font-size:30px;margin:20px 0}dialog p{font-size:13px;line-height:1.85;color:var(--muted)}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:25px;color:var(--muted)}.dialog-dismiss{margin-top:16px}
@keyframes hud-float{50%{transform:translateY(-5px)}}@keyframes wave{50%{transform:scaleY(.55);opacity:.65}}@keyframes playhead{0%{left:20%}100%{left:75%}}@keyframes word-drift{50%{transform:translateY(-5px)}}.reveal{opacity:0;transform:translateY(12px);transition:opacity .6s,transform .6s;transition-delay:var(--reveal-delay)}.revealed{opacity:1;transform:none}html[data-motion="paused"] *,html.tab-hidden *{animation-play-state:paused!important}html[data-motion="paused"]{scroll-behavior:auto}html[data-motion="paused"] .reveal{opacity:1;transform:none;transition:none}
@media(min-width:1000px) and (max-height:780px){.hero{min-height:0;padding:35px 0 33px;gap:38px}.hero h1{font-size:60px;margin:19px 0 22px}.hero-description{font-size:14px;line-height:1.8}.local-note{margin-top:23px}.benefit-strip{padding:21px 0}.hero-stage{max-width:min(100%,calc((100svh - 280px)*1.5))}.hero-hud{bottom:48px}}
@media(min-width:1000px) and (max-height:680px){.site-header{height:68px}.hero{padding:25px 0}.hero h1{font-size:53px;margin:17px 0}.hero-description{margin-bottom:17px}.local-note{margin-top:16px}.hero-stage{max-width:min(100%,calc((100svh - 245px)*1.5))}.benefit-strip{padding:17px 0}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.hero{grid-template-columns:.8fr 1.2fr;gap:34px}.hero h1{font-size:57px}.header-actions{gap:14px}.site-header nav{gap:22px;margin-left:8px}.workflow-grid,.privacy-grid{gap:50px}.pricing,.faq{gap:65px}h2{font-size:38px}.hero-ctas{gap:12px}.hero-ctas .text-link{font-size:11px}}
@media(max-width:999px){.site-header{height:74px;gap:20px}.site-header nav{gap:18px}.header-actions{gap:12px}.hero{grid-template-columns:1fr;gap:36px;padding:45px 0 35px;min-height:0}.hero-copy{max-width:580px}.hero h1{font-size:65px;margin:20px 0}.hero h1 br{display:none}.hero h1 span+span{margin-left:12px}.hero-description{max-width:480px}.local-note{margin-top:20px}.hero-stage{max-width:800px;width:100%}.hero-hud{width:82%;right:0}.benefit-strip{gap:18px;padding:23px 0}.benefit-strip>div{font-size:10px;gap:10px}.section-space{padding:70px 0}.scenario-intro{display:block}.scenario-intro p{max-width:450px}.scenario-cards{gap:12px}.scenario-card{padding:12px 15px 22px}.scenario-heading{font-size:17px;line-height:1.4}.scenario-copy{font-size:11px}.workflow-grid{gap:40px}.privacy-grid{gap:35px}.pricing{gap:40px}.price-card{padding:26px}.faq{gap:45px}.closing h2{font-size:40px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.site-header{height:68px;gap:12px}.brand{font-size:22px}.brand img{width:27px;height:27px}.site-header nav{display:none}.header-actions{gap:13px}.language{font-size:11px}.header-actions .button{display:none}.hero{padding:35px 0 30px;gap:27px}.hero .eyebrow{font-size:8px;letter-spacing:.8px}.hero h1{font-size:51px;letter-spacing:-2.6px;margin:18px 0}.hero h1 br{display:block}.hero h1 span+span{margin-left:0}.hero-description{font-size:14px;line-height:1.8;max-width:340px}.hero-ctas{gap:15px}.hero-ctas .text-link{font-size:10px}.button{min-height:43px;padding:0 18px}.local-note{display:none}.hero-stage{padding-bottom:12px}.hero-window{border-radius:10px}.hero-stage:before{border-radius:12px}.hero-hud{width:92%;right:-4px;bottom:28px}.benefit-strip{grid-template-columns:1fr;padding:18px 0;gap:12px}.benefit-strip>div{font-size:11px;gap:16px}.section-space{padding:60px 0}h2{font-size:34px;letter-spacing:-1.3px}.eyebrow{font-size:8px;letter-spacing:.8px}.scenario-intro{margin-bottom:24px}.scenario-intro p{font-size:13px}.scenario-cards{grid-template-columns:1fr;gap:18px}.scenario-card{padding:18px 20px 25px}.scenario-card img{margin-bottom:14px}.scenario-heading{font-size:21px}.scenario-copy{font-size:12px}.scenario-number{margin-bottom:10px}.workflow-grid{grid-template-columns:1fr;gap:30px;margin-top:25px}.archive-illustration{padding:22px}.archive-illustration blockquote p{font-size:17px}.steps li{gap:17px}.privacy-section{padding:45px 0 60px}.privacy-grid{grid-template-columns:1fr;gap:30px}.privacy-art{min-height:290px}.privacy-orbit{width:220px;height:220px}.orbit-two{width:280px;height:280px}.privacy-lock{right:26px;bottom:26px}.pricing{grid-template-columns:1fr;gap:25px}.license-art{max-width:270px;margin:15px 0}.price-card{padding:24px}.price>strong{font-size:61px}.faq{grid-template-columns:1fr;gap:20px;padding:35px 0 60px}.questions-art{width:220px;margin:0}.faq-list details{padding:20px 0}.faq-list summary{font-size:13px}.closing{padding:40px 0 55px}.closing h2{font-size:34px}.closing-art{width:280px}dialog{padding:30px 24px}dialog h2{font-size:27px}}
@media(max-width:650px){.demo-recording{bottom:27%}}
@media(max-width:360px){.hero-hud{bottom:16px}}
@media(max-width:1150px){.pricing-copy h2{font-size:48px}.price-card{padding:30px}.price-caption{flex-direction:column;gap:4px}.footer-main{gap:35px}}
@media(max-width:999px){.pricing-copy h2{font-size:42px}.price-card{padding:26px}.footer-main{grid-template-columns:1.3fr repeat(3,1fr);gap:25px}.footer-bottom{gap:20px}.footer-bottom-note{display:none}}
@media(max-width:650px){.pricing{gap:30px}.pricing-copy h2{font-size:42px}.pricing-copy>p{font-size:14px}.pricing-facts{margin-top:20px}.license-art{width:270px;margin:10px 0 0}.pricing-trial{padding-top:18px}.price-card{border-radius:18px;padding:26px}.price-top{font-size:20px}.price>strong{font-size:70px}.price-caption{flex-direction:column}.included li{font-size:12px}.site-footer{padding-top:40px}.footer-main{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px;padding-bottom:35px}.footer-about{grid-column:1/-1}.footer-about p{margin:14px 0}.footer-nav h3{font-size:11px;margin-bottom:5px}.footer-link{font-size:11px}.footer-bottom{justify-content:space-between;gap:20px;padding:20px 0;font-size:9px}.back-to-top{gap:8px;white-space:nowrap}}
@media(max-width:360px){.price-card{padding:22px}.price>strong{font-size:61px}.price>del{font-size:13px;margin-left:0}.launch-tag{font-size:8px;padding:6px 8px}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.footer-nav:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal,.hero-stage.reveal{opacity:1;transform:none}}