html{scroll-behavior:smooth;scroll-padding-top:90px}a{color:var(--blue)}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.wrap{max-width:var(--max-width);margin:auto;padding-left:28px;padding-right:28px}.top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 5%;border-bottom:1px solid var(--light-gray);background:var(--white)}.wordmark{font-family:var(--font-headline);font-size:20px;font-weight:700;text-decoration:none;color:var(--navy)}.wordmark span{color:var(--blue)}.wordmark em{color:var(--green);font-style:normal}.top nav{display:flex;gap:26px}.top nav a{text-decoration:none;font-size:14px;color:var(--navy)}.edition{font-size:12px;color:var(--dark-gray)}.hero{background:var(--navy);padding:75px 0 60px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--blue);margin-bottom:18px}.hero .eyebrow{color:var(--green)}.hero h1{color:var(--white);font-size:clamp(34px,4.1vw,54px);letter-spacing:-1.8px}.hero h1 span{color:var(--green)}.intro{color:var(--medium-gray);font-size:17px;max-width:510px;margin:25px 0 30px}.action,.outline{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 20px;background:var(--blue);color:var(--white);text-decoration:none;border:0;border-radius:var(--radius-btn);font:600 14px var(--font-body)}.action:hover{background:var(--blue-hover)}.quiet{display:block;color:var(--white);font-size:13px;margin-top:20px}.hero-note{color:var(--medium-gray);font-size:12px;margin-top:22px}.illustration{position:relative;padding-bottom:35px}.window{background:var(--white);border-radius:18px;box-shadow:var(--shadow-card);transform:rotate(-2deg);overflow:hidden}.window-bar{padding:16px 20px;background:var(--soft-white);display:flex;justify-content:space-between;font-size:10px;color:var(--dark-gray)}.dots{color:var(--medium-gray);letter-spacing:3px}.bubble{padding:18px;margin:35px 25px 0 70px;border-radius:14px 14px 0 14px;background:var(--blue-tint);color:var(--navy);font-size:14px}.flow-line{height:38px;width:2px;background:var(--blue);margin:auto;transform-origin:top;animation:draw 3s ease-in-out infinite}.file{display:flex;gap:15px;align-items:center;border:1px solid var(--medium-gray);margin:0 25px;padding:20px;border-radius:12px}.file-symbol{color:var(--blue);font-size:35px}.file strong{font-size:16px;color:var(--navy)}.file small{display:block;font-size:11px;color:var(--dark-gray)}.check{margin-left:auto;color:var(--green);font-size:24px;animation:appear 3s ease-in-out infinite}.demo-label{font-size:11px;color:var(--dark-gray);text-align:center;padding:25px 10px}.float-tag{position:absolute;bottom:0;left:15px;right:0;background:var(--blue);border-radius:9px;padding:15px;text-align:center;font-size:10px;letter-spacing:1px;color:var(--white)}.float-tag span{padding:0 8px;color:var(--green)}.orientation{display:flex;justify-content:space-between;gap:15px;padding:24px 0;border-bottom:1px solid var(--medium-gray);font-size:12px;color:var(--dark-gray)}.learning,.library{padding-top:75px;padding-bottom:75px}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:28px}.platform{font-size:12px;color:var(--dark-gray)}select{display:block;margin-top:5px;border:1px solid var(--medium-gray);padding:10px 35px 10px 12px;background:var(--white);color:var(--navy);border-radius:8px;font:inherit}.course{display:grid;grid-template-columns:275px 1fr;gap:40px}aside{padding-right:25px;border-right:1px solid var(--medium-gray)}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--dark-gray)}progress{width:100%;height:7px;accent-color:var(--green);margin:12px 0 20px}aside small{display:block;font-size:11px;color:var(--dark-gray);margin-top:20px}.lesson-link{display:flex;align-items:center;text-align:left;gap:13px;width:100%;padding:14px 12px;border:0;border-radius:8px;background:none;color:var(--dark-gray);font:500 13px var(--font-body);margin-bottom:5px}.lesson-link[aria-current="step"]{background:var(--blue-tint);color:var(--blue)}.lesson-num{font-size:11px;border:1px solid var(--medium-gray);border-radius:50%;width:27px;height:27px;display:grid;place-items:center;flex-shrink:0}.done .lesson-num{background:var(--green);color:var(--navy);border-color:var(--green)}#lesson{min-width:0;padding:12px 0}#lesson h3{font-size:26px}#lesson ol{padding-left:23px;color:var(--dark-gray)}#lesson li{margin-bottom:14px}.checkpoint{background:var(--soft-white);border-left:3px solid var(--green);padding:16px 20px;color:var(--navy);font-size:14px;margin:25px 0}.lesson-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-top:30px}.completed{display:flex;align-items:center;gap:8px;font-size:13px}.completed input{accent-color:var(--blue);width:18px;height:18px}.small{font-size:12px}.soft{background:var(--soft-white);padding:70px 0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.big-list{padding-left:24px;color:var(--navy)}.big-list li{padding-left:8px;margin-bottom:18px}.prompt-box{background:var(--white);border:1px solid var(--medium-gray);border-radius:18px;padding:28px}.prompt-box p{font-size:14px;color:var(--navy)}.copy-status{display:block;font-size:12px;margin-top:8px;color:var(--dark-gray)}.resource-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;margin-top:35px}.video-tile{border-radius:18px;border:1px solid var(--medium-gray);overflow:hidden;text-decoration:none;color:var(--navy)}.video-art{height:150px;background:var(--navy);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:var(--white);font-size:10px;letter-spacing:1px}.video-art.second{background:var(--blue)}.play{display:grid;place-items:center;border:1px solid var(--medium-gray);border-radius:50%;width:47px;height:47px;color:var(--white);font-size:16px}.resource-body{padding:24px}.resource-body small{font-size:9px;letter-spacing:1px;color:var(--dark-gray)}.resource-body h3{font-size:19px;margin-top:10px}.resource-body p{font-size:13px}.resource-body>span{font-size:12px;color:var(--blue)}.reading{padding:10px 5px}.reading a{display:block;padding:15px 0;border-bottom:1px solid var(--medium-gray);font-size:13px;text-decoration:none}.help-grid{display:grid;grid-template-columns:.85fr 1.2fr;gap:70px}details{border-bottom:1px solid var(--medium-gray);padding:20px 0}summary{cursor:pointer;font-size:15px;font-weight:600;color:var(--navy)}details p{font-size:14px;margin:18px 0 8px}details a{font-size:12px}.finish{background:var(--navy);padding:65px 0}.finish h2{color:var(--white)}.finish p{color:var(--medium-gray);max-width:580px}.finish .eyebrow{color:var(--green)}.finish-actions{display:flex;flex-wrap:wrap;gap:15px}.outline{background:none;border:1px solid var(--medium-gray)}footer{background:var(--navy);padding:25px 0;border-top:1px solid var(--dark-gray);color:var(--white);font-size:12px}footer span{display:block;color:var(--medium-gray);margin-top:5px}footer p{font-size:11px;max-width:750px;margin-top:15px;color:var(--medium-gray)}.skip{position:absolute;left:10px;top:-100px;padding:12px;background:var(--white);z-index:10}.skip:focus{top:10px}pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:var(--soft-white);border-radius:10px;font-size:13px;color:var(--navy)}@keyframes draw{0%,15%{transform:scaleY(.2);opacity:.3}45%,100%{transform:scaleY(1);opacity:1}}@keyframes appear{0%,35%{opacity:.25}60%,100%{opacity:1}}@media(max-width:960px){.hero-grid{gap:30px}.hero h1{font-size:37px}.course{grid-template-columns:220px 1fr;gap:25px}.edition{display:none}.resource-grid{grid-template-columns:1fr 1fr}.reading{grid-column:1/-1}.guide-grid,.help-grid{gap:30px}}@media(max-width:720px){.top{padding:18px 22px;flex-wrap:wrap}.top nav{gap:22px}.wordmark{font-size:18px}.hero{padding:50px 0}.hero-grid,.guide-grid,.help-grid,.course,.resource-grid{grid-template-columns:1fr}.hero h1{font-size:38px}.illustration{max-width:470px;margin-top:15px}.orientation{font-size:10px}.section-head{align-items:flex-start}.section-head h2{font-size:25px}.learning,.library{padding-top:50px;padding-bottom:50px}.course aside{border:0;padding:0}#lesson-nav{display:grid;grid-template-columns:1fr 1fr}.lesson-link{font-size:11px;padding:8px 4px}.lesson-num{width:23px;height:23px}.course aside small{margin-top:7px}.soft{padding:50px 0}.reading{grid-column:auto}.wrap{padding-left:22px;padding-right:22px}.float-tag{font-size:9px;letter-spacing:0}.section-head .eyebrow{font-size:9px}.platform{min-width:100px}.finish-actions{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}