:root{--ink:#171813;--paper:#f3efe6;--paper-2:#e8e2d7;--line:#cbc4b7;--muted:#68675f;--gold:#e3a12d;--gold-soft:#f3d291;--white:#fffdf8;--danger:#9d372b;--success:#2f6f4e;--radius:22px;--shadow:0 28px 70px rgba(33,28,19,.12)}
*{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;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit}.skip-link{position:fixed;left:18px;top:-60px;background:var(--ink);color:white;padding:12px 18px;z-index:99}.skip-link:focus{top:18px}.app-shell{max-width:1540px;margin:auto;padding:16px 24px 0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:20;background:rgba(243,239,230,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(107,101,89,.18)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:-.03em;font-size:19px}.brand-glyph{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--gold);font-family:Georgia,serif;font-style:italic}.pill-nav{display:flex;gap:4px;padding:5px;background:rgba(215,208,194,.66);border-radius:999px}.pill-nav a{padding:9px 15px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:700;color:#53534c}.pill-nav a:hover,.pill-nav a.active{background:var(--white);color:var(--ink);box-shadow:0 3px 10px rgba(0,0,0,.06)}.top-actions{display:flex;align-items:center;gap:10px}.session-dot{width:8px;height:8px;border-radius:50%;background:#a3a097}.session-dot.online{background:#3a9064;box-shadow:0 0 0 4px rgba(58,144,100,.12)}.quiet-button,.lang-button,.text-action{border:0;background:transparent;cursor:pointer;color:var(--ink);font-weight:700}.lang-button{border:1px solid var(--line);border-radius:999px;padding:8px 11px}.welcome-strip{display:grid;grid-template-columns:1.35fr .65fr;gap:7vw;align-items:end;padding:75px 6px 34px}.eyebrow,.section-index{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--muted)}h1,h2,h3,p{margin-top:0}.welcome-strip h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(54px,7vw,106px);line-height:.88;letter-spacing:-.06em;margin:14px 0 0;max-width:1000px;font-weight:500}.welcome-strip h1 em{color:var(--gold);font-weight:500}.hero-intro{padding-bottom:4px}.hero-intro p{font-size:17px;line-height:1.55;color:#4f5049;max-width:560px}.arrow-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ink);padding-top:14px;text-decoration:none;font-weight:800}.arrow-link span:last-child{font-size:25px}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr .82fr;grid-template-rows:420px 300px;gap:14px}.hero-grid>*,.workbench>*,.auth-layout>*,.checkout-section>*,.operator-section>*{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.studio-card{margin:0;grid-row:1/3;position:relative;background:#b6a994}.studio-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.04)}.studio-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(10,10,8,.66))}.studio-card figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;color:white;display:flex;justify-content:space-between;align-items:center;font-size:12px}.live-chip{display:flex;align-items:center;gap:8px;background:rgba(19,20,16,.76);padding:9px 12px;border-radius:999px;backdrop-filter:blur(10px)}.live-chip i,.status-light,.console-top i{width:7px;height:7px;border-radius:50%;background:var(--gold);display:inline-block;box-shadow:0 0 0 4px rgba(227,161,45,.15)}.score-card,.queue-card{background:var(--white);padding:24px}.card-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.trend{background:#e4f0e8;color:var(--success);padding:5px 8px;border-radius:999px}.score-ring{--score:0;width:165px;aspect-ratio:1;margin:25px auto 20px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--gold) calc(var(--score)*1%),#ddd6ca 0)}.score-ring:after{content:"";position:absolute;inset:12px;background:var(--white);border-radius:50%}.score-ring strong,.score-ring span{position:relative;z-index:1}.score-ring strong{font-family:Georgia,serif;font-size:55px;font-weight:500}.score-ring span{position:absolute;z-index:2;bottom:36px;font-size:11px;color:var(--muted)}.score-card>p{color:var(--muted);font-size:13px;line-height:1.5}.mini-bars{display:grid;gap:11px}.mini-bars span{font-size:11px;display:grid;grid-template-columns:70px 1fr 24px;gap:8px;align-items:center}.mini-bars span:after{content:"";grid-column:2;background:linear-gradient(90deg,var(--gold) calc(var(--v)*1%),#ddd6ca 0);height:5px;border-radius:99px;grid-row:1}.mini-bars b{grid-column:3;grid-row:1}.motion-card{grid-column:3;grid-row:1/2;position:relative;background:var(--ink)}.motion-card video{width:100%;height:100%;object-fit:cover}.motion-card:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82))}.motion-overlay{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:white;display:flex;align-items:center;gap:12px}.motion-overlay>span{border:1px solid rgba(255,255,255,.5);width:38px;height:38px;display:grid;place-items:center;border-radius:50%}.motion-overlay div{display:grid}.motion-overlay small{color:#c9c6bd;margin-top:4px}.queue-card{grid-column:2/4;display:flex;flex-direction:column}.queue-card ol{list-style:none;margin:15px 0 0;padding:0}.queue-card li{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:14px 0;border-top:1px solid #ddd6ca}.queue-card li>span{font-family:Georgia,serif;font-size:24px;color:#9d998f}.queue-card li div{display:grid;gap:4px}.queue-card small{color:var(--muted)}.workspace-section,.commerce-section,.operator-section{padding:120px 0 0}.section-heading{display:grid;grid-template-columns:1fr .62fr;gap:9vw;align-items:end;margin-bottom:32px}.section-heading h2,.evidence-copy h2,.operator-copy h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(38px,5vw,72px);line-height:.95;letter-spacing:-.045em;margin:12px 0 0}.section-heading>p,.evidence-copy>p,.operator-copy>p{font-size:16px;line-height:1.6;color:var(--muted);margin:0}.workbench{display:grid;grid-template-columns:1.05fr .95fr;min-height:710px}.scan-panel{background:var(--ink);color:white;padding:28px}.result-panel{background:var(--white);padding:32px}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:28px}.panel-title small{margin-left:auto;color:#aaa99f;letter-spacing:.12em}.scan-panel label,.password-form label,.inline-auth label,.admin-auth label{display:grid;gap:8px;font-size:12px;font-weight:800;letter-spacing:.03em}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scan-panel input,.scan-panel select,.scan-panel textarea,.auth-panel input,.admin-console input{width:100%;border:1px solid #57584f;border-radius:12px;background:#24251f;color:white;padding:13px 14px;outline:none}.scan-panel textarea{resize:vertical}.scan-panel input:focus,.scan-panel textarea:focus,.scan-panel select:focus,.auth-panel input:focus,.admin-console input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(227,161,45,.12)}.scan-panel>label,.scan-panel>.field-row{margin-bottom:16px}.field-meta{display:flex;justify-content:space-between;color:#aaa99f;margin-top:2px}.primary-button,.secondary-button,.auth-button{border:0;border-radius:999px;padding:13px 18px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:18px}.primary-button{width:100%;background:var(--gold);color:#181914}.primary-button:hover{background:#f0b647;transform:translateY(-1px)}.primary-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{background:var(--ink);color:white}.empty-result{height:100%;min-height:500px;display:grid;place-content:center;text-align:center;max-width:360px;margin:auto}.empty-result strong{font-family:Georgia,serif;font-size:29px}.empty-result p{color:var(--muted);line-height:1.6}.radar-mark{width:160px;height:160px;border:1px solid var(--line);border-radius:50%;margin:0 auto 28px;position:relative;background:repeating-radial-gradient(circle,transparent 0 24px,rgba(70,68,61,.08) 25px 26px)}.radar-mark:after{content:"";position:absolute;inset:20%;border-radius:50%;background:conic-gradient(from -30deg,transparent,rgba(227,161,45,.9));filter:blur(.3px)}.report-top{display:flex;align-items:center;gap:24px}.score-ring.compact{width:132px;margin:0;flex:0 0 auto}.score-ring.compact strong{font-size:44px}.score-ring.compact span{bottom:25px}.report-top h3{font-family:Georgia,serif;font-size:38px;margin:6px 0}.report-top p{color:var(--muted);font-size:13px}.category-bars{display:grid;gap:10px;margin:28px 0}.category-row{display:grid;grid-template-columns:100px 1fr 38px;align-items:center;gap:12px;font-size:12px}.category-track{height:7px;background:#e3ddd2;border-radius:99px;overflow:hidden}.category-fill{height:100%;background:var(--gold);border-radius:inherit}.action-list{border-top:1px solid var(--line);padding-top:20px}.action-list h4{margin:0 0 8px}.action-list ol{margin:0;padding-left:20px}.action-list li{padding:8px 0;border-bottom:1px solid #e4ded4;line-height:1.4}.report-actions{display:flex;gap:8px;margin-top:20px}.evidence-section{margin-top:120px;background:var(--ink);color:white;border-radius:var(--radius);display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden}.evidence-copy{padding:68px}.evidence-copy .section-index{color:#aaa99f}.evidence-copy>p{color:#c4c3bb}.evidence-copy ul{margin:28px 0 0;padding:0;list-style:none}.evidence-copy li{padding:12px 0;border-bottom:1px solid #3d3e36}.constellation-frame{margin:0;position:relative;min-height:600px}.constellation-frame img{width:100%;height:100%;object-fit:cover}.constellation-frame figcaption{position:absolute;right:20px;bottom:18px;background:rgba(0,0,0,.7);padding:10px 12px;border-radius:99px;font-size:11px}.auth-layout{display:grid;grid-template-columns:1.15fr .85fr}.auth-panel{background:var(--white);padding:32px}.customer-center{background:#dcd5c8;padding:28px}.oauth-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-button{border:1px solid var(--line);background:var(--paper);justify-content:center}.auth-button.dark{background:var(--ink);color:white}.provider-icon{font-weight:900}.divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--muted);font-size:11px}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.inline-auth{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-bottom:14px}.auth-panel input{background:white;color:var(--ink);border-color:var(--line)}.password-form{border-top:1px solid var(--line);padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.password-form>div{grid-column:1/3;display:flex;align-items:center;gap:14px}.text-action{text-decoration:underline;font-size:12px}.status-message{font-size:12px;color:var(--muted);margin:18px 0 0;min-height:18px}.status-message.error{color:var(--danger)}.status-message.success{color:var(--success)}.state-badge{font-size:10px;padding:6px 9px;border-radius:99px;background:#c9c1b4}.state-badge.live{background:#cee8d8;color:#225d3d}.customer-center>div>p{color:var(--muted);margin-top:70px}.profile-row{display:flex;align-items:center;gap:12px;margin:35px 0}#userAvatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--gold);font-weight:900}.profile-row div{display:grid;gap:3px}.profile-row small{color:var(--muted)}.profile-row button{margin-left:auto}.account-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-stats div{background:rgba(255,255,255,.55);border-radius:14px;padding:16px;display:grid;gap:8px}.account-stats span{font-size:11px;color:var(--muted)}.account-stats strong{font-family:Georgia,serif;font-size:28px}.order-list{margin-top:14px;display:grid;gap:8px}.order-item{background:rgba(255,255,255,.55);border-radius:12px;padding:12px;font-size:12px;display:flex;justify-content:space-between}.checkout-section{margin-top:80px;display:grid;grid-template-columns:.85fr 1.15fr;gap:14px}.price-card{background:var(--gold);padding:42px}.price-card h2{font-family:Georgia,serif;font-size:54px;font-weight:500;margin:10px 0}.price-card>p{max-width:520px;line-height:1.6}.price{display:flex;align-items:end;gap:12px;margin:30px 0}.price strong{font-family:Georgia,serif;font-size:60px;font-weight:500}.price span{padding-bottom:10px}.price-card ul{padding-left:18px;line-height:1.9}.checkout-card{background:var(--white);padding:34px;display:flex;flex-direction:column;justify-content:center}.checkout-card>p{color:var(--muted);line-height:1.6;max-width:600px}.checkout-card .primary-button{max-width:440px;margin-top:18px}.trust-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.trust-row span{border:1px solid var(--line);padding:8px 10px;border-radius:99px;font-size:10px;font-weight:800}.operator-section{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:start;padding-bottom:130px}.operator-copy{position:sticky;top:110px}.admin-console{background:var(--ink);color:white;padding:28px}.console-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #45463e;padding-bottom:18px;font-size:11px;letter-spacing:.08em}.console-top span:first-child{display:flex;gap:10px;align-items:center}.admin-auth{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:26px}.admin-table-wrap{overflow:auto;margin-top:25px}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid #3d3e36;font-size:11px}th{color:#aaa99f;text-transform:uppercase;letter-spacing:.08em}.site-footer{border-top:1px solid var(--line);padding:55px 8px 28px;display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.footer-brand{margin-bottom:15px}.site-footer>div>p{color:var(--muted)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-links div{display:grid;align-content:start;gap:10px}.footer-links strong{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.footer-links a{font-size:13px;color:var(--muted);text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-note{grid-column:1/3;border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:var(--muted)}
@media(max-width:1050px){.pill-nav{display:none}.welcome-strip{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr 1fr;grid-template-rows:480px 350px 280px}.studio-card{grid-column:1/3;grid-row:1}.score-card{grid-column:1;grid-row:2}.motion-card{grid-column:2;grid-row:2}.queue-card{grid-column:1/3;grid-row:3}.section-heading{grid-template-columns:1fr;gap:20px}.evidence-section,.operator-section{grid-template-columns:1fr}.constellation-frame{min-height:450px}.operator-copy{position:static}.workbench,.auth-layout{grid-template-columns:1fr}.checkout-section{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.footer-note{grid-column:1}.operator-section{gap:30px}}
@media(max-width:680px){.app-shell{padding:10px 12px 0}.topbar{height:62px}.quiet-button{display:none}.welcome-strip{padding-top:48px}.welcome-strip h1{font-size:52px}.hero-grid{display:flex;flex-direction:column}.studio-card{height:480px}.score-card,.motion-card{min-height:350px}.queue-card{min-height:auto}.studio-card figcaption>span:last-child{display:none}.workspace-section,.commerce-section{padding-top:90px}.workbench{min-height:0}.scan-panel,.result-panel,.auth-panel,.customer-center,.admin-console{padding:22px}.field-row,.oauth-row,.password-form{grid-template-columns:1fr}.password-form>div{grid-column:1}.inline-auth,.admin-auth{grid-template-columns:1fr}.empty-result{min-height:390px}.evidence-copy{padding:38px 24px}.constellation-frame{min-height:380px}.price-card{padding:30px 24px}.price-card h2{font-size:42px}.operator-section{padding-bottom:90px}.site-footer{gap:30px}.footer-links{grid-template-columns:1fr 1fr}.footer-links div:last-child{grid-column:1/3}.report-top{align-items:flex-start}.score-ring.compact{width:105px}.score-ring.compact strong{font-size:34px}.category-row{grid-template-columns:78px 1fr 30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.motion-card video{display:none}.motion-card{background:url('assets/generated/evidence-constellation-v2.png') center/cover}}

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