@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#0b1f33;--blue:#0965ed;--cyan:#00a9e9;--muted:#586a7e;--line:#dce5ed;--pale:#f2f6fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.13;letter-spacing:-.045em}svg{fill:none;stroke:currentColor;stroke-width:1.7}.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 56px;background:white}.brand{display:flex;align-items:center;gap:16px;flex-shrink:0}.brand svg{width:62px;height:49px;stroke:#067cda;stroke-width:4}.brand b{display:block;font-size:21px;line-height:1.25;letter-spacing:.13em}.brand-light{font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:.3em;color:#617c9a;margin-top:5px}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}nav a:hover{color:var(--blue)}.nav-cta{border:1px solid var(--line);padding:11px 21px;border-radius:4px;margin-left:8px}.menu-toggle{display:none}.hero{position:relative;min-height:660px;height:calc(100svh - 100px);max-height:880px;background:#15334a;color:#fff;overflow:hidden}.hero-art,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(5,20,36,.9),rgba(5,20,36,.63) 38%,rgba(5,20,36,.08) 85%),linear-gradient(0deg,rgba(4,20,34,.62),transparent 45%)}.hero-content{position:relative;z-index:1;padding:80px 56px 120px;max-width:1250px;margin:auto}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;line-height:1.6}.hero .eyebrow{display:flex;gap:14px;align-items:center;color:#d0e4f1}.hero .eyebrow>span{height:1px;width:36px;background:var(--cyan)}.blue{color:#0875c6}.hero h1{font-size:clamp(52px,5.7vw,84px);font-weight:700;margin:24px 0;line-height:1.07}.hero h1 em{font-style:normal;color:#4cc9ff}.hero-description{font-size:18px;color:#d5e0eb;line-height:1.75}.hero-actions{display:flex;gap:14px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;border:1px solid transparent;font-size:14px;font-weight:700;border-radius:3px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:#fff}.primary:hover{background:#064ec0}.ghost{border-color:#9eb2c3;background:rgba(9,28,43,.2);color:#fff}.ghost:hover{background:rgba(9,28,43,.65)}.hero-foot{position:absolute;bottom:0;left:56px;right:56px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff38;padding:20px 0;font-size:11px;letter-spacing:.14em;color:#d4e0e8}.hero-foot a{font-size:13px;letter-spacing:0}.hero-foot a span{padding-left:12px;color:#56caff}.intro{padding:96px 0 78px}.intro>div:not(.principles){display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;margin-top:20px}.intro h2{font-size:44px}.intro h2 span{color:#7c91a4}.intro p:not(.eyebrow){color:var(--muted);font-size:17px;max-width:520px}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:45px;padding-top:25px;gap:25px}.principles span{color:var(--muted);font-size:14px}.principles b{font-size:16px;color:var(--ink);margin-right:12px}.labs-section{padding:25px 0 100px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.section-head h2{font-size:42px;margin-top:13px}.section-head>p{font-size:15px;color:var(--muted);line-height:1.6}.lab-layout{display:grid;grid-template-columns:.85fr 1.35fr;gap:38px}.lab-tabs{display:flex;flex-direction:column}.lab-tabs button{display:flex;align-items:center;gap:18px;padding:28px 22px;border:0;border-bottom:1px solid var(--line);text-align:left;background:white;position:relative}.lab-tabs button[aria-selected=true]{background:#eff6fd;border-bottom-color:transparent;box-shadow:inset 3px 0 var(--blue)}.lab-tabs button:hover{background:#f4f8fc}.tab-number{font-size:12px;color:#73869b;align-self:flex-start;margin-top:3px}.lab-tabs strong{display:block;font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.025em}.lab-tabs small{display:block;font-size:14px;color:var(--muted);margin-top:6px}.lab-tabs svg{margin-left:auto;width:30px;height:30px;flex-shrink:0;color:#088bdd}.lab-tabs button[aria-selected=true] strong{color:#0863bf}#lab-panel{background:var(--pale);padding:32px;border:1px solid var(--line);border-radius:3px;min-width:0}.panel-top{display:flex;justify-content:space-between;align-items:center}.pill{color:#0871bf;letter-spacing:.1em;font-size:11px;font-weight:700}.panel-index{font-size:12px;color:var(--muted)}#lab-panel h3{font-size:33px;margin:23px 0 15px}.panel-summary{color:var(--muted);font-size:16px;max-width:530px}.workflow{display:flex;justify-content:space-between;gap:12px;margin:27px 0;font-size:12px;color:#36566d}.workflow span{display:flex;align-items:center;gap:7px}.workflow i{font-style:normal;border:1px solid #b1cadd;background:white;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.terminal-preview{background:#0b1f33;border-radius:4px;overflow:hidden;color:#d9e6f0}.terminal-preview>div{display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:1px solid #ffffff13;font-size:10px;letter-spacing:.08em;color:#a1b9cc}.terminal-preview>div>span:last-child{margin-left:auto;color:#70899b}.terminal-dot{width:6px;height:6px;border-radius:50%;background:#33bde6}.terminal-preview pre{margin:0;padding:18px 16px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:Consolas,monospace;font-size:12px;line-height:2}.term-comment{color:#829bae}.term-prompt{color:#59c9f5}.term-output{color:#acc2d4}.panel-bottom{margin-top:21px;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-bottom>span{font-size:12px;color:var(--muted)}.text-button{background:none;border:0;padding:0;color:#0871bf;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.projects-section{padding:82px 0 48px;background:var(--ink);color:white}.projects-section .eyebrow{color:#64bdf0}.projects-section .section-head>p{color:#a7bbca}.project-row{display:grid;grid-template-columns:210px 1fr 170px 35px;gap:22px;align-items:center;background:none;border:0;border-top:1px solid #ffffff26;width:100%;padding:32px 0;color:white;text-align:left;transition:padding .2s,background .2s}.project-row:last-child{border-bottom:1px solid #ffffff26}.project-row:hover{padding-inline:16px;background:#ffffff05}.project-id{font-size:11px;letter-spacing:.1em;color:#8facbf}.project-name{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.03em}.project-name small{display:block;font-family:'DM Sans',sans-serif;font-size:14px;letter-spacing:0;color:#adc1d1;margin-top:5px}.project-tag{justify-self:end;font-size:10px;letter-spacing:.1em;border:1px solid #536c7f;border-radius:3px;padding:6px 10px;color:#aac8df}.project-plus{font-size:26px;line-height:1;justify-self:end;color:#51c4fb}.project-note{display:flex;align-items:center;gap:24px;margin-top:48px;color:#8ca8bc;font-size:14px}.outline-mark{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.1em;font-size:44px;line-height:1;-webkit-text-stroke:1px #38627d;color:transparent}.project-note strong{font-weight:400;color:#d4e2ec}.closing{text-align:center;padding:95px 0}.closing h2{font-size:48px;margin:20px 0 30px}footer{display:flex;align-items:center;justify-content:space-between;padding:30px 0 38px;border-top:1px solid var(--line);gap:30px}.footer-brand svg{width:45px;height:36px}.footer-brand b{font-size:16px}.footer-brand small{font-size:7px}footer>span{font-size:13px;color:var(--muted)}footer>small{font-size:12px;color:var(--muted)}.skip{position:fixed;top:-90px;left:15px;background:white;padding:14px;z-index:100}.skip:focus{top:15px}dialog{border:0;border-radius:6px;padding:46px;max-width:650px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 35px 100px #0004}dialog::backdrop{background:#071b32bb;backdrop-filter:blur(4px)}dialog h2{font-size:32px;margin:14px 0 22px}dialog p:not(.eyebrow){color:var(--muted)}dialog ol{padding-left:22px;margin:24px 0}dialog li{padding:7px 0 7px 7px}.dialog-close{position:absolute;top:12px;right:16px;border:0;background:none;font-size:28px;color:#516d84}.detail-note{font-size:14px;border-top:1px solid var(--line);padding-top:18px;margin-bottom:24px}
@media(min-width:1600px){.hero-content{padding-left:0}.hero-foot{left:calc((100% - 1240px)/2);right:calc((100% - 1240px)/2)}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.site-header{padding-inline:32px}nav{gap:22px}.hero-content{padding-left:32px}.hero-foot{left:32px;right:32px}.intro>div:not(.principles){gap:40px}.lab-layout{gap:20px;grid-template-columns:1fr 1.2fr}.lab-tabs button{padding:25px 14px;gap:12px}.lab-tabs strong{font-size:18px}.lab-tabs svg{display:none}#lab-panel{padding:26px}.workflow{flex-wrap:wrap}.project-row{grid-template-columns:150px 1fr 30px}.project-tag{display:none}}
@media(max-width:700px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.site-header{height:80px;padding-inline:20px}.brand{gap:9px}.brand svg{width:43px;height:36px}.brand b{font-size:17px}.brand small{font-size:7px}.menu-toggle{display:flex;flex-direction:column;gap:6px;justify-content:center;padding:10px;border:0;background:none;width:42px;height:42px}.menu-toggle span{height:2px;background:var(--ink);width:22px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;z-index:5;padding:24px;box-shadow:0 15px 25px #0b1f3320;flex-direction:column;align-items:stretch;gap:20px}nav.open{display:flex}.nav-cta{margin:0;text-align:center}.hero{height:auto;min-height:650px}.hero-art{object-position:63% center}.hero-shade{background:linear-gradient(90deg,#04182adb,#04182a77),linear-gradient(0deg,#04182a77,transparent)}.hero-content{padding:65px 24px 125px}.hero h1{font-size:52px;margin-block:24px}.hero .eyebrow{font-size:10px;letter-spacing:.13em}.hero-description{font-size:16px}.hero-description br{display:none}.hero-foot{left:24px;right:24px;bottom:0;padding:20px 0}.hero-foot>span{display:none}.hero-foot a{font-size:13px}.hero-actions{gap:10px}.button{padding:12px 18px}.intro{padding:60px 0}.intro>div:not(.principles){grid-template-columns:1fr;gap:25px}.intro h2{font-size:36px}.intro p:not(.eyebrow){font-size:16px}.principles{grid-template-columns:1fr;gap:17px;margin-top:30px}.principles b{display:inline-block;min-width:70px}.labs-section{padding:0 0 60px}.section-head{display:block;margin-bottom:25px}.section-head h2{font-size:34px}.section-head>p{margin-top:18px}.section-head>p br{display:none}.lab-layout{grid-template-columns:1fr;gap:22px}.lab-tabs button{padding:19px 16px}.lab-tabs strong{font-size:19px}.lab-tabs svg{display:block;width:24px}.lab-tabs small{font-size:13px}.panel-top{gap:12px}#lab-panel{padding:24px 20px}#lab-panel h3{font-size:30px}.workflow{gap:12px}.workflow span{font-size:11px}.panel-bottom{align-items:start;flex-direction:column}.projects-section{padding:55px 0 38px}.project-row{grid-template-columns:1fr 25px;gap:8px;padding:25px 0}.project-id{grid-column:1/-1;font-size:10px}.project-name{font-size:22px}.project-name small{font-size:14px}.project-plus{grid-column:2;grid-row:2}.project-note{margin-top:32px}.closing{padding:65px 0}.closing h2{font-size:36px}footer{flex-wrap:wrap;gap:23px}.footer-brand{width:100%}dialog{padding:35px 25px}dialog h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}