:root{
  --paper:#F6F7EC;
  --sage:#ECEFD8;
  --sage-line:#D6DCB8;
  --sage-deep:#AEB88A;
  --ink:#1C2529;
  --ink-60:#4A555C;
  --ink-40:#7A858C;
  --coral:#EC6A4E;
  --coral-deep:#D4553B;
  --white:#FEFFF8;
  --radius:14px;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif;
  --display:"Fraunces",Georgia,serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
body:after{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit}
button,a,summary{touch-action:manipulation}
img,video{max-width:100%}
.wrap{width:min(1080px,calc(100% - 48px));margin:0 auto}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip{position:fixed;top:8px;left:8px;z-index:1000;padding:10px 14px;transform:translateY(-150%);border-radius:8px;background:var(--ink);color:#fff}
.skip:focus{transform:none}
:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
.wordmark,.hero-brand,.section-number{font-family:var(--display)}
.eyebrow,.label,.card-index,.step-label,.proofline,.model-value{font-family:var(--mono)}

header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--sage-line);background:rgba(246,247,236,.92);backdrop-filter:blur(12px)}
.nav{min-height:68px;display:flex;align-items:center;gap:27px}
.wordmark{display:inline-flex;align-items:center;gap:9px;margin-right:auto;font-size:21px;font-weight:560;text-decoration:none}
.wordmark svg{width:26px;height:26px;flex:none}
.nav-links{display:flex;gap:23px}
.nav-links a,.language{color:var(--ink-60);font-size:14px;text-decoration:none}
.nav-links a:hover,.language:hover{color:var(--ink)}
.language{white-space:nowrap}
.nav-download{padding:9px 16px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:14px;font-weight:650;text-decoration:none}
.nav-download:hover{background:#05090B}

.hero{padding:84px 0 74px;background:linear-gradient(180deg,var(--sage) 0,var(--paper) 66%)}
.eyebrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--ink-60);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--coral)}
.was{padding:3px 10px;border:1px solid var(--sage-deep);border-radius:999px;letter-spacing:.04em;text-transform:none}
h1{margin:24px 0 19px}
.hero-brand{display:block;font-size:clamp(56px,8vw,92px);font-weight:560;letter-spacing:.005em;line-height:1.05}
.hero-brand i{color:var(--coral);font-style:normal}
.hero-promise{display:block;max-width:800px;margin-top:16px;font-size:clamp(24px,3.4vw,38px);font-weight:600;letter-spacing:normal;line-height:1.4;text-wrap:balance}
.hero-lede{max-width:720px;margin:0;color:var(--ink-60);font-size:19px;line-height:1.6}
.cta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 23px;border-radius:999px;font-weight:650;text-decoration:none;transition:transform .18s ease,background-color .18s ease,color .18s ease}
.button:hover{transform:translateY(-1px)}
.button-primary{background:var(--coral);color:var(--ink)}
.button-primary:hover{background:var(--ink);color:var(--paper)}
.button svg{width:17px;height:17px}
.requirement{color:var(--ink-60);font-size:13px}
.proofline{margin:18px 0 0;color:var(--ink-40);font-size:12px;letter-spacing:.03em}
.hero-demo{margin-top:54px}
.frame{position:relative}
.frame:before,.frame:after{content:"";position:absolute;width:16px;height:16px;border:1px solid var(--sage-deep);z-index:2;pointer-events:none}
.frame:before{top:-8px;left:-8px;border-right:0;border-bottom:0}
.frame:after{right:-8px;bottom:-8px;border-left:0;border-top:0}
.media-shell{overflow:hidden;border:1px solid var(--sage-deep);border-radius:var(--radius);background:#111719;box-shadow:0 24px 60px -34px rgba(28,37,41,.45)}
.media-shell video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#111719}

.section{padding:92px 0}
.section-head{display:grid;grid-template-columns:100px minmax(0,720px);gap:28px;align-items:start;margin-bottom:48px}
.section-number{color:var(--sage-deep);font-size:clamp(60px,8.5vw,104px);font-weight:420;line-height:.85;letter-spacing:-.02em}
.label{margin:0 0 12px;color:var(--coral-deep);font-size:11px;letter-spacing:.13em;text-transform:uppercase}
h2{margin:0;font-size:clamp(26px,3.6vw,38px);font-weight:600;letter-spacing:normal;line-height:1.35;text-wrap:balance}
.intro{max-width:700px;margin:16px 0 0;color:var(--ink-60);font-size:17px;line-height:1.62}

.privacy{background:var(--sage)}
.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.proof-card{padding:25px 25px 27px;border:1px solid var(--sage-line);border-radius:var(--radius);background:var(--paper)}
.card-index{display:inline-block;margin-bottom:16px;padding:3px 8px;border:1px solid var(--sage-deep);border-radius:7px;color:var(--coral-deep);font-size:10px;letter-spacing:.08em}
.proof-card h3,.polish-card h3{margin:0 0 9px;font-size:19px;line-height:1.3}
.proof-card p,.polish-card p{margin:0;color:var(--ink-60);font-size:15px;line-height:1.6}
.proof-card a{font-weight:600;text-underline-offset:3px}
.privacy-notes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.privacy-notes p{margin:0;padding:18px 20px;border-left:3px solid var(--coral);background:rgba(246,247,236,.68);color:var(--ink-60);font-size:14px}
.privacy-notes strong{color:var(--ink)}

.how{background:var(--white);border-top:1px solid var(--sage-line);border-bottom:1px solid var(--sage-line)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--sage-deep);border-bottom:1px solid var(--sage-deep)}
.step{min-height:222px;padding:29px 28px;border-right:1px solid var(--sage-deep)}
.step:last-child{border-right:0}
.step-label{color:var(--coral-deep);font-size:11px;letter-spacing:.12em}
.step h3{margin:37px 0 9px;font-size:20px;line-height:1.3}
.step p{margin:0;color:var(--ink-60);font-size:15px}
kbd{padding:2px 7px;border:1px solid var(--sage-deep);border-bottom-width:2px;border-radius:6px;background:var(--sage);font:.82em var(--mono)}

.polish{background:var(--paper)}
.polish-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.polish-card{padding:28px;border:1px solid var(--sage-line);border-radius:var(--radius);background:var(--white)}
.pill{display:inline-flex;margin:0 0 24px;padding:5px 9px;border:1px solid var(--sage-deep);border-radius:999px;color:var(--ink-60);font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase}
.polish-card ol{margin:16px 0 0;padding-left:22px;color:var(--ink-60)}
.polish-card li{padding:5px 0 5px 4px;font-size:15px}
.polish-card .label{margin-bottom:19px}

.memory{background:var(--ink);color:var(--paper)}
.memory .section-number{color:#46565F}
.memory .label{color:#FF8065}
.memory .intro{color:#B8C0C3}
.memory .section-head{margin-bottom:8px}
.memory h2{color:#fff}
.chart{margin-top:48px;display:grid;gap:22px;max-width:min(760px,calc(100% - 80px))}
.bar-row{display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:center}
.bar-row .lbl{font-size:14.5px;color:#B9C2C6;text-align:right}
.bar-row .lbl b{display:block;color:#fff;font-weight:500}
.bar{height:38px;border-radius:8px;background:#33414A;position:relative;display:flex;align-items:center}
.bar span{position:absolute;right:-8px;transform:translateX(100%);font-family:var(--mono);font-size:14px;color:#B9C2C6;white-space:nowrap}
.bar.us{background:var(--coral)}
.bar.us span{color:#fff;right:14px;transform:none;font-weight:500}
.bar.cloud{background:var(--coral-deep)}
.bar.cloud span{right:-8px;transform:translateX(100%);color:#B9C2C6;font-weight:400}
.memory .cap{margin-top:34px;font-size:14.5px;color:#8F9BA1;max-width:44em}

.faq{background:var(--paper)}
.faq-list{max-width:840px;margin-left:128px;border-top:1px solid var(--sage-deep)}
details{border-bottom:1px solid var(--sage-line)}
summary{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 0;cursor:pointer;list-style:none;font-size:16px;font-weight:650}
summary::-webkit-details-marker{display:none}
.faq-icon{position:relative;display:block;flex:0 0 27px;width:27px;height:27px;border:1px solid var(--sage-deep);border-radius:50%}
.faq-icon:before,.faq-icon:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;border-radius:2px;background:var(--coral-deep);transform:translate(-50%,-50%)}
.faq-icon:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .18s ease}
details[open] .faq-icon:after{transform:translate(-50%,-50%) rotate(0)}
details p{max-width:700px;margin:0;padding:0 48px 22px 0;color:var(--ink-60);font-size:15px;line-height:1.62}

.final{padding:92px 0;text-align:center;background:var(--sage);border-top:1px solid var(--sage-line)}
.final h2{max-width:720px;margin:0 auto}
.final p{max-width:570px;margin:14px auto 29px;color:var(--ink-60)}
footer{padding:40px 0 52px;background:var(--paper);color:var(--ink-40);font-size:13px}
.footer-row{display:flex;align-items:center;gap:23px;flex-wrap:wrap}
.footer-row .wordmark{margin-right:auto;color:var(--ink);font-size:17px}
.footer-row a{text-decoration:none;color:var(--ink-60)}
.footer-row a:hover{color:var(--ink)}
.analytics{margin:13px 0 0;font-size:11px}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
@media(max-width:760px){
  .wrap{width:calc(100% - 32px)}
  .nav{gap:12px}
  .nav-links{display:none}
  .wordmark{font-size:19px}
  .nav-download{padding:8px 11px;font-size:12px}
  .language{font-size:12px}
  .hero{padding:54px 0 55px}
  .hero-lede{font-size:17px}
  .cta-row{align-items:flex-start}
  .proofline{line-height:1.7}
  .hero-demo{margin-top:40px}
  .section{padding:72px 0}
  .section-head{grid-template-columns:50px minmax(0,1fr);gap:14px;margin-bottom:38px}
  .section-number{font-size:52px}
  .intro{font-size:16px}
  .card-grid,.privacy-notes,.polish-grid,.runtime{grid-template-columns:1fr}
  .proof-card,.polish-card{padding:22px}
  .privacy-notes{gap:10px}
  .steps{grid-template-columns:1fr}
  .step{min-height:0;border-right:0;border-bottom:1px solid var(--sage-deep)}
  .step:last-child{border-bottom:0}
  .step h3{margin-top:20px}
  .chart{max-width:100%}
  .bar-row{grid-template-columns:1fr;gap:6px}
  .bar-row .lbl{text-align:left}
  .bar span{font-size:12px;right:10px;transform:none}
  .faq-list{margin-left:0}
  summary{gap:16px;padding:18px 0;font-size:15px;line-height:1.4}
  .faq-icon{flex-basis:26px;width:26px;height:26px}
  details p{padding-right:38px}
  .final{padding:76px 0}
  .final .button{width:100%}
  footer{padding-bottom:44px}
}
@media(max-width:370px){
  .nav-download{padding-inline:9px}
}

/* Keep the runtime distinction concise below the comparison. */
.runtime-note{max-width:800px;margin:32px 0 0;padding-top:24px;border-top:1px solid #405057;color:#B9C2C6;font-size:15px;line-height:1.65}
.runtime-note strong{color:var(--paper)}
[id]{scroll-margin-top:88px}

/* Shared zh-TW closing call to action. */
.final .cta-col{display:flex;flex-direction:column;align-items:center;gap:18px}
.sponsor{font-size:14.5px;color:var(--ink-60);text-decoration:none;border-bottom:1px solid var(--sage-deep);padding-bottom:1px}
.sponsor:hover{color:var(--ink)}

.polish-demo{margin:0 0 32px}
.polish-demo video{aspect-ratio:auto}
.polish-demo figcaption{margin:13px 0 0;color:var(--ink-40);font:12.5px/1.6 var(--mono);text-align:center}