:root{--ink:#173a35;--text:#284943;--muted:#60716c;--canvas:#f3f0e8;--paper:#fffdf8;--line:#ced7d0;--primary:#1f6759;--primary-soft:#e3efe9;--focus:#d68c20;--strategy:#e7eef4;--retry:#fae8e2;--success:#e2f0e7;--transfer:#f8efd8;--track-1:#a84f3f;--track-2:#276c73;--track-3:#8a641f;--track-4:#4d5684;--track-5:#526a3a;--track-6:#963f3a;--track-7:#695177;--track-8:#215c50;--radius-sm:10px;--radius:18px;--radius-lg:30px;--shadow:0 20px 50px rgb(23 58 53 / .10);--font-head:"Aptos Display","Segoe UI",Arial,sans-serif;--font-body:"Aptos","Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font:18px/1.55 var(--font-body)}button,a{font:inherit}button{cursor:pointer;color:inherit}.skip{position:fixed;top:-5rem;left:1rem;z-index:30;background:#fff;padding:.8rem}.skip:focus{top:1rem}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;padding:12px clamp(16px,4vw,52px);background:rgb(255 253 248 / .94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand b{font:800 1rem/1.05 var(--font-head)}.brand small{display:block;font-size:.78rem;color:var(--muted)}nav{display:flex;gap:5px;margin-left:auto}nav button,.menu{border:0;background:transparent;padding:10px 14px;border-radius:10px;font-weight:750}nav button.active{background:var(--ink);color:#fff}.menu{border-left:1px solid var(--line);border-radius:0;padding-left:20px}main{max-width:1280px;min-height:78vh;margin:auto;padding:clamp(30px,5vw,68px) clamp(18px,4vw,52px)}footer{display:flex;justify-content:center;align-items:center;gap:10px;padding:30px;color:var(--muted);font-size:.9rem}h1,h2,h3{font-family:var(--font-head);letter-spacing:-.025em}h1{font-size:clamp(2.55rem,5.6vw,5.65rem);line-height:.98;margin:.2em 0}.page-title{max-width:900px}.task-title{font-size:clamp(2rem,4vw,3.35rem);line-height:1.06}.eyebrow{font:800 .72rem var(--font-head);text-transform:uppercase;letter-spacing:.13em;color:var(--primary)}.lead{max-width:68ch;font-size:1.22rem;color:var(--text)}.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:590px;overflow:hidden;border-radius:var(--radius-lg);background:var(--primary-soft);box-shadow:var(--shadow)}.hero-copy{padding:clamp(30px,5vw,68px);display:flex;flex-direction:column;justify-content:center}.hero-media{position:relative}.hero-media picture,.hero-media img{display:block;width:100%;height:100%}.hero-media img{object-fit:cover}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--primary-soft),transparent 28%)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.primary,.secondary,.link-btn{border-radius:12px;padding:13px 18px;font-weight:800}.primary{border:1px solid var(--ink);background:var(--ink);color:#fff}.secondary{border:1px solid var(--ink);background:transparent}.link-btn{border:0;background:transparent;text-decoration:underline}.today{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:0;margin:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.today>div{padding:20px;border-right:1px solid var(--line)}.today>div:last-child{border:0}.today b{display:block;font:800 1.15rem var(--font-head)}.editorial-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.track-card{position:relative;overflow:hidden;min-height:430px;border-radius:var(--radius);background:#173a35;color:#fff}.track-card:nth-child(1),.track-card.current{grid-column:span 3}.track-card:not(:nth-child(1)):not(.current){grid-column:span 2}.track-card picture,.track-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.track-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(10 35 31 / .93),rgb(10 35 31 / .1) 75%)}.track-body{position:absolute;z-index:1;inset:auto 0 0;padding:24px}.track-body h2{margin:.35rem 0;font-size:1.55rem}.track-meta{display:flex;gap:8px;flex-wrap:wrap}.track-meta span{padding:5px 8px;border-radius:999px;background:rgb(255 255 255 / .17);font-size:.78rem}.track-progress{display:flex;gap:5px;margin:14px 0}.track-progress i{height:4px;flex:1;background:rgb(255 255 255 / .25)}.track-progress i.on{background:#fff}.phase-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 26px}.phase{padding:10px;border-top:4px solid var(--line);color:var(--muted);font-weight:750;font-size:.9rem}.phase.active{border-color:var(--accent);color:var(--ink)}.task-layout{--accent:var(--primary)}.task-layout.track-1{--accent:var(--track-1)}.task-layout.track-2{--accent:var(--track-2)}.task-layout.track-3{--accent:var(--track-3)}.task-layout.track-4{--accent:var(--track-4)}.task-layout.track-5{--accent:var(--track-5)}.task-layout.track-6{--accent:var(--track-6)}.task-layout.track-7{--accent:var(--track-7)}.task-layout.track-8{--accent:var(--track-8)}.task-visual{position:relative;overflow:hidden;border-radius:var(--radius-lg);height:min(46vw,470px);margin-bottom:22px}.task-visual.compact{height:210px}.task-visual picture,.task-visual img{width:100%;height:100%;object-fit:cover}.context{position:absolute;left:18px;bottom:18px;padding:7px 10px;border-radius:999px;background:rgb(255 253 248 / .94);font-weight:800}.task-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:46px}.task-main{min-width:0}.task-side{border-left:1px solid var(--line);padding-left:26px}.task-side h2{font-size:1.1rem}.task-side ul{padding-left:18px}.surface-active{padding:clamp(22px,4vw,42px);background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow)}.scene{padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.options{display:grid;gap:10px;margin:20px 0}.options button,.parts button,.chip{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px;text-align:left}.options button:hover,.parts button:hover{border-color:var(--primary);background:var(--primary-soft)}.options .good{border:2px solid #3d7d58;background:var(--success)}.options .bad{border:2px solid #a34c40;background:var(--retry)}.parts{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.built{min-height:66px;padding:14px;border:2px dashed #aebbb3;border-radius:12px}.feedback{margin:20px 0;padding:18px 18px 18px 52px;border-radius:12px;position:relative}.feedback:before{position:absolute;left:18px;top:18px;font-weight:900}.feedback.strategy{background:var(--strategy)}.feedback.strategy:before{content:"i"}.feedback.retry{background:var(--retry)}.feedback.retry:before{content:"↻"}.feedback.success{background:var(--success)}.feedback.success:before{content:"✓"}.feedback.transfer{background:var(--transfer)}.feedback.transfer:before{content:"→"}.feedback h3{margin:0}.development{display:grid;grid-template-columns:1fr 1fr;gap:32px}.milestone{padding:22px 0;border-bottom:1px solid var(--line)}.milestone-head{display:flex;justify-content:space-between;gap:20px}.steps{display:flex;gap:6px;margin:10px 0}.steps i{height:8px;flex:1;background:#d9dfda;border-radius:8px}.steps i.on{background:var(--primary)}.review-list{padding:10px 0}.review-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.tag{display:inline-block;padding:5px 9px;border-radius:999px;background:var(--primary-soft);font-size:.84rem;font-weight:800}.icon{width:22px;height:22px;vertical-align:-5px}.icon-label{display:inline-flex;align-items:center;gap:8px}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.about-grid section{border-top:5px solid var(--primary);padding-top:18px}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:4px;scroll-margin-top:90px}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-media{height:360px}.hero-media:after{background:linear-gradient(0deg,var(--primary-soft),transparent 25%)}.today{grid-template-columns:1fr 1fr}.today>div:first-child{grid-column:1/-1;border-bottom:1px solid var(--line)}.editorial-grid{grid-template-columns:1fr 1fr}.track-card,.track-card:nth-child(1),.track-card.current,.track-card:not(:nth-child(1)):not(.current){grid-column:span 1}.task-grid{grid-template-columns:1fr}.task-side{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.development{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){header{gap:8px;flex-wrap:wrap}.brand{margin-right:auto}nav{order:3;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}nav button{padding:9px 6px;font-size:.92rem}.menu{border:0;padding:8px}main{padding-top:32px}h1{font-size:3rem}.task-title{font-size:2.2rem}.hero{min-height:0}.hero-media{height:330px}.today,.editorial-grid,.about-grid{grid-template-columns:1fr}.today>div,.today>div:first-child{grid-column:auto;border-right:0;border-bottom:1px solid var(--line)}.track-card,.track-card:nth-child(1),.track-card.current{min-height:370px}.phase-nav{gap:3px}.phase{padding:8px 3px;font-size:.72rem}.task-visual{height:310px}.task-visual.compact{height:150px}.surface-active{padding:20px 16px}.review-item{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(forced-colors:active){*{box-shadow:none!important}.track-card:after,.hero-media:after{display:none}.context,.tag{border:1px solid ButtonText}.phase.active{border-color:Highlight}.feedback{border:2px solid CanvasText}.options .good,.options .bad{border:3px solid Highlight}}