@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&display=swap");:root{--ink:#202a26;--muted:#6c7770;--faint:#97a099;--paper:#f7f8f4;--white:#fff;--green:#426a51;--green-dark:#294b38;--lime:#dce9b9;--line:#e4e8e0;--orange:#d88459;--mono:"DM Mono",monospace;--sans:"DM Sans",sans-serif;--serif:"Newsreader",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.shell{max-width:1200px;margin:auto;padding:0 52px}.topbar{height:82px;border-bottom:1px solid var(--line);justify-content:space-between}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;text-decoration:none;color:var(--ink);font-weight:700;font-size:17px;letter-spacing:-.5px}.brand-icon{height:30px;width:30px;border-radius:9px;background:var(--green);color:#fff;display:grid;place-items:center;font:500 14px var(--mono);position:relative}.brand-icon span{font-size:9px;position:absolute;right:4px;bottom:3px;color:var(--lime)}.brand-dot{color:var(--orange)}nav{display:flex;align-items:center;gap:34px;margin-left:70px}nav,nav a{height:100%}nav a{display:grid;place-items:center;color:#7b857e;text-decoration:none;font-size:12px;position:relative}nav a.nav-active{color:var(--ink);font-weight:600}nav a.nav-active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--green)}.safe-pill{font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#657469;border:1px solid #dfe5dc;border-radius:30px;padding:9px 12px;display:flex;gap:8px;align-items:center}.footer-safe i,.safe-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7d9c75}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:430px;padding:67px 0 58px;align-items:center;border-bottom:1px solid var(--line)}.hero-copy{padding-left:15px}.eyebrow,.kicker{font:10px var(--mono);letter-spacing:.12em;color:#73816f}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow-line{width:33px;height:1px;background:#b8c4b2}.hero h1{font:500 65px/.98 var(--serif);letter-spacing:-2.6px;margin:24px 0 18px}.hero h1 em{font-style:italic;color:var(--green)}.hero-copy>p{font-size:14px;line-height:1.8;color:#727c75;max-width:365px;margin:0 0 23px}.text-link{font-size:12px;font-weight:600;color:var(--green);text-decoration:none;border-bottom:1px solid #c5d0bf;padding-bottom:6px}.text-link span{margin-left:12px}.hero-art{height:290px;position:relative;margin-left:10px;background:#eef1e8;border-radius:50% 50% 45% 45%/47% 49% 45% 48%;max-width:455px;width:100%;justify-self:end;overflow:hidden}.orbit{position:absolute;border:1px solid #d8e0d1;border-radius:50%;transform:rotate(-28deg)}.orbit-one{width:400px;height:160px;top:66px;left:25px}.orbit-two{width:300px;height:220px;top:31px;left:70px;transform:rotate(38deg)}.card-float{background:#fff;border:1px solid #e4e9e1;border-radius:8px;box-shadow:0 8px 23px #35472d0d;padding:12px 13px;position:absolute;z-index:2;font:9px var(--mono);color:#7e8980}.card-float b{display:block;color:#344c3c;font-size:10px;margin-bottom:8px}.card-float small{display:block;white-space:pre;line-height:1.8}.card-a{top:44px;left:71px}.card-b{right:38px;top:105px}.card-c{bottom:39px;left:111px}.link-line{position:absolute;height:1px;width:93px;background:#aab99e;z-index:1;transform-origin:left}.line-a{top:118px;left:180px;transform:rotate(14deg)}.line-b{top:169px;left:170px;transform:rotate(-38deg)}.star{position:absolute;color:#b4c99b;font-size:20px;z-index:2}.star-one{right:71px;top:43px}.star-two{left:37px;bottom:50px;font-size:14px}.hero-caption{position:absolute;right:23px;bottom:15px;font:8px var(--mono);color:#889385;letter-spacing:.06em}.hero-caption span{color:var(--green);font-size:12px;margin-left:5px}.schema-section,.workspace{padding:54px 0 60px;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-head h2{font:500 31px/1.1 var(--serif);letter-spacing:-.6px;margin:9px 0 0}.lesson-count,.section-sub{font-size:11px;color:#8b958d}.lesson-count span{padding:0 5px;color:#bdc5ba}.learn-grid{display:grid;grid-template-columns:240px 1fr;grid-gap:17px;gap:17px;align-items:start}.lesson-list{background:#f0f2ec;border:1px solid #e5e9e1;border-radius:8px;padding:15px 12px;min-height:299px}.lesson-label{font:9px var(--mono);color:#99a196;letter-spacing:.1em;padding:4px 8px 10px}.lesson-item{width:100%;border:0;background:transparent;border-radius:6px;padding:11px 8px;display:flex;align-items:center;gap:11px;text-align:left;color:var(--ink);cursor:pointer}.lesson-item.selected{background:#fff;box-shadow:0 2px 8px #24342308}.lesson-num{font:10px var(--mono);color:#a6afa5}.lesson-item.selected .lesson-num{color:var(--green)}.lesson-copy{display:flex;flex-direction:column;gap:4px;flex:1 1}.lesson-copy b{font-size:11px;font-weight:600}.lesson-copy small{font:8px var(--mono);color:#9aa39b;letter-spacing:.04em}.lesson-arrow{font-size:12px;color:#aeb8aa}.lesson-note{border-top:1px solid #e2e7de;margin-top:14px;padding:14px 8px 0;display:flex;gap:9px;color:#819079}.lesson-note span{font-size:14px}.lesson-note p{font:italic 12px/1.5 var(--serif);margin:0;color:#798379}.editor-card,.result-card{border:1px solid #e2e7df;background:#fff;border-radius:8px;overflow:hidden}.editor-top,.result-head{height:42px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:.06em;color:#59675c;border-bottom:1px solid #edf0eb}.live-dot,.result-dot{display:inline-block;height:7px;width:7px;background:#8ca57e;border-radius:50%;margin-right:7px}.editor-divider{color:#c2c8c0;padding:0 7px}.read-only-tag{font-size:8px;color:#89958b;background:#f2f5ef;border-radius:3px;padding:5px 7px}.prompt-line{display:flex;align-items:center;gap:11px;padding:15px 20px 5px;color:#6e796f;font:11px var(--serif);font-style:italic}.prompt-mark{background:#edf2e8;color:#73876c;border-radius:3px;padding:4px 6px;font:8px var(--mono);font-style:normal;letter-spacing:.08em}.code-wrap{display:flex;padding:8px 0 14px;min-height:147px}.line-numbers{width:43px;flex-shrink:0;display:flex;flex-direction:column;text-align:right;padding:8px 12px 0 0;gap:6px;color:#c0c7bd;font:10px/1.5 var(--mono)}textarea{width:100%;resize:vertical;min-height:126px;border:0;outline:0;padding:8px 18px 5px 0;background:transparent;color:#32463a;font:11px/1.5 var(--mono);-moz-tab-size:2;tab-size:2}.editor-bottom{border-top:1px solid #edf0eb;padding:11px 15px;display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);color:#9ba49b}.run-button{border:0;border-radius:5px;background:var(--green);color:white;padding:9px 12px;font:10px var(--sans);font-weight:600;cursor:pointer}.run-button:hover{background:var(--green-dark)}.run-button:disabled{opacity:.65;cursor:wait}.run-button span{padding-left:10px;color:#c8d8c5;font:8px var(--mono)}.spinner{display:inline-block;width:10px;height:10px;border:1px solid #ffffff77;border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.result-card{margin-top:14px;min-height:118px}.result-head{border-bottom:1px solid #edf0eb}.result-dot{background:#d4dacf}.result-dot.good{background:#89a47c}.result-dot.bad{background:#cd7759}.elapsed{color:#a1aaa1}.empty-result{min-height:75px;display:flex;align-items:center;justify-content:center;gap:8px;color:#879187;font:italic 12px var(--serif)}.empty-result small{font:10px var(--sans);color:#a1aaa1;margin-left:5px}.empty-spark{color:#b5c69f;font-size:14px}.query-error{padding:18px 20px;display:flex;flex-direction:column;gap:6px;font-size:11px}.query-error b{color:#a64d35}.query-error span{color:#778177;font-family:var(--mono);font-size:10px;white-space:pre-wrap}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:10px}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;font:8px var(--mono);color:#879187;background:#fafbf8}td,th{padding:10px 16px;border-bottom:1px solid #edf0eb;white-space:nowrap}td{color:#45534a}.null{font:9px var(--mono);color:#a4ada3;font-style:italic}.truncated-note{padding:8px 16px;color:#879187;font-size:10px}.schema-section{padding-top:54px}.section-sub{max-width:305px;line-height:1.6;margin:0 0 2px}.schema-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:13px;gap:13px}.schema-card{border:1px solid #e2e7df;background:#fff;border-radius:7px;overflow:hidden}.schema-title{height:44px;background:#f1f4ee;display:flex;align-items:center;padding:0 13px;gap:8px}.table-icon{width:19px;height:19px;display:grid;place-items:center;background:#e4ebde;border-radius:4px;color:#65805e;font-size:12px}.schema-title b{font:11px var(--mono);color:#3d5344}.schema-count{margin-left:auto;font:8px var(--mono);color:#9ba49b}.column-row{display:flex;align-items:center;height:33px;border-top:1px solid #f0f2ee;padding:0 13px;font:10px var(--mono);color:#626e64}.column-row small{margin-left:auto;color:#a1aaa1;font:9px var(--mono)}.key-icon{width:18px;color:#9caa8d;font-size:11px}.schema-loading{grid-column:1/-1;padding:30px;text-align:center;color:#929d92;font-size:12px}.schema-caption{margin-top:14px;font-size:10px;color:#889289;display:flex;align-items:center;gap:5px}.schema-caption span{color:#849978;font-size:13px}.schema-caption code,.takeaway code{font:10px var(--mono);color:#597353;background:#ebf0e6;padding:3px 5px;border-radius:3px}.takeaway{display:flex;align-items:center;gap:19px;padding:31px 20px;border-bottom:1px solid var(--line)}.takeaway-mark{font-size:21px;color:#9eb28d}.takeaway .kicker{font-size:8px}.takeaway p{font:italic 14px/1.6 var(--serif);color:#58635a;margin:6px 0 0;max-width:650px}.takeaway>a{margin-left:auto;color:var(--green);font-size:10px;font-weight:600;text-decoration:none;white-space:nowrap}.takeaway>a span{margin-left:8px}footer{height:75px;display:flex;align-items:center;justify-content:space-between;color:#a0a9a0;font-size:9px}.footer-brand{font-size:13px}.footer-brand .brand-icon{height:24px;width:24px;border-radius:7px;font-size:11px}.footer-safe{font:8px var(--mono);letter-spacing:.08em;color:#89968b}.footer-safe i{width:6px;height:6px;margin-right:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){.shell{padding:0 24px}.hero{grid-template-columns:1fr;padding:55px 0 36px}.hero-art{margin:35px auto 0;justify-self:center}.hero h1{font-size:56px}.learn-grid{grid-template-columns:1fr}.lesson-list{min-height:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3px;gap:3px}.lesson-label,.lesson-note{display:none}.lesson-item{padding:10px 7px;gap:7px}.lesson-copy b{font-size:10px}.lesson-copy small{font-size:7px}.lesson-arrow{display:none}.schema-grid{grid-template-columns:1fr}.section-head{align-items:start;gap:15px;flex-direction:column}.section-sub{max-width:470px}.takeaway{align-items:flex-start}.takeaway>a{padding-top:17px}nav{margin:0;gap:18px}.safe-pill{font-size:0;padding:9px}.safe-pill i{margin:0}}@media(max-width:480px){.shell{padding:0 16px}.topbar{height:68px}.brand{font-size:14px}.brand-icon{width:27px;height:27px}nav{gap:13px}nav a{font-size:10px}.hero h1{font-size:49px}.hero-copy{padding-left:3px}.hero-art{height:245px}.card-a{left:29px}.card-b{right:19px}.card-c{left:60px;bottom:32px}.line-a{left:140px}.line-b{left:135px}.lesson-list{grid-template-columns:1fr}.lesson-item{padding:10px}.read-only-tag{font-size:7px}.editor-top,.result-head{padding:0 11px;font-size:8px}.prompt-line{padding-left:12px}.code-wrap textarea{font-size:10px}.empty-result{flex-wrap:wrap;padding:18px 10px}.empty-result small{width:100%;text-align:center;margin:0}.takeaway{padding:24px 5px;gap:12px}.takeaway p{font-size:12px}.takeaway>a{font-size:9px}footer>span:nth-child(2){display:none}}