@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{color:#1a1a1a;--midnight:#0e2a40;--deep-green:#1b6558;--teal:#309077;--slate:#3d4f5c;--steel:#6b7e8c;background:radial-gradient(circle at 0 0,#f3e0704d,#0000 26%),radial-gradient(circle at right 12%,#30907724,#0000 24%),linear-gradient(#f6faf8 0%,#eef5f2 100%);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}a{color:inherit}.wizard-shell{width:min(1180px,100% - 40px);margin:0 auto;padding:28px 0 72px}.wizard-header{grid-template-columns:220px minmax(0,1fr);align-items:center;gap:28px;padding:20px 0 30px;display:grid}.brand-logo{width:100%;max-width:220px;display:block}.header-kicker,.screen-step,.summary-kicker{color:#2f8e77;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:700}.wizard-header h1,.screen h2{color:var(--midnight);letter-spacing:-.04em;margin:0}.wizard-header h1{max-width:12ch;font-size:clamp(2.2rem,4vw,3.6rem);line-height:.95}.header-copy>p:last-child,.screen-head p:last-child{color:#405463;max-width:60ch;margin:14px 0 0;font-size:1.02rem}.wizard-steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:22px;display:grid}.wizard-step{background:#ffffffb3;border:1px solid #b8c8d0c7;border-radius:18px;align-items:center;gap:10px;padding:12px 14px;display:flex}.wizard-step span{width:30px;height:30px;color:var(--midnight);background:#edf2f5;border-radius:999px;place-items:center;font-weight:700;display:grid}.wizard-step p{color:#526572;margin:0;font-size:.9rem;font-weight:600}.wizard-step.active,.wizard-step.done{background:#fff}.wizard-step.active{border-color:#2f8e778c;box-shadow:0 12px 35px #0e2a4014}.wizard-step.active span,.wizard-step.done span{color:#fff;background:linear-gradient(135deg,#2f8e77,#0e2a40)}.wizard-layout{grid-template-columns:300px minmax(0,1fr);gap:24px;display:grid}.wizard-summary,.wizard-card,.choice-card,.source-card,.package-banner,.user-card,.review-box,.result-box,.validation-item{background:#ffffffeb;border:1px solid #b8c8d0c7;box-shadow:0 20px 60px #0e2a4014}.wizard-summary,.wizard-card{border-radius:28px}.wizard-summary{color:#f6faf8;background:linear-gradient(#0e2a40fa,#227662f5);height:fit-content;padding:24px;position:sticky;top:24px}.wizard-summary h2{margin:0;font-size:1.55rem;line-height:1.05}.wizard-summary ul{margin:18px 0 0;padding:0;list-style:none}.wizard-summary li{color:#f6faf8eb;border-top:1px solid #ffffff1f;padding:10px 0}.summary-box{background:#ffffff14;border-radius:18px;gap:6px;margin-top:16px;padding:16px;display:grid}.summary-box strong{color:#f3e070}.wizard-card{padding:30px}.screen{gap:24px;display:grid}.screen-head.centered{text-align:center}.grid{gap:16px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.field{color:#435563;gap:8px;font-size:.94rem;font-weight:600;display:grid}.field.full-width{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;color:var(--midnight);font:inherit;background:#fbfcfc;border:1px solid #b8c8d0e0;border-radius:18px;padding:14px 16px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#2f8e77c2;outline:none;box-shadow:0 0 0 4px #2f8e771f}.choice-grid,.source-grid,.review-grid,.result-grid{gap:14px;display:grid}.choice-grid,.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-grid,.result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-card,.source-card{text-align:left;cursor:pointer;border-radius:22px;padding:18px}.choice-card.selected,.source-card.selected{background:linear-gradient(#e5f3f0eb,#fffffff5);border-color:#2f8e778c}.choice-card strong,.source-card strong,.review-box h3,.email-preview h3{color:var(--midnight);margin:0;display:block}.choice-card span,.source-card span,.review-box span,.result-box span,.validation-item span{color:#667987;margin-top:8px;display:block}.toggle-list{background:#0e2a400a;border-radius:22px;gap:12px;padding:20px;display:grid}.toggle-list label,.consent-row{color:#435563;align-items:center;gap:10px;display:flex}.package-banner,.user-card,.email-preview{border-radius:24px;padding:22px}.package-banner{background:linear-gradient(#e5f3f0f2,#fffffff2);justify-content:space-between;gap:20px;display:flex}.package-banner strong{color:var(--midnight);display:block}.package-banner span{color:#607381;margin-top:6px;display:block}.user-card{gap:18px;display:grid}.user-card-head,.screen-actions.split,.package-banner,.action-group{justify-content:space-between;align-items:center;gap:14px;display:flex}.review-box,.result-box,.validation-item{border-radius:20px;padding:18px}.review-box p,.result-box strong{color:var(--midnight);margin:0;font-weight:700}.validation-list{gap:12px;display:grid}.validation-item strong{color:var(--midnight)}.result-screen{justify-items:center}.result-mark{color:#fff;background:linear-gradient(135deg,#2f8e77,#0e2a40);border-radius:999px;place-items:center;width:78px;height:78px;font-size:2rem;font-weight:800;display:grid}.email-preview{width:100%}.email-preview pre{color:var(--midnight);white-space:pre-wrap;background:#0e2a400d;border-radius:18px;margin:14px 0 0;padding:18px;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.9rem;line-height:1.55}.screen-actions{justify-content:flex-end;gap:12px;display:flex}.primary-button,.secondary-button,.ghost-button{font:inherit;cursor:pointer;border:none;border-radius:999px;padding:14px 22px;font-weight:700}.ghost-button.small{padding:8px 12px}.primary-button{color:#fff;background:linear-gradient(135deg,#2f8e77,#0e2a40)}.secondary-button{color:var(--midnight);background:#0e2a4014}.ghost-button{color:var(--midnight);background:0 0;text-decoration:underline}@media (width<=1100px){.wizard-layout,.wizard-header,.review-grid,.result-grid,.three-columns,.two-columns,.choice-grid,.source-grid,.wizard-steps{grid-template-columns:1fr}.wizard-summary{position:static}}@media (width<=720px){.wizard-shell{width:min(100% - 24px,1000px);padding-top:20px}.wizard-card,.wizard-summary{padding:22px}.wizard-header{gap:14px}.brand-logo{max-width:170px}.wizard-header h1{max-width:none;font-size:clamp(2rem,11vw,3.2rem)}.package-banner,.screen-actions.split,.user-card-head,.action-group{flex-direction:column;align-items:stretch}}
