:root{--canvas:#f4f6fb;--surface:#fff;--ink:#111426;--soft:#596174;--line:#dce1ec;--blue:#3157f6;--blue-deep:#1d36a8;--orange:#ff6a55;--mint:#c9f2dd;--sans:"Avenir Next","Helvetica Neue",sans-serif;--mono:"SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--sans);font-size:16px}.nav-shell{position:fixed;z-index:10;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 32px));height:64px;padding:8px 10px 8px 18px;display:flex;align-items:center;background:rgba(255,255,255,.96);border-radius:28px;box-shadow:0 12px 36px rgba(30,42,76,.12);border:1px solid rgba(220,225,236,.8)}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-weight:750;letter-spacing:.05em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--blue);color:white;font-weight:800}.nav-shell nav{margin:auto;display:flex;gap:32px}.nav-shell nav a,.nav-action{font-size:13px;color:var(--soft);text-decoration:none}.nav-shell nav a:hover{color:var(--blue)}.nav-action{padding:13px 16px;border-radius:10px;background:var(--ink);color:white;font-weight:650}.nav-action span{margin-left:14px}.hero{min-height:820px;padding:154px max(24px,calc((100vw - 1180px)/2)) 92px;display:grid;grid-template-columns:.92fr 1.08fr;gap:7vw;align-items:center}.hero-note{display:flex;align-items:center;gap:10px;color:var(--soft);font-size:13px}.hero-note span{width:9px;height:9px;border-radius:50%;background:var(--orange)}h1{max-width:700px;margin:28px 0;font-size:clamp(56px,7.4vw,96px);line-height:.94;letter-spacing:-.04em;font-weight:650;text-wrap:balance}h1 em{color:var(--blue);font-style:normal}.hero-lead{max-width:590px;color:var(--soft);font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin:32px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 20px;border-radius:10px;text-decoration:none;font-weight:650;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-1px)}.button:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.primary{background:var(--blue);color:white}.primary:hover{background:var(--blue-deep)}.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.endpoint{max-width:540px;display:flex;align-items:center;gap:14px;padding-top:22px;border-top:1px solid var(--line)}.endpoint>span{font-size:10px;color:var(--soft)}.endpoint code{font:13px var(--mono);color:var(--blue);overflow-wrap:anywhere}.endpoint button,.change-row button{margin-left:auto;border:0;background:transparent;color:var(--soft);cursor:pointer}.code-demo{overflow:hidden;background:var(--ink);color:#e9edff;border-radius:20px;box-shadow:16px 18px 0 var(--mint)}.code-toolbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #2d3148}.code-tabs{display:flex;gap:6px}.code-tabs button,.copy-code{border:0;border-radius:8px;padding:9px 12px;background:transparent;color:#929ab5;cursor:pointer}.code-tabs button.active{background:#2b3048;color:white}.copy-code:hover{color:white}.code-block{display:none;min-height:390px;margin:0;padding:36px 30px;overflow:auto;font:13px/1.75 var(--mono);white-space:pre}.code-block.active{display:block}.kw{color:#c9f2dd}.str{color:#ffb3a7}.hot{color:#8fa5ff}.code-status{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-top:1px solid #2d3148;color:#929ab5;font:10px var(--mono)}.code-status span:first-child{display:flex;align-items:center;gap:8px}.code-status i{width:7px;height:7px;border-radius:50%;background:#75d7a2}.section-intro,.connect-section,.benefit-section,.faq-section{max-width:1180px;margin:auto}.model-section{padding:42px 0 90px;background:white}.section-intro{padding:0 0 34px;display:flex;justify-content:space-between;align-items:end}.section-intro p{margin:0;font-size:28px;font-weight:650}.section-intro span{max-width:460px;color:var(--soft);line-height:1.6}.model-rail{overflow:hidden;border-block:1px solid var(--line)}.model-track{width:max-content;display:flex;animation:rail 28s linear infinite}.model-track span{min-width:240px;height:110px;display:flex;align-items:center;gap:14px;padding:0 32px;border-right:1px solid var(--line);font-size:20px;font-weight:600}.model-track b{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--canvas);color:var(--blue)}@keyframes rail{to{transform:translateX(-50%)}}.connect-section{padding:120px 0;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.kicker{color:var(--blue);font-size:13px;font-weight:650}.connect-copy h2,.benefit-lead h2,.faq-heading h2,.final-cta h2{margin:18px 0 28px;font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.035em;font-weight:620;text-wrap:balance}.connect-copy>p:last-child{max-width:560px;color:var(--soft);line-height:1.75}.connect-copy code{font-family:var(--mono);color:var(--blue)}.change-demo{padding:30px;background:white;border-radius:20px}.change-row{display:grid;grid-template-columns:130px 1fr auto;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.change-row span{color:var(--soft);font-size:13px}.change-row code{font:13px var(--mono);overflow-wrap:anywhere}.change-row.old{text-decoration:line-through;color:#9297a7}.change-row.new code{color:var(--blue);text-decoration:none}.change-arrow{height:48px;display:grid;place-items:center;color:var(--orange);font-size:26px}.change-demo>p{margin:22px 0 0;color:var(--soft);font-size:13px}.benefit-section{padding:120px 0;display:grid;grid-template-columns:.78fr 1.22fr;gap:10vw;border-top:1px solid var(--line)}.benefit-list article{padding:30px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:120px 1fr;gap:18px}.benefit-list article>span{color:var(--blue);font-size:12px}.benefit-list h3{margin:0;font-size:24px;font-weight:600}.benefit-list p{grid-column:2;margin:0;color:var(--soft);line-height:1.65}.usage-promo{margin:40px auto 120px;max-width:1320px;min-height:560px;padding:72px;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:var(--blue);color:white;border-radius:20px}.usage-promo .kicker{color:#cbd5ff}.usage-promo h2{font-size:clamp(46px,5.4vw,76px);line-height:.98;letter-spacing:-.035em}.mini-report{background:white;color:var(--ink);border-radius:16px;padding:26px;transform:rotate(2deg);box-shadow:14px 14px 0 #1a319e}.report-top{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--soft)}.report-top i{width:8px;height:8px;border-radius:50%;background:#65c995}.report-balance{margin:60px 0 40px}.report-balance span{display:block;color:var(--soft);font-size:13px}.report-balance strong{font-size:54px;color:var(--blue)}.report-lines i{display:block;height:12px;margin-top:12px;background:var(--canvas)}.report-lines i:nth-child(2){width:75%}.report-lines i:nth-child(3){width:52%}.usage-promo .light{align-self:end;justify-self:start;background:white;color:var(--blue)}.faq-section{padding:100px 0 130px;display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;padding:26px 0;display:flex;justify-content:space-between;font-size:19px;font-weight:550;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{color:var(--blue);font-size:24px;transition:transform .2s ease}details[open] summary span{transform:rotate(45deg)}details p{max-width:670px;margin:0 0 26px;color:var(--soft);line-height:1.7}.final-cta{padding:110px max(24px,calc((100vw - 1180px)/2));text-align:center;background:var(--ink);color:white}.final-cta p{color:#aab1ca}.final-cta h2{max-width:780px;margin:20px auto 38px}.final-cta .button{margin:auto}footer{height:100px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;background:var(--ink);color:#aab1ca;border-top:1px solid #2d3148;font-size:12px}footer>span{margin:auto}footer>a:last-child{color:#aab1ca;text-decoration:none}@media(max-width:900px){.nav-shell nav{display:none}.nav-action{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:130px}.code-demo{margin-top:28px}.section-intro{padding-inline:24px;align-items:flex-start;flex-direction:column;gap:14px}.connect-section,.benefit-section,.faq-section{grid-template-columns:1fr;padding-inline:24px}.usage-promo{margin-inline:20px;padding:48px;grid-template-columns:1fr}.mini-report{max-width:560px}.usage-promo .light{align-self:auto}.benefit-list{margin-top:20px}}@media(max-width:560px){.nav-shell{top:10px;width:calc(100% - 20px);height:58px}.brand{font-size:14px}.brand-mark{width:28px;height:28px}.nav-action{padding:11px 12px}.nav-action span{display:none}.hero{padding:110px 20px 70px}.hero-note{align-items:flex-start}h1{font-size:52px}.hero-lead{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.endpoint{align-items:flex-start;flex-wrap:wrap}.endpoint button{margin-left:0}.code-demo{border-radius:16px;box-shadow:8px 10px 0 var(--mint)}.code-block{min-height:350px;padding:26px 20px;font-size:11px}.model-section{padding-bottom:62px}.model-track span{min-width:190px;height:92px}.connect-section,.benefit-section,.faq-section{padding-top:80px;padding-bottom:80px}.change-demo{padding:20px}.change-row{grid-template-columns:1fr}.change-row button{margin-left:0;justify-self:start}.benefit-list article{grid-template-columns:1fr}.benefit-list p{grid-column:auto}.usage-promo{padding:36px 24px;min-height:auto}.usage-promo h2{font-size:45px}.mini-report{transform:none}.faq-section{gap:30px}.final-cta{padding-block:80px}footer>span{display:none}footer{justify-content:space-between}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.model-track{animation:none}}

/* Refined type and alignment pass */
:root{--sans:"Avenir Next","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif}
.hero{grid-template-columns:minmax(0,1fr) minmax(480px,1fr);gap:72px}
.hero-copy{max-width:560px}
h1{max-width:560px;margin:24px 0 28px;font-size:clamp(48px,5.5vw,76px);line-height:1.04;letter-spacing:-.025em;font-weight:560}
.hero-lead{max-width:520px;font-size:17px;line-height:1.75}
.connect-copy h2,.benefit-lead h2,.faq-heading h2,.final-cta h2{max-width:620px;margin:16px 0 24px;font-size:clamp(36px,4vw,54px);line-height:1.1;letter-spacing:-.02em;font-weight:560}
.usage-promo h2{max-width:600px;font-size:clamp(38px,4.2vw,58px);line-height:1.08;letter-spacing:-.02em;font-weight:560}
.section-intro{align-items:center}
.section-intro p{font-size:24px;font-weight:600}
.connect-section,.benefit-section,.faq-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px}
.benefit-list h3{font-size:22px;line-height:1.35;font-weight:570}
.usage-promo{grid-template-columns:minmax(0,1fr) minmax(420px,.85fr);gap:80px}
.mini-report{transform:none}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:40px}.hero-copy{max-width:680px}.connect-section,.benefit-section,.faq-section{grid-template-columns:1fr;gap:44px}.usage-promo{grid-template-columns:1fr;gap:44px}}
@media(max-width:560px){h1{font-size:44px;line-height:1.08}.connect-copy h2,.benefit-lead h2,.faq-heading h2,.final-cta h2{font-size:36px}.usage-promo h2{font-size:38px}}

.value-strip{max-width:1180px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);border-radius:16px;overflow:hidden}
.value-strip article{min-height:190px;padding:30px;display:flex;gap:22px;border-right:1px solid var(--line)}
.value-strip article:last-child{border-right:0}
.value-strip strong{flex:none;color:var(--blue);font-size:28px;font-weight:650;letter-spacing:-.02em}
.value-strip h2{margin:4px 0 12px;font-size:19px;line-height:1.35;font-weight:600}
.value-strip p{margin:0;color:var(--soft);font-size:14px;line-height:1.65}
@media(max-width:900px){.value-strip{margin-inline:24px;grid-template-columns:1fr}.value-strip article{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.value-strip article:last-child{border-bottom:0}}
@media(max-width:560px){.value-strip{margin-inline:20px}.value-strip article{padding:24px;flex-direction:column;gap:8px}}

/* Precision layout pass: core proof points, model marks, and closing grid */
.model-track b{display:none}
.model-track img{width:40px;height:40px;padding:6px;object-fit:contain;border-radius:10px;background:var(--canvas)}
.value-strip{max-width:1180px;margin:0 auto 72px;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);border-radius:0}
.value-strip article{min-height:250px;padding:42px 36px 38px;display:grid;grid-template-rows:52px 56px 1fr;gap:0;align-items:start;text-align:center}
.value-strip strong{align-self:start;font-size:32px;line-height:1.1;font-weight:650;font-variant-numeric:tabular-nums}
.value-strip h2{align-self:start;margin:0;font-size:19px;line-height:1.35}
.value-strip p{max-width:26em;margin:0 auto}
.final-cta{padding:0;text-align:left}
.final-cta-inner{width:min(1180px,calc(100% - 48px));min-height:360px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:72px;align-items:center}
.final-cta p{margin:0 0 16px}
.final-cta h2{max-width:720px;margin:0}
.final-cta .button{min-width:210px;margin:0}
footer{height:auto;padding:0;display:block}
.footer-inner{width:min(1180px,calc(100% - 48px));min-height:100px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.footer-inner>span{justify-self:center}
.footer-inner>a:last-child{justify-self:end;color:#aab1ca;text-decoration:none}
@media(max-width:900px){
  .value-strip{margin-inline:24px}
  .value-strip article{min-height:auto;grid-template-columns:130px minmax(0,1fr);grid-template-rows:auto auto;padding:30px;text-align:left}
  .value-strip strong{grid-row:1/3}
  .value-strip p{margin:8px 0 0}
}
@media(max-width:700px){
  .final-cta-inner{min-height:auto;padding:76px 0;grid-template-columns:1fr;gap:34px;align-items:start}
  .final-cta .button{justify-self:start}
  .footer-inner{grid-template-columns:1fr auto}
  .footer-inner>span{display:none}
}
@media(max-width:560px){
  .value-strip{margin-inline:20px}
  .value-strip article{grid-template-columns:1fr;grid-template-rows:auto;padding:28px 24px;text-align:center}
  .value-strip strong{grid-row:auto}
  .value-strip h2{margin-top:12px}
  .value-strip p{margin:8px auto 0}
  .final-cta-inner,.footer-inner{width:calc(100% - 40px)}
}
.brand-mark{overflow:hidden;background:transparent}
.brand-mark img{display:block;width:100%;height:100%}
.brand-wordmark{display:block;width:92px;height:auto}
footer .brand-wordmark{width:88px}
@media(max-width:560px){.brand-wordmark{width:84px}}
.models-link-wrap{max-width:1180px;margin:28px auto 0;display:flex;justify-content:flex-end}
@media(max-width:900px){.models-link-wrap{padding-inline:24px}}