/* Education-first Learn route */
.learn-redesign{padding:0 clamp(24px,5vw,76px) 100px}.learn-topline{min-height:48px;display:flex;justify-content:center;align-items:center}.learn-stage-nav{display:flex;align-items:center;gap:16px;font-size:13px}.learn-stage-nav a{color:var(--muted);text-decoration:none;padding:14px 0;border-bottom:2px solid transparent}.learn-stage-nav a.active{color:var(--ink);border-bottom-color:var(--ink)}.learn-stage-nav i{font-style:normal;color:var(--muted)}
.nature-hero{display:grid;grid-template-columns:minmax(320px,.76fr) minmax(520px,1.24fr);gap:42px;align-items:center;min-height:680px;padding:42px 0 12px}.hero-left h1{font-size:clamp(4rem,7vw,7.5rem);font-weight:430;line-height:.89;letter-spacing:-.075em;margin:18px 0 25px}.hero-left>p{max-width:520px;font-size:18px;color:var(--muted);margin-bottom:28px}.hero-facts{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px;font-size:12px;color:var(--muted)}.hero-facts span{border-left:1px solid var(--line);padding-left:11px}.hero-facts b{display:block;color:var(--ink);font-size:15px}.dna-side{position:relative;min-height:505px;padding:72px 86px 52px 24px;isolation:isolate}.dna-wash{position:absolute;inset:58px 55px 35px 2px;border-radius:38px;background:linear-gradient(145deg,rgba(91,214,255,.12),rgba(223,255,85,.16),rgba(190,147,255,.10));z-index:-1}.dna-meta{position:absolute;left:26px;top:14px;display:grid;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.dna-meta b{font-size:12px;letter-spacing:0;color:var(--ink);text-transform:none;margin-top:3px}.dna-bars{height:395px;display:grid;grid-template-columns:repeat(21,minmax(10px,1fr));align-items:end;gap:6px;border-bottom:1px solid var(--ink);padding:10px 9px 0}.dna-bar{height:var(--bar-height);min-height:3px;padding:0;align-self:end;border:1px solid var(--ink);border-bottom:0;background:var(--bar-colour);border-radius:999px 999px 4px 4px;cursor:pointer;position:relative;animation:dna-rise .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--delay);transition:transform .18s,opacity .18s,filter .18s}.dna-bar:hover,.dna-bar:focus-visible{transform:translateY(-8px);filter:brightness(1.08);z-index:2}.dna-bar.muted{opacity:.25;filter:saturate(.55)}.dna-bar-fill{display:block;width:100%;height:100%;border-radius:inherit}.dna-chip{position:absolute;border:1px solid rgba(10,13,10,.18);backdrop-filter:blur(8px);background:rgba(255,255,255,.5);padding:10px 14px;border-radius:999px;font-size:12px}.chip-a{right:102px;top:68px}.chip-b{left:36px;bottom:42px}.dna-scale{position:absolute;right:0;top:90px;bottom:52px;width:76px;display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:var(--muted)}.dna-scale span{display:flex;gap:5px;align-items:center;white-space:nowrap}.dna-scale b{color:var(--ink);font-size:11px}.dna-scale small{font-size:9px;line-height:1.25;margin-top:10px}.dna-tooltip{position:absolute;left:36px;right:95px;bottom:-48px;min-height:107px;border:1px solid rgba(10,13,10,.16);background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-radius:18px;padding:13px 16px;display:grid;grid-template-columns:auto auto;gap:3px 13px;font-size:12px;box-shadow:0 10px 25px rgba(7,16,8,.08)}.dna-tooltip strong{font-size:15px}.dna-tooltip code{font-size:10px;color:var(--muted);align-self:center}.dna-tooltip p,.dna-tooltip small{grid-column:1/-1;margin:3px 0 0;color:var(--muted);line-height:1.25}.dna-explainer{display:grid;grid-template-columns:1fr .9fr;gap:24px;border-top:1px solid var(--line);padding:46px 0 14px}.dna-explainer p{font-size:16px;max-width:530px;margin:8px 0}.read-key{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;font-size:11px;color:var(--muted)}.read-key b{display:block;font-size:12px;color:var(--ink);margin-bottom:3px}.dna-legend{display:flex;flex-wrap:wrap;gap:10px 14px;padding:17px 0;border-top:1px solid var(--line);font-size:11px}.dna-legend .technical-label{width:100%;font-size:10px}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-swatch{width:12px;height:12px;border:1px solid var(--ink);border-radius:50%;background:var(--lime)}.legend-swatch.hydro{background:#24B7D4}.legend-swatch.terrestrial{background:#BDEA43}.legend-swatch.sensory{background:#FF8C73}.legend-swatch.climate{background:#9678FF}.legend-swatch.other{background:#FFD35A}@keyframes dna-rise{from{height:3px;opacity:.25}}
.hero-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0 90px}.hero-rail article{min-height:195px;border:1px solid var(--line);border-radius:23px;background:rgba(255,255,255,.56);padding:18px;display:grid;grid-template-columns:62px 1fr;gap:14px;align-items:start}.hero-rail h3{font-size:19px;margin:0 0 5px}.hero-rail p{font-size:12px;color:var(--muted);margin:0}.hero-rail .button{grid-column:2;justify-self:start}.rail-visual{height:56px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:end;gap:4px;padding:8px;background:rgba(223,255,85,.2)}.rail-visual i{display:block;flex:1;border:1px solid var(--ink);border-radius:6px 6px 2px 2px;background:var(--lime)}.weights i:first-child{height:30%}.weights i:last-child{height:70%;background:#24B7D4}.minis i:first-child{height:68%;background:#9678FF}.minis i:last-child{height:45%;background:#FF8C73}.selected-bars i:nth-child(1){height:30%}.selected-bars i:nth-child(2){height:80%;background:#24B7D4}.selected-bars i:nth-child(3){height:50%}.lesson-progress{position:sticky;top:84px;z-index:8;display:flex;justify-content:space-between;gap:8px;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(243,244,241,.92);backdrop-filter:blur(10px);margin:0 0 35px;overflow:auto}.lesson-progress a{font-size:11px;white-space:nowrap;color:var(--muted);text-decoration:none;padding:7px 9px;border-radius:999px}.lesson-progress a.active{background:var(--dark);color:white}.accessible-fingerprint{margin:0 0 75px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}.accessible-fingerprint summary{cursor:pointer;font-size:13px;font-weight:700;min-height:44px}
.learn-lesson{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;min-height:560px;padding:90px 0;border-top:1px solid var(--line)}.lesson-number{font-size:64px;line-height:.8;letter-spacing:-.07em;color:rgba(10,13,10,.22)}.lesson-body h2{font-size:clamp(38px,5vw,66px);font-weight:440;line-height:.94;letter-spacing:-.06em;max-width:900px;margin:12px 0 32px}.concept-selector,.risk-steps{display:flex;gap:8px;flex-wrap:wrap}.concept-select,.risk-step{border:1px solid var(--line);background:rgba(255,255,255,.55);min-height:48px;border-radius:16px;padding:12px 16px;cursor:pointer}.concept-select.active,.risk-step.active{background:var(--lime);border-color:var(--ink)}.concept-explanation,.risk-explanation{margin-top:14px;padding:22px;border:1px solid var(--line);border-radius:22px;background:white;max-width:760px}.concept-explanation p,.risk-explanation p{max-width:620px;margin:9px 0;color:var(--muted)}.nature-chain{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:26px;font-size:15px}.nature-chain span{border:1px solid var(--line);border-radius:999px;padding:11px 15px;background:var(--white-glass)}.category-columns,.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.category{min-height:265px;border:1px solid var(--line);border-radius:24px;padding:24px;background:rgba(255,255,255,.62)}.category>span{font-size:13px;font-weight:700}.category p{font-size:21px;line-height:1.1}.category small{color:var(--muted);line-height:1.45}.category.provisioning{background:rgba(217,255,69,.25)}.category.regulation{background:rgba(91,214,255,.17)}.category.cultural{background:rgba(190,147,255,.17)}.risk-steps{display:grid;grid-template-columns:repeat(3,1fr)}.risk-step{text-align:left;min-height:145px;display:grid;gap:12px}.risk-step b{font-size:20px}.risk-step span{font-size:13px;color:var(--muted)}.weighting-demo{border:1px solid var(--line);border-radius:28px;padding:26px;background:rgba(255,255,255,.62);display:grid;grid-template-columns:1fr .55fr;gap:26px}.weight-controls label{display:grid;gap:12px;font-weight:700}.weight-controls output{font-size:29px;float:right}.weight-controls input{accent-color:var(--dark);width:100%}.activity-scores{display:flex;gap:10px;margin-top:20px}.activity-scores span{border:1px solid var(--line);border-radius:14px;padding:12px;background:white;font-size:13px}.activity-scores b{font-size:22px;margin-left:8px}.weight-result{border-radius:20px;background:var(--dark);color:white;padding:22px}.weight-result strong{display:block;font-size:72px;font-weight:430;letter-spacing:-.07em;margin-top:22px}.weight-result p{color:rgba(255,255,255,.7);font-size:12px}.weight-flow{grid-column:1/-1;display:flex;gap:13px;align-items:center;flex-wrap:wrap;font-size:13px}.weight-flow span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:white}.original-scale{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.original-scale span{border:1px solid var(--line);border-radius:16px;min-height:105px;padding:14px;background:rgba(255,255,255,.64);display:grid;align-content:space-between}.original-scale b{font-size:35px;letter-spacing:-.05em}.quick-check{margin-top:28px;padding:20px;border-left:5px solid var(--lime);background:rgba(255,255,255,.6);border-radius:0 18px 18px 0}.quick-check div{display:flex;gap:9px;margin-top:14px}.aggregate-demo{display:grid;grid-template-columns:1fr 1fr;gap:16px}.aggregate-demo article{border:1px solid var(--line);border-radius:25px;padding:26px;background:white}.aggregate-demo article.lime{background:rgba(223,255,85,.36)}.aggregate-demo h3{font-size:27px;line-height:1.02;margin:16px 0 12px}.aggregate-demo p,.aggregate-demo small{color:var(--muted)}.aggregate-demo code{display:block;background:var(--dark);color:white;border-radius:13px;padding:13px;font-size:12px;margin:18px 0}.aggregate-reveal{margin-top:16px;border:1px solid var(--line);border-radius:21px;padding:20px;background:rgba(255,255,255,.55)}#aggregate-answer{margin-top:14px;padding:14px;background:var(--lime-soft);border-radius:12px}.capability-grid{grid-template-columns:1fr 1fr}.capability-grid article{border:1px solid var(--line);border-radius:26px;padding:25px;background:rgba(255,255,255,.57)}.capability-grid article:last-child{background:rgba(255,140,115,.12)}.capability-grid h3{font-size:25px;margin:0}.capability-grid li{margin:10px 0;color:var(--muted)}.micro-icon{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--ink);border-radius:50%;font-size:14px;margin-right:7px}.final-limit{margin-top:20px;padding:25px;border-radius:24px;background:var(--dark);color:white;display:flex;justify-content:space-between;align-items:center;gap:18px}.final-limit p{font-size:23px;margin:0;max-width:580px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.nature-hero{grid-template-columns:1fr;min-height:0}.dna-side{max-width:820px;width:100%;margin:auto}.hero-rail{grid-template-columns:1fr 1fr}.category-columns{grid-template-columns:1fr}.learn-lesson{grid-template-columns:76px 1fr}.risk-steps{grid-template-columns:1fr}.capability-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.learn-redesign{padding:0 18px 65px}.learn-topline{justify-content:flex-start;overflow:auto}.learn-stage-nav{white-space:nowrap}.nature-hero{padding-top:23px}.hero-left h1{font-size:clamp(3.6rem,17vw,5rem)}.dna-side{padding:65px 58px 52px 8px;min-height:450px}.dna-bars{height:315px;gap:3px;grid-template-columns:repeat(21,minmax(9px,1fr))}.dna-scale{width:54px;font-size:8px}.dna-scale span{white-space:normal}.dna-chip{font-size:10px;padding:7px 9px}.chip-a{right:55px;top:58px}.chip-b{left:13px}.dna-tooltip{left:10px;right:62px;bottom:-68px;font-size:10px}.dna-explainer{grid-template-columns:1fr;padding-top:82px}.hero-rail{grid-template-columns:1fr;margin-bottom:55px}.lesson-progress{top:70px;margin-inline:-5px}.learn-lesson{grid-template-columns:1fr;gap:10px;min-height:0;padding:65px 0}.lesson-number{font-size:45px}.category-columns,.capability-grid,.aggregate-demo,.weighting-demo{grid-template-columns:1fr}.original-scale{grid-template-columns:repeat(3,1fr)}.weight-result strong{font-size:56px}.final-limit{display:grid}.read-key{grid-template-columns:1fr 1fr}.hero-facts{gap:10px}}
.learn-route .site-header{grid-template-columns:auto minmax(0,1fr) auto;gap:26px}.learn-route .site-header nav{display:block;grid-column:auto}.learn-route .nav-links{justify-content:center}.dna-meta{display:none}.dna-tooltip>small{display:none}@media(max-width:700px){.learn-route .site-header{grid-template-columns:1fr auto}.learn-route .brand{font-size:0}.learn-route .brand-mark{width:38px;height:38px}.learn-route .site-header nav{display:block;grid-column:1/-1;overflow-x:auto}.learn-route .nav-links{justify-content:flex-start;flex-wrap:nowrap}.learn-route .header-meta{display:flex}}

/* Exact raw-score bar geometry: the slot stays interactive at zero while the fill remains on the baseline. */
.dna-bars{align-items:stretch}.dna-bar-slot{min-width:0;height:100%;padding:0;border:0;background:transparent;cursor:pointer;position:relative;align-self:stretch;animation:dna-slot-in .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--delay);transition:opacity .18s,filter .18s}.dna-bar-slot::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);opacity:.35}.dna-bar-slot:hover,.dna-bar-slot:focus-visible{filter:brightness(1.08);z-index:2}.dna-bar-slot.muted{opacity:.25;filter:saturate(.55)}.dna-bar-slot.selected .dna-bar-fill{outline:3px solid var(--ink);outline-offset:2px;filter:brightness(1.1)}.dna-bar-slot .dna-bar-fill{display:block;position:absolute;left:0;right:0;bottom:0;height:var(--bar-height);min-height:0;border:1px solid var(--ink);border-bottom:0;background:var(--bar-colour);border-radius:999px 999px 4px 4px;transform-origin:bottom;animation:dna-raw-rise .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--delay)}.dna-bar-slot:hover .dna-bar-fill,.dna-bar-slot:focus-visible .dna-bar-fill{transform:translateY(-8px)}@keyframes dna-slot-in{from{opacity:.25}}@keyframes dna-raw-rise{from{transform:scaleY(0);opacity:.25}}
.company-picker{position:absolute;left:24px;right:92px;top:-72px;display:grid;grid-template-columns:auto 1fr auto 100px;gap:8px;align-items:center;z-index:6;font-size:11px;font-weight:700}.company-picker input,.company-picker select{min-height:40px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.92);padding:8px 10px}.company-results{position:absolute;left:70px;right:108px;top:44px;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:white;box-shadow:0 12px 28px rgba(7,16,8,.14)}.company-results:empty{display:none}.company-results button{display:block;width:100%;min-height:38px;border:0;border-bottom:1px solid var(--line);background:white;padding:8px 10px;text-align:left;cursor:pointer}.company-results button:hover,.company-results button:focus-visible{background:var(--lime-soft)}.dna-side{margin-top:62px}.dna-meta{top:14px}@media(max-width:700px){.dna-side{margin-top:86px}.company-picker{left:8px;right:56px;top:-82px;grid-template-columns:1fr 78px}.company-picker label{display:none}.company-picker input,.company-picker select{min-width:0}.company-results{left:0;right:0;top:44px}.dna-meta{top:16px}}