:root{--blue:#486568;--blue-dark:#3e5558;--ink:#253b3e;--muted:#4a6265;--line:#b5b8ab;--wash:#e4dccf;--background:#f0ebe3;--surface:#faf8f3;--action:#576f72;--font:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC",sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--background);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #80a8ff;outline-offset:5px}.wrap{max-width:1140px;margin:0 auto;padding-left:36px;padding-right:36px}.header{height:100px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:37px;height:37px;display:grid;place-items:center;background:var(--blue);color:#fff;border-radius:10px;font-size:23px;font-weight:650}.brand strong{font-size:20px;letter-spacing:.03em}.brand strong span{font-weight:450;font-size:16px;margin-left:4px;color:var(--muted)}nav{display:flex;gap:30px;align-items:center;font-size:14px}nav a:hover,.text-button:hover{color:var(--blue)}.text-button{border:0;background:none;padding:8px 0;color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center;padding-top:74px;padding-bottom:100px}.eyebrow{font-size:13px;letter-spacing:.1em;color:var(--blue);font-weight:650;margin:0 0 20px}h1{font-size:clamp(44px,4.5vw,62px);font-weight:700;line-height:1.25;letter-spacing:-.045em;margin:0 0 24px}.blue{color:var(--blue)}.lead{font-size:18px;line-height:1.9;color:var(--muted);margin:0 0 32px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border:0;border-radius:10px;font-weight:650;font-size:15px;transition:background .15s,transform .15s}.primary{background:var(--action);color:white}.primary:hover{background:var(--blue-dark)}.button[aria-disabled=true]{cursor:default;background:#252e40;color:#b0bbcf}.download-meta{font-size:12px;color:var(--muted);margin:13px 0}.download-meta span{margin:0 6px}.release-note{font-size:12px;line-height:1.7;color:var(--muted);max-width:360px;margin:0}.typing-preview{border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 64px #0002;overflow:hidden;transform:rotate(-2deg)}.preview-bar{height:64px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 25px}.preview-label{font-size:12px;color:var(--muted)}.preview-badge{background:var(--wash);color:var(--blue);font-size:12px;padding:6px 12px;border-radius:6px}.preview-document{padding:30px 28px 36px;font-size:25px;line-height:1.75;letter-spacing:-.035em;min-height:245px}.preview-document p{margin:4px 0}.preview-document .preview-muted{font-size:15px;letter-spacing:0;color:#9099aa;margin-top:21px}.composing{border-bottom:2px solid var(--blue);padding-bottom:5px}.caret{height:27px;width:2px;display:inline-block;background:var(--blue);vertical-align:middle;margin-left:4px}.preview-footer{padding:18px 25px;background:var(--wash);display:flex;gap:10px;align-items:center}.preview-footer span:not(.preview-caption){background:var(--surface);border:1px solid var(--line);padding:5px 10px;border-radius:5px;font-size:12px}.preview-caption{margin-left:auto;font-size:11px;color:var(--muted)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;border-top:1px solid var(--line);padding-top:36px;padding-bottom:70px}.feature-number{font-size:12px;color:var(--blue);font-weight:650}.benefits h2{font-size:18px;margin:15px 0 10px;font-weight:650}.benefits p{font-size:14px;color:var(--muted);line-height:1.9;margin:0}.install{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:58px;padding-top:72px;padding-bottom:82px}h2{font-size:34px;line-height:1.45;letter-spacing:-.025em;margin:0}.section-description{font-size:14px;line-height:1.9;color:var(--muted);margin:22px 0 0}.steps{padding:0;margin:0;list-style:none}.steps li{display:flex;gap:18px;margin-bottom:26px}.steps li:last-child{margin-bottom:0}.step-number{flex:0 0 30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:12px;color:var(--blue)}.steps h3{font-size:16px;margin:3px 0 8px}.steps p{font-size:13px;line-height:1.85;color:var(--muted);margin:0}.support-section{margin-bottom:75px;background:var(--wash);border-radius:18px;padding-top:44px;padding-bottom:44px;display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center}.support-section .eyebrow{font-size:12px}.support-section h2{font-size:29px}.support-section p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9;max-width:500px;margin-bottom:0}.support-action{text-align:center}.support-action p{font-size:11px!important}.footer{border-top:1px solid var(--line);min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer .brand-mark{width:28px;height:28px;font-size:18px;border-radius:8px}.footer .brand strong{font-size:15px}.footer .brand strong span{font-size:12px}.footer p,.footer>span{font-size:11px;color:var(--muted)}dialog{border:0;padding:0;width:min(500px,calc(100% - 32px));max-height:calc(100dvh - 32px);border-radius:20px;color:var(--ink);background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#03060cbd;backdrop-filter:blur(5px)}.dialog-content{position:relative;padding:38px 42px 28px;text-align:center}.close-button{position:absolute;right:16px;top:12px;border:0;background:transparent;width:32px;height:32px;font-size:27px;font-weight:300;color:var(--muted)}.dialog-status{margin:0 0 24px;font-size:17px;line-height:1.65;font-weight:700;color:var(--ink);opacity:1}.dialog-mark{display:grid;place-items:center;margin:0 auto 25px;width:64px;height:64px;background:var(--action);color:white;font-size:40px;border-radius:18px}.dialog-content .eyebrow{font-size:12px;margin-bottom:12px}.dialog-content h2{font-size:31px;line-height:1.4}.dialog-content #dialog-description{font-size:14px;line-height:1.9;color:var(--muted);margin:23px 0}.dialog-content>.button{width:100%}.voluntary{font-size:11px;color:var(--muted);line-height:1.8;margin:12px 0 20px}.dialog-secondary{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:center;gap:35px;font-size:13px}.download-help{font-size:11px;color:var(--muted);margin:16px 0 0}.download-help a{color:var(--blue);text-decoration:underline}body.modal-open{overflow:hidden}[hidden]{display:none!important}@media(min-width:1180px){.support-section{padding-left:46px;padding-right:46px;max-width:1068px}}@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}.header{height:78px}nav{gap:20px;font-size:12px}.brand strong{font-size:18px}.brand strong span{font-size:13px}.hero{grid-template-columns:1fr;gap:45px;padding-top:42px;padding-bottom:54px}.hero-copy{max-width:500px}.hero h1{font-size:47px}.lead{font-size:16px}.typing-preview{transform:none}.preview-document{font-size:24px;min-height:225px}.benefits{grid-template-columns:1fr;gap:28px;padding-top:30px;padding-bottom:46px}.benefits article{display:grid;grid-template-columns:28px 1fr;column-gap:10px}.benefits .feature-number{padding-top:3px}.benefits h2{margin:0 0 8px}.benefits p{grid-column:2}.install{grid-template-columns:1fr;gap:32px;padding-top:46px;padding-bottom:48px}.install h2{font-size:29px}.support-section{margin:0 16px 44px;padding:30px 24px;grid-template-columns:1fr;gap:25px}.support-section h2{font-size:27px}.support-action{text-align:left}.footer{flex-wrap:wrap;justify-content:flex-start;gap:14px;padding-top:25px;padding-bottom:25px}.footer p{margin:0}.footer>span{width:100%;margin-left:40px}.dialog-content{padding:32px 24px 24px}.dialog-content h2{font-size:28px}.dialog-mark{margin-bottom:20px}dialog{max-height:calc(100dvh - 24px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.hero-try-link{border:1px solid var(--line);border-radius:18px;padding:48px 36px;background:var(--wash);display:flex;flex-direction:column;gap:20px;box-shadow:0 24px 64px #0002}.hero-try-link .eyebrow{margin:0}.hero-try-link strong{font-size:30px;letter-spacing:-.04em}.hero-try-link>span:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.8}.hero-try-link .try-link-label{color:var(--blue)!important;font-weight:650;margin-top:12px}.demo-section{border-top:1px solid var(--line);padding-top:56px;padding-bottom:62px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:36px}.section-top>p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.demo-samples{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:26px 0 18px;font-size:12px;color:var(--muted)}.demo-samples button,.candidate-row button{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:7px;padding:8px 12px;font-size:12px}.demo-samples button:hover,.candidate-row button:hover,.candidate-row button[aria-pressed=true]{background:var(--wash);border-color:var(--blue);color:var(--blue)}.demo-editors{display:grid;grid-template-columns:1fr 1fr;gap:18px}.demo-editors label{display:block;font-size:12px;color:var(--muted);margin:0 0 9px}.demo-editors textarea{display:block;width:100%;height:155px;padding:18px 20px;border:1px solid var(--line);border-radius:10px;resize:vertical;font:20px/1.8 var(--font);color:var(--ink);background:var(--surface)}.demo-editors textarea:focus{outline:2px solid var(--blue);outline-offset:2px}.demo-editors textarea[readonly]{background:var(--wash);border-color:var(--line)}.demo-editors textarea::placeholder{color:#a5afc2;font-size:16px}.demo-editors p{font-size:11px;color:var(--muted);line-height:1.7;margin:10px 0}.candidate-row{display:flex;gap:12px;align-items:center;min-height:40px;margin-top:2px}.candidate-row>span{font-size:12px;color:var(--muted)}#demo-candidates{display:flex;gap:6px;flex-wrap:wrap}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:20px;padding-top:13px;gap:18px;font-size:12px}.demo-options{display:flex;gap:18px;flex-wrap:wrap}.demo-options label{display:flex;align-items:center;gap:5px}.demo-options input{accent-color:var(--blue);width:15px;height:15px}.demo-status{font-size:11px;color:var(--blue);margin:18px 0 8px}.demo-limit{font-size:11px;color:var(--muted);line-height:1.9;max-width:800px;margin:0}.demo-limit a{text-decoration:underline;margin-left:8px}.download-section{border-top:1px solid var(--line);padding-top:60px;padding-bottom:60px;display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.download-section .download-actions{justify-self:center}.install-link{font-size:12px;color:var(--blue);display:inline-block;margin-top:10px}.install{padding-top:40px;padding-bottom:64px}.install h2{font-size:28px}.hero{padding-bottom:65px}@media(max-width:760px){.hero-try-link{padding:32px 25px}.hero-try-link strong{font-size:28px}.section-top{display:block}.section-top>p{margin-top:18px}.section-top h2{font-size:28px}.demo-section{padding-top:40px;padding-bottom:40px}.demo-editors{grid-template-columns:1fr;gap:12px}.demo-editors textarea{height:130px;font-size:18px}.demo-toolbar{align-items:start}.demo-options{gap:12px;max-width:240px}.download-section{grid-template-columns:1fr;gap:28px;padding-top:40px;padding-bottom:40px}.download-section h2{font-size:28px}.download-section .download-actions{justify-self:start}.header nav{gap:14px}.header .brand{gap:8px}.header .brand strong span{display:none}}

.brand .wordmark{font-size:28px;font-weight:750;letter-spacing:-.035em}.brand .wordmark span{font:inherit;color:var(--blue);margin-left:0}.dialog-mark{width:64px;font-size:20px}.header .brand .wordmark span{display:inline}

.demo-editors.single-editor{grid-template-columns:1fr}.single-editor textarea{height:210px;font-size:24px;padding:24px;line-height:1.8}.single-editor textarea::placeholder{font-size:20px}@media(max-width:760px){.single-editor textarea{height:200px;font-size:20px;padding:18px}}

.hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:36px;gap:0}.hero h1{font-size:clamp(34px,4vw,48px)}.hero .lead{margin-bottom:20px}.demo-section{padding-top:34px}.section-top h2{font-size:28px}.single-editor textarea{height:220px}

/* Decorative mixed-language phrases stay behind all interactive content. */
body{isolation:isolate}.ambient-barrage{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;user-select:none;color:#91a9d3;opacity:.25;contain:strict}.ambient-barrage span{position:absolute;left:0;white-space:nowrap;font-size:clamp(18px,2.1vw,30px);font-weight:500;letter-spacing:.015em;animation:barrage-drift 52s linear infinite;will-change:transform}.ambient-barrage span:nth-child(1){top:10%;animation-delay:-9s}.ambient-barrage span:nth-child(2){top:26%;animation-duration:61s;animation-delay:-32s}.ambient-barrage span:nth-child(3){top:42%;animation-duration:47s;animation-delay:-17s}.ambient-barrage span:nth-child(4){top:58%;animation-duration:58s;animation-delay:-41s}.ambient-barrage span:nth-child(5){top:74%;animation-duration:54s;animation-delay:-24s}.ambient-barrage span:nth-child(6){top:90%;animation-duration:64s;animation-delay:-50s}.ambient-barrage.is-paused span{animation-play-state:paused}@keyframes barrage-drift{from{transform:translateX(100vw)}to{transform:translateX(calc(-100% - 40px))}}.hero-copy{position:relative;max-width:660px}.header,.footer{background:transparent}.demo-section,.download-section,.install{background:transparent}.ambient-toggle{position:absolute;right:0;top:0;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--muted);font:11px var(--font);padding:7px 11px}.ambient-toggle:hover{color:var(--ink);border-color:var(--blue)}@media(max-width:760px){.ambient-barrage{opacity:.19}.ambient-barrage span:nth-child(n+5){display:none}.hero-copy{max-width:none}.ambient-toggle{position:static;margin-bottom:18px}.hero .eyebrow{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){.ambient-barrage{display:none}.ambient-barrage span{animation:none;will-change:auto}}

.quick-links{display:flex;flex-wrap:wrap;gap:24px;padding-top:24px;padding-bottom:24px;font-size:13px;color:var(--muted)}.quick-links a:hover{color:var(--blue)}.document-page{padding-top:44px;padding-bottom:70px;max-width:860px}.document-page h1{font-size:40px;margin-bottom:24px}.document-page h2{font-size:24px;margin:34px 0 14px}.document-page p,.document-page li{font-size:16px;line-height:1.9;color:var(--muted)}.document-page a:not(.button){color:var(--blue);text-decoration:underline}.document-page .button{margin-top:15px}.document-page details{border-bottom:1px solid var(--line);padding:20px 0}.document-page summary{cursor:pointer;font-size:18px;line-height:1.7}.document-page .breadcrumb{font-size:12px;margin-bottom:24px}@media(max-width:760px){.document-page h1{font-size:32px}.quick-links{gap:18px;font-size:12px}}

/* Four distinct layers: intro / live demo / download / support. */
.hero-shell{position:relative;overflow:hidden;isolation:isolate;background:var(--background)}
.hero-shell .ambient-barrage{position:absolute;z-index:0;opacity:.22}
.hero-shell .hero{position:relative;z-index:1;min-height:680px;padding-top:110px;padding-bottom:130px;text-align:center}
.hero-copy{max-width:960px;width:100%;margin:0 auto}
.hero h1{font-size:clamp(44px,5.8vw,78px);line-height:1.2;letter-spacing:-.05em;margin-bottom:30px;text-shadow:0 4px 35px var(--background)}
.hero .lead{font-size:19px;line-height:1.85;max-width:560px;margin:0 auto 38px;text-shadow:0 2px 20px var(--background)}
.hero-actions{display:flex;gap:28px;align-items:center;justify-content:center}.hero-download{color:var(--muted);font-size:14px}.hero-download:hover{color:var(--blue)}
.hero .ambient-toggle{top:-54px;right:0}
.demo-section{background:#0a0e16;border-top:1px solid #242d3c;padding:110px 0 120px;border-radius:32px 32px 0 0;position:relative}
.demo-inner{max-width:1000px}.section-top{align-items:start;gap:44px}.section-top h2{font-size:38px}.section-top>p{max-width:260px;margin-top:38px}
.demo-samples{margin-top:34px;margin-bottom:26px}.single-editor textarea{height:260px;padding:28px;font-size:24px}.demo-toolbar{margin-top:28px;padding-top:20px}.demo-limit{margin-top:12px;max-width:760px}
.download-section{display:block;background:#151b27;border-top:0;padding:110px 0 100px}
.download-inner{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center}.download-section h2{font-size:44px}.download-section .download-actions{justify-self:center}.download-section .section-description{margin-top:28px}
.install-details{margin-top:64px;max-width:1068px;padding-top:24px;border-top:1px solid var(--line)}.install-details summary{cursor:pointer;color:var(--muted);font-size:15px}.install-details summary:hover{color:var(--blue)}.install-details .steps{margin-top:32px;max-width:640px}
.support-section{display:block;background:#0a0e16;margin:0;padding:110px 0 120px;border-radius:0;max-width:none}
.support-inner{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center}.support-section h2{font-size:44px}.support-section p:not(.eyebrow){margin-top:28px}.support-action p{margin-top:14px!important}
.quick-links{padding-top:38px;padding-bottom:38px}
@media(max-width:760px){.hero-shell .hero{min-height:590px;padding-top:64px;padding-bottom:80px}.hero h1{font-size:42px;line-height:1.25}.hero .lead{font-size:16px}.hero .ambient-toggle{position:static;margin-bottom:26px}.hero-actions{gap:20px;flex-wrap:wrap}.hero-actions .button{padding:14px 22px}.demo-section{padding:70px 0 80px;border-radius:24px 24px 0 0}.section-top h2{font-size:30px}.section-top>p{margin-top:20px;max-width:none}.single-editor textarea{height:240px;padding:20px;font-size:20px}.demo-toolbar{gap:16px}.download-section{padding:75px 0}.download-inner,.support-inner{grid-template-columns:1fr;gap:36px}.download-section h2,.support-section h2{font-size:34px}.download-section .download-actions{justify-self:start}.install-details{margin-top:42px;margin-left:24px;margin-right:24px;padding-left:0;padding-right:0}.support-section{padding:75px 0 85px}.support-action{text-align:left}.quick-links{padding-top:28px;padding-bottom:28px}}

/* Color Hunt palette: F0EBE3 / E4DCCF / 7D9D9C, with 576F72 accents. */
.hero-shell{background:#f0ebe3}
.hero-shell .ambient-barrage{color:#576f72;opacity:.25}
.demo-section{background:#e4dccf;border-top-color:#cec8ba}
.demo-section .eyebrow,.demo-section .demo-status{color:#486568}
.demo-section .single-editor textarea{background:#faf8f3;border-color:#a4b2af}
.demo-section .demo-samples button,.demo-section .candidate-row button{background:#f0ebe3;border-color:#a7b3b0}
.demo-section .demo-samples button:hover,.demo-section .candidate-row button:hover,.demo-section .candidate-row button[aria-pressed=true]{background:#576f72;color:#fff;border-color:#576f72}
.demo-section .demo-toolbar{border-color:#b5b8ab}
.download-section{background:#7d9d9c;--muted:#192f31;--ink:#192f31}
.download-section .eyebrow,.download-section .install-link{color:#192f31}
.download-section .install-details{border-color:#576f72}
.download-section .button[aria-disabled=true]{background:#c5d5d0;color:#233b3e}
.download-section .primary:not([aria-disabled=true]){background:#314e51}
.download-section .primary:not([aria-disabled=true]):hover{background:#253b3e}
.support-section{background:#f0ebe3}
.support-section .eyebrow{color:#486568}
.support-section .primary{background:#576f72}
.support-section .primary:hover{background:#3e5558}
.button[aria-disabled=true]{background:#e4dccf;color:#4a6265}
.demo-editors textarea::placeholder{color:var(--muted)}
button:focus-visible,a:focus-visible{outline-color:#576f72}
.ambient-toggle{border-color:#a4b2af}
dialog::backdrop{background:#253b3e66}
.preview-document .preview-muted{color:var(--muted)}

/* Each layer has its own complete rounded silhouette. */
.landing-page{padding:0 18px 18px;display:flex;flex-direction:column;gap:18px}
.hero-shell,.demo-section,.download-section,.support-section{border-radius:32px;overflow:hidden}
@media(max-width:760px){.landing-page{padding:0 10px 10px;gap:10px}.hero-shell,.demo-section,.download-section,.support-section{border-radius:24px}.hero-shell .hero{padding-left:20px;padding-right:20px}.demo-inner,.download-inner,.support-inner{padding-left:20px;padding-right:20px}}
body{background:var(--surface)}

.demo-section .single-editor{margin-top:36px}.candidate-row[hidden]{display:none}.footer>span a{margin-left:8px;text-decoration:underline;text-underline-offset:3px}

html{background:#f0ebe3}
.hero-shell .ambient-barrage{mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.45) 0%,#000 75%)}
.hero-shell .ambient-barrage span{font-size:var(--phrase-size,24px);top:var(--phrase-top);animation-duration:var(--phrase-duration);animation-delay:var(--phrase-delay)}
.hero-shell .ambient-barrage span:nth-child(1){--phrase-top:4%;--phrase-size:22px;--phrase-duration:49s;--phrase-delay:-18s}
.hero-shell .ambient-barrage span:nth-child(2){--phrase-top:12%;--phrase-size:27px;--phrase-duration:61s;--phrase-delay:-38s}
.hero-shell .ambient-barrage span:nth-child(3){--phrase-top:21%;--phrase-size:24px;--phrase-duration:54s;--phrase-delay:-25s}
.hero-shell .ambient-barrage span:nth-child(4){--phrase-top:29%;--phrase-size:20px;--phrase-duration:58s;--phrase-delay:-42s}
.hero-shell .ambient-barrage span:nth-child(5){--phrase-top:39%;--phrase-size:28px;--phrase-duration:62s;--phrase-delay:-20s}
.hero-shell .ambient-barrage span:nth-child(6){--phrase-top:47%;--phrase-size:23px;--phrase-duration:51s;--phrase-delay:-33s}
.hero-shell .ambient-barrage span:nth-child(7){--phrase-top:57%;--phrase-size:21px;--phrase-duration:57s;--phrase-delay:-17s}
.hero-shell .ambient-barrage span:nth-child(8){--phrase-top:66%;--phrase-size:26px;--phrase-duration:64s;--phrase-delay:-44s}
.hero-shell .ambient-barrage span:nth-child(9){--phrase-top:74%;--phrase-size:24px;--phrase-duration:55s;--phrase-delay:-31s}
.hero-shell .ambient-barrage span:nth-child(10){--phrase-top:83%;--phrase-size:20px;--phrase-duration:60s;--phrase-delay:-12s}
.hero-shell .ambient-barrage span:nth-child(11){--phrase-top:90%;--phrase-size:25px;--phrase-duration:53s;--phrase-delay:-29s}
.hero-shell .ambient-barrage span:nth-child(12){--phrase-top:97%;--phrase-size:22px;--phrase-duration:65s;--phrase-delay:-39s}
@media(max-width:760px){.hero-shell .ambient-barrage span:nth-child(n+5){display:block}.hero-shell .ambient-barrage span{font-size:clamp(16px,5vw,var(--phrase-size))}.hero-shell .ambient-barrage span:nth-child(n+9){display:none}.hero-shell .ambient-barrage span:nth-child(1){--phrase-top:5%}.hero-shell .ambient-barrage span:nth-child(2){--phrase-top:18%}.hero-shell .ambient-barrage span:nth-child(3){--phrase-top:30%}.hero-shell .ambient-barrage span:nth-child(4){--phrase-top:43%}.hero-shell .ambient-barrage span:nth-child(5){--phrase-top:55%}.hero-shell .ambient-barrage span:nth-child(6){--phrase-top:69%}.hero-shell .ambient-barrage span:nth-child(7){--phrase-top:81%}.hero-shell .ambient-barrage span:nth-child(8){--phrase-top:94%}}

/* Palette-colored outer canvas, including the header and section gutters. */
html,body{background:#576f72}
.header,.quick-links,.footer{color:#f0ebe3}
.header .brand .wordmark,.header .brand .wordmark span,.footer .brand .wordmark,.footer .brand .wordmark span{color:#f0ebe3}
.header .text-button,.quick-links,.footer p,.footer>span{color:#f0ebe3}
.header nav a:hover,.header .text-button:hover,.quick-links a:hover{color:#fff}
.footer{border-top-color:#7d9d9c}
.header button:focus-visible,.header a:focus-visible,.quick-links a:focus-visible,.footer a:focus-visible{outline-color:#f0ebe3}

.document-page{background:#f0ebe3;border-radius:32px;margin-top:18px;margin-bottom:18px}@media(max-width:760px){.document-page{border-radius:24px;margin-left:10px;margin-right:10px}}

/* Continuous stacked sheets, rather than separated cards. */
.landing-page{display:block;padding:0;isolation:isolate}
.hero-shell,.demo-section,.download-section,.support-section{position:relative;border-radius:36px 36px 0 0;overflow:hidden}
.hero-shell{z-index:1}
.demo-section{z-index:2;margin-top:-36px}
.download-section{z-index:3;margin-top:-36px}
.support-section{z-index:4;margin-top:-36px;margin-bottom:0}
.hero-shell .hero{padding-bottom:166px}
.demo-section{padding-bottom:156px}
.download-section{padding-bottom:136px}
.support-section{padding-bottom:120px}
@media(max-width:760px){.landing-page{padding:0}.hero-shell,.demo-section,.download-section,.support-section{border-radius:28px 28px 0 0}.demo-section,.download-section,.support-section{margin-top:-28px}.hero-shell .hero{padding-bottom:108px}.demo-section{padding-bottom:108px}.download-section{padding-bottom:103px}.support-section{padding-bottom:85px}}

/* Reference direction: flat opening canvas and full-bleed rounded-top bands. */
.header{max-width:none;background:#f0ebe3;color:#253b3e;padding-left:max(36px,calc((100vw - 1068px)/2));padding-right:max(36px,calc((100vw - 1068px)/2))}
.header .brand .wordmark,.header .brand .wordmark span,.header .text-button{color:#486568}
.header nav a:hover,.header .text-button:hover{color:#253b3e}
.header button:focus-visible,.header a:focus-visible{outline-color:#576f72}
.hero-shell{border-radius:0;background:#f0ebe3}
.hero-shell .hero{min-height:590px;text-align:left;padding-top:90px;padding-bottom:135px}
.hero-copy{max-width:none;margin:0}
.hero h1{font-size:clamp(46px,5.4vw,78px);font-weight:800;max-width:850px;line-height:1.1;letter-spacing:-.055em;margin-bottom:32px}
.hero .lead{margin:0 0 34px;max-width:500px;font-size:17px}
.hero-actions{justify-content:flex-start}
.demo-section{background:#576f72;border-top:0;--ink:#f0ebe3;--muted:#f0ebe3;--line:#8fa5a5;--blue:#f0ebe3}
.demo-section .eyebrow,.demo-section .demo-status{color:#f0ebe3}
.demo-section .section-top h2{font-size:48px;font-weight:750}
.demo-section .single-editor textarea{color:#253b3e;background:#f0ebe3;border-color:#b8c5bf}
.demo-section .single-editor textarea::placeholder{color:#4a6265}
.demo-section .single-editor textarea:focus{outline-color:#e4dccf}
.demo-section .candidate-row button{background:#e4dccf;color:#253b3e;border-color:#e4dccf}
.demo-section .candidate-row button:hover,.demo-section .candidate-row button[aria-pressed=true]{background:#f0ebe3;color:#253b3e;border-color:#fff}
.download-section{background:#e4dccf;--ink:#253b3e;--muted:#4a6265}
.download-section .eyebrow,.download-section .install-link{color:#486568}
.download-section .button[aria-disabled=true]{background:#cdd5cc;color:#354e51}
.download-section h2,.support-section h2{font-size:48px;font-weight:750;line-height:1.2}
.support-section{background:#7d9d9c;--ink:#192f31;--muted:#192f31}
.support-section .eyebrow{color:#192f31}
.support-section .primary{background:#314e51}
.support-section .primary:hover{background:#253b3e}
@media(max-width:760px){.header{padding-left:24px;padding-right:24px}.hero-shell .hero{min-height:540px;padding-top:65px;padding-bottom:108px}.hero h1{font-size:43px;line-height:1.15}.hero .lead{font-size:16px}.hero-actions{gap:20px}.demo-section .section-top h2,.download-section h2,.support-section h2{font-size:34px}.hero-copy{width:100%}}

#animation-title{font-size:48px;font-weight:750;line-height:1.25}.typing-window{margin-top:48px;min-height:180px;padding:45px 36px;display:flex;align-items:center;background:#f0ebe3;color:#253b3e;border-radius:16px;font:34px/1.6 var(--font)}.typing-caret{flex:0 0 2px;height:1.05em;align-self:center;background:#576f72;margin-left:5px;animation:typing-blink 1s step-end infinite}@keyframes typing-blink{50%{opacity:0}}@media(max-width:760px){#animation-title{font-size:34px}.typing-window{margin-top:34px;padding:30px 24px;min-height:160px;font-size:24px}}@media(prefers-reduced-motion:reduce){.typing-caret{animation:none}}

/* Keep the chosen palette order independent of the reference layout. */
.header{background:#576f72;color:#f0ebe3}
.header .brand .wordmark,.header .brand .wordmark span,.header .text-button{color:#f0ebe3}
.header nav a:hover,.header .text-button:hover{color:#fff}
.header a:focus-visible,.header button:focus-visible{outline-color:#f0ebe3}
.hero-shell{background:#f0ebe3}
.demo-section{background:#e4dccf;--ink:#253b3e;--muted:#4a6265;--line:#b5b8ab;--blue:#486568}
.demo-section .eyebrow,.demo-section .demo-status{color:#486568}
.download-section{background:#7d9d9c;--ink:#192f31;--muted:#192f31}
.download-section .eyebrow,.download-section .install-link{color:#192f31}
.support-section{background:#f0ebe3;--ink:#253b3e;--muted:#4a6265}
.support-section .eyebrow{color:#486568}
.support-section .primary{background:#576f72}
.support-section .primary:hover{background:#3e5558}

/* Exact top-to-bottom palette order from the supplied swatch. */
.support-section{background:#576f72;--ink:#f0ebe3;--muted:#f0ebe3}
.support-section .eyebrow{color:#f0ebe3}
.support-section .primary{background:#f0ebe3;color:#253b3e}
.support-section .primary:hover{background:#e4dccf}
.support-section button:focus-visible{outline-color:#f0ebe3}

.header{background:#f0ebe3;color:#253b3e}
.header .brand .wordmark,.header .brand .wordmark span,.header .text-button{color:#486568}
.header nav a:hover,.header .text-button:hover{color:#253b3e}
.header a:focus-visible,.header button:focus-visible{outline-color:#576f72}

/* Centered section rhythm, with consistent heading sizes. */
.hero-shell .hero{min-height:500px;padding-top:70px;padding-bottom:115px;text-align:center}
.hero-copy{display:block;max-width:880px;margin:0 auto}
.hero h1,#animation-title,.download-section h2,.support-section h2{font-size:40px;font-weight:750;line-height:1.3;letter-spacing:-.025em;margin-left:auto;margin-right:auto}
.hero h1{margin-bottom:22px}
.hero .lead{font-size:16px;margin:0 auto;max-width:560px}
.hero-actions{flex-direction:row;align-items:center;justify-content:center;padding-top:28px;gap:28px}
.demo-inner{max-width:1000px;text-align:center}
.demo-section,.download-section,.support-section{padding-top:80px;padding-bottom:112px}
.download-inner,.support-inner{display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center}
.download-section .download-actions,.support-action{text-align:center;padding-top:0}
.download-section .section-description{margin-top:22px}
.support-section p:not(.eyebrow){max-width:580px;margin-left:auto;margin-right:auto}
.support-action p{margin-left:auto;margin-right:auto}
.download-actions .button,.support-action .button,.hero-actions .button{min-width:210px}
.support-section h2{color:#fff}
.typing-window{margin:32px auto 0;max-width:820px;min-height:150px;padding:32px;font-size:28px;justify-content:center}
dialog{background:#f0ebe3}
.dialog-content h2{font-size:28px}
@media(max-width:760px){
 .hero-shell .hero{min-height:0;padding-top:50px;padding-bottom:90px}
 .hero h1,#animation-title,.download-section h2,.support-section h2{font-size:30px}
 .hero-actions{padding-top:28px;gap:20px;flex-wrap:wrap}
 .hero .lead{font-size:15px}
 .demo-section,.download-section,.support-section{padding-top:58px;padding-bottom:85px}
 .download-inner,.support-inner{gap:24px}
 .typing-window{font-size:23px;padding:24px;min-height:140px}
}

.typing-features{list-style:none;padding:0;margin:38px auto 0;max-width:900px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;text-align:center}
.typing-features li{padding:0 8px}
.feature-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f0ebe3;color:#486568;font-size:23px}
.typing-features h3{margin:16px 0 10px;color:#253b3e;font-size:18px;font-weight:650}
.typing-features p{margin:0;color:#4a6265;font-size:14px;line-height:1.9}
.feature-settings-note{margin:28px 0 0;color:#4a6265;font-size:12px}
@media(max-width:760px){.typing-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.typing-features li{padding:0}.typing-features h3{margin-top:12px;font-size:14px;line-height:1.6}.typing-features p{font-size:12px;line-height:1.8}.feature-icon{width:36px;height:36px;font-size:20px}.feature-settings-note{line-height:1.8}}

#typing-animation-text{overflow-wrap:anywhere;min-width:0}.typing-window{font-size:clamp(21px,2vw,28px)}

#faq-dialog{width:min(680px,calc(100% - 32px));background:#f0ebe3}
.faq-dialog-content{position:relative;padding:38px 40px;color:#253b3e}
.faq-dialog-content h2{font-size:28px;margin-bottom:24px}
.faq-dialog-content details{border-top:1px solid #c9c4b9;padding:18px 0}
.faq-dialog-content summary{cursor:pointer;font-size:16px;line-height:1.7;font-weight:600}
.faq-dialog-content details p{font-size:14px;line-height:1.9;color:#4a6265;margin:12px 0 0}
.faq-dialog-content a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.faq-dialog-content{padding:32px 24px}}

.feature-icon{background:transparent;border-radius:0;color:#576f72}.feature-icon svg{display:block;width:28px;height:28px}

#report-dialog{width:min(720px,calc(100% - 32px));background:#f0ebe3}
.report-dialog-content{position:relative;padding:36px 36px 24px;text-align:center}
.report-dialog-content h2{font-size:28px;line-height:1.4}
.report-description{font-size:14px;line-height:1.8;color:#4a6265;margin:16px 0 24px}

.report-email{font-weight:650;color:#486568;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.report-template-intro{font-size:14px;color:#4a6265;line-height:1.8;text-align:left}
#report-template{margin:16px 0 24px;padding:20px;background:#e4dccf;border-radius:12px;white-space:pre-wrap;text-align:left;color:#253b3e;font:14px/1.8 var(--font);user-select:text}
.report-note{font-size:12px;color:#4a6265;line-height:1.8}
@media(max-width:760px){.report-dialog-content{padding:32px 24px 20px}.report-dialog-content h2{font-size:25px}}

/* Keep the final character and blinking caret on the same wrapped line. */
.typing-line{min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
.typing-end{display:inline-block;white-space:pre}
.typing-caret{display:inline-block;width:2px;flex:none;vertical-align:-.12em}
.download-retry-line{display:block;margin-top:8px}

.keep-together{white-space:nowrap}
#installation-help{max-width:460px;line-height:1.8}
#installation-help summary{cursor:pointer}
.installation-steps{text-align:left;padding-left:1.5em;margin:14px 0}
.installation-steps li{padding-left:4px;margin:7px 0}
#installation-help .keep-together{margin:0}
.installation-note{text-align:left;line-height:1.8}
.download-help{line-height:1.8;overflow-wrap:break-word}
@media(max-width:760px){
 .typing-features{grid-template-columns:1fr;gap:24px;max-width:440px;text-align:left}
 .typing-features li{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:14px;align-items:start}
 .typing-features .feature-icon{grid-column:1;grid-row:1 / span 2;margin:0}
 .typing-features h3{grid-column:2;margin:0 0 5px;font-size:16px;line-height:1.6;text-wrap:balance}
 .typing-features p{grid-column:2;margin:0;font-size:14px;line-height:1.8;text-wrap:pretty}
 .feature-settings-note{max-width:440px;text-wrap:pretty}
 #installation-help{font-size:13px;width:100%}
}
@media(max-width:480px){
 .hero h1,#animation-title,.download-section h2,.support-section h2{font-size:clamp(23px,7.5vw,30px)}
 .dialog-content h2{font-size:clamp(21px,6vw,27px)}
 .dialog-content #dialog-description{text-wrap:pretty}
}