/* White actions stand out on forest; sand stays editorial. */
.hero-actions>.button:first-child,.final-section .button{background:#ffffff;color:#073d32;border:1px solid #ffffff;box-shadow:0 8px 24px #002e2420}
.hero-actions>.button:first-child:hover,.final-section .button:hover{background:#e7f7ef;color:#073d32;border-color:#e7f7ef}
.hero-actions>.button:first-child:focus-visible,.final-section .button:focus-visible{outline:2px solid #ffffff;outline-offset:5px}

/* One viewport on desktop, with the preview in normal flow. */
@media(min-width:961px){
 .hero{height:100svh;min-height:0;max-height:none;padding:106px 0 24px;display:flex;flex-direction:column;box-sizing:border-box}
 .hero-inner{flex:1;width:calc(100% - 112px);min-height:0;height:auto;grid-template-columns:45% 55%;gap:0;align-items:center}
 .hero-copy{padding:0 32px 0 0}
 .hero h1{font-size:clamp(46px,4.6vw,66px);line-height:1.04}
 .hero-copy .eyebrow{margin-bottom:24px}
 .hero-copy>p{font-size:15px;line-height:1.7;margin-top:24px;max-width:410px}
 .hero-actions{margin-top:28px}
 .hero-track-link{margin-top:20px}
 .hero-stage{height:auto;min-height:0;margin:0;padding:0 0 0 16px;display:grid;grid-template-columns:1fr;gap:17px;align-content:center;perspective:none}
 .hero .profile-chip{position:relative;inset:auto;justify-self:start;margin-left:40px;max-width:75%;padding:12px 16px}
 .hero .hero-console{position:relative;inset:auto;width:100%;margin:0;transform:rotate(-1deg)}
 .hero .console-top{padding:12px 22px}
 .hero .console-main{padding:17px 25px}
 .hero .console-main h2{font-size:32px;min-height:64px;margin:5px 0 0}
 .hero .hero-week-title{margin:12px 0 4px}
 .hero .hero-day-steps>div{padding:8px 0;min-height:32px}
 .hero .console-next{min-height:48px;margin-top:7px;padding:9px 11px}
 .hero .console-footer{padding:10px 22px}
 .hero .hero-controls{position:relative;inset:auto;max-width:none;display:flex;margin:0 20px;gap:7px}
 .hero-bottom{flex:none;width:calc(100% - 112px);margin:24px auto 0;position:relative;inset:auto}
 .hero-bottom strong{font-size:11px}
 .hero-bottom span{font-size:9px}
}
@media(min-width:961px) and (max-height:780px){
 .hero{padding-top:98px;padding-bottom:20px}
 .hero .profile-chip{display:none}
 .hero h1{font-size:clamp(42px,4.4vw,59px)}
 .hero .console-main{padding:13px 22px}
 .hero .console-main h2{font-size:29px;min-height:54px}
 .hero .hero-stage{gap:13px}
 .hero-bottom{margin-top:17px}
}
@media(min-width:961px) and (max-height:640px){
 .hero{padding-top:91px;padding-bottom:18px}
 .hero-bottom{display:none}
 .hero h1{font-size:45px}
 .hero-copy>p{margin-top:18px;font-size:14px}
 .hero-actions{margin-top:20px}
 .hero .console-main h2{min-height:42px;font-size:26px}
 .hero .hero-day-steps>div{min-height:27px;padding:6px 0}
}

/* Gradients belong inside sections, never in empty transition bands. */
.section{border-bottom:0}
.section>.section-inner,.lx-section>.section-inner{border-left:0;border-right:0}
.lx-section{border-top:0}
.clarity-section{background:linear-gradient(180deg,#d5eee3 0%,#edf8f2 40%,#ffffff 90%)}
.clarity-section .section-heading h2{color:#153d32}
.clarity-section .section-heading h2 em{color:#008273}
.clarity-section .section-heading p{color:#547367}
.clarity-section .section-heading .eyebrow{background:#ffffff80;color:#287664;border-color:#a8cdbb}
.approach-section{background:#ffffff}
.analysis-section{background:radial-gradient(ellipse at 50% 65%,#07856560,transparent 65%),linear-gradient(150deg,#063d37,#0b5d4c)}
.inputs-section{background:radial-gradient(ellipse at 15% 10%,#e5f5ec,transparent 65%),#ffffff}
.inputs-section .section-inner{padding-top:132px;padding-bottom:132px}
.inputs-section .section-heading h2{color:#153d32}
.inputs-section .section-heading h2 em{color:#008273}
.inputs-section .eyebrow.pill{background:#f5fff9;color:#287664;border-color:#b7d7c5}
.inputs-section .input-rows article{background:#f6faf7;border:1px solid #dcebe2;box-shadow:none;border-radius:18px;padding:30px}
.inputs-section .input-rows h3{color:#204c3d}
.inputs-section .input-rows p{color:#527063}
.inputs-section .input-rows article>span{color:#678a77}
.inputs-section .input-art{background:#d6eee1;color:#0b5140;border-color:#a1cbb5}
.inputs-section .input-art b{color:#0b5140}
.roadmap-section{background:radial-gradient(ellipse at 80% 45%,#bcf0df60,transparent 70%),linear-gradient(180deg,#d8eee7,#edf8f3)}
.tracks-section{background:linear-gradient(180deg,#edf8f3,#ffffff 20%,#ffffff)}
.discoveries-section{background:linear-gradient(180deg,#ffffff,#f6faf7)}
.connections-section{background:linear-gradient(180deg,#f6faf7,#e3f3eb)}
.daily-section{background:radial-gradient(ellipse at 80% 15%,#126e5645,transparent 65%),linear-gradient(135deg,#073f35,#0b5a49)}
.daily-section .section-inner{padding-top:132px}
.daily-heading h2{color:#f3fff9}
.daily-heading h2 em{color:var(--sand)}
.daily-heading>p{color:#c1dbcf}
.daily-heading .eyebrow{background:#ffffff08;border-color:#bcdfcd30;color:#c5e4d5}
.daily-planner{box-shadow:0 35px 80px #002b2455;border-color:#cbe6d82e}
.daily-inclusions strong{color:#eefaf3}
.daily-inclusions p{color:#bdd8ca}
.daily-inclusions>div>span{color:#8fcdb5;border-color:#90bda938}
.progress-section{background:linear-gradient(180deg,#eaf5ee,#f7fbf8)}
.progress-section .section-inner{padding-top:132px}
.stories-section{background:#f7fbf8}
.advisor-section{background:linear-gradient(180deg,#f7fbf8,#d9eee2)}
.lx-technology{background:radial-gradient(ellipse at 70% 25%,#14735640,transparent 65%),linear-gradient(140deg,#073f35,#0b5948)}
.lx-technology .section-inner{padding-top:132px}
.lx-technology .lx-heading h2{color:#f4fff8}
.lx-technology .lx-heading h2 em{color:#8fdbc2}
.lx-technology .lx-heading>p{color:#c3dfd0}
.lx-technology .lx-eyebrow{color:#c8e6d7;border-color:#b6d5c52e;background:#ffffff08}
.lx-process{background:#f7fbf8}
.lx-process .section-inner{padding-top:132px}
.lx-process .lx-feature{border-color:#d6e7dc}
.lx-support{background:linear-gradient(180deg,#f7fbf8,#ffffff)}
.faq-section{background:linear-gradient(180deg,#ffffff,#e8f3ec)}
.final-section{background:radial-gradient(ellipse at 70% 55%,#007f6640,transparent 65%),linear-gradient(135deg,#063d37,#0b5d4c)}
.final-section .section-inner{padding-top:150px}


@media(max-width:960px){
 .hero{padding-top:110px}
 .hero-copy>p{max-width:540px}
 .inputs-section .section-inner,.daily-section .section-inner,.progress-section .section-inner,.lx-technology .section-inner,.lx-process .section-inner{padding-top:110px}
}
@media(max-width:600px){
 .hero{height:100svh;min-height:720px;max-height:none;padding:100px 0 18px;display:flex;flex-direction:column;box-sizing:border-box}
 .hero-inner{width:calc(100% - 40px);display:flex;flex-direction:column;flex:1;height:auto;min-height:0}
 .hero-copy{padding:0;width:100%;flex:none}
 .hero-copy .eyebrow{font-size:7px;margin-bottom:16px;letter-spacing:.035em}
 .hero h1{font-size:clamp(34px,10.8vw,44px);line-height:1.03}
 .hero-copy>p{font-size:13px;line-height:1.6;margin-top:17px;max-width:370px}
 .hero-actions{margin-top:21px;gap:8px}
 .hero-actions .button{padding:13px 17px;min-height:43px;font-size:11px}
 .hero-track-link{margin-top:14px;font-size:9px}
 .hero-stage{height:auto!important;min-height:0;width:100%;max-width:380px;display:grid;grid-template-columns:1fr;gap:12px;align-content:center;flex:1;margin:18px 0 0!important;padding:0}
 .hero .profile-chip{display:none}
 .hero .hero-console{position:relative;inset:auto;width:100%;transform:rotate(-.6deg);margin:0}
 .hero .console-top{padding:9px 13px}
 .hero .console-main{padding:10px 14px}
 .hero .console-main h2{font-size:24px;min-height:48px;margin:4px 0 0;line-height:1.02;max-width:none}
 .hero .console-main>.hero-example-role{font-size:7px;margin-bottom:4px}
 .hero .hero-week-title{margin:9px 0 4px;font-size:9px}
 .hero .hero-day-steps>div{min-height:25px;padding:5px 0;gap:10px}
 .hero .hero-day-steps strong{font-size:8px}
 .hero .console-next,.hero .console-footer{display:none}
 .hero .hero-controls{position:relative;inset:auto;margin:0 4px;max-width:none}
 .hero .hero-autoplay-track{display:none}
 .hero-bottom{display:none}
 .inputs-section .section-inner{padding-top:80px;padding-bottom:80px}
 .inputs-section .input-rows article{padding:22px 18px}
 .daily-section .section-inner,.progress-section .section-inner,.lx-technology .section-inner,.lx-process .section-inner{padding-top:80px}
 .final-section .section-inner{padding-top:96px}
 
 
 
}
@media(max-width:600px) and (max-height:740px){
 .hero{min-height:680px;padding-top:91px}
 .hero h1{font-size:37px}
 .hero-copy>p{font-size:12px;margin-top:14px}
 .hero-copy .eyebrow{margin-bottom:12px}
 .hero-actions{margin-top:16px}
 .hero-track-link{display:none}
 .hero .console-main h2{min-height:42px;font-size:22px}
 .hero .hero-day-steps>div:last-child{display:none}
 .hero .hero-stage{margin-top:15px!important}
}

/* Transformation study: quiet, scattered advice versus a clear personal path. */
#clarity .before-after-grid{grid-template-columns:.94fr 1.06fr;gap:28px;align-items:stretch;max-width:1180px;margin:0 auto}
#clarity .before-after-grid>article{display:flex;flex-direction:column;position:relative;padding:38px 34px 28px;border-radius:24px;overflow:hidden}
#clarity .before-panel{background:linear-gradient(145deg,#f5f6f3,#e9eeea);color:#33493e;border:1px solid #dce4dc;box-shadow:0 12px 40px #1c3a2d05}
#clarity .after-panel{background:radial-gradient(ellipse at 100% 0,#08755e66,transparent 65%),linear-gradient(145deg,#073d34,#0b5143);color:#f2fcf5;border:1px solid #267b66;box-shadow:0 24px 65px #073d341c}
#clarity .comparison-label{font-size:10px;letter-spacing:.11em;gap:12px;margin-bottom:28px;align-items:center;line-height:1.5}
#clarity .comparison-label>span{color:#5d7566;font-weight:500}
#clarity .comparison-label>small{font-size:8px;color:#7b8f81;letter-spacing:.05em}
#clarity .after-panel .comparison-label>span{color:#c2f3dc}
#clarity .after-panel .comparison-label>small{color:#add1c0}
#clarity .before-after-grid h3{font-size:34px;line-height:1.14;letter-spacing:-.045em;margin:0;font-weight:400}
#clarity .before-panel h3{color:#273e32}
#clarity .before-panel h3 em{color:#7c9182}
#clarity .after-panel h3{color:#f5fff8}
#clarity .after-panel h3 em{color:#6ce3bf}
#clarity .advice-scatter{height:352px;margin:34px 0 18px;flex:none}
#clarity .advice-scatter>svg{stroke:#8094874d;stroke-width:1.2;stroke-dasharray:3 8}
#clarity .advice-card{width:88%;min-height:72px;padding:15px 17px;gap:13px;background:#fffffff0;border:1px solid #d3ded5;border-radius:12px;box-shadow:0 8px 18px #2949360b;animation:none;transition:box-shadow .25s,border-color .25s}
#clarity .advice-card:hover{border-color:#adc6b5;box-shadow:0 12px 22px #29493615}
#clarity .advice-card>i{width:34px;height:34px;background:#e9efea;color:#738e7c;border:1px solid #dce6de;border-radius:9px;font-size:17px}
#clarity .advice-card span{font-size:14px;color:#485f50;line-height:1.45}
#clarity .advice-card small{font-size:8px;color:#809486;letter-spacing:.06em;margin-bottom:5px}
#clarity .advice-one{top:2px;left:0;right:auto;transform:rotate(-4deg)}
#clarity .advice-two{top:86px;right:0;left:auto;transform:rotate(3deg)}
#clarity .advice-three{top:170px;left:2%;right:auto;transform:rotate(-2deg)}
#clarity .advice-four{top:254px;right:1%;left:auto;transform:rotate(3deg);background:#f9fbf8}
#clarity .comparison-bottom{margin-top:auto;padding-top:22px;border-top:1px solid #ccd9cf;font-size:10px;color:#708c79;line-height:1.5;justify-content:flex-start;gap:11px;flex-wrap:wrap}
#clarity .after-panel .comparison-bottom{color:#b8d9ca;border-color:#a4d3bd30;margin-top:24px}
#clarity .personal-path{padding-top:32px}
#clarity .path-profile{gap:14px}
#clarity .path-profile>span{width:45px;height:45px;background:#0c8e70;color:#f0fff8;border:1px solid #61b69b60;font-size:13px;box-shadow:0 0 0 7px #66cba313}
#clarity .path-profile small{font-size:8px;letter-spacing:.035em;color:#9dc9b6;line-height:1.5;margin-bottom:5px}
#clarity .path-profile strong{font-size:13px;line-height:1.4;font-weight:400;color:#e7f8ee}
#clarity .path-connector{height:27px;margin-left:22px;border-color:#8dd6b961}
#clarity .path-connector:after{background:#85e5c5}
#clarity .path-result{background:#fcfffd;border:1px solid #bce4d3;border-radius:14px;box-shadow:0 14px 32px #002b2326}
#clarity .path-result-heading{padding:19px 18px;gap:13px;background:#dff6ea;border-color:#c3e5d4}
#clarity .path-result-heading>span{width:35px;height:35px;background:#008f73;border-radius:10px}
#clarity .path-result-heading svg{width:20px;height:20px}
#clarity .path-result-heading small{font-size:8px;color:#4d8370;letter-spacing:.07em}
#clarity .path-result-heading h4{font-size:17px;line-height:1.2;color:#164c3a;margin-top:5px}
#clarity .path-result-heading>b{font-size:15px;color:#008d6f}
#clarity .path-day{padding:19px 0;margin:0 18px;gap:14px;border-color:#e0eee4;align-items:flex-start}
#clarity .path-day>span{font-size:8px;line-height:1.5;color:#5c9079;padding-top:2px;white-space:nowrap}
#clarity .path-day strong{font-size:12px;line-height:1.4;color:#2c5d48;margin-bottom:6px}
#clarity .path-day small{font-size:10px;line-height:1.5;color:#789c88}
#clarity .path-day>b{font-size:15px;color:#69a990;padding-top:2px}
#clarity .path-project{padding:17px 18px;background:#edf8f1;gap:6px}
#clarity .path-project small{font-size:8px;color:#6b9680;letter-spacing:.08em}
#clarity .path-project strong{font-size:11px;line-height:1.5;color:#46775e}
#clarity .comparison-cta{margin-top:42px;gap:34px}
#clarity .comparison-cta p{font-size:15px;line-height:1.65;color:#597869;max-width:430px}

/* The second comparison becomes a deliberate sequence, not two text columns. */
#the-approach .approach-grid{max-width:1080px;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
#the-approach .approach-grid article{padding:40px 38px 29px;border-radius:22px;border:1px solid #dce6df;position:relative;overflow:hidden}
#the-approach .old-way{background:#f7f9f6;border-right:1px solid #dce6df}
#the-approach .new-way{background:linear-gradient(145deg,#ddf3e7,#f3fbf5);border-color:#a5d7bc;box-shadow:0 18px 45px #174c2e0a}
#the-approach .new-way:before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#008f73,#63cda4)}
#the-approach .mini-label{font-size:10px;letter-spacing:.1em;color:#819386}
#the-approach .new-way .mini-label{color:#007e60}
#the-approach .approach-grid h3{font-size:34px;line-height:1.13;letter-spacing:-.045em;margin:22px 0 33px;color:#314c3b}
#the-approach .old-way h3 em{color:#8b9b90}
#the-approach .new-way h3 em{color:#008766}
#the-approach .approach-grid ol{margin:0 0 24px;padding:0}
#the-approach .approach-grid li{font-size:14px;line-height:1.5;gap:16px;margin-bottom:24px;min-height:39px;color:#748d7c;animation:none}
#the-approach .approach-grid li:last-child{margin-bottom:0}
#the-approach .approach-grid li i{width:39px;height:39px;flex:0 0 39px;font-size:10px;background:#fbfdf9;border-color:#d8e3da;color:#8da194;box-shadow:0 2px 5px #25412c04}
#the-approach .approach-grid li:not(:last-child):before{left:19px;top:40px;height:23px;background:#cbdcd0}
#the-approach .new-way li{color:#295e43}
#the-approach .new-way li i{background:#008f73;color:#f1fff7;border-color:#008f73;box-shadow:0 4px 12px #008f731b}
#the-approach .new-way li:not(:last-child):before{background:#83c8a4}
#the-approach .path-end{font-size:11px;line-height:1.6;color:#81998a;border-color:#d8e4da;padding-top:22px;min-height:0;gap:10px}
#the-approach .new-way .path-end{color:#468063;border-color:#bcdcc9}
#the-approach .new-way .status-dot{display:inline-block;flex-shrink:0}

@media(max-width:1100px){
 #clarity .before-after-grid>article{padding:32px 26px 26px}
 #clarity .before-after-grid h3{font-size:29px}
 #clarity .comparison-label{font-size:9px;gap:8px}
 #clarity .comparison-label>small{font-size:7px}
 #clarity .advice-card{padding:14px 12px;gap:10px;width:94%}
 #clarity .advice-card span{font-size:12px}
 #clarity .path-profile strong{font-size:12px}
 #clarity .path-result-heading h4{font-size:15px}
 #clarity .path-day{margin:0 14px;gap:10px}
 #clarity .path-day strong{font-size:11px}
 #the-approach .approach-grid article{padding:35px 28px 27px}
 #the-approach .approach-grid h3{font-size:30px}
}
@media(max-width:800px){
 #clarity .before-after-grid{grid-template-columns:1fr;max-width:600px;gap:24px}
 #clarity .before-after-grid>article{padding:36px 30px 28px}
 #clarity .before-after-grid h3{font-size:33px}
 #clarity .advice-card{width:84%;padding:15px 17px}
 #clarity .advice-card span{font-size:14px}
 #clarity .path-result-heading h4{font-size:17px}
 #clarity .path-day strong{font-size:13px}
 #clarity .path-day small{font-size:11px}
 #clarity .comparison-bottom{font-size:11px}
 #the-approach .approach-grid{grid-template-columns:1fr;max-width:600px;gap:24px}
 #the-approach .approach-grid article{padding:36px 30px 28px}
 #the-approach .approach-grid h3{font-size:33px}
 #the-approach .approach-grid li{font-size:15px}
}
@media(max-width:520px){
 #clarity .before-after-grid>article{padding:27px 20px 23px;border-radius:20px}
 #clarity .before-after-grid h3{font-size:28px}
 #clarity .comparison-label{margin-bottom:24px;font-size:8px;letter-spacing:.07em;gap:8px}
 #clarity .comparison-label>small{font-size:6px;letter-spacing:.035em}
 #clarity .advice-scatter{height:342px;margin-top:27px}
 #clarity .advice-card{width:94%;padding:13px 11px;gap:10px;min-height:72px}
 #clarity .advice-card>i{width:28px;height:28px;font-size:15px;border-radius:8px}
 #clarity .advice-card span{font-size:12px}
 #clarity .advice-card small{font-size:7px}
 #clarity .comparison-bottom{font-size:9px;gap:7px;padding-top:20px;flex-wrap:wrap}
 #clarity .personal-path{padding-top:28px}
 #clarity .path-profile{gap:12px}
 #clarity .path-profile>span{width:38px;height:38px;font-size:12px}
 #clarity .path-profile small{font-size:6px;line-height:1.5}
 #clarity .path-profile strong{font-size:11px}
 #clarity .path-connector{margin-left:19px;height:25px}
 #clarity .path-result-heading{padding:16px 12px;gap:10px}
 #clarity .path-result-heading>span{width:29px;height:29px}
 #clarity .path-result-heading small{font-size:6px}
 #clarity .path-result-heading h4{font-size:13px}
 #clarity .path-day{margin:0 12px;padding:17px 0;gap:10px}
 #clarity .path-day>span{font-size:7px}
 #clarity .path-day strong{font-size:11px}
 #clarity .path-day small{font-size:9px}
 #clarity .path-day>b{font-size:12px}
 #clarity .path-project{padding:15px 12px}
 #clarity .path-project small{font-size:7px}
 #clarity .path-project strong{font-size:10px}
 #clarity .comparison-cta{margin-top:30px;gap:20px;flex-direction:column;text-align:center}
 #clarity .comparison-cta p{font-size:14px;max-width:310px}
 #the-approach .approach-grid article{padding:30px 23px 25px;border-radius:20px}
 #the-approach .approach-grid h3{font-size:30px;margin-bottom:31px}
 #the-approach .approach-grid li{font-size:13px;gap:14px;margin-bottom:24px}
 #the-approach .mini-label{font-size:9px}
 #the-approach .path-end{font-size:10px;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){#clarity .advice-card{transition:none}}

/* Self-contained career gallery; all rules stay within the tracks section. */
#tracks #track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1160px;margin:0 auto}
#tracks #track-grid .career-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,43%);align-items:stretch;gap:8px;min-height:232px;padding:0;overflow:hidden;border:1px solid #d1e4db;border-radius:20px;text-align:left;background:linear-gradient(130deg,#fff,#f1f8f3);box-shadow:0 5px 15px #123e3010;color:#143f32;transition:transform .3s,box-shadow .3s,border-color .3s,background .3s;isolation:isolate}
#tracks #track-grid .career-card:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0,#8ee3ca33,transparent 65%);z-index:-1;pointer-events:none}
#tracks #track-grid .career-card:hover{transform:translateY(-5px);border-color:#65b49d;box-shadow:0 18px 34px #123e3018}
#tracks #track-grid .career-card:focus-visible{outline:3px solid #008f83;outline-offset:5px}
#tracks #track-grid .career-card[aria-pressed=true]{background:linear-gradient(135deg,#063d37,#0b6651);color:#fff;border-color:#0c7e64;box-shadow:0 12px 28px #0b5a4420}
#tracks .career-card-copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:27px 0 25px 28px;min-width:0}
#tracks .career-card-number{font:9px/1.3 Inter,Arial,sans-serif;letter-spacing:.14em;color:#678a7a;margin-bottom:18px}
#tracks .career-card-copy>strong{font-size:22px;line-height:1.13;letter-spacing:-.055em;font-weight:450;max-width:225px;color:inherit}
#tracks .career-card-detail{display:grid;grid-template-columns:minmax(0,1fr);margin-top:10px;min-height:48px;width:100%;max-width:205px}
#tracks .career-card-role,#tracks .career-card-step{grid-area:1/1;display:block;font-size:11px;line-height:1.45;color:#658477;margin:0}
#tracks .career-card-step{visibility:hidden;color:#d2eee0}
#tracks .career-card-step small{display:block;font-size:7px;line-height:1.3;letter-spacing:.1em;color:#9bcdb6;margin-bottom:5px}
#tracks .career-card[aria-pressed=true] .career-card-step{visibility:visible}
#tracks .career-card[aria-pressed=true] .career-card-role{visibility:hidden}
#tracks .career-card-action{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:12px;width:100%;max-width:155px;color:#008777;font-size:10px}
#tracks .career-action-selected{display:none}
#tracks .career-card[aria-pressed=true] .career-action-selected{display:inline}
#tracks .career-card[aria-pressed=true] .career-action-idle{display:none}
#tracks .career-card-action b{display:grid;place-items:center;width:25px;height:25px;border:1px solid #b5d6c7;border-radius:50%;font-size:14px;font-weight:400;transition:background .25s,transform .25s}
#tracks .career-card:hover .career-card-action b{background:#d8f2e9;transform:translate(2px,-2px)}
#tracks .career-card[aria-pressed=true] .career-card-number{color:#a3cbb9}
#tracks .career-card[aria-pressed=true] .career-card-role{color:#b5d9ca}
#tracks .career-card[aria-pressed=true] .career-card-action{color:#c1f3e1}
#tracks .career-card[aria-pressed=true] .career-card-action b{border-color:#6daa914d}
#tracks .career-card[aria-pressed=true]:hover .career-card-action b{background:#ffffff14}
#tracks .career-card-art{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;margin:12px 12px 12px 0;border-radius:13px;background:radial-gradient(ellipse at 45% 30%,#e4fff3,#c8ebdc);overflow:hidden;color:#008b71;transition:background .3s}
#tracks .career-card-art svg{width:100%;height:auto;max-height:190px;fill:none;stroke:none;stroke-width:1;overflow:visible;transform:rotate(-4deg) translateY(-1px);transition:transform .45s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 8px 11px #164c3820)}
#tracks .career-card:nth-child(even) .career-card-art svg{transform:rotate(4deg) translateY(-1px)}
#tracks .career-card:hover .career-card-art svg{transform:rotate(0) scale(1.04)}
#tracks .career-card[aria-pressed=true] .career-card-art{background:radial-gradient(ellipse at 50% 25%,#e3fff2,#a6e1c9)}
#tracks .career-art-caption{position:absolute;bottom:12px;left:0;right:0;font:6px/1.3 Inter,Arial,sans-serif;letter-spacing:.12em;text-align:center;color:#3a8068;opacity:.8}
#tracks .career-card-art .art-paper{fill:#fafffc;stroke:#9ccfba;stroke-width:1.25}
#tracks .career-card-art .art-fill{fill:#008e73}
#tracks .career-card-art .art-soft{fill:#d5efe2}
#tracks .career-card-art .art-muted{fill:#b1d8c6}
#tracks .career-card-art .art-rule{fill:none;stroke:#9ccbb6;stroke-width:2;stroke-linecap:round}
#tracks .career-card-art .art-rule.thick{stroke-width:4}
#tracks .career-card-art .art-line{fill:none;stroke:#008e73;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
#tracks .career-card-art .art-line.light{stroke:#dcffef}
#tracks .career-card-art .art-network{fill:none;stroke:#5ba88a;stroke-width:1.5;stroke-linecap:round}
#tracks .career-card-art .art-network.dash{stroke-dasharray:3 6}
#tracks .career-card-art .art-code{fill:none;stroke:#008e73;stroke-width:6;stroke-linecap:round}
#tracks .career-card-art .art-platform{fill:none;stroke:#449e7b;stroke-width:9;stroke-linecap:round}
#tracks .track-preview-strip{display:flex;gap:21px;max-width:1160px;margin:30px auto 0;padding:24px 27px;border:1px solid #cfe2d8;border-radius:16px;background:#ffffffb0;align-items:center}
#tracks .track-preview-strip>span{flex:none;width:46px;height:46px;border-radius:10px;background:#d5f3e5;color:#007b62;font-size:12px}
#tracks .track-preview-strip small{font-size:9px;color:#3f7761;letter-spacing:.1em}
#tracks .track-preview-strip p{font-size:13px;color:#527463;line-height:1.6;max-width:650px;margin-top:7px}
#tracks .track-preview-strip>a{font-size:12px;white-space:nowrap;color:#007d64;gap:15px;margin-left:auto}
@media(max-width:1100px){#tracks #track-grid .career-card{grid-template-columns:minmax(0,1fr) minmax(130px,41%);min-height:228px}#tracks .career-card-copy{padding:24px 0 23px 22px}#tracks .career-card-copy>strong{font-size:20px}#tracks .career-card-role{font-size:10px}#tracks .career-card-art{margin-right:10px}#tracks .career-art-caption{font-size:5px}}
@media(max-width:760px){#tracks #track-grid{grid-template-columns:1fr;gap:16px}#tracks #track-grid .career-card{grid-template-columns:minmax(0,1fr) minmax(140px,43%);min-height:220px}#tracks .career-card-copy>strong{font-size:23px}#tracks .career-card-role{font-size:11px}#tracks .track-preview-strip{flex-wrap:wrap;padding:22px;gap:15px}#tracks .track-preview-strip>div{flex:1;min-width:180px}#tracks .track-preview-strip>a{margin-left:61px}#tracks .career-art-caption{font-size:6px}}
@media(max-width:420px){#tracks #track-grid .career-card{grid-template-columns:minmax(0,1fr) 43%;min-height:214px}#tracks .career-card-copy{padding:23px 0 22px 19px}#tracks .career-card-copy>strong{font-size:20px;line-height:1.15}#tracks .career-card-role{font-size:10px}#tracks .career-card-number{font-size:8px;margin-bottom:20px}#tracks .career-card-art{margin:10px 10px 10px 0}#tracks .career-art-caption{font-size:5px}#tracks .career-card-action{font-size:9px;max-width:126px}#tracks .career-card-action b{width:23px;height:23px}#tracks .track-preview-strip>div{min-width:160px}}
@media(prefers-reduced-motion:reduce){#tracks #track-grid .career-card,#tracks .career-card-art svg,#tracks .career-card-action b{transition:none}#tracks #track-grid .career-card:hover{transform:none}#tracks .career-card:hover .career-card-art svg{transform:none}}