:root{font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;color:#172235;background:#f4f6f9;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f6f9}body{overflow-x:hidden}a{color:inherit}.hero{position:relative;min-height:86vh;overflow:hidden;padding:0 5vw 38px;background:#101824;color:#f8fafc}.hero-topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;height:76px;border-bottom:1px solid rgba(255,255,255,.16)}.wordmark,.github-link{color:#fff;font-size:13px;font-weight:800;letter-spacing:.08em;text-decoration:none}.github-link{display:flex;gap:8px;letter-spacing:0}.github-link span{color:#77a7ff}.system-scene{position:absolute;inset:76px 0 0 43%;overflow:hidden;opacity:.96}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to right,transparent,black 18%);mask-image:linear-gradient(to right,transparent,black 18%)}.scene-node{position:absolute;width:230px;padding:18px 20px;border:1px solid rgba(255,255,255,.24);border-left:4px solid #4d86ef;background:#101824db;box-shadow:0 18px 50px #0000003d}.scene-node span,.scene-node b,.scene-node small{display:block}.scene-node span{color:#79a7ff;font-size:11px;font-weight:850;letter-spacing:.1em}.scene-node b{margin:10px 0 6px;font-size:19px}.scene-node small{color:#aeb9c8;font-size:12px}.node-input{left:8%;top:15%}.node-agent{left:43%;top:37%;width:260px;border-color:#5d94f7;border-left-width:4px}.node-tools{left:12%;top:65%;border-left-color:#19a476}.node-eval{right:5%;top:12%;border-left-color:#df5a52}.scene-line{position:absolute;height:1px;background:#4d86ef;transform-origin:left center;opacity:.75}.line-a{left:30%;top:28%;width:240px;transform:rotate(25deg)}.line-b{left:31%;top:69%;width:230px;transform:rotate(-25deg);background:#19a476}.line-c{left:67%;top:42%;width:190px;transform:rotate(-42deg);background:#df5a52}.pulse{position:absolute;width:9px;height:9px;border-radius:50%;background:#86adff;box-shadow:0 0 0 8px #4d86ef1f;animation:pulse 2.6s ease-in-out infinite}.pulse-a{left:55%;top:34%}.pulse-b{left:38%;top:64%;background:#27bd8b;animation-delay:1.1s}@keyframes pulse{0%,to{transform:scale(.8);opacity:.45}50%{transform:scale(1.35);opacity:1}}.hero-content{position:relative;z-index:3;max-width:740px;padding-top:clamp(70px,12vh,130px)}.hero-index,.section-label{margin:0;color:#78a6ff;font-size:12px;font-weight:850;letter-spacing:.12em}.hero h1{margin:22px 0;font-size:clamp(54px,7vw,100px);line-height:1.02;letter-spacing:0}.hero h1 span{color:#77a7ff}.hero-summary{max-width:600px;margin:0;color:#c7d0dc;font-size:20px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:34px}.primary-action,.secondary-action{display:inline-flex;align-items:center;gap:28px;font-weight:750;text-decoration:none}.primary-action{padding:15px 20px;background:#f5f7fb;color:#152033}.primary-action:hover{background:#77a7ff}.secondary-action{color:#d8dfe8;font-size:15px;border-bottom:1px solid #6c7b90}.hero-metrics{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));max-width:760px;margin-top:clamp(60px,10vh,110px);border-top:1px solid rgba(255,255,255,.18)}.hero-metrics div{padding:18px 22px 4px 0}.hero-metrics b,.hero-metrics span{display:block}.hero-metrics b{font-size:24px}.hero-metrics span{margin-top:6px;color:#8f9caf;font-size:12px}.course-intro{display:grid;grid-template-columns:240px 1fr;gap:40px;max-width:1200px;margin:0 auto;padding:100px 32px 76px}.section-label{color:#1457d9}.intro-copy{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}.intro-copy h2,.practice-heading h2,.outcome-copy h2{margin:0;color:#172235;font-size:clamp(38px,5vw,66px);line-height:1.08;letter-spacing:0}.intro-copy p,.practice-heading p{margin:0;color:#5c6879;font-size:18px;line-height:1.75}.course-path{border-top:1px solid #cfd7e1}.lesson-row{display:grid;grid-template-columns:minmax(80px,150px) 1fr 60px;align-items:center;min-height:150px;padding:24px max(5vw,calc((100vw - 1136px)/2));border-bottom:1px solid #cfd7e1;background:#f4f6f9;text-decoration:none;transition:background .2s ease,color .2s ease}.lesson-row:hover{background:#172235;color:#fff}.lesson-number{color:#1457d9;font-size:30px;font-weight:850}.lesson-row small{color:#68768a;font-size:11px;font-weight:800;letter-spacing:.1em}.lesson-row h3{margin:8px 0 5px;font-size:clamp(24px,3vw,38px);letter-spacing:0}.lesson-row p{margin:0;color:#667386;font-size:14px}.lesson-row:hover small,.lesson-row:hover p{color:#aeb9c8}.lesson-row:hover .lesson-number{color:#77a7ff}.lesson-arrow{justify-self:end;color:#1457d9;font-size:28px}.practice-band{padding:100px max(5vw,calc((100vw - 1136px)/2));background:#e8edf4}.practice-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-top:28px}.practice-columns{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:70px;background:#c6d0dc}.practice-columns div{min-height:260px;padding:36px;background:#f8f9fb}.practice-columns span{color:#1457d9;font-size:12px;font-weight:850;letter-spacing:.1em}.practice-columns h3{margin:42px 0 14px;font-size:32px}.practice-columns p{max-width:430px;color:#5f6c7d;font-size:16px;line-height:1.7}.outcome-band{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;padding:110px max(5vw,calc((100vw - 1136px)/2));background:#f4f6f9}.outcome-copy h2{margin-top:26px}.outcome-list{border-top:1px solid #bdc8d5}.outcome-list div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #bdc8d5}.outcome-list b{color:#1457d9;font-size:12px;letter-spacing:.08em}.outcome-list span{color:#4e5c6f;line-height:1.5}footer{display:flex;justify-content:space-between;gap:30px;padding:40px 5vw;background:#101824;color:#f5f7fb}footer div{display:grid;gap:7px}footer b{font-size:13px;letter-spacing:.1em}footer span{color:#8997aa;font-size:11px}footer a{color:#77a7ff;font-size:14px;text-decoration:none}@media(max-width:820px){.hero{min-height:92vh;padding:0 22px 30px}.hero-topbar,.hero-content,.hero-metrics{min-width:0}.github-link{font-size:12px}.system-scene{inset:76px -260px 0 34%;opacity:.16;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),#000 52%,transparent 88%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),#000 52%,transparent 88%)}.hero-content{width:100%;padding-top:74px}.hero-index{max-width:290px;line-height:1.6}.hero h1{font-size:44px;line-height:1.06;overflow-wrap:anywhere}.hero-summary{font-size:17px}.hero-actions{gap:20px}.primary-action{gap:20px;padding:14px 18px}.hero-metrics{grid-template-columns:1fr 1fr}.course-intro,.intro-copy,.practice-heading,.outcome-band{grid-template-columns:1fr;gap:30px}.course-intro,.practice-band,.outcome-band{padding:72px 22px}.lesson-row{grid-template-columns:54px 1fr 30px;min-height:132px;padding:22px}.lesson-row h3{font-size:24px}.lesson-row p{font-size:12px}.practice-columns{grid-template-columns:1fr}footer{flex-direction:column}}