:root{--ink:#0d1c17;--muted:#617068;--paper:#f5f3ec;--white:#fff;--acid:#c9ff56;--mint:#dff7e7;--line:#d9ded8;--teal:#0a7259;--orange:#ffb46b;--shadow:0 24px 70px rgba(19,38,30,.12);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.5}a{color:inherit}.skip{position:fixed;top:-80px;left:12px;z-index:100;background:var(--ink);color:#fff;padding:12px}.skip:focus{top:12px}.nav-shell{height:78px;padding:0 clamp(20px,4vw,68px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(13,28,23,.12);background:rgba(245,243,236,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:800;letter-spacing:-.03em}.brand b{color:var(--teal)}.brand-mark{width:33px;height:33px;display:grid;place-items:center;background:var(--ink);color:var(--acid);border-radius:10px}.nav-shell nav,.nav-actions{display:flex;align-items:center;gap:24px}.nav-shell nav a{font-size:14px;text-decoration:none;color:#445148}.nav-shell nav a:hover{color:var(--ink)}button,input,select,textarea{font:inherit}.text-button{border:0;background:none;color:var(--ink);font-weight:700;cursor:pointer}.button{min-height:48px;border:1px solid transparent;border-radius:999px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:800;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--acid);color:var(--ink);box-shadow:0 10px 30px rgba(174,225,62,.22)}.button.dark{background:var(--ink);color:#fff}.button.ghost{border-color:#c9d0ca;background:rgba(255,255,255,.55)}.button.text-link{padding:0;border:0;min-height:auto}.button.small{min-height:38px;padding:0 16px;font-size:13px}.button.full{width:100%}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.hero{min-height:calc(100vh - 78px);padding:clamp(58px,8vw,110px) clamp(20px,6vw,96px);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.86fr);gap:clamp(40px,7vw,110px);align-items:center;position:relative;overflow:hidden}.grid-lines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,transparent calc(25% - 1px),rgba(13,28,23,.06) 25%,transparent calc(25% + 1px)),linear-gradient(to right,transparent calc(50% - 1px),rgba(13,28,23,.06) 50%,transparent calc(50% + 1px)),linear-gradient(to right,transparent calc(75% - 1px),rgba(13,28,23,.06) 75%,transparent calc(75% + 1px));z-index:-1}.hero:after{content:"";position:absolute;width:620px;height:320px;border-radius:50%;background:rgba(201,255,86,.24);filter:blur(90px);top:-150px;right:-80px;z-index:-2}.hero-copy{max-width:760px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:900;color:var(--teal);margin:0 0 20px}.hero h1{font-size:clamp(48px,6.2vw,92px);line-height:.94;letter-spacing:-.075em;margin:0;max-width:900px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--teal)}.hero-lede{font-size:clamp(17px,1.6vw,21px);max-width:670px;color:var(--muted);margin:28px 0}.hero-actions{display:flex;gap:18px;align-items:center}.trust-row{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:12px;color:#56645c;margin-top:28px}.hero-tool{background:rgba(255,255,255,.88);border:1px solid rgba(13,28,23,.12);border-radius:34px;padding:clamp(22px,3vw,38px);box-shadow:var(--shadow);backdrop-filter:blur(12px);transform:translateY(-8px)}.tool-topline{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--teal);padding-bottom:20px;border-bottom:1px solid var(--line)}.tool-topline span:last-child{margin-left:auto;color:#829088}.live-dot{width:8px;height:8px;border-radius:50%;background:#25bc72;box-shadow:0 0 0 5px rgba(37,188,114,.12)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;padding:24px 0}.field-grid label,.case-rail label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#526158}.money-input{display:flex;align-items:center;gap:7px;background:#f4f6f2;border:1px solid #dfe4de;border-radius:13px;padding:0 12px;height:49px}.money-input input{border:0;background:transparent;width:100%;font-weight:800;color:var(--ink);outline:0}.money-input:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px rgba(10,114,89,.1)}.decision-panel{background:var(--ink);color:#fff;border-radius:20px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.decision-panel div{display:grid;gap:3px}.decision-panel span{font-size:10px;color:#aab7b0;text-transform:uppercase;letter-spacing:.07em}.decision-panel strong{font-size:20px}.decision-panel .decision-result{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:14px}.decision-result strong{color:var(--acid);font-size:17px}.formula,.tool-disclaimer{font-size:11px;color:#68776f;margin:14px 2px 0}.tool-disclaimer{padding-top:12px;border-top:1px solid var(--line)}.signal-strip{margin:0 clamp(20px,4vw,68px);background:var(--ink);color:#fff;border-radius:24px;display:grid;grid-template-columns:repeat(4,1fr);padding:28px 34px}.signal-strip div{display:grid;gap:4px;padding:0 24px;border-right:1px solid rgba(255,255,255,.12)}.signal-strip div:last-child{border:0}.signal-strip strong{font-size:32px;color:var(--acid);letter-spacing:-.04em}.signal-strip span{font-size:12px;color:#b8c4be}.section{padding:110px clamp(20px,6vw,96px)}.section-heading{max-width:820px;margin-bottom:54px}.section-heading.compact{max-width:690px}.section h2,.final-cta h2{font-size:clamp(36px,5vw,65px);line-height:1.02;letter-spacing:-.055em;margin:0 0 20px}.section-heading>p:last-child{color:var(--muted);font-size:18px}.workspace-section{background:#fff}.workspace-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}.case-rail{background:var(--paper);border-radius:24px;padding:22px;display:grid;gap:19px;position:sticky;top:100px}.case-rail input,.case-rail select,.case-rail textarea,.timeline-form input{width:100%;border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px;color:var(--ink);outline:0}.case-rail input:focus,.case-rail select:focus,.case-rail textarea:focus,.timeline-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(10,114,89,.1)}.privacy-box{border-top:1px solid #d9ded8;padding-top:16px;font-size:11px;color:#68776f}.privacy-box strong{color:var(--ink)}.case-main{display:grid;gap:18px}.panel{border:1px solid var(--line);border-radius:24px;padding:24px;background:#fff}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-head>div{display:flex;align-items:center;gap:12px}.panel-head h3{margin:0;font-size:21px}.step{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--mint);font-size:11px;font-weight:900;color:var(--teal)}.panel-head>span{font-size:12px;color:var(--muted)}.panel-intro{color:var(--muted);font-size:14px}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.check-item{display:flex;gap:11px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fafbf9}.check-item input{margin-top:3px;accent-color:var(--teal)}.check-item strong{display:block;font-size:13px}.check-item small{display:block;color:var(--muted);margin-top:3px}.timeline-form{display:grid;grid-template-columns:150px 1fr auto;gap:10px}.timeline{list-style:none;padding:8px 0 0;margin:0}.timeline li{display:grid;grid-template-columns:120px 1fr auto;gap:16px;padding:14px 8px;border-bottom:1px solid #edf0ec;font-size:13px}.timeline time{font-weight:800;color:var(--teal)}.remove-event{border:0;background:none;color:#a34d40;cursor:pointer}.status-pill{padding:6px 10px;border-radius:999px;background:#fff1dc;color:#92500e!important;font-weight:800}.status-pill.ready{background:var(--mint);color:var(--teal)!important}.pack-preview{background:var(--paper);border-radius:16px;padding:20px;white-space:pre-wrap;font-family:ui-monospace,Consolas,monospace;font-size:12px;max-height:340px;overflow:auto}.export-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.method-section{background:var(--ink);color:#fff}.method-section .eyebrow{color:var(--acid)}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.method-grid article{border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:24px;min-height:260px;background:rgba(255,255,255,.04)}.method-grid article>span{font-size:12px;color:var(--acid)}.method-grid h3{font-size:22px;margin-top:70px}.method-grid p{font-size:13px;color:#b8c4be}.evidence-section{background:#eef5ef}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.source-grid>a,.source-grid>article{min-height:220px;background:#fff;border:1px solid #dbe4dc;border-radius:20px;padding:22px;text-decoration:none;transition:.2s}.source-grid>a:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.source-grid span{font-size:10px;letter-spacing:.12em;font-weight:900;color:var(--teal)}.source-grid h3{font-size:20px;margin:42px 0 8px}.source-grid p{font-size:13px;color:var(--muted)}.counter-card{background:#fff5e8!important;border-color:#f2d6b5!important}.pricing-section{background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.pricing-grid article{border:1px solid var(--line);border-radius:26px;padding:28px;display:flex;flex-direction:column;position:relative}.pricing-grid .featured{background:var(--acid);border-color:var(--acid);transform:translateY(-12px)}.plan{font-weight:900}.pricing-grid h3{font-size:55px;letter-spacing:-.06em;margin:12px 0}.pricing-grid h3 small{font-size:14px;color:var(--muted)}.pricing-grid ul{padding:0;list-style:none;display:grid;gap:12px;margin:20px 0 28px;flex:1}.pricing-grid li:before{content:"✓";margin-right:9px;color:var(--teal);font-weight:900}.popular{position:absolute;right:18px;top:18px;font-size:9px;letter-spacing:.1em;background:var(--ink);color:#fff;padding:6px 9px;border-radius:999px}.commerce-boundary{margin-top:28px;padding:18px 22px;border:1px solid var(--line);border-radius:18px;background:var(--paper);display:flex;gap:16px;align-items:baseline}.commerce-boundary p{margin:0;color:var(--muted);font-size:13px}.final-cta{text-align:center;padding:120px 20px;background:linear-gradient(120deg,#c9ff56,#e3f7c3)}.final-cta .eyebrow{color:var(--ink)}footer{padding:50px clamp(20px,6vw,96px);background:var(--ink);color:#fff;display:grid;grid-template-columns:1.2fr 1fr auto;gap:40px;align-items:start}.footer-brand{color:#fff}.footer-brand .brand-mark{background:#fff;color:var(--ink)}footer>div>p{max-width:520px;font-size:12px;color:#9eada5}footer nav{display:grid;gap:9px;font-size:12px}footer nav a{color:#c6d0cb;text-decoration:none}.company{font-size:11px;color:#8d9c94;text-align:right}dialog{width:min(540px,calc(100% - 28px));border:0;border-radius:26px;padding:32px;box-shadow:0 30px 90px rgba(0,0,0,.28)}dialog::backdrop{background:rgba(10,22,17,.62);backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:28px;cursor:pointer}.order-summary{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px;background:var(--paper);border-radius:14px;margin:20px 0;font-size:13px}.confirm-row{display:flex;gap:10px;align-items:flex-start;font-size:12px;margin:18px 0}.dialog-note{font-size:11px;color:var(--muted)}.toast{position:fixed;right:20px;bottom:20px;background:var(--ink);color:#fff;padding:13px 18px;border-radius:12px;transform:translateY(100px);opacity:0;transition:.25s;z-index:100}.toast.show{transform:none;opacity:1}@media(max-width:1000px){.nav-shell nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-tool{transform:none}.signal-strip{grid-template-columns:1fr 1fr}.signal-strip div:nth-child(2){border-right:0}.signal-strip div{padding:16px}.workspace-grid{grid-template-columns:1fr}.case-rail{position:static}.method-grid{grid-template-columns:1fr 1fr}.source-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr}.pricing-grid .featured{transform:none}.pricing-grid article{min-height:0}footer{grid-template-columns:1fr 1fr}.company{text-align:left}}@media(max-width:640px){.nav-shell{height:66px;padding:0 16px}.nav-actions{gap:8px}.nav-actions .button{display:none}.hero{padding:54px 18px}.hero h1{font-size:48px}.hero-actions{align-items:flex-start;flex-direction:column}.field-grid{grid-template-columns:1fr}.signal-strip{margin:0 12px;padding:14px;grid-template-columns:1fr}.signal-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.section{padding:76px 18px}.checklist{grid-template-columns:1fr}.timeline-form{grid-template-columns:1fr}.timeline li{grid-template-columns:1fr auto}.timeline time{grid-column:1/-1}.method-grid,.source-grid{grid-template-columns:1fr}.method-grid h3{margin-top:36px}.commerce-boundary{display:block}footer{grid-template-columns:1fr;padding:42px 20px}.company{text-align:left}}@media print{body{background:#fff}.nav-shell,.hero,.signal-strip,.section-heading,.case-rail,.checklist-panel,.timeline-panel,.method-section,.evidence-section,.pricing-section,.final-cta,footer,.export-actions,.toast{display:none!important}.workspace-section{padding:0}.workspace-grid{display:block}.panel.export-panel{border:0;padding:0}.pack-preview{max-height:none;background:#fff;white-space:pre-wrap;font-size:12pt}.panel-head{display:flex}dialog{display:none}}

/* ─────────────────────────────────────────────────────────────────────────
   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; }
}