:root{--accent:#d65638;--ink:#17201d;--line:#dfe6dd;--muted:#65716d;--paper:#fffdf7;--soft:#eef4ef;--teal:#1f8a78;color:var(--ink);font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #1f8a7857}img{max-width:100%}.site-header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding:0 32px;display:flex;position:sticky;top:0}.brand{color:var(--ink);white-space:nowrap;align-items:center;gap:10px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:var(--ink);color:#fff;border-radius:7px;justify-content:center;align-items:center;width:42px;height:34px;font-size:12px;display:inline-flex}.site-header nav{align-items:center;gap:6px;display:flex}.site-header nav a,.ghost-link,.primary-link,.share-preview a{color:var(--ink);border-radius:7px;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.site-header nav a:hover,.ghost-link:hover,.share-preview a:hover{background:var(--soft)}.hero-band{background-image:linear-gradient(90deg, #f6f8f4fa 0%, #f6f8f4e0 36%, #f6f8f414 68%), var(--hero-image);background-position:50%;background-size:cover;align-items:center;min-height:78svh;padding:64px 32px;display:flex}.hero-copy{max-width:700px}.eyebrow,.card-label,.result-kicker{color:var(--muted);letter-spacing:0;align-items:center;gap:7px;margin:0;font-size:13px;font-weight:800;display:inline-flex}h1,h2,h3{color:var(--ink);letter-spacing:0;margin:0}h1{max-width:790px;margin-top:18px;font-size:clamp(44px,7vw,86px);line-height:.98}h1 span{display:block}h2{font-size:clamp(30px,4vw,54px);line-height:1.05}h3{font-size:25px;line-height:1.18}.lead,.section-heading p,.spread-copy p,.deploy-section p,.result-card p,.result-block p{color:var(--muted);font-size:16px;line-height:1.75}.lead{color:#3e4542;max-width:600px;margin-top:20px;font-size:18px}.hero-actions,.result-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.primary-link,.primary-button{background:var(--ink);color:#fff}.primary-link:hover,.primary-button:hover{background:#25312d}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.primary-button,.icon-button{cursor:pointer;border:0;border-radius:7px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:15px;font-weight:800;display:inline-flex}.icon-button{background:var(--soft);color:var(--ink);justify-content:center;width:46px}.diagnosis-section,.monetize-section,.spread-section,.deploy-section{padding:76px 32px}.section-heading{text-align:center;gap:14px;max-width:940px;margin:0 auto 34px;display:grid}.section-heading.compact{max-width:820px}.quiz-layout{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:24px;max-width:1120px;margin:0 auto;display:grid}.quiz-panel,.result-panel,.share-preview{border:1px solid var(--line);background:#fff;border-radius:8px;box-shadow:0 22px 55px #1c232014}.quiz-panel{min-height:490px;padding:28px}.quiz-status{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;font-weight:800;display:flex}.progress-track,.mini-track{background:#edf0eb;border-radius:999px;overflow:hidden}.progress-track{height:9px;margin:12px 0 28px}.progress-track span,.mini-track span{background:var(--accent);height:100%;transition:width .25s;display:block}.option-list{gap:12px;margin-top:24px;display:grid}.option-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:#fbfcf8;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:92px;padding:18px 20px;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.option-button:hover{border-color:#d65638;transform:translateY(-1px);box-shadow:0 12px 28px #d6563821}.option-button strong,.option-button small{display:block}.option-button strong{font-size:17px;line-height:1.35}.option-button small{color:var(--muted);margin-top:5px;font-size:14px}.result-panel{gap:18px;padding:20px;display:grid}.result-card,.plan-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:24px}.accent-card{background:var(--ink);border-color:var(--ink)}.accent-card h3,.accent-card p{color:#fff}.accent-card .card-label{color:#ffffffb8}.score-grid{gap:14px;display:grid}.score-row{gap:8px;display:grid}.score-row span{color:var(--ink);font-size:13px;font-weight:800}.mini-track{height:8px}.result-block{gap:16px;display:grid}.result-catch{font-weight:800;color:var(--accent)!important;font-size:18px!important}.result-detail-band{background:var(--soft);border-block:1px solid var(--line);padding:54px 32px}.detail-grid,.plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1120px;margin:0 auto;display:grid}.result-card{gap:12px;display:grid}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag-list span{color:#1c4c43;background:#eef7f4;border:1px solid #c9e5dc;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-card{gap:22px;display:grid}.plan-card p{color:var(--accent);margin:0 0 8px;font-size:13px;font-weight:900}.plan-card span{color:var(--muted);margin-top:8px;display:block}.plan-card ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.plan-card li{color:var(--ink);align-items:center;gap:8px;font-weight:700;display:flex}.revenue-strip{background:var(--ink);color:#fff;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;max-width:1120px;margin:22px auto 0;display:grid;overflow:hidden}.revenue-strip div{background:#ffffff0f;gap:7px;padding:22px;display:grid}.revenue-strip span{color:#ffffffad;font-size:14px;line-height:1.55}.spread-section{border-block:1px solid var(--line);background:#f7f4ea;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);align-items:center;gap:36px;display:grid}.spread-copy{gap:14px;max-width:740px;display:grid}.share-preview{gap:16px;padding:24px;display:grid}.share-preview span{color:var(--muted);font-size:13px;font-weight:800}.share-preview strong{color:var(--ink);font-size:22px;line-height:1.35}.share-preview a{background:var(--soft);justify-content:center}.deploy-section{background:var(--ink);color:#fff}.deploy-section>div{text-align:center;gap:14px;max-width:900px;margin:0 auto;display:grid}.deploy-section h2,.deploy-section p,.deploy-section .eyebrow{color:#fff}code{color:#fff;background:#ffffff24;border-radius:5px;padding:3px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}@media (width<=980px){.site-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px;position:static}.site-header nav{flex-wrap:wrap}.hero-band{background-image:linear-gradient(90deg, #f6f8f4fa 0%, #f6f8f4e6 52%, #f6f8f42e 100%), var(--hero-image);min-height:auto;padding:56px 20px 180px}.diagnosis-section,.monetize-section,.spread-section,.deploy-section{padding:56px 20px}.quiz-layout,.spread-section{grid-template-columns:1fr}.detail-grid,.plan-grid,.revenue-strip{grid-template-columns:1fr 1fr}}@media (width<=620px){.site-header nav a{padding-inline:9px}.hero-band{background-image:linear-gradient(90deg, #f6f8f4fc 0%, #f6f8f4e6 62%, #f6f8f45c 100%), var(--hero-image);background-position:66%;padding-bottom:150px}h1{font-size:36px;line-height:1.06}.quiz-panel{padding:20px}.option-button{align-items:flex-start;min-height:104px;padding:16px}.detail-grid,.plan-grid,.revenue-strip{grid-template-columns:1fr}.result-actions,.hero-actions{flex-direction:column;align-items:stretch}.primary-link,.ghost-link,.primary-button{justify-content:center;width:100%}}