@font-face{font-family:Jakarta;src:url('assets/jakarta.woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:#14203e;background:#f8f9fb;font:16px/1.7 Jakarta,Arial,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e3aa34;outline-offset:5px}::selection{background:#dbedac}.site-nav{height:88px;display:flex;align-items:center;justify-content:space-between;max-width:1250px;margin:auto;padding:0 28px;gap:24px}.nav-wrap{background:#fafbf8ed;backdrop-filter:blur(16px);position:sticky;top:0;z-index:30;border-bottom:1px solid #e4e6ec}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px;letter-spacing:-.8px;line-height:1.2}.logo img{width:35px;height:35px;border-radius:10px}.logo span small{display:block;letter-spacing:2.1px;font-weight:500;font-size:11px;margin-top:6px;color:#747882}.logo em{font-style:normal;font-weight:400}.site-nav nav{display:flex;gap:30px;font-size:14px;color:#62706d}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 23px;background:#294aca;color:white;border:1px solid #294aca;border-radius:9px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.button:hover{transform:translateY(-3px);box-shadow:0 10px 24px #294aca22}.button.light{background:#e8ecf6;border-color:#d4d9e6;color:#343a48}.button.dark{background:#14203e;border-color:#14203e}.button.white{background:white;color:#253e92;border-color:#e5e9f0}.button.sql{background:#137766;border-color:#137766}.small-button{padding:10px 17px;font-size:13px}.wrap{max-width:1194px;margin:auto;padding:0 28px}.hero-section{position:relative;overflow:hidden;padding:72px 0 55px;background:radial-gradient(ellipse at var(--mx,80%) var(--my,30%),#e8edfb66,transparent 45%)}.hero-layout{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:32px}.kicker{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700;color:#5d6577;display:flex;align-items:center;gap:9px}.kicker:before{content:'';width:6px;height:6px;border-radius:50%;background:#5e76ac;box-shadow:0 0 0 4px #85a86213}.hero-copy h1{font-size:65px;line-height:1.13;letter-spacing:-3.8px;font-weight:800;margin:23px 0}.hero-copy h1 em{font-style:normal;color:#2c4ec4;position:relative}.hand-underline{position:absolute;width:100%;height:10px;left:0;bottom:-10px;border-top:3px solid #e2bc61;border-radius:50%;transform:rotate(-3deg)}.hero-copy p{max-width:400px;color:#757982;font-size:16px;line-height:1.95;margin:24px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.tiny-trust{display:flex;align-items:center;gap:14px;font-size:12px;color:#7a7e86;margin-top:21px}.tiny-trust span+span:before{content:'·';margin-right:14px;color:#a4a9b3}.hero-art{height:405px;position:relative;perspective:1000px}.art-grid{position:absolute;inset:10px;border-radius:50%;background-image:radial-gradient(#aeb2bb 1px,transparent 1px);background-size:19px 19px;opacity:.28;mask-image:radial-gradient(ellipse,black,transparent 72%)}.orbit{position:absolute;width:350px;height:350px;border:1px solid #d1d6e2;right:20px;top:25px;border-radius:50%}.orbit:before{content:'✦';position:absolute;top:20px;left:35px;color:#d5aa4e;font-size:30px}.code-window{position:absolute;background:#16213e;border-radius:14px;color:#f0f0ff;border:1px solid #334362;box-shadow:0 24px 45px #1e29442b;transition:transform .25s;will-change:transform}.code-window.python{width:310px;top:27px;left:6px;transform:rotate(-7deg);z-index:3}.code-window.sql{width:310px;right:-3px;bottom:23px;transform:rotate(6deg);z-index:4;background:#fefefe;color:#3a3f4c;border-color:#dcdfe5}.window-bar{padding:12px 15px;border-bottom:1px solid #ffffff16;display:flex;align-items:center;gap:5px;font:12px monospace;color:#8997b3}.window-bar i{height:5px;width:5px;border-radius:50%;background:#e79b8f}.window-bar i:nth-child(2){background:#ddbc6a}.window-bar i:nth-child(3){background:#909fc1}.window-bar span{margin-left:auto}.sql .window-bar{border-color:#e5e8ee;color:#9095a2}.code-window pre{font:15px/1.9 monospace;padding:17px 20px;margin:0}.code-window pre b{color:#88acff;font-weight:400}.code-window pre em{color:#f0d287;font-style:normal}.code-window.sql pre b{color:#157a68}.window-result{padding:11px 20px;border-top:1px solid #ffffff16;color:#95d5b4;font:13px monospace}.sql .window-result{border-color:#e5e8ee;color:#7c818c;display:flex;justify-content:space-between}.float-note{position:absolute;background:#dee5f4;border:1px solid #c6d0e8;box-shadow:0 9px 25px #3b593312;padding:11px 15px;border-radius:9px;font-size:13px;color:#465372;left:12px;bottom:32px;z-index:5;transform:rotate(-5deg);animation:float 5s ease-in-out infinite}.floating-star{position:absolute;right:5px;top:7px;color:#7a8ebb;font-size:36px;animation:spin 22s linear infinite}.hero-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dbdfe9;padding:25px 0 0;margin-top:45px;gap:20px}.hero-bottom p{font-size:13px;color:#7f8592;margin:0;max-width:220px}.fact{display:flex;align-items:center;gap:9px}.fact b{font-size:25px;letter-spacing:-1px;font-weight:700;color:#283b35}.fact span{font-size:12px;color:#7c818b;line-height:1.8}.section{padding:75px 0;scroll-margin-top:80px}.section-heading{margin-bottom:32px;display:flex;align-items:end;justify-content:space-between;gap:25px}.section-heading h2{font-size:35px;line-height:1.3;letter-spacing:-1.4px;margin:12px 0 0}.section-heading>p{font-size:15px;line-height:1.9;color:#7f8491;max-width:305px;margin:0}.course-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.course-card{background:#f0f3ff;border:1px solid #dfe4fa;border-radius:18px;padding:31px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s;transform-style:preserve-3d}.course-card:hover{box-shadow:0 18px 45px #253b6610}.course-card.sql{background:#edeff5;border-color:#dbe0ea}.course-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.lang-icon{width:53px;height:53px;background:#dce4ff;color:#3451b5;font-size:23px;display:grid;place-content:center;border-radius:15px;font-weight:700}.sql .lang-icon{background:#d6ddec;color:#327c60}.course-pill{border:1px solid #d1d9ef;border-radius:30px;padding:5px 10px;font-size:11px;color:#7c88aa}.sql .course-pill{border-color:#ced4e2;color:#75819b}.course-card h3{font-size:27px;letter-spacing:-1px;margin:0 0 10px}.course-card p{font-size:15px;color:#7c86a1;line-height:1.9;max-width:350px}.sql p{color:#7a8192}.topic-list{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.topic-list span{font-size:12px;padding:5px 9px;border:1px solid #d8e0f2;border-radius:5px;color:#7483a8;background:#ffffff63}.sql .topic-list span{border-color:#d4d9e5;color:#6b7793}.course-meta{border-top:1px solid #dce2f5;padding-top:18px;display:flex;gap:20px;font-size:12px;color:#7f89a6;margin:20px 0}.sql .course-meta{border-color:#d8dde7;color:#7e8597}.course-card .card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.text-link{font-size:13px;color:#4e62a0;text-decoration:underline;text-underline-offset:4px}.sql .text-link{color:#606d8b}.how-section{background:#ebedf3;border-top:1px solid #dce1eb;border-bottom:1px solid #dce1eb}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:45px}.step-number{font-size:14px;border:1px solid #c4cad9;border-radius:50%;width:34px;height:34px;display:grid;place-content:center;background:#f4f6fa;color:#667392;margin-bottom:22px}.steps h3{font-size:16px;margin:0 0 10px}.steps p{font-size:14px;color:#7d8392;line-height:1.9;margin:0}.demo-section{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:60px}.demo-copy h2{font-size:36px;line-height:1.35;letter-spacing:-1.5px;margin:15px 0}.demo-copy p{font-size:15px;color:#7a7f8a;line-height:1.9}.feature-bullet{display:flex;gap:13px;margin:20px 0}.feature-bullet>span{display:grid;place-content:center;background:#dee4f1;color:#5b6d97;width:30px;height:30px;border-radius:9px;flex-shrink:0}.feature-bullet b{font-size:14px;display:block}.feature-bullet small{font-size:13px;color:#848996}.demo-box{background:#16213e;border:1px solid #384564;color:#e8eaff;border-radius:16px;box-shadow:0 22px 40px #1e29441c;overflow:hidden}.demo-tabs{display:flex;align-items:center;padding:13px 17px;border-bottom:1px solid #ffffff14;gap:9px}.demo-tab{border:0;background:transparent;color:#8e9bb7;padding:8px 15px;border-radius:7px;font-size:13px}.demo-tab.active{background:#303e5b;color:#f3f4ff}.demo-tabs small{margin-left:auto;font-size:11px;color:#92a2bc}.demo-box pre{font:16px/1.85 monospace;padding:24px;margin:0;min-height:160px;white-space:pre-wrap}.demo-control{padding:0 24px 20px;display:flex;align-items:center;justify-content:space-between}.demo-control small{color:#8898b5;font-size:12px}.demo-result{border-top:1px solid #ffffff12;background:#111b32;padding:19px 24px;font:14px/1.8 monospace;color:#a6b4d4;min-height:68px}.privacy-strip{background:#e0e5f1;border:1px solid #d0d7e6;border-radius:17px;display:grid;grid-template-columns:1fr 1fr;padding:32px 38px;gap:35px;align-items:center}.privacy-strip h3{font-size:22px;letter-spacing:-.7px;margin:8px 0}.privacy-strip p{font-size:14px;line-height:1.9;color:#737b8d}.progress-demo{border:1px solid #cad1e2;background:#fafcf6;border-radius:12px;padding:23px}.progress-demo-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:15px}.progress-bar{height:6px;background:#d8deec;border-radius:20px;overflow:hidden}.progress-bar span{display:block;width:37.5%;height:100%;background:#687dad;border-radius:20px;animation:progress-in 2s ease both}.progress-demo small{display:block;font-size:12px;color:#7d8598;margin-top:13px}.faq-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:75px}.faq-layout h2{font-size:34px;letter-spacing:-1px;line-height:1.3;margin:13px 0}.faq-layout>div>p{font-size:15px;color:#868b97}.faq-list details{border-bottom:1px solid #dadee8;padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:15px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:'+';font-size:18px;color:#767f95}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:14px;line-height:1.95;color:#777d8c;margin:15px 0 0}.about-band{padding:35px 0;border-top:1px solid #dbdfe9;display:flex;align-items:center;justify-content:space-between;gap:30px}.about-band>div{display:flex;align-items:center;gap:17px}.about-band img{width:48px;height:48px;border-radius:13px}.about-band h3{font-size:16px;margin:0 0 5px}.about-band p{font-size:13px;color:#7e8493;margin:0;max-width:550px}.final-cta{background:#172341;color:white;border-radius:20px;padding:48px;position:relative;overflow:hidden;text-align:center}.final-cta:before{content:'';position:absolute;width:350px;height:350px;border:1px solid #ffffff0e;border-radius:50%;left:-150px;top:-100px}.final-cta h2{font-size:34px;letter-spacing:-1px;margin:0 0 12px}.final-cta p{font-size:15px;color:#aab4c8;margin:0 0 24px}.final-cta .hero-actions{justify-content:center;margin-top:0}.site-footer{display:flex;justify-content:space-between;padding:28px 0 35px;font-size:12px;color:#878d9a;gap:20px}.site-footer div{display:flex;gap:20px}.reveal{opacity:1;transform:none}.animate-ready .reveal.visible{animation:reveal-in .65s ease backwards}.reveal{transition:opacity .7s,transform .7s}.click-ripple{position:absolute;width:12px;height:12px;background:#ffffff60;border-radius:50%;pointer-events:none;transform:scale(0);animation:ripple .6s linear}.course-intro{padding:60px 0 10px}.course-intro h1{font-size:52px;line-height:1.2;letter-spacing:-2px;max-width:700px;margin:20px 0}.course-intro p{max-width:650px;color:#757b89;font-size:16px}.syllabus{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:50px}.syllabus article{border:1px solid #dadfe9;background:white;padding:25px;border-radius:13px}.syllabus h2{font-size:17px;margin:0 0 16px}.syllabus ol{margin:0;padding-left:21px;color:#777f91;font-size:15px;line-height:2.2}.mobile-menu{display:none}.skip-link{position:absolute;top:-60px;left:20px;background:white;z-index:99;padding:12px}.skip-link:focus{top:10px}@keyframes float{50%{transform:translateY(-9px) rotate(-4deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ripple{to{transform:scale(30);opacity:0}}@keyframes progress-in{from{width:0}}@media(max-width:1000px){.hero-copy h1{font-size:52px}.hero-art{transform:scale(.9);margin-left:-20px}.hero-layout{gap:15px}.steps{gap:20px}.demo-section{gap:30px}.hero-bottom{gap:10px}.hero-bottom p{max-width:160px}.fact b{font-size:22px}.site-nav nav{gap:18px}}@media(max-width:760px){.site-nav{height:73px;padding:0 22px}.site-nav nav{display:none}.hero-section{padding:43px 0 35px}.hero-layout{grid-template-columns:1fr}.hero-copy h1{font-size:53px;letter-spacing:-2.8px;max-width:550px}.hero-copy p{max-width:470px}.hero-art{width:430px;margin:12px auto 0;height:355px;transform:scale(.95);max-width:100%}.code-window.python{left:2px}.code-window.sql{right:0;bottom:2px}.hero-bottom{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;padding-top:23px}.hero-bottom>p{display:none}.fact{flex-direction:column;align-items:start;gap:0}.section{padding:49px 0}.section-heading{display:block}.section-heading>p{margin-top:17px;max-width:480px}.section-heading h2{font-size:30px}.course-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr;gap:30px}.step-number{margin-bottom:14px}.demo-section{grid-template-columns:1fr;gap:28px}.demo-copy h2{font-size:31px}.demo-copy>p{max-width:450px}.privacy-strip{grid-template-columns:1fr;padding:26px;gap:15px}.faq-layout{grid-template-columns:1fr;gap:25px}.faq-layout h2{font-size:30px}.about-band{align-items:start}.about-band>div{align-items:start}.about-band .text-link{flex-shrink:0}.final-cta{padding:35px 23px}.final-cta h2{font-size:28px}.course-intro h1{font-size:40px}.syllabus{grid-template-columns:1fr}.site-footer{flex-wrap:wrap}.hero-art .orbit{width:300px;height:300px}.hero-art .float-note{bottom:8px;left:5px}}@media(max-width:420px){.wrap{padding:0 22px}.logo{font-size:19px}.site-nav>.button{font-size:12px;padding:9px 12px;gap:10px}.hero-copy h1{font-size:45px}.hero-copy p{font-size:15px}.hero-art{transform:scale(.86);width:390px;margin:0 -14px;height:340px}.hero-actions .button{padding:13px 18px;font-size:14px}.course-card{padding:25px}.course-card .button{padding:12px 17px;font-size:14px}.course-card .text-link{font-size:12px}.course-meta{gap:14px;font-size:11px}.tiny-trust{font-size:11px;gap:9px}.tiny-trust span+span:before{margin-right:9px}.fact b{font-size:22px}.fact span{font-size:11px}.about-band{display:block}.about-band>.text-link{display:inline-block;margin-top:20px}.demo-tabs small{font-size:10px}.demo-tab{padding:8px 12px}.site-footer{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.animate-ready .reveal:not(.visible){opacity:1;transform:none}}
.guide-wrap{max-width:850px;margin:auto;padding:35px 28px 65px}.guide-breadcrumb{font-size:13px;color:#828794;margin-bottom:25px;display:flex;gap:10px;flex-wrap:wrap}.guide-breadcrumb a{text-decoration:underline;text-underline-offset:3px}.guide-wrap h1{font-size:42px;line-height:1.22;letter-spacing:-1.6px;margin:17px 0}.guide-byline{font-size:13px;color:#848996;margin:14px 0 24px}.guide-byline a{text-decoration:underline}.guide-intro,.guide-section p,.guide-section li{font-size:16px;line-height:1.95;color:#666d7d}.guide-section{margin:33px 0}.guide-section h2{font-size:23px;letter-spacing:-.6px;margin:0 0 15px}.guide-section a{color:#3455b8;text-decoration:underline;text-underline-offset:3px}.guide-section a.button{color:white;text-decoration:none}.guide-note{font-size:14px!important;color:#858b99!important}.guide-code{padding:23px;background:#172341;color:#dbe3f2;border-radius:12px;font:16px/1.9 monospace;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}.translation,.worked-answer{background:#ebeef4;border:1px solid #d5dbe8;border-radius:11px;padding:16px 20px;margin:12px 0}.translation summary,.worked-answer summary{cursor:pointer;font-size:15px;font-weight:600;color:#53607f}.translation p,.worked-answer p{font-size:16px;line-height:1.95;color:#687186}.guide-options{padding-left:25px;color:#747a89;font-size:16px;line-height:2}.guide-pagination{display:flex;justify-content:space-between;gap:25px;padding-top:25px;border-top:1px solid #d7dce7;font-size:14px}.guide-pagination a{max-width:48%;color:#53607f}.guide-source{padding:23px;border:1px solid #d9dde6;border-radius:12px;background:#f0f2f7}.guide-source h2{font-size:18px}.guide-source p{font-size:15px;margin:0}.syllabus a:hover{text-decoration:underline;text-underline-offset:4px}.site-footer div{flex-wrap:wrap}.about-band p a{text-decoration:underline}.guide-wrap pre{tab-size:4}@media(max-width:560px){.guide-wrap{padding:28px 22px 45px}.guide-wrap h1{font-size:31px;letter-spacing:-1px}.guide-intro,.guide-section p,.guide-section li{font-size:16px}.guide-section h2{font-size:21px}.guide-code{font-size:14px;padding:17px}.guide-pagination{font-size:13px}.translation,.worked-answer{padding:15px}.site-footer div{gap:12px}.hero-copy h1{font-size:43px}}

@keyframes reveal-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.brand-community{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:30px 0;border-bottom:1px solid #d9dee9}.brand-community h3{font-size:20px;letter-spacing:-.5px;margin:10px 0 6px}.brand-community p{font-size:13px;color:#818898;line-height:1.8;margin:0;max-width:390px}.brand-socials{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:440px}.brand-socials a{font-size:13px;border:1px solid #d7dce7;border-radius:7px;padding:8px 10px;color:#697590;transition:transform .2s,background .2s}.brand-socials a:hover{transform:translateY(-2px);background:#e5eaf4}.policy-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;padding-top:22px;border-top:1px solid #d7dce7}.policy-links a{font-size:14px;color:#5e6e93;text-decoration:underline}.guide-section code{font-size:15px;color:#4d6684}.brand-community .kicker{font-size:11px}@media(max-width:760px){.brand-community{display:block}.brand-socials{justify-content:flex-start;max-width:none;margin-top:20px}.brand-socials a{font-size:12px}.brand-community h3{font-size:18px}}