@font-face{font-family:Manrope;src:url('/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:'Maple Mono';src:url('/fonts/maple-mono.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--bg:#F6F9FB;--surface:#FFFFFF;--border:#DBE5EA;--accent:#47758C;--ink:#242A2C;--muted:#586B75;--blue:#C6D9E3;--subtle:#EDF3F6;--code-key:#875096;--code-string:#427765;--code-type:#3E708C;--code-comment:#687982;--logo-back:.19}
:root[data-theme=dark]{color-scheme:dark;--bg:#11191E;--surface:#1B272E;--border:#34464F;--accent:#A0C2D2;--ink:#EDF3F5;--muted:#A5B5BE;--subtle:#172128;--code-key:#CBB4E4;--code-string:#B2CBA7;--code-type:#99C9E0;--code-comment:#8D9CA6;--logo-back:.15}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Manrope,system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{outline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}button{color:inherit}img{display:block;max-width:100%}.logo-dark{display:none}[data-theme=dark] .logo-light{display:none}[data-theme=dark] .logo-dark{display:block}.skip{position:absolute;top:-80px;left:20px;z-index:10;background:var(--ink);color:var(--bg);padding:12px 20px}.skip:focus{top:12px}.page{max-width:1376px;margin:auto;padding:0 54px}.review-bar{padding:9px max(24px,calc((100vw - 1268px)/2));font:11px/1.5 'Maple Mono',monospace;color:var(--muted);display:flex;justify-content:space-between;border-bottom:1px solid var(--border)}.review-dot{margin:0 8px}.review-bar a:hover{text-decoration:underline}.site-header{min-height:110px;display:flex;gap:38px;align-items:center;border-bottom:1px solid var(--border)}.brand{margin-right:auto;flex-shrink:0}.brand img{width:286px;height:auto}.site-header nav{display:flex;gap:38px;font-size:14px;font-weight:650}.site-header nav a:hover{color:var(--accent)}.theme-switch{display:flex;padding:4px;border:1px solid var(--border);border-radius:30px;gap:2px}.theme-switch button{border:0;background:transparent;font-size:12px;line-height:1.5;padding:7px 11px;border-radius:24px;color:var(--muted)}.theme-switch button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.hero{min-height:490px;position:relative;display:flex;align-items:center;padding:52px 0 62px}.hero-copy{position:relative;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font:11px/1.5 'Maple Mono',monospace;letter-spacing:.055em;margin:0 0 20px;color:var(--muted)}.status-dot{display:inline-block;width:6px;height:6px;margin-right:8px;vertical-align:2px;background:var(--accent);border-radius:100%}h1{font-size:clamp(54px,5.85vw,82px);font-weight:800;line-height:1.045;letter-spacing:-.065em;margin:0;max-width:780px}.period{color:var(--accent)}.hero-description{color:var(--muted);font-size:20px;line-height:1.6;margin:22px 0 25px;letter-spacing:-.025em}.cta{display:inline-flex;gap:28px;align-items:center;padding:14px 23px;border-radius:7px;background:var(--ink);color:var(--bg);font-size:14px;font-weight:750;transition:transform .15s,background .15s}.cta span{font-size:23px;line-height:1}.cta:hover{background:var(--accent);transform:translateY(-2px)}[data-theme=dark] .cta{background:var(--blue);color:#242A2C}.hero-art{position:absolute;right:-14px;bottom:10px;width:54%;height:95%;pointer-events:none}.backdrop-mark{position:absolute;width:275px;height:auto;right:13px;top:23px;opacity:var(--logo-back);transform:rotate(9deg)}.desk-scene{position:absolute;bottom:0;left:0;width:100%}.person{width:100%;height:auto}.laptop-mark{position:absolute;left:45.1%;top:77%;width:8.4%;height:auto;transform:translate(-50%,-50%) skewX(7deg)}.editor-section{position:relative;z-index:3;scroll-margin-top:30px}.editor-window{overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--surface);box-shadow:0 20px 60px -38px #242A2C70}.window-bar{height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--subtle);border-bottom:1px solid var(--border);padding:0 17px;font-size:11px;color:var(--muted)}.traffic{display:flex;gap:7px;width:65px}.traffic i{width:9px;height:9px;border-radius:50%;background:#F08379}.traffic i:nth-child(2){background:#D6B774}.traffic i:nth-child(3){background:#83AE96}.window-mark{width:65px;text-align:right;font-size:16px}.editor-layout{display:grid;grid-template-columns:200px minmax(0,1fr)}.explorer{position:relative;background:var(--subtle);border-right:1px solid var(--border);padding-top:14px;color:var(--muted);font-size:12px}.explorer-title{display:flex;justify-content:space-between;padding:0 19px;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.explorer-title span{font-size:18px;line-height:1}.folder{font-size:10px;font-weight:750;margin:25px 16px 9px;letter-spacing:.055em}.file-list button{border:0;background:transparent;width:100%;padding:8px 24px;text-align:left;font-size:12px}.file-list button[aria-pressed=true]{background:var(--border);color:var(--ink)}.ts-icon{font-size:10px;font-weight:750;color:var(--accent);margin-right:6px}.md-icon{font-size:10px;color:var(--accent);margin-right:7px}.explorer-bottom{position:absolute;bottom:16px;left:17px;display:flex;gap:8px;align-items:center;font-size:10px}.editor-tabs{height:40px;display:flex;background:var(--subtle);border-bottom:1px solid var(--border)}.editor-tabs button{border:0;border-right:1px solid var(--border);background:none;font-size:11px;padding:0 18px;color:var(--muted);border-top:2px solid transparent}.editor-tabs button[aria-pressed=true]{background:var(--surface);color:var(--ink);border-top-color:var(--accent)}.editor-tabs button>span:last-child:not(.ts-icon){margin-left:22px;color:var(--muted)}.breadcrumb{font-size:10px;line-height:1;padding:14px 25px;color:var(--muted)}.breadcrumb>span{margin-left:8px}.code{font:13px/1.85 'Maple Mono',monospace;font-variant-ligatures:normal;counter-reset:line;list-style:none;padding:0 25px 10px 62px;margin:0;min-height:245px;overflow-x:auto;color:var(--ink)}.code li{counter-increment:line;white-space:pre;min-height:24px;position:relative}.code li:before{content:counter(line);position:absolute;left:-38px;color:var(--code-comment);width:20px;text-align:right;font-size:11px}.kw{color:var(--code-key)}.str{color:var(--code-string)}.type,.fn{color:var(--code-type)}.comment{color:var(--code-comment)}.terminal{border-top:1px solid var(--border);padding:12px 25px 16px}.terminal-label{text-transform:uppercase;font-size:9px;letter-spacing:.08em;color:var(--muted);padding-bottom:10px}.terminal p{font:11px/1.5 'Maple Mono',monospace;margin:0}.terminal-arrow{color:var(--accent);margin-right:8px}.cursor{display:inline-block;width:6px;height:12px;background:var(--accent);vertical-align:-2px;margin-left:8px;animation:blink 1.8s step-end infinite}.editor-status{background:var(--blue);color:#242A2C;display:flex;justify-content:space-between;padding:4px 14px;font-size:9px}.status-separator{margin:0 10px;opacity:.3}.preview-caption{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted);padding:15px 0}.preview-caption span:last-child{font:10px/1.8 'Maple Mono',monospace}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:95px 0 90px;border-bottom:1px solid var(--border)}.about h2{font-size:44px;line-height:1.14;letter-spacing:-.045em;margin:0;font-weight:750}.about-copy{color:var(--muted);font-size:17px;max-width:470px}.about-copy p{margin:0 0 17px}.internal-label{display:inline-block;font:11px/1.5 'Maple Mono',monospace;border:1px solid var(--border);border-radius:30px;padding:8px 13px;margin-top:8px}footer{display:flex;gap:16px;align-items:center;padding:30px 0 40px;color:var(--muted);font-size:11px}.footer-name{font-family:'Maple Mono',monospace;color:var(--ink);font-weight:650}footer a{margin-left:auto}footer a:hover{text-decoration:underline}@keyframes blink{50%{opacity:0}}
@media(min-width:1500px){.hero{min-height:525px}.hero-art{width:55%}.backdrop-mark{width:320px;top:18px}}
@media(max-width:1050px){.page{padding:0 30px}.site-header{gap:24px}.brand img{width:245px}.site-header nav{gap:25px}.hero{min-height:450px}h1{font-size:64px}.hero-art{width:53%;right:-10px}.backdrop-mark{width:225px;top:30px}.hero-description{font-size:18px}.editor-layout{grid-template-columns:165px minmax(0,1fr)}}
@media(max-width:760px){.page{padding:0 22px}.review-bar{padding:8px 22px;font-size:9px}.site-header{min-height:88px;gap:15px;flex-wrap:wrap}.brand img{width:220px}.site-header nav{margin-left:auto;gap:18px;font-size:12px}.theme-switch{margin:0 0 12px auto}.theme-switch button{font-size:11px;padding:5px 10px}.hero{display:block;min-height:0;padding:35px 0 0}.hero-copy{pointer-events:auto}h1{font-size:clamp(48px,8.6vw,65px)}.hero-description{font-size:18px}.hero-art{position:relative;width:90%;height:auto;aspect-ratio:1.85;right:auto;margin:0 0 0 auto;bottom:0}.backdrop-mark{top:-65px;right:0;width:185px}.desk-scene{bottom:0}.hero .eyebrow{font-size:10px}.cta{font-size:13px;padding:13px 19px}.editor-layout{grid-template-columns:135px minmax(0,1fr)}.explorer{font-size:11px}.folder{font-size:8px;margin-left:12px}.file-list button{padding:8px 16px;font-size:10px}.explorer-bottom{left:8px;gap:3px;font-size:8px}.code{font-size:11px;padding-left:47px;padding-right:18px;min-height:240px}.code li{min-height:23px}.code li:before{left:-31px;font-size:10px}.breadcrumb{padding-left:17px}.terminal{padding-left:17px}.preview-caption{font-size:10px}.preview-caption span:last-child{font-size:8px}.about{gap:8%;padding:65px 0}.about h2{font-size:34px}.about-copy{font-size:14px}}
@media(max-width:480px){.page{padding:0 18px}.review-bar{padding:8px 18px}.site-header{gap:12px}.brand img{width:204px}.site-header nav{font-size:11px;gap:13px}.theme-switch{margin-top:-4px}.hero{padding-top:25px}h1{font-size:49px}.hero-description{font-size:16px;line-height:1.6;margin:17px 0 20px}.hero-art{width:100%;margin-top:33px;aspect-ratio:1.85}.backdrop-mark{width:150px;top:-40px;right:7px}.editor-layout{grid-template-columns:minmax(0,1fr)}.explorer{display:none}.window-bar{font-size:9px;padding:0 12px}.traffic,.window-mark{width:38px}.traffic{gap:5px}.traffic i{width:7px;height:7px}.editor-tabs button{font-size:10px;padding:0 15px}.code{font-size:10px;min-height:229px}.terminal p{font-size:10px}.editor-status{font-size:8px}.status-separator{margin:0 5px}.preview-caption{flex-direction:column;gap:2px;padding:13px 0}.about{grid-template-columns:1fr;gap:24px;padding:53px 0}.about h2{font-size:37px}.about .eyebrow{margin-bottom:15px}.about-copy{font-size:15px}footer{font-size:10px;gap:10px;padding:25px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}