@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#172f2e;--muted:#5b6966;--mint:#c4f56d;--border:#dfe6e0;--soft:#f3f6f1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #638e28;outline-offset:6px}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.header{width:min(1344px,calc(100% - 72px));margin:auto;height:106px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;font-family:'Manrope',sans-serif;font-size:23px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand svg{width:33px;height:33px;margin-right:9px}.brand>span{font-weight:500;color:#637566}.header nav{display:flex;gap:34px;font-size:14px;font-weight:550}.header nav a:hover,.text-link:hover{color:#537526}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:17px 24px;border-radius:7px;font-size:15px;font-weight:650;line-height:1.4;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.dark{background:var(--ink);color:white}.dark:hover{background:#2b4940}.small{padding:13px 19px;font-size:14px}.mint{background:var(--mint);color:var(--ink)}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:64px;padding-top:63px;padding-bottom:96px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;display:flex;align-items:center;gap:10px}.line{width:26px;height:2px;background:#729d43}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',sans-serif}h1{font-size:clamp(50px,5.2vw,75px);line-height:1.1;letter-spacing:-3.8px;font-weight:600;margin:25px 0}.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.055em}h1 .serif{color:#567846}.hero-copy>p{color:var(--muted);font-size:18px;line-height:1.75;max-width:460px}.actions{display:flex;align-items:center;gap:25px;margin-top:33px;flex-wrap:wrap}.text-link{font-size:14px;font-weight:650;display:inline-flex;gap:16px;align-items:center}.hero-note{margin-top:24px;font-size:12px;color:var(--muted);display:flex;gap:9px;align-items:center}.check{font-size:14px;color:#52733b}.map-scene{position:relative;background:#f0f5ed;border:1px solid #dce5d8;border-radius:15px;padding:24px 26px 20px;min-width:0;box-shadow:0 22px 60px #18312608}.scene-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;letter-spacing:1.4px;gap:8px}.example-label{background:#fff;border:1px solid #dce5d8;padding:4px 9px;border-radius:20px;font-size:10px;letter-spacing:0;font-weight:500}.map-heading{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.map-heading h2{font-size:25px;line-height:1.25;letter-spacing:-.9px}.route-symbol{font-size:36px;font-weight:400}.map-canvas{height:355px;position:relative;background-image:radial-gradient(#cddbcc 1px,transparent 1px);background-size:18px 18px;margin-top:14px}.route{position:absolute;inset:0;width:100%;height:100%}.map-label{position:absolute;display:flex;flex-direction:column;line-height:1.55;font-size:12px}.map-label strong{font-size:14px}.map-label>span:last-child{color:#647369}.tiny{font-size:9px!important;letter-spacing:1.3px;font-weight:700}.current{bottom:7%;left:16%}.skills{top:39%;left:15%;background:white;padding:12px 16px;border:1px solid #dce5d8;border-radius:8px;box-shadow:0 5px 12px #243c3110}.skills .tiny{color:#5b7b3c}.milestone{top:30%;left:36%;background:#f0f5ed;padding:3px 7px}.destination{top:0;right:17%;text-align:right}.map-bottom{display:flex;gap:13px;align-items:center;padding:9px 0 2px;border-top:1px solid #d9e3d5}.map-bottom p{font-size:12px;color:#647369;line-height:1.5}.map-bottom strong{font-weight:550;color:var(--ink)}.mini-compass{font-size:35px;font-weight:400}.floating-note{position:absolute;bottom:24px;right:-26px;background:#fff;border:1px solid #e3e8df;border-radius:8px;padding:14px 18px;display:flex;align-items:center;gap:11px;box-shadow:0 8px 22px #1831260a;transform:translateY(75%)}.floating-note strong,.floating-note span:not(.note-icon){display:block;font-size:12px;line-height:1.65}.floating-note span:not(.note-icon){color:var(--muted);font-size:10px}.note-icon{width:30px;height:30px;border-radius:50%;background:#ecf7df;display:grid;place-items:center;color:#547a32}.benefit-band{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fcfdfb}.benefits{display:flex;align-items:center;justify-content:space-between;padding-top:25px;padding-bottom:25px;gap:20px;font-size:14px;font-weight:500}.benefits i{font-size:11px;display:inline-grid;place-items:center;margin-right:12px;font-style:normal;width:25px;height:25px;border:1px solid #d6dfd1;border-radius:50%;color:#687b5e}.section{padding-top:95px;padding-bottom:95px}h2{font-size:43px;line-height:1.19;font-weight:550;letter-spacing:-1.8px}.section .eyebrow{margin-bottom:20px}.problem{display:grid;grid-template-columns:1fr 1fr;gap:100px}.problem-copy p{color:var(--muted);font-size:16px;margin-bottom:20px}.problem-copy p strong{font-weight:500;color:var(--ink)}.problem-copy .text-link{margin-top:4px}.plan-section{background:var(--soft)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:47px}.section-heading>p{font-size:16px;color:var(--muted);padding-bottom:4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:43px}.steps article{position:relative;border-top:1px solid #b7c8ae;padding-top:25px}.step-number{display:grid;place-items:center;background:#e4ecd9;border:1px solid #d3dec7;border-radius:50%;width:39px;height:39px;font-size:13px;font-weight:600;margin-bottom:28px}.steps h3{font-size:21px;font-weight:650;letter-spacing:-.6px;margin-bottom:13px}.steps p{color:var(--muted);font-size:15px;line-height:1.75}.step-tag{display:block;font-size:12px;margin-top:26px;font-weight:600;color:#57713f}.tool-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}.tool{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;padding:27px 24px;min-width:0}.feature-tool{background:#f1f5eb;border-color:#e0e8d7}.tool-top{display:flex;align-items:center;gap:12px;margin-bottom:29px}.tool-icon{font-size:28px;line-height:1;display:inline-flex;width:30px}.pill{font-size:9px;font-weight:650;letter-spacing:1px}.tool h3{font-size:24px;letter-spacing:-.8px;line-height:1.3;margin-bottom:16px}.tool p{color:var(--muted);font-size:15px;line-height:1.75}.tool-name{display:block;margin-top:auto;padding-top:32px;font-size:12px;font-weight:650}.mini-route{display:flex;align-items:center;gap:7px;margin-top:25px;font-size:10px;font-weight:500}.mini-route span{padding:5px 7px;background:#fff;border:1px solid #d8e2d0;border-radius:5px}.mini-route b{font-weight:400}.outcome{background:#183632;color:#fff;position:relative;overflow:hidden}.outcome-inner{text-align:center;padding-top:80px;padding-bottom:80px}.outcome .eyebrow{justify-content:center;color:#c4d8bd;margin-bottom:23px}.outcome h2{font-size:56px;line-height:1.13}.outcome h2 .serif{color:#ccedab}.outcome p{max-width:515px;margin:24px auto 29px;color:#c5d1cb;font-size:17px}.outcome-note{display:block;font-size:12px;color:#bbcdc1;margin-top:18px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:85px}.faq .eyebrow{font-size:10px;letter-spacing:1.2px}.questions details{border-bottom:1px solid var(--border)}.questions details:first-child{border-top:1px solid var(--border)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:15px;font-weight:550;padding:21px 0}summary::-webkit-details-marker{display:none}summary>span{font-size:23px;font-weight:400}details[open] summary>span{transform:rotate(45deg)}details p{font-size:15px;color:var(--muted);padding:0 28px 23px 0}footer{border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:32px;padding-bottom:35px}footer .brand{font-size:19px}footer .brand svg{width:27px;height:27px}footer>span,footer small{font-size:12px;color:var(--muted)}.skip{position:fixed;top:-100px;left:10px;background:var(--ink);color:white;padding:12px;z-index:5}.skip:focus{top:10px}
@media(min-width:1500px){.hero{padding-top:82px;padding-bottom:115px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header{width:calc(100% - 48px)}.hero{gap:30px}h1{font-size:59px}.header nav{gap:20px}.map-scene{padding:20px 18px}.floating-note{right:-10px}.problem{gap:45px}.tool-grid{grid-template-columns:1fr 1fr}.feature-tool{grid-column:1 / -1}.feature-tool .mini-route{max-width:380px}.tool h3{font-size:25px}.faq{gap:45px}.steps{gap:25px}.hero-note{font-size:11px}.map-label strong{font-size:12px}.map-label{font-size:10px}.skills{padding:9px}.scene-top{font-size:9px;letter-spacing:1px}}@media(max-width:760px){.header{height:82px;width:calc(100% - 36px);gap:10px}.header nav{display:none}.brand{font-size:20px}.brand svg{width:29px;height:29px}.header .button{padding:11px 13px;font-size:12px;gap:8px}.header .button span{display:none}.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding-top:39px;padding-bottom:65px;gap:43px}.hero-copy{max-width:560px}h1{font-size:65px;letter-spacing:-3.2px;line-height:1.06;margin:24px 0}.hero-copy>p{font-size:17px;max-width:500px}.eyebrow{font-size:10px;letter-spacing:1.3px}.actions{gap:23px;margin-top:27px}.button{padding:16px 20px}.hero-note{font-size:12px}.map-scene{max-width:520px;width:100%;margin:auto;padding:21px}.map-heading h2{font-size:25px}.map-label strong{font-size:13px}.map-label{font-size:11px}.floating-note{right:12px;bottom:20px}.scene-top{font-size:10px}.benefits{display:grid;gap:15px;padding-top:23px;padding-bottom:23px;font-size:14px}.benefits i{margin-right:17px}.section{padding-top:62px;padding-bottom:62px}h2{font-size:36px;letter-spacing:-1.5px}.problem,.faq{grid-template-columns:1fr;gap:28px}.section-heading{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:33px}.section-heading>p br{display:none}.steps{grid-template-columns:1fr;gap:30px}.steps article{padding-left:60px;min-height:150px;padding-top:23px}.step-number{position:absolute;left:0;top:24px;width:36px;height:36px}.steps h3{font-size:22px}.step-tag{margin-top:14px}.tool-grid{grid-template-columns:1fr}.feature-tool{grid-column:auto}.tool{padding:25px}.tool-top{margin-bottom:20px}.tool h3{font-size:25px}.tool-name{padding-top:23px}.mini-route{font-size:11px}.outcome-inner{padding-top:65px;padding-bottom:65px}.outcome h2{font-size:43px}.outcome p{font-size:16px}.outcome .eyebrow{font-size:9px}footer{flex-wrap:wrap;gap:16px}footer>span{display:none}footer small{font-size:11px}.faq .eyebrow{font-size:9px}.map-canvas{height:330px}.map-bottom p{font-size:11px}}@media(max-width:380px){.header .brand{font-size:17px}.header .button{font-size:11px;padding:10px}.header .brand svg{width:26px;height:26px}h1{font-size:55px}.hero-note{font-size:10px}.actions{gap:16px}.actions .text-link{font-size:12px}.button{font-size:14px}.map-label strong{font-size:11px}.map-label{font-size:9px}.example-label{font-size:9px}.scene-top{font-size:8px}.mini-route{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* MyCareerMap pastel brand */
:root{--ink:#37334b;--muted:#686579;--mint:#dcd0f4;--border:#e5e0ed;--soft:#f5f1fc}
body{background:#fefdfd;font-family:'DM Sans',Arial,sans-serif}.brand>span{color:#797085}.line{background:#afa0cf}.dark{background:#ded3f6;color:#37334b;border:1px solid #cfc0ed}.dark:hover{background:#d0bfef}.mint{background:#d7ece4;color:#37334b;border:1px solid #c1ded2}.mint:hover{background:#c8e4d8}h1 .serif{color:#80709d}.check{color:#79658c}.text-link:hover,.header nav a:hover{color:#75618e}a:focus-visible,summary:focus-visible{outline-color:#8c73ae}.map-scene{background:#f1edf9;border-color:#e1d8ee;box-shadow:0 22px 60px #46346308}.example-label{border-color:#e1d8ee}.map-canvas{background-image:radial-gradient(#d7cde5 1px,transparent 1px)}.milestone{background:#f1edf9}.skills{border-color:#e1d8ee}.skills .tiny{color:#796a94}.map-label>span:last-child{color:#6f6680}.map-bottom{border-color:#dfd5eb}.map-bottom p{color:#716b80}.floating-note{border-color:#e4ddef}.note-icon{background:#e1efe9;color:#4d7666}.benefit-band{background:#f2f7fb}.benefits i{color:#626a86;border-color:#cedbec}.step-number{background:#e8dff6;border-color:#dbd0ec}.steps article{border-color:#d9cfe5}.step-tag{color:#78668f}.feature-tool{background:#eee8f8;border-color:#dfd6ed}.tool:nth-child(2){background:#eaf3f9;border-color:#dce8f0}.tool:nth-child(3){background:#fcf0e9;border-color:#efdfd5}.mini-route span{border-color:#ded5e9}.outcome{background:#e9e1f5;color:var(--ink)}.outcome .eyebrow{color:#746581}.outcome h2 .serif{color:#837095}.outcome p{color:#696077}.outcome-note{color:#766a84}
.pain-intro{max-width:840px}.pain-intro .eyebrow{font-size:10px;letter-spacing:1.1px}.pain-intro>p{max-width:630px;margin-top:24px;color:var(--muted);font-size:18px}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.pain-grid article{display:flex;flex-direction:column;padding:30px 25px;border:1px solid #e4daef;border-radius:12px;background:#f2edf9}.pain-grid article:nth-child(2){background:#fbefe8;border-color:#efdfd4}.pain-grid article:nth-child(3){background:#eaf3f8;border-color:#dce7f0}.pain-index{font-size:11px;letter-spacing:1.4px;font-weight:600;color:#756b83}.pain-grid h3{font-size:22px;letter-spacing:-.7px;line-height:1.35;margin:20px 0 16px}.pain-grid p{font-size:15px;line-height:1.75;color:var(--muted);margin-bottom:28px}.pain-answer{border-top:1px solid #37334b20;padding-top:19px;margin-top:auto}.pain-answer strong,.pain-answer span{display:block;font-size:13px;line-height:1.65}.pain-answer span{margin-top:5px;color:var(--muted)}.pain-close{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:35px}.pain-close p{font-size:15px;color:var(--muted);line-height:1.8}.pain-close strong{color:var(--ink);font-weight:550}.footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:13px}.footer-links a:hover{text-decoration:underline}.subhero{padding-top:40px;padding-bottom:70px}.breadcrumb{display:inline-block;font-size:13px;color:var(--muted);margin-bottom:48px}.subhero h1{font-size:64px;line-height:1.15;letter-spacing:-2.7px;max-width:980px}.subhero>p{font-size:20px;max-width:700px;color:var(--muted)}.about-story,.founder{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-story{padding-top:55px;padding-bottom:80px;border-top:1px solid var(--border)}.about-label .eyebrow{margin-bottom:20px}.prose p{font-size:17px;color:var(--muted);margin-bottom:20px;line-height:1.8}.about-principles{background:#edf4f8}.about-principles .steps{margin-top:45px}.founder-role{display:block;color:var(--muted);margin-top:14px;font-size:15px}.policy-hero{padding-bottom:45px}.policy-date{display:block;font-size:13px;color:var(--muted);margin-top:20px}.policy-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:70px;padding-bottom:90px}.policy-nav{display:flex;flex-direction:column;align-self:start;position:sticky;top:30px;gap:14px;font-size:14px;border-left:2px solid #e1d5ef;padding-left:20px}.policy-nav a:hover{color:#806794}.policy-content{max-width:800px}.draft-notice{padding:24px;border-radius:9px;background:#fcf0e7;border:1px solid #ebd9ca;font-size:15px;margin-bottom:36px}.draft-notice p{margin-top:9px;color:#6d5e55}.policy-content section{margin:34px 0}.policy-content h2{font-size:25px;letter-spacing:-.6px;line-height:1.3;margin-bottom:16px}.policy-content p{font-size:16px;line-height:1.8;margin-bottom:15px;color:var(--muted)}.policy-content strong{color:var(--ink)}.policy-content a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.policy-content .confirm{font-size:14px;background:#f5f2f9;border-left:3px solid #cbb9e1;padding:14px 18px}.policy-source{font-size:13px;padding-top:25px;border-top:1px solid var(--border);color:var(--muted)}
@media(max-width:1000px){.pain-grid{gap:14px}.pain-grid article{padding:23px 20px}.pain-grid h3{font-size:20px}.policy-layout{gap:35px;grid-template-columns:180px minmax(0,1fr)}.about-story,.founder{gap:40px}.header nav{gap:18px}.header .brand{font-size:21px}}
@media(max-width:760px){.pain-grid{grid-template-columns:1fr;gap:18px}.pain-grid article{padding:27px}.pain-grid h3{font-size:24px}.pain-grid p{margin-bottom:22px}.pain-close{align-items:flex-start;flex-direction:column;gap:20px}.pain-intro>p{font-size:17px}.pain-intro .eyebrow{font-size:9px;line-height:1.7;max-width:320px}.subhero{padding-top:22px;padding-bottom:48px}.breadcrumb{margin-bottom:30px}.subhero h1{font-size:46px;letter-spacing:-2px}.subhero>p{font-size:18px}.about-story,.founder{grid-template-columns:1fr;gap:25px}.about-story{padding-top:40px;padding-bottom:45px}.policy-layout{grid-template-columns:1fr;gap:30px;padding-bottom:55px}.policy-nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px 20px;font-size:13px}.policy-content h2{font-size:24px}.policy-content p{font-size:16px}.draft-notice{padding:20px}.footer-links{font-size:12px;gap:18px;width:100%;order:3}.header .brand{font-size:20px}.header .button{font-size:12px}.outcome h2 .serif{color:#7a668e}}
@media(max-width:380px){.subhero h1{font-size:39px}.header .brand{font-size:17px}.header .button{font-size:11px}}

/* Scroll choreography: native scrolling, progressive enhancement. */
html{scroll-padding-top:110px}.headline-line{display:block}.header{position:sticky;top:10px;z-index:20;border:1px solid transparent;border-radius:15px;transition:background .4s ease,border-color .4s ease,box-shadow .4s ease;isolation:isolate}.header.is-scrolled{background:rgba(254,253,253,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:#e7dfef;box-shadow:0 8px 30px #37334b08}.header.is-scrolled:before{content:'';position:absolute;inset:0 -16px;background:inherit;backdrop-filter:inherit;border:inherit;border-radius:inherit;z-index:-1;pointer-events:none}.button{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,background .3s ease}.button span{transition:transform .4s cubic-bezier(.22,1,.36,1)}.button:hover{transform:translateY(-3px);box-shadow:0 10px 23px #72608b18}.button:hover span{transform:translate(2px,-2px)}.button:active{transform:translateY(0) scale(.98)}.motion-enabled .map-scene{translate:0 var(--map-travel,0px)}.route circle{transition:fill .5s ease,stroke .5s ease}.route circle.station-reached{fill:#ded0f0;stroke:#8d75ae}.route-progress{pointer-events:none}.tool,.pain-grid article{transition:translate .6s cubic-bezier(.22,1,.36,1),box-shadow .6s ease,border-color .4s ease}.plan-progress{height:3px;width:100%;margin:0 0 30px;background:#ded5e9;border-radius:4px;overflow:hidden;display:none}.plan-progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#c3afdF,#94bcb0);transform:scaleX(var(--plan-progress,0));transform-origin:left}.motion-enabled .plan-progress{display:block}.motion-enabled .outcome-inner h2{scale:var(--closing-scale,1);transform-origin:center}.pin-plan .plan-section{min-height:165vh;position:relative}.pin-plan .plan-section>.wrap{position:sticky;top:92px;padding-top:48px;padding-bottom:55px}.pin-plan .plan-section .section-heading{margin-bottom:30px}.pin-plan .plan-section .steps{gap:20px}.pin-plan .plan-section .steps article{padding:25px 24px;border:1px solid #e1d7ed;border-radius:14px;background:#f0eaf7;transition:transform .7s cubic-bezier(.22,1,.36,1),background .6s ease,box-shadow .6s ease,border-color .6s ease;transform:scale(.97);transform-origin:center top}.pin-plan .plan-section .steps article.step-current{background:#fff;border-color:#cdbbdf;box-shadow:0 18px 45px #66527913;transform:scale(1)}.pin-plan .plan-section .steps article.step-complete{background:#e9f1ed;border-color:#d5e3dc}.pin-plan .plan-section .step-number{transition:background .5s,color .5s}.pin-plan .plan-section .step-current .step-number{background:#dac8ee;color:#493d61}.pin-plan .plan-section .step-complete .step-number{background:#d3e7dd;color:#426451}.pin-plan .plan-section .steps p{font-size:15px}.pin-plan .plan-section .step-tag{margin-top:18px}.pin-plan .plan-section .step-number{margin-bottom:20px}
@media(hover:hover) and (pointer:fine){.tool:hover,.pain-grid article:hover{translate:0 -7px;box-shadow:0 17px 35px #65547a0d;border-color:#ccbddd}.text-link span{transition:transform .3s ease}.text-link:hover span{transform:translateY(3px)}}
@media(max-width:760px){.header{top:5px}.header.is-scrolled:before{inset:0 -8px}.plan-progress{margin-bottom:20px}.headline-line{overflow-wrap:normal}html{scroll-padding-top:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.header{position:relative;top:0}.headline-line,.map-scene,.floating-note,.outcome-inner h2,.button,.tool,.pain-grid article{transform:none!important;translate:none!important;scale:1!important}.floating-note{transform:translateY(75%)!important}.route-progress{stroke-dashoffset:0!important}.plan-progress{display:none!important}*{animation:none!important;transition:none!important}}

/* Clear product positioning and repeated conversion points. */
.header-account{display:flex;align-items:center;gap:23px}.login-link{font-size:14px;font-weight:550;white-space:nowrap}.login-link:hover{text-decoration:underline}.header-account .button{min-width:115px}.hero .actions .button,.section-action .button,.pain-close .button,.outcome .button,.final-signup .button{min-width:156px;justify-content:space-between}.hero-copy>.eyebrow{font-size:12px;letter-spacing:1.3px}.hero-copy>p{max-width:490px}.hero-note{font-size:13px}.section-action{display:flex;align-items:center;gap:23px;margin-top:35px}.section-action p{font-size:14px;color:var(--muted);max-width:520px}.pain-close .button{flex-shrink:0}.tool-takeaways{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:9px}.tool-takeaways li{font-size:14px;position:relative;padding-left:20px;line-height:1.5}.tool-takeaways li:before{content:'✓';position:absolute;left:0;color:#736081;font-size:13px}.pill{font-size:11px;letter-spacing:.7px}.tool-name{font-size:13px}.steps p,.tool p,.pain-grid p{font-size:16px}.step-tag{font-size:13px}.pain-answer strong,.pain-answer span{font-size:14px}.pain-index{font-size:12px}.eyebrow{line-height:1.6}.example-section{background:#f5f2fb;border-top:1px solid #e9e2f2;border-bottom:1px solid #e9e2f2}.example-disclosure{font-size:12px;line-height:1.5;color:#71657c;background:#eae2f4;border:1px solid #ded3e9;border-radius:20px;padding:8px 13px;white-space:nowrap}.example-story{display:grid;grid-template-columns:1fr 1.2fr;background:#fff;border:1px solid #e2d9ec;border-radius:16px;overflow:hidden}.example-person{padding:38px;background:#eae2f5}.example-person .eyebrow{font-size:11px;color:#77648c}.example-person h3{font-size:27px;line-height:1.3;letter-spacing:-.9px;margin-top:18px}.example-person p{font-size:16px;line-height:1.75;margin-top:20px;color:var(--muted)}.example-roles{margin-top:30px;display:flex;align-items:flex-start;flex-direction:column;gap:8px;font-size:14px}.example-roles>span:first-child{background:#fff9;padding:7px 12px;border-radius:6px;border:1px solid #dcd0e7}.example-roles>span:nth-child(2){padding-left:18px;color:#8b759f}.example-roles strong{font-weight:550;background:#faf8fd;border:1px solid #d9cee5;border-radius:6px;padding:9px 12px}.example-actions{padding:14px 34px}.example-actions article{display:flex;gap:18px;padding:24px 0;border-bottom:1px solid var(--border)}.example-actions article:last-child{border:0}.example-number{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#eaf3f0;color:#4e6b61;font-size:13px}.example-actions h3{font-size:18px;font-weight:600;letter-spacing:-.3px;margin-bottom:7px}.example-actions p{font-size:15px;color:var(--muted);line-height:1.7}.example-tool{display:block;font-size:12px;color:#7b6989;margin-top:9px}.example-footnote{font-size:12px;color:var(--muted);max-width:780px;margin-top:17px}.founder-note{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:65px;padding-bottom:65px}.founder-note .eyebrow{font-size:11px;margin-bottom:15px}.founder-note h2{font-size:32px;line-height:1.25}.founder-note p{font-size:16px;color:var(--muted);line-height:1.8;margin-bottom:15px}.final-signup{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:45px 50px;margin-bottom:70px;border:1px solid #dddfec;border-radius:15px;background:#eaf0fa}.final-signup .eyebrow{font-size:11px;margin-bottom:12px}.final-signup h2{font-size:39px}.final-signup>div:last-child{text-align:center}.final-signup p{font-size:13px;color:var(--muted);margin-top:15px}.final-signup p a{font-weight:600;text-decoration:underline}.final-signup .button{min-width:205px}.pin-plan .plan-section>.wrap{padding-top:32px;padding-bottom:35px}.pin-plan .plan-section .section-heading{margin-bottom:24px}.pin-plan .plan-section .section-action{margin-top:27px}.pin-plan .plan-section{min-height:155vh}.pin-plan .plan-section .steps article{padding:21px}.pin-plan .plan-section .step-number{margin-bottom:16px}.pin-plan .plan-section .steps h3{font-size:20px}.pin-plan .plan-section .steps p{font-size:15px}.pin-plan .plan-section .step-tag{margin-top:15px}.header-account a:focus-visible{outline-offset:4px}
@media(max-width:1050px){.header nav{gap:17px}.header-account{gap:15px}.header-account .button{min-width:100px}.example-section .section-heading{align-items:flex-start;flex-direction:column;gap:20px}.example-story{grid-template-columns:1fr 1.15fr}.example-person{padding:28px}.example-actions{padding:10px 26px}.example-person h3{font-size:25px}.founder-note{gap:40px}.hero-copy>.eyebrow{font-size:11px}}
@media(max-width:760px){.header-account{gap:14px}.header-account .button{min-width:85px}.header-account .button span{display:none}.login-link{font-size:12px}.hero-copy>.eyebrow{font-size:10px}.hero .actions{gap:25px}.hero .actions .button{min-width:140px}.hero .actions .text-link{font-size:13px}.section-action{align-items:flex-start;flex-direction:column;gap:12px;margin-top:28px}.section-action p{font-size:14px}.section-action .button{min-width:156px}.pain-close .button{margin-top:3px}.example-story{grid-template-columns:1fr}.example-person{padding:27px}.example-person h3{font-size:26px}.example-actions{padding:4px 25px}.example-disclosure{font-size:11px;white-space:normal}.example-footnote{font-size:12px}.example-actions article{padding:25px 0;gap:15px}.example-actions p{font-size:16px}.founder-note{grid-template-columns:1fr;gap:24px;padding-top:50px;padding-bottom:50px}.founder-note h2{font-size:31px}.final-signup{flex-direction:column;align-items:flex-start;padding:30px 25px;gap:27px;margin-bottom:45px}.final-signup h2{font-size:36px}.final-signup>div:last-child{text-align:left}.final-signup .button{min-width:175px}.steps p,.tool p,.pain-grid p{font-size:16px}.hero-note{font-size:12px}.pill{font-size:11px}.tool-name{font-size:13px}}
@media(max-width:380px){.header-account{gap:10px}.header-account .button{min-width:72px;font-size:11px}.login-link{font-size:11px}.hero-copy>.eyebrow{font-size:9px}.hero .actions{gap:18px}.hero .actions .text-link{font-size:12px}}

/* Primary account actions: pastel orange across all pages. */
.button[href="https://app.mycareermap.ai/login"]{background:#ffcba4;color:#37334b;border:1px solid #edb184;box-shadow:0 3px 9px #bd703010}
.button[href="https://app.mycareermap.ai/login"]:hover{background:#ffbd8c;border-color:#df9a66;box-shadow:0 10px 23px #bd703024}
.button[href="https://app.mycareermap.ai/login"]:active{background:#f7b17b}
.button[href="https://app.mycareermap.ai/login"]:focus-visible{outline:3px solid #95552a;outline-offset:4px}

/* Supplied MyCareerMap brand mark; preserve the original artwork. */
.brand .brand-icon{width:44px;height:auto;aspect-ratio:72/58;object-fit:contain;margin-right:9px;flex-shrink:0;mix-blend-mode:multiply}
footer .brand .brand-icon{width:38px}
@media(max-width:760px){.header .brand .brand-icon{width:38px;margin-right:7px}}
@media(max-width:380px){.header .brand .brand-icon{width:31px;margin-right:6px}}

/* Bold map mark and optically balanced brand wordmark. */
.header .brand,footer .brand{display:inline-flex;align-items:center;gap:7px;letter-spacing:normal;text-decoration:none;flex-shrink:0}
.brand .brand-wordmark{font-family:Arial,Helvetica,sans-serif;font-size:25px;font-weight:750;line-height:1.1;letter-spacing:-.9px;color:#303346;white-space:nowrap}
.brand .brand-ai{font-size:.88em;font-weight:700;color:#218c97;letter-spacing:-.5px;margin-left:1px}
.header .brand .brand-icon,footer .brand .brand-icon{width:55px;height:55px;aspect-ratio:1;margin:0;object-fit:contain;mix-blend-mode:normal}
footer .brand .brand-wordmark{font-size:22px}
footer .brand .brand-icon{width:47px;height:47px}
@media(max-width:1050px){.header .brand .brand-wordmark{font-size:23px}.header .brand .brand-icon{width:48px;height:48px}.header .brand{gap:5px}}
@media(max-width:760px){.header .brand .brand-wordmark{font-size:18px;letter-spacing:-.6px}.header .brand .brand-icon{width:38px;height:38px}.header .brand{gap:4px}.header .brand .brand-ai{letter-spacing:-.3px}}
@media(max-width:380px){.header .brand .brand-wordmark{font-size:16px;letter-spacing:-.5px}.header .brand .brand-icon{width:32px;height:32px}.header .brand{gap:3px}}

/* Monthly pricing, grounded in the app's current plan details. */
.pricing-section{scroll-margin-top:20px}.free-map-banner{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#e9f3ee;border:1px solid #cddfd5;border-radius:12px;padding:28px 30px;margin-bottom:38px}.free-map-label{font-size:11px;font-weight:650;letter-spacing:1.3px;color:#4b7362}.free-map-banner h3{font-size:24px;letter-spacing:-.6px;line-height:1.3;margin:7px 0 9px}.free-map-banner p{font-size:15px;color:var(--muted)}.free-map-banner .button{flex-shrink:0}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.price-card{position:relative;display:flex;flex-direction:column;padding:33px 27px 27px;border:1px solid #dedce8;border-radius:14px;background:#f8f7fc}.price-card:first-child{background:#f1f6fb}.price-card:last-child{background:#fcf2eb}.price-card.featured-plan{background:#f0eafa;border:2px solid #c2a7df;padding:32px 26px 26px;box-shadow:0 12px 30px #7e63900c}.popular-plan{position:absolute;top:-15px;left:24px;border:1px solid #c2a7df;border-radius:18px;padding:5px 13px;background:#e8dcf5;font-size:12px;line-height:1.5;font-weight:650;color:#655078}.price-card h3{font-size:27px;letter-spacing:-.8px;line-height:1.25}.plan-description{font-size:14px;color:var(--muted);margin-top:9px;min-height:45px;line-height:1.55}.plan-price{display:flex;align-items:baseline;gap:8px;margin-top:15px}.plan-price>span:first-child{font-family:Arial,sans-serif;font-size:44px;font-weight:700;letter-spacing:-2px;line-height:1.2}.plan-price>span:last-child{font-size:14px;color:var(--muted)}.billing-note{font-size:12px;color:var(--muted);margin-top:6px}.price-card ul{list-style:none;padding:0;margin:27px 0 30px;display:grid;gap:12px}.price-card li{position:relative;padding-left:22px;font-size:14px;line-height:1.6}.price-card li:before{content:'✓';position:absolute;left:0;color:#4d7a65;font-size:14px}.price-card .button{margin-top:auto;justify-content:space-between;width:100%}.pricing-note{text-align:center;font-size:12px;color:var(--muted);line-height:1.8;margin:23px auto 0;max-width:710px}.questions p a{text-decoration:underline;text-underline-offset:3px}.price-card{transition:box-shadow .4s ease,border-color .4s ease}
@media(hover:hover) and (pointer:fine){.price-card:hover{box-shadow:0 15px 32px #7e639011;border-color:#bea7d3}}
@media(max-width:960px){.header nav{display:none}.pricing-grid{gap:15px}.price-card{padding:29px 21px 24px}.price-card.featured-plan{padding:28px 20px 23px}.plan-price>span:first-child{font-size:39px}.price-card li{font-size:14px}}
@media(max-width:760px){.free-map-banner{align-items:flex-start;flex-direction:column;padding:26px;gap:21px;margin-bottom:35px}.free-map-banner h3{font-size:24px}.free-map-banner p{font-size:16px}.pricing-grid{grid-template-columns:1fr;gap:29px}.price-card,.price-card.featured-plan{padding:30px 26px 26px}.plan-description{min-height:0;font-size:15px}.plan-price>span:first-child{font-size:43px}.price-card li{font-size:16px}.price-card ul{margin:24px 0 27px}.popular-plan{left:25px}.pricing-note{text-align:left;font-size:12px}.free-map-banner .button{width:100%;justify-content:space-between}}

/* Contact message composer. */
.contact-section{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;margin-bottom:75px;padding:44px;border:1px solid #dce5e5;border-radius:16px;background:#f0f6f6}.contact-intro .eyebrow{margin-bottom:18px}.contact-intro h2{font-size:39px;line-height:1.2}.contact-intro>p{font-size:16px;color:var(--muted);line-height:1.75;margin-top:21px}.contact-address{display:inline-block;font-size:17px;font-weight:600;margin-top:24px;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}.contact-intro .contact-help{font-size:13px}.contact-form{min-width:0}.contact-field{margin-bottom:20px}.contact-field label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.contact-field label span{font-weight:400;color:var(--muted)}.contact-field input,.contact-field textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid #d0dadb;border-radius:7px;padding:12px 14px;line-height:1.6}.contact-field textarea{resize:vertical;min-height:140px}.contact-field input:focus,.contact-field textarea:focus{outline:2px solid #6aa6ad;outline-offset:2px}.contact-field textarea::placeholder,.contact-field input::placeholder{color:#727d86}.contact-form>p{font-size:13px;color:var(--muted);line-height:1.7;margin:0 0 17px}.contact-form .contact-button{background:#ffcba4;border:1px solid #edb184;color:#37334b;cursor:pointer;font-family:inherit}.contact-form .contact-button:hover{background:#ffbd8c}.contact-form .contact-button:focus-visible{outline:3px solid #95552a;outline-offset:4px}.contact-form .contact-button:disabled{opacity:.5;cursor:not-allowed}.contact-form #contact-status:not(:empty){margin-top:18px;margin-bottom:0;padding:12px 14px;background:#e1eeee;border-radius:6px}.contact-form noscript a{text-decoration:underline}
@media(max-width:960px){.contact-section{gap:35px;padding:32px}.contact-intro h2{font-size:34px}}
@media(max-width:760px){.contact-section{grid-template-columns:1fr;gap:30px;padding:26px;margin-bottom:45px}.contact-intro h2{font-size:35px}.contact-form .contact-button{width:100%;justify-content:space-between}.contact-address{font-size:16px}}