:root{--navy:#071f60;--orange:#ff6905;--muted:#45577d;--cream:#fff9f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--navy);font-family:Inter,Arial,sans-serif;background:linear-gradient(120deg,#fff 0%,#fffcf7 65%,#fff 100%);font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit}svg{width:28px;height:28px;flex-shrink:0}.wrap{width:min(1120px,90%);margin-inline:auto}.wide{width:min(1220px,98%);margin-inline:auto}h1,h2,h3,p{margin:0}p{color:var(--muted);line-height:1.5}h1,h2,h3{letter-spacing:-.045em}h2{font-size:34px;line-height:1.13;font-weight:800}h3{font-size:15px;line-height:1.22;font-weight:800;letter-spacing:-.035em}em{color:var(--orange);font-style:normal}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.055em;text-transform:uppercase;color:#ef5800;margin-bottom:14px}.logo{font-size:31px;letter-spacing:-1.8px;font-weight:900;white-space:nowrap}.logo span{color:var(--orange)}.logo sup{font-size:23px;margin-left:1px;vertical-align:top}.header{height:82px;display:flex;align-items:center;gap:55px;position:relative;z-index:5}.header nav{display:flex;gap:34px;font-size:13px;font-weight:600}.header-actions{margin-left:auto;display:flex;gap:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:0 23px;border-radius:12px;font-size:14px;font-weight:700;border:1px solid transparent;transition:transform .2s,box-shadow .2s;white-space:nowrap}.button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #ff690522}.primary{background:linear-gradient(110deg,#ff7905,#ff5f00);color:white}.secondary{border-color:var(--navy);background:#ffffffa8}.outline{border-color:var(--orange);background:#ffffffbd}.navy{background:var(--navy);color:white}.button span{font-size:23px;font-weight:400}.hero{min-height:414px;position:relative;display:flex;align-items:center}.hero-copy{position:relative;width:48%;z-index:2;padding:25px 0 32px}.hero h1{font-size:53px;line-height:1.01;font-weight:900;letter-spacing:-2.4px;margin-bottom:14px}.intro{font-size:16px;max-width:465px;line-height:1.4}.hero-actions{display:flex;gap:15px;margin-top:23px}.proof{display:flex;gap:22px;margin-top:32px}.proof>div{display:flex;gap:9px;align-items:center}.proof-icon{width:37px;height:37px;background:white;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.proof-icon svg{width:23px;height:23px}.orange{color:var(--orange);font-size:26px}.proof strong{font-size:13px;color:var(--navy);display:block;white-space:nowrap}.proof small{font-size:11px;display:block}.hero-art{position:absolute;right:-5.5%;bottom:0;width:64%;aspect-ratio:584/355;background-image:url('../img/landing/reference.png');background-size:175.343% auto;background-position:100% 4.237%;mask-image:linear-gradient(to right,transparent,#000 12%)}.problems{margin-top:20px;display:grid;grid-template-columns:33% 1fr;gap:28px;padding:24px 45px;border-radius:28px;background:radial-gradient(at 10% 30%,#fff3df,#fcf7ef);align-items:center}.section-copy>p:not(.eyebrow){margin-top:12px;max-width:320px}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.problem-card{display:flex;align-items:center;gap:12px;background:#fff;border-radius:19px;padding:10px 16px 10px 9px;min-height:120px}.problem-card p{font-size:13px;margin-top:7px;line-height:1.3}.character{width:104px;height:104px;flex-shrink:0;background-image:url('../img/landing/reference.png');background-size:1024px 1536px;border-radius:16px}.character-0{background-position:-384px -433px}.character-1{background-position:-684px -434px}.character-2{background-position:-384px -551px}.character-3{background-position:-684px -551px}.features{display:grid;grid-template-columns:26% 1fr;gap:28px;align-items:center;padding-block:26px}.features h2{font-size:30px}.features .eyebrow{font-size:10px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.feature-card{display:flex;gap:15px;background:white;border-radius:17px;padding:17px 15px;box-shadow:0 5px 24px #42230006;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-3px);box-shadow:0 6px 22px #071f6012}.feature-card p{font-size:12px;line-height:1.3;margin-top:5px}.feature-icon{display:grid;place-items:center;background:linear-gradient(130deg,#ffa244,#ff6905);color:white;border-radius:15px;width:54px;height:54px;flex-shrink:0}.tone-2 .feature-icon,.tone-5 .feature-icon{background:linear-gradient(130deg,#009ff4,#006ab0)}.tone-3 .feature-icon{background:linear-gradient(130deg,#00bace,#00788f)}.tone-4 .feature-icon{background:linear-gradient(130deg,#006bd4,#071f60)}.underline{position:relative}.underline:after{content:'';position:absolute;width:96px;height:5px;border-top:3px solid var(--orange);border-bottom:2px solid var(--orange);bottom:-15px;right:12px;transform:rotate(-7deg)}.steps{display:grid;grid-template-columns:23% 1fr;align-items:center;background:#fff;border-radius:36px;padding:25px 45px}.steps h2{font-size:30px}.steps ol{padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;list-style:none}.steps li{position:relative;text-align:center}.step-number{position:absolute;top:4px;left:3px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--orange);color:white;font-size:13px}.steps li:nth-child(even) .step-number{background:var(--navy)}.step-icon{display:grid;place-items:center;margin:0 auto 9px;width:60px;height:60px;border:2px solid #f0f1f5;border-radius:50%}.steps li:not(:last-child):after{content:'→';position:absolute;right:-24px;top:35px;font-size:26px;color:var(--orange)}.steps p{font-size:12px;margin-top:7px}.steps h3{font-size:14px}.mobile-section{position:relative;min-height:292px;padding-top:30px;overflow:hidden}.mobile-section .section-copy{position:relative;z-index:2;width:30%;padding-bottom:26px}.mobile-section .button{margin-top:18px;min-height:42px}.mobile-note{display:block;margin-top:9px;color:var(--muted);font-size:10px}.mobile-art{position:absolute;right:-2%;bottom:0;width:73%;aspect-ratio:700/247;background-image:url('../img/landing/reference.png');background-size:146.286% auto;background-position:100% 79.365%;mask-image:linear-gradient(to right,transparent,#000 8%)}.cta{display:flex;gap:30px;align-items:center;padding:22px 65px;background:linear-gradient(110deg,#ffeed4,#fff3e2,#ffecd0);border-radius:23px;position:relative}.cap{color:var(--orange)}.cap svg{width:72px;height:60px;stroke-width:1.6}.cta h2{font-size:30px}.cta p{font-size:14px;margin-top:3px;color:var(--navy)}.cta .button{margin-left:auto;min-width:240px}.testimonials{display:grid;grid-template-columns:29% 1fr;gap:25px;align-items:center;padding-block:25px}.testimonials h2{font-size:25px}.testimonials .eyebrow{font-size:10px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.quote{padding:15px;background:white;border-radius:16px;box-shadow:0 4px 24px #42230005}.quote-person{display:flex;gap:9px;align-items:center}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffeadb;color:#ac4200;font-weight:700;flex-shrink:0}.quote h3{font-size:11px}.quote small{font-size:9px;color:var(--muted)}.stars{color:var(--orange);font-size:13px;letter-spacing:1px}.quote p{font-size:11px;margin-top:8px;line-height:1.4}.footer{display:flex;gap:20px;align-items:center;min-height:75px;border-top:1px solid #f4f0e9}.footer .logo{font-size:26px}.footer .logo sup{font-size:18px}.footer p,.footer small{font-size:10px}.footer nav{display:flex;gap:20px;margin:auto;font-size:11px}.menu-toggle{display:none}.skip-link{position:fixed;top:-80px;left:15px;padding:15px;background:white;z-index:20}.skip-link:focus{top:8px}:focus-visible{outline:3px solid #0088de;outline-offset:5px}
@media(min-width:1400px){.hero{min-height:455px}}
@media(max-width:1050px){.header{gap:30px}.header nav{gap:22px}.header-actions{gap:10px}.header .button{padding-inline:17px}.hero h1{font-size:45px}.hero-copy{width:49%}.hero-actions{gap:10px}.hero-actions .button{padding-inline:16px;font-size:12px}.proof{gap:12px}.proof-icon{display:none}.problems{padding:24px 30px;grid-template-columns:31% 1fr}.character{width:85px}.problem-card{gap:8px;padding-right:12px}.features{grid-template-columns:25% 1fr;gap:20px}.feature-card{gap:10px;padding:15px 12px}.feature-icon{width:45px;height:48px}.features h2{font-size:26px}.steps{padding-inline:30px}.cta{padding-inline:35px;gap:20px}.cta .button{min-width:205px}.cta h2{font-size:27px}}
@media(max-width:760px){.wrap{width:90%}.wide{width:94%}.header{height:75px;gap:15px;flex-wrap:wrap}.logo{font-size:28px}.header-actions{gap:8px}.header-actions .button{min-height:38px;padding-inline:13px;font-size:11px}.header-actions .primary span{display:none}.menu-toggle{display:block;order:3;border:0;background:#fff0df;color:var(--navy);border-radius:8px;width:36px;height:36px;font-size:21px}.header nav{display:none;position:absolute;top:66px;left:0;right:0;padding:20px;background:white;box-shadow:0 12px 25px #071f6015;border-radius:12px;justify-content:space-between}.header nav.is-open{display:flex}.hero{display:flex;flex-direction:column;min-height:0;align-items:stretch}.hero-copy{width:100%;padding:28px 0 0}.hero h1{font-size:clamp(37px,7.8vw,57px);letter-spacing:-1.8px}.intro{font-size:15px;max-width:510px}.hero-actions .button{font-size:12px;min-height:46px;padding-inline:18px}.proof{gap:20px;margin-top:25px}.proof strong{font-size:12px}.proof small{font-size:10px}.hero-art{position:relative;width:111%;right:5.5%;margin-top:15px;aspect-ratio:584/340;mask-image:linear-gradient(to bottom,transparent,#000 7%)}.problems{grid-template-columns:1fr;padding:28px 22px;gap:24px;margin-top:12px}.section-copy>p:not(.eyebrow){max-width:100%}h2{font-size:30px}.problem-grid{gap:12px}.problem-card{min-height:130px;flex-direction:column;align-items:flex-start;padding:14px}.character{height:90px;width:90px;align-self:center}.problem-card h3 br{display:none}.problem-card p{font-size:12px}.features{grid-template-columns:1fr;padding-block:35px;gap:28px}.features h2{font-size:30px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:12px}.feature-card{flex-direction:column;padding:18px}.feature-card h3{font-size:14px}.feature-card p{font-size:12px}.steps{grid-template-columns:1fr;padding:28px 22px;gap:35px}.steps ol{grid-template-columns:1fr 1fr;gap:28px 22px}.steps li:after{display:none}.step-number{left:10px}.mobile-section{padding-top:32px}.mobile-section .section-copy{width:100%;padding-bottom:10px}.mobile-section .section-copy>p{max-width:350px}.mobile-section h2 br:nth-child(2){display:none}.mobile-art{position:relative;right:4%;width:111%;margin-top:10px}.cta{flex-wrap:wrap;padding:24px;gap:12px}.cap svg{width:45px;height:45px}.cta>div{flex:1}.cta h2{font-size:23px}.cta p{font-size:12px}.cta .button{width:100%;margin-top:8px}.testimonials{grid-template-columns:1fr;padding-block:32px;gap:20px}.testimonial-grid{grid-template-columns:1fr}.quote{padding:20px}.quote h3{font-size:13px}.quote small,.quote p{font-size:12px}.footer{flex-wrap:wrap;gap:12px;padding-block:20px}.footer nav{order:3;width:100%;margin:8px 0;gap:26px}.footer small{order:4;width:100%}.footer p{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Brand assets */
.logo{display:inline-flex;align-items:center;line-height:0}
.logo img{display:block;width:145px;height:auto}
.footer .logo img{width:123px}
@media(max-width:760px){.logo img{width:130px}}
@media(max-width:460px){.header .logo img{width:113px}}
/* Keep illustration crops clear of the reference's adjacent text. */
.character{width:94px}
@media(max-width:460px){.header{gap:8px;flex-wrap:nowrap}.header .logo{font-size:24px;letter-spacing:-1.5px}.header .logo sup{font-size:18px}.header-actions{gap:6px}.header-actions .button{padding-inline:10px;font-size:10px}.menu-toggle{width:31px;height:34px;flex-shrink:0}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-actions .button{padding-inline:10px;gap:8px;font-size:11px;white-space:normal}.hero-actions .button span{font-size:18px}.proof{justify-content:space-between;gap:8px}.proof strong{font-size:11px}.proof small{font-size:9px}}

.result-showcase{padding:46px 4% 41px;margin-top:4px;border-radius:32px;background:#fffaf1;text-align:center}.result-heading{max-width:600px;margin:0 auto 29px}.result-heading h2{font-size:36px;text-transform:uppercase;letter-spacing:-.055em}.result-heading>p:last-child{margin-top:11px;font-size:15px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;text-align:left}.result-card{overflow:hidden;background:#fff;border:3px solid #202020;border-radius:19px;box-shadow:6px 7px 0 #202020;min-height:320px}.result-card header{display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:3px solid #202020}.result-card header span{display:grid;place-items:center}.result-card header svg{width:28px;height:28px;stroke-width:2.2}.result-card header h3{text-transform:uppercase;font-size:15px;letter-spacing:-.025em}.score-card header{background:#bde7fb}.interest-card header{background:#c9b9f7}.plan-card header{background:#c5f3dc}.result-body{padding:26px 24px}.score-row,.interest-row{display:grid;grid-template-columns:minmax(105px,1fr) minmax(110px,1.1fr) 39px;align-items:center;gap:12px;margin:13px 0;font-size:13px;font-weight:700}.bar{display:block;height:11px;border:2px solid #202020;border-radius:20px;overflow:hidden;background:#fff}.bar i{display:block;height:100%;border-radius:10px}.blue i{background:#5364e9}.pink i{background:#ef63a0}.green i{background:#28c99a}.yellow i{background:#f6a11b}.purple i{background:#8751dd}.specialist{display:inline-block;padding:8px 14px;margin-bottom:14px;border:2px solid #6277f2;border-radius:99px;color:#5364e9;font-size:12px;font-weight:800}.interest-row{grid-template-columns:minmax(105px,1fr) minmax(84px,1.1fr) 34px;margin:13px 0;font-size:12px}.major-match{display:flex;align-items:center;gap:12px;margin-top:20px;padding:12px;border:2px solid #202020;border-radius:12px;background:#fffaf1}.major-match>b{display:grid;place-items:center;width:52px;height:52px;border:2px solid #202020;border-radius:9px;background:#5364e9;color:#16203e;font-size:16px}.major-match span{display:grid;gap:4px}.major-match strong{font-size:14px}.major-match small{font-size:11px;color:#53606e}.task{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid #e3e4e6}.task>span{display:grid;place-items:center;width:22px;height:22px;border:2px solid #c7cad0;border-radius:50%;color:#09ba84;font-weight:900;flex-shrink:0}.task.done>span{border-color:#10c993}.task p{display:grid;gap:4px;color:#222}.task.done strong{text-decoration:line-through;color:#555}.task strong{font-size:13px}.task small{font-size:11px;color:#667085}.plan-progress{margin-top:23px;text-align:center}.plan-progress>b{display:block;height:11px;border:2px solid #202020;border-radius:12px;background:#fff;overflow:hidden}.plan-progress i{display:block;width:66%;height:100%;background:#24c99b}.plan-progress small{display:block;margin-top:9px;font-size:11px;font-weight:700;color:#50545e}.result-note{margin:25px 0 0;color:#68718b;font-size:12px}
@media(max-width:950px){.result-showcase{padding-inline:28px}.result-card{min-height:345px}.result-body{padding:20px 15px}.score-row{grid-template-columns:1fr 1fr 32px;gap:8px;font-size:11px}.interest-row{grid-template-columns:1fr 1fr 30px;gap:7px;font-size:11px}.result-card header{padding-inline:14px}.result-card header h3{font-size:12px}.major-match{gap:8px}.major-match small{font-size:9px}}
@media(max-width:760px){.result-showcase{padding:37px 18px;border-radius:24px}.result-heading h2{font-size:29px}.result-heading>p:last-child{font-size:14px}.result-grid{grid-template-columns:1fr;gap:18px}.result-card{min-height:0}.result-body{padding:22px}.score-row{grid-template-columns:1fr 1.2fr 40px;font-size:13px}.interest-row{grid-template-columns:1fr 1.2fr 38px;font-size:12px}.result-card header h3{font-size:14px}}

/* Results section follows the landing page's soft visual language. */
.result-showcase{padding:52px 4%;background:linear-gradient(125deg,#fff7ea 0%,#fffdf9 52%,#fff5e4 100%);border-radius:30px}
.result-heading h2{color:var(--navy);font-size:34px;text-transform:none;letter-spacing:-.05em}
.result-card{border:1px solid #f0ece6;border-radius:18px;box-shadow:0 9px 28px rgba(7,31,96,.07);min-height:325px;transition:transform .2s ease,box-shadow .2s ease}
.result-card:hover{transform:translateY(-4px);box-shadow:0 15px 34px rgba(7,31,96,.12)}
.result-card header{gap:11px;padding:18px;border:0}.result-card header span{width:43px;height:43px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#ff982f,#ff6805)}
.result-card header span svg{width:22px;height:22px;stroke-width:2}.result-card header h3{font-size:14px;text-transform:none;color:var(--navy);letter-spacing:-.035em}
.score-card header{background:transparent}.interest-card header{background:transparent}.plan-card header{background:transparent}.score-card header span{background:linear-gradient(135deg,#1ba8f2,#066db8)}.interest-card header span{background:linear-gradient(135deg,#577df5,#253ec4)}.plan-card header span{background:linear-gradient(135deg,#16bccc,#087b99)}
.result-body{padding:12px 20px 23px}.score-row,.interest-row{color:#405070;font-weight:600}.score-row strong,.interest-row strong{color:var(--navy)}.bar{height:8px;border:0;background:#edf0f5}.bar i{border-radius:20px}.blue i{background:linear-gradient(90deg,#3e98ec,#1760d5)}.pink i{background:linear-gradient(90deg,#fe8aaf,#ee4d8c)}.green i{background:linear-gradient(90deg,#2ed4a5,#13a982)}.yellow i{background:linear-gradient(90deg,#ffc554,#ff8b09)}.purple i{background:linear-gradient(90deg,#ad75f1,#7345d2)}
.specialist{padding:8px 12px;border:0;background:#edf1ff;color:#4262db;font-size:12px}.major-match{border:1px solid #e5e8f0;border-radius:12px;background:#f8faff}.major-match>b{border:0;border-radius:10px;background:linear-gradient(135deg,#6090f6,#3155d8);color:#fff}.major-match strong{color:var(--navy)}.task{border-color:#edf0f3}.task>span{border-color:#d6dce5}.task.done>span{background:#e1fff3;border-color:#56d3ab}.task p{color:var(--navy)}.plan-progress>b{height:8px;border:0;background:#e9f0ef}.plan-progress i{background:linear-gradient(90deg,#25cda5,#0a9d85)}
@media(max-width:760px){.result-showcase{padding:38px 18px}.result-card{min-height:0}.result-card header{padding:16px}.result-body{padding:10px 18px 21px}}