:root{color-scheme:dark;--bg:#030504;--fg:#f4fff9;--muted:#95a69d;--card:#0a0f0c;--line:rgba(202,255,226,.16);--accent:#77f7bf;--accent-2:#d6ffe8;--danger:#ff8b78;--warning:#f6cf72;--max:1200px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.75rem 1rem;background:var(--fg);color:#000;border-radius:.5rem}.skip:focus{top:1rem}.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:2rem;padding:1rem clamp(1rem,5vw,5rem);background:linear-gradient(180deg,rgba(3,5,4,.9),transparent);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:.7rem;white-space:nowrap}.brand-mark{width:1.8rem;height:1.8rem;border:2px solid rgba(214,255,232,.75);border-radius:50%;display:inline-grid;place-items:center;box-shadow:0 0 30px rgba(119,247,191,.25)}.brand-mark span{width:.65rem;height:.65rem;border:1px solid var(--accent);border-radius:50%}.brand-mark.large{width:3.6rem;height:3.6rem}.brand-mark.large span{width:1.35rem;height:1.35rem}.nav-links{display:flex;gap:.8rem;color:var(--muted);font-size:.9rem}.nav-links a:hover,.nav-links a:focus-visible,footer a:hover{color:var(--accent)}.language{margin-left:auto;display:flex;border:1px solid var(--line);border-radius:999px;padding:.2rem;background:rgba(0,0,0,.3)}.language button{border:0;background:transparent;color:var(--muted);padding:.4rem .65rem;border-radius:999px;cursor:pointer}.language button[aria-pressed="true"]{background:var(--fg);color:#000}.hero{min-height:100svh;position:relative;display:grid;place-items:center;padding:8rem 1.25rem 3rem}.media-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.media-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,5,4,.22),rgba(3,5,4,.6) 60%,var(--bg));z-index:1}.hero-content{position:relative;z-index:2;max-width:1100px;text-align:center;padding-top:3rem}.trust-row{display:inline-flex;align-items:center;gap:.6rem;color:var(--accent-2);font-size:.88rem;border:1px solid var(--line);padding:.6rem .9rem;border-radius:999px;background:rgba(0,0,0,.35);backdrop-filter:blur(10px)}.pulse{width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 .4rem rgba(119,247,191,.12)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(3.3rem,8.5vw,8rem);line-height:.92;letter-spacing:-.065em;margin:2rem auto 1.4rem;max-width:1050px;font-weight:620}.hero h1 em,.section h2 em{font-family:Georgia,serif;font-weight:400}.hero-sub{max-width:720px;margin:0 auto 2rem;font-size:clamp(1rem,2vw,1.25rem);color:#d9e7df}.hero-actions{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--line);border-radius:999px;padding:.85rem 1.35rem;font-weight:650;cursor:pointer;transition:.2s transform,.2s background}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--fg);color:#020403;border-color:var(--fg)}.button.glass{background:rgba(255,255,255,.04);backdrop-filter:blur(10px);color:var(--fg)}.button.wide{width:100%}.research-strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:760px;margin:3rem auto 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.research-strip div{padding:1rem;border-right:1px solid var(--line)}.research-strip div:last-child{border:0}.research-strip strong{display:block;font-size:1.5rem}.research-strip span{font-size:.78rem;color:var(--muted)}.section{width:min(var(--max),calc(100% - 2rem));margin:auto;padding:clamp(5rem,11vw,9rem) 0}.eyebrow{color:var(--accent);font-size:.72rem;letter-spacing:.24em;font-weight:700}.section>h2,.tool-copy h2,.cinematic h2,.budget-grid h2,.limits h2{font-size:clamp(2.7rem,6vw,5.6rem);line-height:1;letter-spacing:-.05em;max-width:980px}.intro{text-align:center}.intro>p:not(.eyebrow){max-width:740px;margin:0 auto 4rem;color:var(--muted);font-size:1.1rem}.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.provider-card{padding:2.3rem 1.5rem;border:1px solid var(--line);border-radius:1.5rem;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent);text-align:left}.provider-card img{width:5.5rem;height:5.5rem;display:block;margin:0 auto 2.5rem}.provider-card h3{font-size:1.3rem}.provider-card p{color:var(--muted)}.diagnostic-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,5rem);align-items:start}.tool-copy{position:sticky;top:7rem}.tool-copy p{color:var(--muted)}.privacy-list{list-style:none;padding:0}.privacy-list li{padding:.6rem 0;border-bottom:1px solid var(--line)}.privacy-list li:before{content:"✓";color:var(--accent);margin-right:.7rem}.glass-panel{background:rgba(255,255,255,.025);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px);border-radius:1.5rem;padding:clamp(1.2rem,3vw,2rem)}.tool-panel label,.budget-card label{display:grid;gap:.45rem;margin-bottom:1.15rem;color:var(--accent-2);font-weight:600}.tool-panel small{font-weight:400;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--line);background:#060a08;color:var(--fg);border-radius:.8rem;padding:.85rem;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(119,247,191,.12)}textarea{resize:vertical;min-height:10rem}.checks{display:grid;gap:.4rem;margin:1rem 0 1.3rem}.checks label{display:flex;align-items:flex-start;gap:.7rem;margin:0;padding:.7rem;border:1px solid transparent;border-radius:.7rem;color:var(--muted);font-weight:500}.checks label:hover{border-color:var(--line)}.checks input{width:1.1rem;margin-top:.25rem;accent-color:var(--accent)}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-note{font-size:.75rem;color:var(--muted);margin:.8rem 0 0}.result{grid-column:1/-1;border:1px solid var(--line);border-radius:1.5rem;padding:2rem;display:grid;grid-template-columns:auto 1fr;gap:2rem;background:var(--card)}.result[hidden]{display:none}.score-ring{width:8rem;height:8rem;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--accent) var(--score),rgba(255,255,255,.08) 0);position:relative}.score-ring:after{content:"";position:absolute;inset:.55rem;border-radius:50%;background:var(--card)}.score-ring span,.score-ring small{position:relative;z-index:1}.score-ring span{font-size:2.3rem;font-weight:700}.score-ring small{color:var(--muted)}.result ol{grid-column:2;padding-left:1.2rem}.result li{margin:.55rem 0;color:#dbe8e0}.result-actions{grid-column:2;display:flex;gap:.7rem;flex-wrap:wrap}.cinematic{position:relative;min-height:700px;display:grid;align-items:end;overflow:hidden;border-radius:2rem;padding:clamp(2rem,7vw,6rem);margin-top:3rem;margin-bottom:3rem}.cinematic video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58}.cinematic:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(3,5,4,.9))}.cinematic-copy{position:relative;z-index:1;max-width:840px}.cinematic-copy p:last-child{max-width:650px;color:#d8e5de;font-size:1.1rem}.wide-video{height:clamp(260px,38vw,470px);border-radius:1.5rem;overflow:hidden;border:1px solid var(--line);margin-bottom:4rem}.wide-video video{width:100%;height:100%;object-fit:cover}.budget-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem}.budget-grid>div>p:last-child{color:var(--muted);max-width:600px}.budget-card{border:1px solid var(--line);border-radius:1.5rem;padding:2rem;background:var(--card)}.buffer-output{margin-top:1.3rem;padding:1rem;border-radius:1rem;background:rgba(119,247,191,.08);min-height:3.5rem}.evidence{text-align:center}.evidence>p:not(.eyebrow){max-width:760px;margin:0 auto 3rem;color:var(--muted)}.evidence-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem;text-align:left}.evidence-list a{border:1px solid var(--line);padding:1.5rem;border-radius:1rem;background:rgba(255,255,255,.02);transition:.2s border-color,.2s transform}.evidence-list a:hover{border-color:var(--accent);transform:translateY(-2px)}.evidence-list span{display:block;color:var(--muted);font-size:.78rem;margin-bottom:.7rem}.evidence-list strong{font-size:1.06rem}.limits{border-top:1px solid var(--line)}.limit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.limit-grid article{padding:2rem;border-left:1px solid var(--line)}.limit-grid span{color:var(--accent);font-size:.8rem}.limit-grid p{color:var(--muted)}.final-cta{min-height:76svh;position:relative;display:grid;place-items:center;text-align:center;padding:4rem 1rem;overflow:hidden}.final-content{position:relative;z-index:2;max-width:850px}.final-content h2{font-size:clamp(3rem,8vw,7rem);line-height:.95;letter-spacing:-.06em;margin:1.5rem 0}.final-content p{color:#d8e5de;font-size:1.1rem;max-width:650px;margin:0 auto 2rem}.final-content>div{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap}footer{display:grid;grid-template-columns:1.3fr 1fr auto;gap:2rem;padding:3rem clamp(1rem,5vw,5rem);border-top:1px solid var(--line);color:var(--muted);font-size:.84rem}footer strong{color:var(--fg)}footer nav{display:flex;flex-wrap:wrap;gap:1rem}footer p{margin:.4rem 0 0;max-width:520px}.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media (max-width:850px){.nav{gap:1rem}.nav-links{display:none}.provider-grid,.limit-grid{grid-template-columns:1fr}.diagnostic-section,.budget-grid{grid-template-columns:1fr}.tool-copy{position:static}.evidence-list{grid-template-columns:1fr}.result{grid-template-columns:1fr}.result ol,.result-actions{grid-column:1}.field-pair{grid-template-columns:1fr}footer{grid-template-columns:1fr}.research-strip{grid-template-columns:1fr}.research-strip div{border-right:0;border-bottom:1px solid var(--line)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.media-cover,.cinematic video,.wide-video video{display:none}.hero,.final-cta,.cinematic{background:radial-gradient(circle at 50% 20%,#164b38,#030504 60%)}}
/* TJ-097 avatar slot contract */
.avatar-stack{display:flex}.avatar-stack img{width:1.9rem;height:1.9rem;border-radius:50%;border:2px solid #07100c;margin-left:-.35rem}.avatar-stack img:first-child{margin-left:0}
/* QA repair: keep evidence visible in no-script/full-page capture and prevent the diagnostic copy from overlapping the result card. */
.reveal{opacity:1!important;transform:none!important}.tool-copy{position:static!important}
/* Pipeline semantic-token consumption and adaptive persona media slots. */
:root{--background:var(--bg);--foreground:var(--fg);--border:var(--line);--primary:var(--accent);--font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--tj-surface:var(--bg);--tj-text:var(--fg);--tj-border:var(--line);--tj-radius:1.5rem;--tj-font-body:var(--font-body)}
body{background:var(--tj-surface);color:var(--tj-text);font-family:var(--tj-font-body)}
.persona-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.persona-proof figure{margin:0;display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--tj-border);border-radius:var(--tj-radius);text-align:left;background:rgba(255,255,255,.02)}.persona-proof img{width:4rem;height:4rem;border-radius:50%}.persona-proof figcaption,.provider-card figcaption{color:var(--muted);font-size:.75rem}.provider-card{margin:0}
@media (max-width:850px){.persona-proof{grid-template-columns:1fr}}
@media (max-width:850px){html[lang="zh-CN"] .hero h1{font-size:clamp(2.25rem,10vw,2.6rem);line-height:1.15;letter-spacing:-.02em;max-width:22rem}}

/* ─────────────────────────────────────────────────────────────────────────
   TJ hero balance fix — shouyi 2026-08-18
   Root cause: .hero was a grid with NO max-width, so on wide screens it grew
   to the full viewport while .hero-copy stayed capped (720–760px). The right
   column also carried a larger fr (1.17–1.18), so the wider the screen the
   further the whole composition leaned right. Appended (not edited in place)
   so the original cascade is preserved and this is easy to roll back.
   ───────────────────────────────────────────────────────────────────────── */
.hero {
  max-width: 1520px;
  margin-inline: auto;
}
@media (min-width: 1100px) {
  .hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr); }
}
@media (min-width: 1800px) {
  /* stop the visual from swelling past a comfortable reading rhythm */
  .hero { max-width: 1560px; }
}