@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{
  --bg:#fafaf8;--surface:#fff;--text:#101116;--muted:#586273;--subtle:#8f99a7;
  --line:#e4e4df;--blue:#2529ed;--blue-soft:#eef1ff;--green:#169b52;--green-soft:#eaf8ef;
}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
a{color:inherit}
.archetype-brand{display:inline-flex;align-items:center;text-decoration:none}
.archetype-brand img{display:block;width:122px;height:auto}
.archetype-header{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:30px 0;display:flex;justify-content:space-between;align-items:center}
.back-link{font-size:13px;color:var(--muted);text-decoration:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px}

/* Landing */
.hero{position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(55% 60% at 55% 0%,rgba(37,41,237,.09),transparent 75%);pointer-events:none}
.hero-inner{width:min(980px,calc(100% - 40px));margin:0 auto;padding:62px 0 90px;position:relative}
.pill{display:inline-flex;align-items:center;border:1px solid #c6d0ff;background:#f4f5ff;color:var(--blue);border-radius:999px;padding:7px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.hero h1{font-size:55px;line-height:1.06;letter-spacing:-.05em;max-width:900px;margin:21px 0 19px}
.hero p{font-size:18px;line-height:1.62;color:var(--muted);max-width:820px;margin:0}
.cta{margin-top:30px;border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:11px;padding:15px 21px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 14px 35px rgba(37,41,237,.18)}
.meta{font:500 11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--subtle);margin-top:14px}

/* Questionnaire */
.assessment-page{min-height:100vh;background:var(--bg)}
.assessment-progress{height:4px;background:#ededeb;position:fixed;left:0;right:0;top:0;z-index:20}
.assessment-progress span{display:block;height:100%;background:var(--blue);transition:width .2s ease}
.assessment-main{width:min(940px,calc(100% - 40px));margin:0 auto;padding:145px 0 100px}
.question-count{font-size:13px;font-weight:700;color:var(--blue);margin-bottom:28px}
.assessment-main h1{font-family:'Playfair Display',Georgia,serif;font-size:52px;line-height:1.08;letter-spacing:-.035em;margin:0 0 44px;max-width:920px}
.text-answer{display:block;width:100%;border:0;border-bottom:2px solid #dbddd8;background:#eaf1ff;padding:19px 3px 17px;font-family:'Playfair Display',Georgia,serif;font-size:32px;line-height:1.25;color:#07080b;outline:none}
.text-answer:focus{border-bottom-color:var(--blue);background:#e5edff}
.text-answer::placeholder{color:#9ba3af}
.answers{display:grid;gap:12px;max-width:900px}
.answer{width:100%;display:flex;align-items:flex-start;gap:15px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px 18px;text-align:left;color:#273142;font-size:15px;line-height:1.45;cursor:pointer;transition:border .15s,background .15s,transform .15s}
.answer:hover{border-color:#aeb2ff;transform:translateY(-1px)}
.answer.selected{border-color:var(--blue);background:#f4f5ff;box-shadow:0 0 0 2px rgba(37,41,237,.07)}
.letter{width:31px;height:31px;display:grid;place-items:center;border:1px solid #dcded8;border-radius:8px;background:#fafaf8;color:#616b7a;font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;flex:0 0 auto}
.answer.selected .letter{background:var(--blue);border-color:var(--blue);color:#fff}
.assessment-actions{display:flex;align-items:center;gap:16px;margin-top:33px}
.nav-btn{min-height:47px;border:1px solid var(--line);background:#fff;color:#1b2230;border-radius:10px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}
.nav-btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;padding:0 24px}
.nav-btn:disabled{opacity:.45;cursor:not-allowed}
.inline-error{margin-top:16px;border:1px solid #f3b8b8;background:#fff4f4;color:#a52323;border-radius:10px;padding:11px 13px;font-size:13px}
.processing-screen{min-height:100vh;width:min(1080px,calc(100% - 40px));margin:0 auto;padding:45px 0;display:flex;flex-direction:column}
.processing-screen>.archetype-brand{margin-bottom:100px}
.processing-card{width:min(590px,100%);margin:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:38px;text-align:center;box-shadow:0 18px 55px rgba(16,24,40,.07)}
.processing-card h1{font-size:30px;letter-spacing:-.035em;margin:0 0 10px}
.processing-card p{font-size:15px;line-height:1.6;color:var(--muted);margin:0}
.spinner{width:45px;height:45px;border:4px solid #e8e9e5;border-top-color:var(--blue);border-radius:50%;margin:0 auto 22px;animation:spin .85s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* Report */
.report-page{width:min(1020px,calc(100% - 40px));margin:0 auto;padding:45px 0 70px}
.report-page>.archetype-brand{margin-bottom:70px}
.report-progress{width:min(690px,100%);margin:0 auto 64px;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:18px}
.report-progress>i{height:1px;background:#dedfd9}
.report-step{display:flex;align-items:center;gap:10px;color:#5d6775;font-size:14px}
.report-step span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#efefeb;color:#9da5b0;font-size:13px;font-weight:700}
.report-step.complete span{background:var(--green);color:#fff}
.report-step.current{color:#171a20}
.report-step.current span{background:var(--blue);color:#fff}
.report-step b{font-weight:500}
.report-intro{width:min(760px,100%);margin:0 auto 34px}
.report-intro h1{font-size:40px;letter-spacing:-.045em;line-height:1.12;margin:0 0 12px}
.report-intro p{font-size:16px;line-height:1.52;color:var(--muted);margin:0;max-width:690px}
.archetype-report-card{width:min(760px,100%);margin:0 auto;background:#fff;border:1px solid #dcddd8;border-radius:17px;overflow:hidden;box-shadow:0 2px 4px rgba(16,24,40,.05)}
.archetype-report-card>header{padding:31px 27px 28px;background:linear-gradient(120deg,#f1f2ff 0%,#fff 58%,#fff5ef 100%)}
.report-kicker{display:block;color:#6d78a0;font-size:13px;margin-bottom:10px}
.archetype-report-card h2{font-size:34px;line-height:1.15;letter-spacing:-.04em;margin:0 0 13px}
.archetype-report-card header p{font-size:15px;line-height:1.48;color:var(--muted);margin:0;max-width:680px}
.report-insights{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:25px 26px}
.report-insights section{border:1px solid #e2e2dd;background:#fafaf8;border-radius:14px;padding:18px}
.report-insights span{font-size:12px;color:#7b8595}
.report-insights h3{font-size:18px;line-height:1.3;letter-spacing:-.02em;margin:8px 0 5px}
.report-insights p{font-size:13px;line-height:1.45;color:var(--muted);margin:0}
.archetype-report-card>footer{border-top:1px solid #e7e7e2;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.archetype-report-card code{font-size:11px;color:#87919f}
.download-report{border:1px solid #dedfd9;background:#fff;color:#46505f;border-radius:9px;padding:9px 13px;font-size:12px;cursor:pointer}
.report-next{width:min(760px,100%);margin:42px auto 0;border:1px solid #bfc2ff;background:linear-gradient(120deg,#f5f5ff,#fff);border-radius:17px;padding:24px 26px;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}
.report-next span{font-size:11px;color:#87919f}
.report-next h2{font-size:22px;letter-spacing:-.03em;margin:7px 0 8px}
.report-next p{font-size:14px;line-height:1.5;color:var(--muted);margin:0}
.next-payment{min-height:47px;display:inline-flex;align-items:center;justify-content:center;background:var(--blue);border:1px solid var(--blue);border-radius:10px;color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:0 20px;white-space:nowrap}
.report-home{display:block;text-align:center;margin:30px auto 0;color:#9099a5;font:500 11px ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none}
.missing-report{width:min(620px,100%);margin:100px auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;text-align:center}
.missing-report h1{font-size:30px;letter-spacing:-.035em;margin:0 0 10px}
.missing-report p{font-size:14px;line-height:1.55;color:var(--muted);margin:0 0 22px}

@media(max-width:780px){
  .archetype-header{width:calc(100% - 28px);padding:20px 0}.archetype-brand img{width:108px}
  .hero-inner{width:calc(100% - 28px);padding:45px 0 65px}.hero h1{font-size:39px}.hero p{font-size:15px}
  .assessment-main{width:calc(100% - 28px);padding:100px 0 70px}.assessment-main h1{font-size:39px;margin-bottom:31px}.text-answer{font-size:27px}.answer{font-size:14px}
  .report-page{width:calc(100% - 28px);padding-top:26px}.report-page>.archetype-brand{margin-bottom:45px}.report-progress{gap:9px;margin-bottom:45px}.report-step b{display:none}.report-intro h1{font-size:33px}.report-insights{grid-template-columns:1fr}.report-next{grid-template-columns:1fr}.next-payment{width:100%}
}
@media(max-width:460px){
  .assessment-main h1{font-size:33px}.question-count{margin-bottom:20px}.text-answer{font-size:24px}.assessment-actions{display:grid;grid-template-columns:auto 1fr}.nav-btn.primary{width:100%}
  .report-progress{width:100%}.archetype-report-card>header{padding:24px 20px}.archetype-report-card h2{font-size:29px}.report-insights{padding:18px}.archetype-report-card>footer{align-items:flex-start;flex-direction:column}.download-report{width:100%}.report-next{padding:21px}
}
@media print{
  body{background:#fff}.report-page{width:100%;padding:0}.report-page>.archetype-brand,.report-progress,.report-next,.report-home,.download-report{display:none!important}.report-intro,.archetype-report-card{width:100%}.archetype-report-card{box-shadow:none}
}

/* Account capture after the original 12-question assessment. */
.account-capture-main{max-width:840px}
.account-capture-main h1{max-width:800px;margin-bottom:18px}
.account-capture-copy{max-width:680px;margin:0 0 34px;color:var(--muted);font-size:16px;line-height:1.6}
.account-email-label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}
.account-email-input{font-family:Inter,Arial,sans-serif;font-size:25px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 18px}
.account-email-input:focus{background:#fff;border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,41,237,.08)}
.account-privacy{margin-top:18px;color:var(--subtle);font:500 11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
@media(max-width:780px){.account-capture-copy{font-size:14px}.account-email-input{font-size:20px}}


/* August UX document updates — identity flow only */
.identity-hero .hero-inner{text-align:left}.identity-hero h1{max-width:940px}.identity-ceiling{margin-top:18px!important;color:#1e2632!important;font-weight:650;max-width:760px!important}
.enter-hint{margin-top:10px;color:#8b94a2;font:500 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}
.identity-report-page{text-align:left}.identity-confirmation,.diagnostic-offer{width:min(820px,100%);margin:0 auto}.identity-confirmation>h1{font-size:42px;line-height:1.08;letter-spacing:-.045em;margin:0 0 10px}.identity-lead{font-size:17px;line-height:1.55;color:var(--muted);margin:0 0 28px}.identity-email-card{border:1px solid #dfe0dc;background:#fff;border-radius:17px;padding:24px;margin-bottom:34px}.identity-email-card>span,.identity-section-label,.offer-kicker{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#747f8f;font-weight:750}.identity-email-card h2{font-size:22px;line-height:1.35;margin:8px 0}.identity-email-card p{font-size:14px;color:var(--muted);margin:0}.identity-next-step,.end-game{padding:8px 0 28px}.identity-next-step h2,.end-game h2{font-size:25px;line-height:1.3;letter-spacing:-.025em;margin:9px 0 15px}.identity-questions{display:grid;gap:8px}.identity-questions p{margin:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.45}.end-game>p,.end-game>ul{font-size:14px;line-height:1.6;color:var(--muted)}.end-game ul{padding-left:20px}.guarantee-card{display:grid;grid-template-columns:52px 1fr;gap:15px;border:1px solid #f1d59a;background:#fffaf0;border-radius:16px;padding:20px;margin:23px 0}.guarantee-mark{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#f3b929;color:#fff;font-size:24px;box-shadow:0 6px 15px rgba(205,149,0,.2)}.guarantee-card h3{font-size:18px;margin:0 0 7px}.guarantee-card p{font-size:13px;line-height:1.55;color:#685722;margin:0 0 8px}.identity-continue{min-width:145px}.diagnostic-offer{padding:55px 0 20px}.top-one-copy{padding-bottom:27px}.top-one-copy h2{font-size:34px;line-height:1.14;letter-spacing:-.04em;margin:0 0 14px}.top-one-copy p{font-size:15px;line-height:1.6;color:var(--muted);max-width:740px}.diagnostic-offer-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.diagnostic-offer-card>h2{font-size:29px;margin:8px 0 6px}.offer-sub{font-size:14px;color:var(--muted);margin:0 0 22px}.offer-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.offer-columns section{background:#fafaf8;border:1px solid #e8e8e3;border-radius:13px;padding:18px}.offer-columns h3{font-size:15px;margin:0 0 11px}.offer-columns ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:13px;line-height:1.4}.offer-sublist{font-size:11px;color:var(--muted);margin:5px 0 0 16px;line-height:1.45}.offer-cta{margin-top:21px;min-height:50px;padding:0 24px}
@media(max-width:700px){.identity-confirmation>h1{font-size:34px}.identity-next-step h2,.end-game h2{font-size:22px}.guarantee-card{grid-template-columns:1fr}.top-one-copy h2{font-size:29px}.offer-columns{grid-template-columns:1fr}.diagnostic-offer-card{padding:22px 18px}.identity-continue,.offer-cta{width:100%}}