:root{--navy:#0a1020;--surface:#101a2c;--mint:#73f3cc;--cream:#f1f0e9;--white:#f4f7fb;--muted:#a8b5c9;--line:#293548;--ink:#152b2c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body.home{margin:0;background:var(--navy);color:var(--white);font-family:Inter,"Aptos","Segoe UI",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #42a9ff;outline-offset:5px}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h2{font-size:clamp(32px,3.5vw,48px);font-weight:650;margin-bottom:28px}h3{font-weight:650}p{margin-bottom:20px}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section{padding-block:110px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;line-height:1.5;margin-bottom:26px}.muted-label{color:var(--muted)}.mint{color:var(--mint)}.muted{color:var(--muted)}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--mint);color:var(--navy);z-index:100}.skip-link:focus{top:10px}
.site-header{border-bottom:1px solid var(--line);background:rgba(10,16,32,.97)}.header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:flex;align-items:center;font-size:25px;letter-spacing:-.06em;font-weight:750;white-space:nowrap}.brand-symbol{font-family:ui-monospace,monospace;font-size:26px;letter-spacing:-.15em;color:var(--mint);margin-right:13px}.brand-symbol span{font-size:18px;vertical-align:2px;padding-inline:2px}.brand-dot{color:var(--mint)}#home-navigation{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600}#home-navigation>a:hover{color:var(--mint)}#home-navigation .nav-start{border:1px solid #5b756f;padding:11px 16px;border-radius:5px;color:var(--mint)}.nav-start span{margin-left:18px}.mobile-menu{display:none}
.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:60px;align-items:center;padding-block:70px 78px}.hero .eyebrow{display:flex;align-items:center;gap:10px;color:var(--mint);font-size:10px;margin-bottom:25px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--mint)}h1{font-size:clamp(44px,4.6vw,68px);font-weight:650;line-height:1.04;margin:0 0 28px;letter-spacing:-.052em}h1 em{font-style:normal;color:var(--mint)}.hero-intro{font-size:19px;line-height:1.5;margin-bottom:12px;color:#e2e8f1}.hero-description{color:var(--muted);font-size:15px;max-width:410px}.hero-actions{display:flex;align-items:center;gap:24px;margin:30px 0 20px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;font-size:13px;font-weight:750;padding:15px 20px;border-radius:5px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--mint);color:#0e2924}.primary:hover{background:#a1f9de}.button>span{font-size:18px;line-height:1}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:650;border-bottom:1px solid currentColor;padding-bottom:3px}.text-link:hover{opacity:.8}.hero-note{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px;margin:0}.hero-note>span:first-child{color:var(--mint)}.hero-visual{position:relative;margin:0;padding:12px 12px 0;border:1px solid #39473e;border-radius:120px 6px 6px 6px;background:#14221f;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;min-height:510px}.hero-visual>img{width:100%;height:100%;min-height:420px;object-fit:cover;object-position:51% center;border-radius:110px 3px 3px 3px;flex:1}.visual-index{position:absolute;top:38px;right:30px;left:60px;display:flex;justify-content:space-between;font:8px/1.4 ui-monospace,monospace;letter-spacing:.07em;color:#fff;text-shadow:0 1px 5px #000;gap:15px}.hero-visual figcaption{padding:18px 10px;display:flex;align-items:center;gap:14px}.caption-symbol{width:37px;height:37px;border:1px solid #688377;border-radius:50%;color:var(--mint);font-family:Georgia,serif;text-align:center;font-size:25px;line-height:35px;flex-shrink:0}.hero-visual figcaption strong{display:block;font-size:13px;letter-spacing:-.01em}.hero-visual figcaption div>span{display:block;color:#adc4b8;font-size:11px;margin-top:1px}.subject-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#b8c4d3}.subject-strip .wrap{display:flex;justify-content:space-between;align-items:center;padding-block:22px;font-size:11px;font-weight:600;letter-spacing:.18em;gap:18px}.strip-plus{color:#57756e;font-size:18px;font-weight:400}
.purpose{display:grid;grid-template-columns:1.08fr 1fr;gap:75px}.purpose h2{font-size:clamp(30px,3vw,42px)}.purpose-copy{font-size:15px;color:#b6c2d3;padding-top:37px}.purpose-copy p:first-child{color:var(--white);font-size:18px;line-height:1.65}.purpose-copy p:last-of-type{margin-bottom:26px}.practice-section{background:var(--cream);color:var(--ink);padding-block:90px 0}.practice-layout{display:grid;grid-template-columns:.9fr 1fr;gap:100px;align-items:center}.practice-copy h2{font-size:clamp(34px,3.9vw,52px)}.practice-copy p:not(.eyebrow){font-size:16px;color:#405853}.practice-copy code{font-family:ui-monospace,monospace;background:#dce6df;padding:1px 5px;border-radius:4px}.practice-copy .text-link{margin-top:12px}.demo{background:#0f1c2a;color:#dce9e7;border-radius:10px;box-shadow:0 25px 50px #18352920;overflow:hidden;border:1px solid #293e46;min-width:0}.demo-top{display:flex;align-items:center;gap:14px;padding:15px 20px;border-bottom:1px solid #2b3b45;font:10px ui-monospace,monospace;color:#b0c1c8}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#556875}.window-dots i:first-child{background:#b49b8d}.demo-badge{margin-left:auto;color:var(--mint);font:8px Arial,sans-serif;letter-spacing:.16em}.demo-code{font:13px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;margin:0;padding:26px 20px;overflow-x:auto}.code-dim{color:#697e8c;margin-right:13px;user-select:none}.code-number{color:#e8c38d}.code-keyword{color:#bca8eb}.demo-code mark{color:var(--navy);background:var(--mint);border-radius:3px;padding:2px 4px}.demo-controls{border:0;border-top:1px solid #2b3b45;padding:12px 20px 18px;margin:0;display:flex;gap:9px;flex-wrap:wrap}.demo-controls legend{font-size:10px;color:#b7c9ce;padding-right:10px}.demo-controls label{cursor:pointer;flex:1;min-width:150px;position:relative}.demo-controls input{position:absolute;opacity:0;width:1px;height:1px}.demo-controls label>span{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #4e6470;border-radius:5px;font-size:11px;color:#b3c4cc}.demo-controls b{font-family:ui-monospace,monospace;font-size:14px}.demo-controls input:checked+span{background:#183b34;border-color:#73f3cc;color:var(--mint)}.demo-controls input:focus-visible+span{outline:3px solid #42a9ff;outline-offset:3px}.demo-result{margin:0 20px;padding:17px 0 12px;border-top:1px solid #2b3b45}.demo-result>div{display:flex;gap:20px;align-items:center}.result-label{font:9px ui-monospace,monospace;color:#99b0b7;letter-spacing:.15em}.demo-result output{font:21px ui-monospace,monospace;color:var(--mint)}.demo-result p{font-size:11px;line-height:1.6;color:#a9bfc6;margin:8px 0 0;min-height:35px}.demo-footnote{font-size:9px;line-height:1.6;color:#8fa6b1;padding:0 20px 18px;margin:0}.learning-steps{list-style:none;padding:42px 0;margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid #c9d3cb;margin-bottom:0}.learning-steps li{display:flex;gap:15px}.learning-steps li>span{font:11px ui-monospace,monospace;color:#537267;padding-top:3px}.learning-steps strong{display:block;font-size:15px}.learning-steps p{font-size:12px;color:#577068;margin:4px 0 0}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:55px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:330px;font-size:15px;color:var(--muted);margin-bottom:3px}.audience-list{border-top:1px solid var(--line)}.audience-list article{display:grid;grid-template-columns:40px 1fr 1.25fr 150px;gap:25px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.audience-number{font:11px ui-monospace,monospace;color:var(--mint)}.audience-list h3{font-size:22px;letter-spacing:-.03em;margin:0;line-height:1.3;max-width:200px}.audience-list p{font-size:13px;color:var(--muted);margin:0;line-height:1.7}.audience-tag{text-align:right;font-size:8px;font-weight:600;letter-spacing:.13em;color:#b4cbc3}.routes-section{padding:90px 0;background:#111c2d;border-top:1px solid #263344;border-bottom:1px solid #263344}.routes-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.route{display:block;border:1px solid #3a584d;border-radius:6px;padding:27px 30px;background:#152e29;transition:transform .2s,border-color .2s}.route:hover{transform:translateY(-4px);border-color:var(--mint)}.route-top{display:flex;align-items:center;gap:17px;font:10px ui-monospace,monospace;letter-spacing:.07em;color:#beddd2}.route-icon{font:30px ui-monospace,monospace;color:var(--mint);letter-spacing:-.14em;padding-right:3px}.route-arrow{margin-left:auto;font:22px Arial}.route h3{font-size:29px;margin:35px 0 15px}.route p{font-size:14px;color:#b4cec4;max-width:360px;margin-bottom:32px}.route-bottom{display:flex;justify-content:space-between;border-top:1px solid #38574c;padding-top:18px;font-size:12px;font-weight:650;color:var(--mint)}.route-sql{background:#25233b;border-color:#4d4665}.route-sql .route-icon,.route-sql .route-bottom{color:#c6b5fb}.route-sql .route-top,.route-sql p{color:#c2bad5}.route-sql .route-bottom{border-color:#4d4665}.advanced-routes{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:30px;padding-block:23px;border-bottom:1px solid #334050;font-size:12px}.advanced-routes>span{color:var(--muted);font-size:11px}.advanced-routes a:hover{color:var(--mint)}.advanced-routes a>span{margin-left:15px;color:var(--mint)}.content-note{color:var(--muted);font-size:11px;margin:18px 0 0}
.teacher-intro{display:grid;grid-template-columns:.9fr 1fr;gap:100px;align-items:center}.teacher-intro>div>p:not(.eyebrow){font-size:15px;max-width:470px}.teacher-art{padding:38px 40px;background:radial-gradient(ellipse at center,#183a32 0,transparent 70%);max-width:480px}.teacher-art-small{font:9px ui-monospace,monospace;letter-spacing:.15em;color:var(--muted);display:block;margin:0 0 14px 10px}.question-bubble{font-size:25px;line-height:1.35;letter-spacing:-.03em;border:1px solid #334d46;background:#162e29;padding:22px 26px;border-radius:18px 18px 3px 18px;width:88%;margin-left:auto}.answer-bubble{border:1px solid #3b4b5f;background:#131e30;padding:24px 26px;border-radius:18px 18px 18px 3px;margin-top:17px;width:88%;position:relative}.answer-bubble:before{content:'↳';position:absolute;top:22px;right:25px;color:var(--mint);font-size:25px}.answer-bubble>span{font-size:8px;letter-spacing:.12em;color:var(--muted)}.answer-bubble strong{display:block;font:31px ui-monospace,monospace;letter-spacing:-.03em;color:var(--mint);margin:14px 0 9px}.answer-bubble p{margin:0;font-size:13px;color:#bdccd9}.creator-section{background:#e1ebe4;color:#19382e;padding-block:90px}.creator-layout{display:grid;grid-template-columns:.75fr 1fr;gap:120px;align-items:center}.creator-identity .eyebrow{margin-bottom:42px}.creator-monogram{aspect-ratio:1;width:min(100%,320px);border-radius:50%;border:1px solid #a6bdb1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:#d3e2d8}.creator-monogram:before,.creator-monogram:after{content:'';width:112%;height:1px;background:#adc3b5;position:absolute;transform:rotate(-35deg);z-index:0}.creator-monogram:after{transform:rotate(35deg)}.creator-monogram>span{font-family:Georgia,serif;font-size:125px;letter-spacing:-.1em;line-height:1;color:#204936;background:#d3e2d8;z-index:1;padding:0 18px 0 5px}.creator-monogram>i{position:absolute;bottom:36px;right:-14px;background:#1c4435;color:#d8f4e5;padding:8px 18px;transform:rotate(-7deg);font:12px ui-monospace,monospace;border:5px solid #e1ebe4;border-radius:3px;z-index:2}.creator-role{font-size:9px;letter-spacing:.12em;margin:28px 0 0}.creator-copy h2{font-size:46px;margin-bottom:25px}.creator-copy p{font-size:14px;color:#3d5a4d}.creator-copy .creator-lead{font-size:19px;color:#1c3c2d;line-height:1.6}.education{border-top:1px solid #adc3b5;display:grid;grid-template-columns:1fr 1fr;padding-top:24px;gap:30px;margin-top:30px}.education span{display:block;font-size:8px;letter-spacing:.15em;color:#4f6c5c;margin-bottom:8px}.education strong{display:block;font-size:13px}.education small{display:block;font-size:11px;margin-top:3px}.creator-copy .independent-note{font-size:10px;margin:26px 0 0;color:#587261}.closing{padding-block:100px;text-align:center}.closing h2{font-size:clamp(38px,4.5vw,62px);margin-bottom:34px}.closing>div{display:flex;justify-content:center;align-items:center;gap:30px}.site-footer{display:flex;align-items:center;gap:30px;padding:28px 0 38px;border-top:1px solid var(--line);margin-bottom:25px}.site-footer .wordmark{font-size:20px}.site-footer p{font-size:10px;color:var(--muted);margin:0}.site-footer>span{font-size:9px;color:var(--muted);margin-left:auto}.site-footer>a:last-child{font-size:10px;color:var(--mint);margin-left:15px;margin-right:160px}
@media(min-width:1500px){.hero{padding-block:85px}.hero-visual{min-height:580px}h1{font-size:72px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:35px}.hero-actions{gap:17px;flex-wrap:wrap}.hero-visual{min-height:470px}.hero-visual>img{min-height:390px}.hero-note{font-size:9px}.purpose{gap:40px}.practice-layout{gap:45px}.teacher-intro{gap:45px}.creator-layout{gap:65px}.audience-list article{grid-template-columns:30px .9fr 1.2fr;gap:20px}.audience-tag{display:none}.section{padding-block:80px}.site-footer{flex-wrap:wrap;gap:15px}#home-navigation{gap:20px;font-size:11px}.demo-code{font-size:12px}}
@media(max-width:800px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 40px)}.header-inner{min-height:76px}.wordmark{font-size:24px}#home-navigation{gap:15px}#home-navigation>a:not(.nav-start){display:none}.hero{grid-template-columns:1fr 1fr;gap:22px;padding-block:45px}.hero .eyebrow{font-size:8px;letter-spacing:.1em}h1{font-size:42px}.hero-intro{font-size:16px}.hero-description{font-size:13px}.hero-visual{min-height:430px;border-radius:90px 5px 5px 5px;padding:8px 8px 0}.hero-visual>img{min-height:340px;border-radius:82px 3px 3px 3px;object-position:55% center}.hero-visual figcaption{padding:15px 3px;gap:9px}.hero-visual figcaption strong{font-size:10px}.hero-visual figcaption div>span{font-size:9px}.caption-symbol{width:28px;height:28px;line-height:27px;font-size:20px}.visual-index{font-size:6px;left:44px;right:18px;top:26px}.hero-actions{margin-top:23px}.hero-note{flex-wrap:wrap;gap:5px}.subject-strip .wrap{font-size:8px;letter-spacing:.09em}.purpose{grid-template-columns:1fr;gap:8px}.purpose-copy{padding:0}.purpose h2{font-size:38px}.practice-layout{grid-template-columns:1fr 1.1fr;gap:30px}.practice-copy h2{font-size:34px}.practice-copy p:not(.eyebrow){font-size:14px}.demo-code{font-size:11px;padding-inline:12px}.code-dim{margin-right:5px}.demo-controls{padding-inline:12px}.demo-result{margin-inline:12px}.demo-top{padding-inline:12px}.demo-footnote{padding-inline:12px}.learning-steps{gap:14px}.learning-steps li{gap:8px}.learning-steps strong{font-size:13px}.learning-steps p{font-size:10px}.section-heading{gap:30px}.section-heading>p{max-width:250px;font-size:13px}.section-heading h2{font-size:36px}.routes-grid{gap:15px}.route{padding:23px}.route h3{font-size:25px}.route p{font-size:13px}.advanced-routes{flex-wrap:wrap;justify-content:flex-start;gap:18px}.advanced-routes>span{width:100%}.advanced-routes a{font-size:11px}.teacher-intro{gap:25px}.teacher-art{padding:20px 0}.teacher-intro h2{font-size:36px}.teacher-intro>div>p:not(.eyebrow){font-size:13px}.question-bubble{font-size:22px}.creator-layout{grid-template-columns:.65fr 1fr;gap:40px}.creator-copy h2{font-size:38px}.creator-monogram>span{font-size:90px}.creator-monogram>i{bottom:12px;right:-10px;font-size:9px}.creator-role{line-height:1.8;font-size:8px}.creator-copy .creator-lead{font-size:17px}.creator-copy p{font-size:13px}.education{gap:18px}.site-footer>span{width:100%;margin-left:0}.site-footer>a:last-child{margin:0 0 0 auto}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}.section{padding-block:62px}.header-inner{position:relative;min-height:72px}.mobile-menu{display:grid;gap:6px;background:none;border:1px solid #3d544e;border-radius:5px;color:var(--mint);width:38px;height:36px;padding:10px;align-content:center}.mobile-menu span{height:1px;width:16px;background:currentColor}#home-navigation{display:none;position:absolute;top:calc(100% - 1px);left:-20px;right:-20px;z-index:20;background:#101d2d;padding:18px 20px 24px;border-block:1px solid #344838;box-shadow:0 18px 25px #0005}#home-navigation.is-open{display:flex;align-items:stretch;flex-direction:column;gap:4px}#home-navigation.is-open>a{display:block;font-size:14px;padding:13px 12px}#home-navigation .nav-start{margin-top:8px;align-self:flex-start}.hero{grid-template-columns:1fr;padding:40px 0 45px;gap:35px}.hero .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:24px}h1{font-size:clamp(42px,10.7vw,61px);line-height:1.04;margin-bottom:24px}.hero-intro{font-size:18px}.hero-description{font-size:15px;max-width:420px}.hero-actions{margin:26px 0 17px;gap:22px}.button{font-size:12px;padding:14px 17px;gap:20px}.hero-actions .text-link{font-size:11px}.hero-note{font-size:9px;gap:7px}.hero-visual{min-height:0;border-radius:70px 5px 5px 5px;padding:9px 9px 0}.hero-visual>img{height:290px;min-height:0;max-height:380px;object-position:center 60%;border-radius:62px 3px 3px 3px;flex:auto}.visual-index{font-size:7px;top:28px;left:42px;right:24px}.hero-visual figcaption{padding:15px 8px;gap:13px}.hero-visual figcaption strong{font-size:12px}.hero-visual figcaption div>span{font-size:10px}.caption-symbol{width:32px;height:32px;line-height:31px}.subject-strip .wrap{padding-block:19px;gap:10px;font-size:7px;letter-spacing:.02em}.strip-plus{font-size:12px}.eyebrow{font-size:9px;margin-bottom:20px}h2,.purpose h2{font-size:34px}.purpose-copy p:first-child{font-size:17px}.purpose-copy{font-size:14px}.practice-section{padding-top:60px}.practice-layout{grid-template-columns:1fr;gap:32px}.practice-copy h2{font-size:38px}.practice-copy p:not(.eyebrow){font-size:15px}.demo-code{font-size:12px;padding:24px 17px}.code-dim{margin-right:9px}.demo-controls{padding-inline:17px}.demo-controls label{min-width:125px}.demo-controls label>span{font-size:10px;gap:5px;padding:10px 9px}.demo-top{padding-inline:17px}.demo-result{margin-inline:17px}.demo-result p{min-height:35px}.demo-footnote{padding-inline:17px}.learning-steps{grid-template-columns:1fr 1fr;margin-top:38px;padding-block:30px;row-gap:24px}.learning-steps li{gap:13px}.learning-steps strong{font-size:14px}.learning-steps p{font-size:11px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:36px;margin-bottom:25px}.section-heading>p{max-width:100%;font-size:14px}.audience-list article{grid-template-columns:25px 1fr;gap:9px 16px;padding-block:25px}.audience-number{align-self:start;padding-top:6px}.audience-list h3{font-size:23px;max-width:none}.audience-list p{grid-column:2;font-size:13px}.routes-section{padding-block:62px}.routes-grid{grid-template-columns:1fr;gap:18px}.route{padding:25px}.route h3{font-size:28px;margin-top:30px}.route p{font-size:14px;margin-bottom:27px}.advanced-routes{display:grid;gap:18px}.advanced-routes a{font-size:13px}.advanced-routes>span{font-size:11px}.content-note{font-size:10px}.teacher-intro{grid-template-columns:1fr;gap:36px}.teacher-art{max-width:360px;width:100%;margin-inline:auto;padding:0 10px}.question-bubble{font-size:24px}.teacher-intro h2{font-size:36px}.teacher-intro>div>p:not(.eyebrow){font-size:14px}.teacher-intro .text-link{font-size:12px}.creator-section{padding-block:60px}.creator-layout{grid-template-columns:1fr;gap:37px}.creator-identity .eyebrow{margin-bottom:27px}.creator-monogram{width:210px;margin-inline:auto}.creator-monogram>span{font-size:100px}.creator-monogram>i{font-size:10px;bottom:18px}.creator-role{text-align:center;font-size:8px;margin-top:23px}.creator-copy h2{font-size:40px}.creator-copy .creator-lead{font-size:18px}.creator-copy p{font-size:14px}.education{grid-template-columns:1fr 1fr;gap:14px}.education strong{font-size:12px}.education small{font-size:10px}.closing{padding-block:65px}.closing h2{font-size:40px}.closing .eyebrow{font-size:8px}.closing>div{flex-direction:column;gap:24px}.site-footer{padding-block:25px 95px;gap:10px 18px;margin-bottom:0}.site-footer .wordmark{font-size:22px}.site-footer p{font-size:9px;flex:1;min-width:155px}.site-footer>span{font-size:9px}.site-footer>a:last-child{margin:10px 0 0;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}