@font-face{font-family:Inter;src:url('/assets/inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#242431;--muted:#62656c;--paper:#fff;--fog:#f5f5f6;--line:#e2e2e6;--cyan:#00e0e6;--navy:#242431;--code:#272935;--teal:#00656b;--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;letter-spacing:-.025em;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}img,svg{max-width:100%;display:block}p{margin:0 0 20px;color:var(--muted)}h1,h2,h3,h4{letter-spacing:-.055em;line-height:1.08;font-weight:600;margin:0}h1{font-size:clamp(50px,6.1vw,88px)}h2{font-size:clamp(36px,4vw,56px)}h3{font-size:26px}small,.small{font-size:13px}strong{font-weight:600}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.section{padding-block:96px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:24px}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 23px;border-radius:var(--radius);font-size:14px;font-weight:600;border:1px solid transparent;line-height:1.3;min-height:50px;transition:background .18s,transform .18s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--cyan);color:#172a2d}.dark-btn{background:var(--ink);color:white}.outline{border-color:#ceced4;background:white;color:var(--ink)}.text-btn{background:transparent;border:0;padding-left:0;padding-right:0}.arrow{font-size:23px;line-height:1;font-weight:400}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.announcement{background:#191a20;color:#eee;text-align:center;font-size:12px;padding:11px 20px}.announcement a{color:var(--cyan);margin-left:12px}.nav{position:sticky;top:0;z-index:30;background:#fffffff5;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:36px;min-height:86px}.brand{position:relative;display:block;width:183px;height:42px;overflow:hidden;flex-shrink:0}.brand img{position:absolute;width:183px;max-width:none;height:auto;top:-39px;left:0}.nav-links{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:500;margin-left:auto}.nav .btn{min-height:43px;padding:12px 18px}.menu-toggle{display:none;background:none;border:0;padding:10px;font-size:24px}.hero{background:#f6f6f7;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1fr 1.12fr;min-height:650px;align-items:center;gap:20px}.hero-copy{position:relative;z-index:2;padding:65px 0}.hero .eyebrow{display:flex;align-items:center;gap:9px;color:#51545d}.tiny-square{width:7px;height:7px;background:var(--cyan);display:inline-block}.hero h1{max-width:590px}.hero h1 em{font-style:normal;color:#747780}.hero-copy>p{font-size:19px;line-height:1.5;max-width:435px;margin:27px 0 32px;letter-spacing:-.025em}.hero-meta{margin-top:48px;display:flex;gap:26px;font-size:12px;color:var(--muted)}.hero-meta strong{display:block;color:var(--ink);font-size:17px;margin-bottom:3px}.product-scene{position:relative;min-width:0;height:560px;display:flex;align-items:center;perspective:1300px}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#dddde4 1px,transparent 1px),linear-gradient(90deg,#dddde4 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(ellipse,#0007,transparent 70%);transform:rotate(-9deg)}.dashboard-mock{position:absolute;top:70px;left:25px;width:580px;background:#fff;border:1px solid #d7d7dc;border-radius:14px;transform:rotateY(-10deg) rotateX(5deg) rotateZ(-5deg);padding:22px;box-shadow:0 35px 50px -30px #25253535}.mock-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#656771;margin-bottom:30px}.orbit-logo{font-size:21px;letter-spacing:-.06em;color:var(--ink);font-weight:600;display:flex;gap:8px;align-items:center}.orbit-symbol{border:2px solid currentColor;width:19px;height:19px;border-radius:50%;position:relative}.orbit-symbol:after{content:'';position:absolute;width:6px;height:6px;background:var(--cyan);top:-4px;right:-2px;border-radius:50%;border:2px solid white}.mock-title{font-size:17px;font-weight:600;margin-bottom:20px}.mock-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.mock-stat{padding:18px;background:var(--fog);border-radius:8px;font-size:11px;color:#777}.mock-stat b{display:block;font-size:28px;font-weight:500;color:var(--ink);margin-top:8px}.mock-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid #ededf0;font-size:11px}.mock-row .segment{color:var(--teal);background:#dff6f5;padding:4px 8px;border-radius:4px}.mock-caption{font-size:10px;color:#7b7c85;margin-top:17px}.floating-code{position:absolute;bottom:36px;left:-10px;width:470px;transform:rotateY(-7deg) rotateZ(-5deg);box-shadow:0 22px 32px -25px #080b2645}.code-window{background:var(--code);color:#f6f6fb;border:1px solid #3a3b49;border-radius:13px;overflow:hidden;text-align:left}.code-top{height:46px;background:#21222c;display:flex;align-items:center;justify-content:center;position:relative;color:#a2a7bd;font:11px 'SFMono-Regular',Consolas,monospace;letter-spacing:0;border-bottom:1px solid #383947}.dots{position:absolute;left:17px;display:flex;gap:7px}.dots i{display:block;width:8px;height:8px;background:#ff5964;border-radius:50%}.dots i:nth-child(2){background:#f1ec6c}.dots i:nth-child(3){background:#62e99f}.code-body{padding:21px 24px;font:12px/1.9 'SFMono-Regular',Consolas,monospace;letter-spacing:0;overflow:auto;white-space:pre;margin:0;tab-size:2}.ln{color:#7781a3;display:inline-block;min-width:27px;user-select:none}.syntax-comment{color:#8a95bb}.syntax-key{color:#f185cb}.syntax-str{color:#e8ef94}.syntax-fn{color:#82def0}.syntax-num{color:#ffb673}.tool-band{border-bottom:1px solid var(--line);padding:31px 0}.tool-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.tool-band .band-caption{font-size:12px;max-width:155px;color:var(--muted)}.tool-list{display:flex;align-items:center;gap:45px;flex-wrap:wrap}.tool-list img{width:107px;max-height:30px}.tool-word{font-size:20px;letter-spacing:-.06em;font-weight:600;color:#626570;display:flex;align-items:center;gap:8px}.tool-word svg{width:25px;height:25px}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:54px}.section-intro h2{max-width:710px}.section-intro>p{max-width:340px;font-size:16px;margin:0}.method-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:80px;align-items:center}.method-tabs{display:grid;gap:0}.method-tab{background:none;border:0;border-left:2px solid #dedee3;text-align:left;padding:23px 25px;transition:.2s}.method-tab[aria-selected=true]{border-left-color:var(--teal);background:var(--fog)}.method-tab span{font-size:12px;color:var(--muted);display:block;margin-bottom:8px}.method-tab h3{font-size:25px;letter-spacing:-.04em}.method-tab p{margin:10px 0 0;font-size:14px;max-width:350px}.method-tab[aria-selected=false] p{display:none}.method-visual{background:#f2f3f4;border-radius:12px;padding:38px;min-height:340px;display:flex;flex-direction:column;justify-content:center}.method-visual .code-window{width:100%}.visual-label{font-size:12px;margin:20px 0 0;color:#62656f;display:flex;gap:10px;align-items:center}.visual-label svg{width:16px;height:16px}.practice{background:var(--fog)}.practice-layout{display:grid;grid-template-columns:.85fr 1.25fr;gap:65px;align-items:center}.practice-copy h2{margin-bottom:26px}.practice-copy>p{max-width:370px}.check-list{list-style:none;padding:0;margin:30px 0}.check-list li{display:flex;gap:13px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #ddddE4;font-size:14px}.check-list svg{width:18px;height:18px;flex-shrink:0;color:var(--teal);margin-top:3px}.live-demo{background:white;border:1px solid var(--line);border-radius:12px;padding:26px}.demo-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.demo-title .small{color:var(--muted)}.segmented{display:flex;background:var(--fog);border-radius:8px;padding:4px;gap:3px;margin-bottom:24px}.segmented button{flex:1;background:none;border:0;padding:9px 13px;font-size:12px;border-radius:6px;color:#62656c}.segmented button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px #0001}.demo-controls{display:flex;gap:12px;align-items:center;font-size:12px;margin-bottom:20px;justify-content:space-between}.demo-controls select{border:1px solid #d6d6de;border-radius:6px;background:white;padding:8px;font-size:12px;color:var(--ink)}.demo-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-stats div{background:var(--fog);padding:16px;border-radius:8px;font-size:11px;color:var(--muted)}.demo-stats b{font-size:28px;display:block;color:var(--ink);font-weight:500;letter-spacing:-.05em;margin-top:6px}.demo-table{width:100%;font-size:12px;border-collapse:collapse;margin-top:23px}.demo-table th{text-align:left;color:#727680;font-weight:400;padding:10px 0;border-bottom:1px solid var(--line)}.demo-table td{padding:13px 0;border-bottom:1px solid #eeeef2}.demo-table th:last-child,.demo-table td:last-child{text-align:right}.demo-feedback{font-size:12px;line-height:1.5;background:#eef7f6;padding:13px 15px;border-radius:7px;margin-top:20px;color:#245e60;min-height:63px}.demo-note{font-size:10px;color:#797b84;margin-top:15px}.prep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.prep-card{border-top:1px solid var(--line);padding-top:24px}.prep-number{display:block;font-size:14px;color:var(--muted);margin-bottom:30px}.prep-card svg{width:36px;height:36px;stroke-width:1.25;margin-bottom:22px}.prep-card h3{font-size:23px;margin-bottom:15px}.prep-card p{font-size:14px}.prep-card a{font-size:13px;border-bottom:1px solid #7a7c82;padding-bottom:4px;font-weight:500}.resources{background:#f5f5f6}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.resource-card{background:white;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.resource-art{height:200px;background:#eeeef0;overflow:hidden;padding:30px;position:relative;display:flex;align-items:center;justify-content:center}.resource-art .code-window{width:100%;transform:rotate(-6deg);flex-shrink:0}.resource-art .code-body{font-size:10px;padding:18px}.resource-art .code-top{height:30px;font-size:9px}.paper-mock{height:215px;background:white;border:1px solid #dddde3;transform:rotate(-6deg);width:170px;padding:20px;color:var(--ink);font-size:10px}.paper-mock b{font-size:17px;line-height:1.15;display:block;letter-spacing:-.05em;margin:20px 0}.paper-lines{height:50px;background:repeating-linear-gradient(transparent 0 6px,#dedee5 6px 7px)}.folder-mock{width:180px;height:115px;background:#c9eded;border:1px solid #a8d8d8;border-radius:8px;transform:rotate(-7deg);position:relative;display:grid;place-content:center;letter-spacing:-.04em;font-size:25px;font-weight:500;color:#25666b}.folder-mock:before{content:'';height:20px;width:78px;position:absolute;background:#c9eded;border:1px solid #a8d8d8;border-bottom:0;top:-20px;left:0;border-radius:8px 8px 0 0}.resource-body{padding:26px;display:flex;flex-direction:column;flex:1}.resource-body .eyebrow{font-size:10px;color:#6b6d78;margin-bottom:15px}.resource-body h3{font-size:24px;margin-bottom:15px}.resource-body p{font-size:14px}.resource-body a{font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-layout h2{font-size:44px}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;list-style:none;font-size:17px;display:flex;gap:20px;justify-content:space-between;font-weight:500}.faq summary:after{content:'+';font-size:23px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;margin:18px 30px 0 0;line-height:1.65}.cta-strip{padding:64px 0;background:#ddf4f3}.cta-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta-strip h2{font-size:42px;max-width:650px}.footer{background:#16171d;color:white;padding:64px 0 30px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:55px}.footer-brand{background:white;width:183px;border-radius:3px;margin-bottom:24px}.footer p{font-size:13px;color:#a9abb7;max-width:315px}.footer h4{font-size:14px;letter-spacing:0;margin-bottom:20px}.footer a:not(.brand){font-size:13px;display:block;color:#b3b5c1;margin-bottom:12px}.footer-bottom{border-top:1px solid #36373f;padding-top:26px;margin-top:48px;font-size:11px;color:#8d909f;display:flex;justify-content:space-between;gap:20px}.footer-bottom a{margin:0!important;font-size:11px!important}.toast-region{position:fixed;bottom:24px;right:24px;z-index:1000;display:grid;gap:10px;max-width:min(390px,calc(100vw - 32px))}.toast{background:#22252c;color:white;border:1px solid #444751;border-radius:12px;padding:16px 18px;display:flex;align-items:flex-start;gap:12px;font-size:13px;box-shadow:0 10px 30px #1113;animation:toast-in .2s ease}.toast svg{width:19px;height:19px;flex-shrink:0;color:var(--cyan);margin-top:1px}.toast.error svg{color:#ffaaaa}.toast button{color:#ccc;background:none;border:0;margin-left:auto;padding:0 0 0 10px;font-size:18px}.toast p{margin:0;color:inherit}.skip{position:fixed;top:-100px;left:15px;z-index:1001;background:white;padding:15px}.skip:focus{top:15px}.login-page{background:#fff;min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.login-art{position:relative;min-height:100svh;background:#191b24;overflow:hidden;color:white;padding:55px;display:flex;flex-direction:column;justify-content:space-between}.login-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 50%}.login-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#1518245e,#10151d15 35%,#10151dd9 100%)}.login-art>*:not(img){position:relative;z-index:1}.login-art .brand{background:white;border-radius:3px;width:183px}.login-art-copy h2{font-size:clamp(38px,4.2vw,60px);max-width:500px}.login-art-copy p{font-size:16px;max-width:400px;color:#e6e8ed;margin-top:23px}.login-art .photo-credit{font-size:10px;color:#d0d4dc;margin-top:30px;display:block}.login-art .claude-white{filter:invert(1);width:118px;margin-bottom:35px}.login-side{display:flex;align-items:center;justify-content:center;padding:60px 10%;min-width:0}.login-box{max-width:390px;width:100%}.back-link{font-size:12px;color:var(--muted);margin-bottom:75px;display:inline-block}.login-box .eyebrow{color:#737681}.login-box h1{font-size:40px;letter-spacing:-.055em}.login-box>p{font-size:14px;margin:20px 0 34px}.field{display:block;margin-bottom:20px;font-size:12px;font-weight:500;letter-spacing:-.01em}.field input,.field textarea{display:block;border:1px solid #d4d5dd;border-radius:9px;padding:14px 15px;margin-top:9px;width:100%;background:white;color:var(--ink);font-size:14px;outline-color:#198287}.password-wrap{position:relative}.password-wrap input{padding-right:65px}.password-wrap button{position:absolute;right:12px;top:12px;border:0;background:none;font-size:11px;color:var(--muted);padding:5px}.login-box .btn{width:100%;margin-top:6px}.login-help{padding-top:28px;font-size:12px!important;line-height:1.6;border-top:1px solid var(--line);margin-top:30px!important}.form-error{color:#a23b3b;font-size:12px;min-height:20px;margin-bottom:10px}.portal-shell{min-height:100svh;background:#f6f6f7}.portal-header{height:80px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:25px}.portal-header-left{display:flex;align-items:center;gap:28px}.portal-course-label{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:25px}.user-menu{display:flex;align-items:center;gap:16px;font-size:12px}.avatar{height:33px;width:33px;border-radius:50%;display:grid;place-content:center;background:#dff2f1;color:#225d60;font-size:12px}.user-menu .text-btn{font-size:12px;color:var(--muted)}.portal-content{max-width:1140px;padding:70px 40px;margin:auto}.portal-title{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}.portal-title h1{font-size:48px;margin-bottom:15px}.portal-title p{margin:0;max-width:540px}.role-label{padding:6px 11px;border:1px solid var(--line);border-radius:6px;font-size:11px;letter-spacing:0;text-transform:uppercase;white-space:nowrap}.course-feature{display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:28px}.course-feature-copy{padding:42px}.course-feature-copy h2{font-size:36px;margin:22px 0}.course-feature-copy p{font-size:14px}.course-feature-visual{padding:40px;background:#eceef0;display:flex;align-items:center;justify-content:center;overflow:hidden}.course-feature-visual .code-window{width:100%;transform:rotate(-4deg)}.course-feature-visual .code-body{font-size:12px}.progress-track{height:5px;border-radius:4px;background:#e8e9ed;overflow:hidden;margin:25px 0 9px}.progress-fill{background:#157779;width:0%;height:100%;transition:width .2s}.progress-caption{font-size:11px;color:var(--muted);margin-bottom:26px}.portal-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px}.portal-panel{background:white;border:1px solid var(--line);border-radius:12px;padding:28px}.portal-panel h3{font-size:22px;margin-bottom:18px}.portal-panel p{font-size:13px}.material-link{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:15px 0;font-size:13px}.material-link span{font-size:11px;color:var(--muted)}.admin-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:26px;margin-top:25px}.admin-grid .field{margin-bottom:15px}.admin-grid .field input{padding:11px 13px}.roster{width:100%;border-collapse:collapse;font-size:12px}.roster th{text-align:left;font-weight:500;color:var(--muted);padding:12px 9px;border-bottom:1px solid var(--line)}.roster td{padding:14px 9px;border-bottom:1px solid #eee;word-break:break-word}.roster td strong{display:block}.roster td small{font-size:10px;color:var(--muted)}.roster-wrap{overflow:auto}.empty-state{font-size:13px;padding:25px 0;color:var(--muted)}.loading{padding:80px 30px;text-align:center;color:#6c7078}.lesson-layout{display:grid;grid-template-columns:290px 1fr;min-height:calc(100svh - 80px)}.lesson-sidebar{background:#fff;border-right:1px solid var(--line);padding:28px 22px;height:calc(100svh - 80px);overflow:auto;position:sticky;top:0}.lesson-sidebar .eyebrow{font-size:10px;margin-bottom:15px;color:var(--muted)}.lesson-sidebar h3{font-size:20px;margin-bottom:18px}.step-nav{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:4px}.step-nav button{display:flex;width:100%;text-align:left;gap:11px;border:0;background:transparent;font-size:11px;line-height:1.45;padding:11px 10px;border-radius:6px;color:#6b6c79;align-items:flex-start}.step-nav button.active{background:#e8f5f4;color:#1b4c50}.step-nav .step-number{font-size:10px;min-width:19px;border:1px solid #dddde2;border-radius:50%;height:19px;display:grid;place-content:center;margin-top:-1px;line-height:1}.step-nav .done .step-number{background:#1a6f73;color:white;border-color:#1a6f73}.lesson-main{padding:40px 55px 70px;min-width:0;max-width:1100px;width:100%;margin:0 auto}.lesson-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:15px;font-size:11px;color:var(--muted)}.lesson-tools{display:flex;align-items:center;gap:15px}.mode-toggle{border:1px solid #d5d6dd;background:white;border-radius:6px;padding:7px 11px;font-size:11px}.lesson-main h1{font-size:clamp(32px,3.4vw,48px);max-width:790px;margin-bottom:24px}.lesson-intro{font-size:17px;max-width:730px;margin-bottom:35px}.lesson-step-label{font-size:11px;letter-spacing:.09em;color:#48676b;margin-bottom:16px;text-transform:uppercase}.lesson-section-title{font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin:34px 0 20px;color:#5e6270}.step-actions{list-style:none;margin:0;padding:0;display:grid;gap:18px}.step-actions li{display:flex;align-items:flex-start;gap:16px;font-size:14px;line-height:1.7}.action-num{background:white;border:1px solid var(--line);border-radius:50%;font-size:11px;min-width:28px;height:28px;display:grid;place-content:center;color:#72778b;margin-top:1px}.step-actions code,.inline-code{padding:3px 6px;background:#e7e8ed;border-radius:4px;font-family:monospace;font-size:.88em;overflow-wrap:anywhere}.lesson-code{margin-top:26px;position:relative}.lesson-code .code-body{white-space:pre-wrap;overflow-wrap:anywhere;padding:23px;font-size:13px;line-height:1.8}.copy-btn{position:absolute;top:8px;right:11px;color:#d0d4e1;border:1px solid #4a4d60;border-radius:5px;padding:5px 10px;background:#2d2f3d;font-size:10px}.prompt-box{background:#fff;border:1px solid #d3d7dc;border-radius:12px;margin-top:26px;overflow:hidden}.prompt-head{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.prompt-head img{width:72px}.prompt-head button{background:none;border:1px solid #d2d4dc;border-radius:5px;padding:6px 10px;font-size:11px}.prompt-text{padding:24px;font-size:14px;line-height:1.8;margin:0;color:var(--ink)}.check-box{margin:30px 0;background:#e6f3f1;border:1px solid #caddda;border-radius:10px;padding:23px;display:flex;align-items:flex-start;gap:15px}.check-box svg{width:22px;min-width:22px;color:#276e68}.check-box h4{font-size:12px;letter-spacing:0;margin-bottom:8px}.check-box p{font-size:13px;color:#315d59;margin:0}.mentor-box{background:#fff;border:1px solid #d3d6df;border-radius:10px;margin:26px 0;padding:21px}.mentor-box summary{cursor:pointer;display:flex;justify-content:space-between;font-size:12px;font-weight:600}.mentor-box summary:after{content:'+'}.mentor-box[open] summary:after{content:'−'}.mentor-box p{font-size:14px;color:#505663;margin:18px 0 0;line-height:1.8}.mentor-box .eyebrow{font-size:9px;color:#737784;margin-bottom:5px}.note-panel{margin-top:32px;border-top:1px solid #dcdde3;padding-top:27px}.note-panel .field{font-size:12px}.note-panel textarea{font-size:13px;min-height:105px;resize:vertical}.note-panel .btn{padding:10px 15px;font-size:12px;min-height:40px}.lesson-nav-buttons{display:flex;justify-content:space-between;gap:20px;margin-top:38px;border-top:1px solid var(--line);padding-top:24px}.lesson-nav-buttons .btn{font-size:12px;padding:13px 17px}.tool-explain-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:30px}.tool-explain{background:white;border:1px solid var(--line);border-radius:10px;padding:20px}.tool-explain h3{font-size:17px;margin-bottom:10px}.tool-explain p{font-size:12px;line-height:1.65;margin-bottom:10px}.tool-explain small{font-size:11px;color:#2b6b6c}.lesson-figure{background:white;border:1px solid var(--line);border-radius:12px;margin:27px 0;overflow:hidden;padding:24px}.lesson-figure figcaption{font-size:11px;color:var(--muted);margin-top:18px}.diagram-flow{display:flex;gap:14px;align-items:center;padding:20px 0}.diagram-node{flex:1;padding:18px;border:1px solid #d7dbe0;border-radius:8px;min-width:0}.diagram-node b{display:block;font-size:12px;margin-bottom:7px}.diagram-node small{font-size:10px;display:block;color:var(--muted);overflow-wrap:anywhere}.diagram-arrow{color:#467478;font-size:20px}.diagram-node.highlight{background:#e7f6f4;border-color:#abd6d2}.terminal-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:27px 0}.terminal-grid .code-body{font-size:11px;padding:18px;min-height:105px;white-space:pre-wrap}.terminal-grid .code-top{font-size:10px}.terminal-grid .terminal-note{font-size:11px;color:var(--muted);margin-top:12px}.lesson-links{display:flex;gap:14px;flex-wrap:wrap;margin:25px 0}.lesson-links a{font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#315e66}.mobile-step-toggle{display:none}.save-status{font-size:11px;color:var(--muted);margin-left:13px}.student-metrics{display:flex;gap:20px;flex-wrap:wrap;margin:28px 0}.metric-box{background:white;border:1px solid var(--line);padding:20px 27px;border-radius:10px;min-width:145px;font-size:11px;color:var(--muted)}.metric-box b{display:block;font-size:32px;font-weight:500;color:var(--ink);margin-bottom:5px}.no-js{background:#fff2dd;color:#614a2f;padding:20px;font-size:14px}.footer-course-note{font-size:11px!important;line-height:1.6;margin-top:24px!important}.focus-mode .lesson-sidebar{display:none}.focus-mode .lesson-layout{grid-template-columns:1fr}.focus-mode .lesson-main{max-width:1100px}.focus-mode .lesson-main h1{font-size:48px}.focus-mode .step-actions li{font-size:18px}.focus-mode .lesson-intro{font-size:22px}.focus-mode .code-body{font-size:17px}.focus-mode .mentor-box{display:none}.focus-mode .note-panel{display:none}@keyframes toast-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero-inner{min-height:730px}.product-scene{height:620px}.dashboard-mock{top:80px}.floating-code{bottom:80px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.nav-links{gap:17px}.nav-inner{gap:20px}.hero-inner{grid-template-columns:1fr 1fr}.hero h1{font-size:65px}.hero-copy>p{font-size:17px}.dashboard-mock{left:0;width:500px}.floating-code{left:-10px;width:390px;bottom:55px}.hero-meta{gap:18px}.tool-list{gap:25px}.tool-word{font-size:18px}.method-grid{gap:35px}.method-visual{padding:25px}.practice-layout{gap:35px}.section{padding-block:75px}.resource-art{padding:22px}.lesson-layout{grid-template-columns:250px 1fr}.lesson-sidebar{padding:25px 15px}.lesson-main{padding:35px 32px 65px}.portal-course-label{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.announcement{font-size:10px;padding:10px}.announcement a{margin-left:7px}.nav-inner{min-height:73px;gap:15px}.brand{width:157px;height:36px}.brand img{width:157px;top:-34px}.nav .btn{padding:10px 12px;font-size:11px;min-height:39px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:73px;background:white;padding:23px;box-shadow:0 12px 16px #2221;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:22px}.nav-links.open{display:flex}.hero-inner{display:block;min-height:0}.hero-copy{padding:58px 0 20px}.hero h1{font-size:clamp(48px,12vw,72px);max-width:480px}.hero .eyebrow{font-size:10px;margin-bottom:23px}.hero-copy>p{font-size:17px;max-width:390px;margin:24px 0 26px}.hero-meta{margin-top:33px;font-size:10px;gap:25px}.hero-meta strong{font-size:14px}.hero .actions{gap:22px}.hero .btn{font-size:12px;padding:14px 18px}.product-scene{height:405px;margin-left:-10px;margin-right:-20px;transform:scale(.91);transform-origin:left center}.dashboard-mock{top:35px;width:480px;left:20px;padding:21px}.floating-code{bottom:0;left:0;width:min(400px,108%)}.floating-code .code-body{font-size:10px}.tool-band{padding:26px 0}.tool-band .wrap{display:block}.tool-band .band-caption{max-width:none;margin-bottom:23px;font-size:11px}.tool-list{gap:22px 28px}.tool-word{font-size:18px}.tool-list img{width:94px}.tool-word svg{width:22px;height:22px}.section{padding-block:62px}.section-intro{display:block;margin-bottom:35px}.section-intro h2{font-size:36px;max-width:450px}.section-intro>p{font-size:14px;margin-top:23px;max-width:400px}.eyebrow{font-size:10px;margin-bottom:20px}.method-grid{display:flex;flex-direction:column;gap:30px;align-items:stretch}.method-tabs{display:flex;gap:0}.method-tab{flex:1;padding:14px 10px;border-left:0;border-bottom:2px solid #d8d8df}.method-tab[aria-selected=true]{border-left:0;border-bottom-color:#245e64}.method-tab span{font-size:9px}.method-tab h3{font-size:17px}.method-tab p{display:none!important}.method-visual{padding:22px;min-height:270px}.method-visual .code-body{font-size:10px;padding:20px 16px}.visual-label{font-size:11px}.practice-layout{display:block}.practice-copy h2{font-size:36px}.practice-copy>p{font-size:14px}.practice-copy .btn{margin-bottom:35px}.check-list{margin:20px 0}.live-demo{padding:19px}.demo-stats b{font-size:25px}.demo-title .small{font-size:10px}.demo-controls{font-size:11px}.demo-controls select{max-width:130px}.demo-table{font-size:11px}.prep-grid{grid-template-columns:1fr;gap:30px}.prep-card{position:relative;padding:23px 0 0 57px}.prep-number{position:absolute;left:0;top:24px;margin:0}.prep-card svg{width:29px;height:29px;margin-bottom:20px}.prep-card h3{font-size:23px}.resource-grid{grid-template-columns:1fr;gap:26px}.resource-art{height:200px;padding:35px 60px}.resource-body{padding:26px}.faq-layout{display:block}.faq-layout h2{font-size:36px;margin-bottom:35px}.faq summary{font-size:15px}.faq details p{font-size:13px}.cta-strip{padding:48px 0}.cta-strip .wrap{display:block}.cta-strip h2{font-size:34px;margin-bottom:28px}.footer{padding:45px 0 25px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer .brand{width:183px;height:42px}.footer .brand img{width:183px;top:-39px}.footer-bottom{display:block;font-size:10px;margin-top:30px}.footer-bottom a{margin-top:13px!important}.login-page{grid-template-columns:1fr}.login-art{min-height:280px;height:280px;padding:25px}.login-art .brand{width:157px;height:36px}.login-art-copy h2{font-size:29px;max-width:270px}.login-art-copy p,.login-art .claude-white{display:none}.login-art .photo-credit{position:absolute;bottom:15px;right:20px;font-size:8px}.login-art-copy{padding-bottom:12px}.login-art>img{object-position:center 42%}.login-side{padding:35px 27px 50px}.back-link{margin-bottom:30px}.login-box h1{font-size:32px}.login-box>p{font-size:13px}.login-box .eyebrow{margin-bottom:15px}.portal-header{padding:0 20px;height:73px}.portal-header .brand{width:145px}.portal-header .brand img{width:145px;top:-31px}.user-name{display:none}.user-menu{gap:10px}.portal-content{padding:42px 20px}.portal-title{display:block;margin-bottom:28px}.portal-title h1{font-size:37px}.portal-title p{font-size:14px}.role-label{display:inline-block;margin-top:17px}.course-feature{grid-template-columns:1fr}.course-feature-copy{padding:27px}.course-feature-copy h2{font-size:31px;margin:18px 0}.course-feature-visual{padding:27px;min-height:240px}.portal-panels{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.portal-panel{padding:24px}.student-metrics{gap:10px}.metric-box{min-width:calc(50% - 5px);padding:17px}.lesson-layout{grid-template-columns:1fr;position:relative}.lesson-sidebar{display:none;position:absolute;top:0;left:0;width:280px;height:calc(100svh - 73px);z-index:20;border-bottom:1px solid var(--line);box-shadow:8px 5px 30px #2222}.lesson-sidebar.open{display:block}.lesson-main{padding:23px 20px 50px}.lesson-toolbar{margin-bottom:30px;flex-wrap:wrap}.mobile-step-toggle{display:block;background:white;border:1px solid #cdd0d9;border-radius:6px;font-size:11px;padding:8px 10px}.lesson-tools{margin-left:auto;gap:10px}.lesson-main h1{font-size:33px}.lesson-intro{font-size:15px;margin-bottom:27px}.step-actions li{font-size:13px;gap:12px}.action-num{min-width:25px;height:25px;font-size:10px}.lesson-code .code-body{font-size:11px;padding:20px 17px}.code-top{font-size:10px}.copy-btn{font-size:9px;right:8px;padding:5px 7px}.prompt-text{padding:20px;font-size:13px}.check-box{padding:19px;gap:11px}.mentor-box p{font-size:13px}.lesson-nav-buttons{gap:10px}.lesson-nav-buttons .btn{font-size:11px;padding:12px 13px}.tool-explain-grid{grid-template-columns:1fr}.diagram-flow{flex-direction:column;align-items:stretch;padding:0}.diagram-arrow{transform:rotate(90deg);align-self:center;line-height:1}.diagram-node{padding:15px}.lesson-figure{padding:20px;margin-inline:0}.terminal-grid{grid-template-columns:1fr}.mode-toggle{font-size:10px;padding:7px}.focus-mode .lesson-main h1{font-size:35px}.focus-mode .step-actions li{font-size:16px}.focus-mode .lesson-intro{font-size:18px}.focus-mode .code-body{font-size:13px}.toast-region{right:16px;bottom:16px}.resource-art .code-window{max-width:300px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.btn:hover{transform:none}}
.lesson-brand{display:flex;gap:30px;align-items:center;background:white;border:1px solid var(--line);border-radius:10px;padding:25px;margin-bottom:30px;font-size:12px;color:var(--muted)}.mentor-body{padding-top:15px}.mentor-body h4{font-size:15px;margin:28px 0 16px;line-height:1.4;letter-spacing:-.02em}.mentor-body>.step-actions{margin:20px 0}.mentor-body .step-actions li{font-size:13px}.mentor-body>p{margin:16px 0}.mentor-body .lesson-figure{padding:15px}.mentor-speech{border-left:2px solid #4c898b;background:#f2f6f6;padding:18px;margin:20px 0}.mentor-speech span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#426d70}.mentor-speech p{margin:10px 0 0;font-size:14px;line-height:1.7;color:#263f42}.agenda-list{margin:25px 0}.agenda-list>div{display:grid;grid-template-columns:85px 1fr;gap:3px 15px;border-top:1px solid var(--line);padding:14px 0}.agenda-list span{font-size:11px;color:var(--muted);grid-row:span 2}.agenda-list strong{font-size:12px}.agenda-list p{font-size:12px;margin:2px 0}.trouble-item{padding:17px 0;border-bottom:1px solid var(--line)}.trouble-item summary{font-size:13px;cursor:pointer}.trouble-item p{font-size:12px!important}.full-mentor>.mentor-body>h4:first-child{margin-top:10px}@media(max-width:760px){.lesson-brand{gap:20px;padding:20px;font-size:11px}.lesson-brand img{width:90px}.agenda-list>div{grid-template-columns:68px 1fr;gap:3px 10px}}
@font-face{font-family:Inter;src:url('/assets/inter-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('/assets/inter-500.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url('/assets/inter-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url('/assets/inter-700.ttf') format('truetype');font-weight:700;font-display:swap}.code-title{max-width:calc(100% - 90px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-code .code-title{max-width:calc(100% - 165px)}.login-art .claude-white{filter:brightness(0) invert(1)}
@media(max-width:760px){.login-art .photo-credit{position:static;display:block;margin-top:12px;font-size:8px}.login-art-copy{padding-bottom:0}}
@media(max-width:760px){.nav .btn{gap:10px;white-space:nowrap;font-size:10px}}