@font-face{font-family:InterTight;src:url('assets/inter-tight.woff2') format('woff2');font-weight:400 900;font-display:swap}
:root{--navy:#062142;--cyan:#15919d;--blue:#15919d;--line:#9cc8cd;--paper:#fdfefe;--muted:#687d99;--soft:#e5f7fd;--font:InterTight,'Arial',sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--navy);background:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.12' filter='url(%23n)'/%3E%3C/svg%3E");z-index:-1}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}img,svg{display:block;max-width:100%}p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:800;letter-spacing:-.065em}button{cursor:pointer}.wrap{max-width:1512px;margin:auto;padding:0 64px}.header{height:108px;display:flex;align-items:center;justify-content:space-between;position:relative}.header:after{content:'';position:absolute;bottom:0;left:64px;right:64px;height:1px;background:var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:750;letter-spacing:-.04em}.header nav{display:flex;gap:36px;font-size:15px;font-weight:600}.header nav a{transition:color .2s}.header nav a:hover{color:var(--cyan)}.section{position:relative;border-bottom:1px solid var(--line);padding:84px 0;min-height:760px}.hero,.split{display:grid;grid-template-columns:1.07fr 1fr;gap:38px;align-items:center}.eyebrow,.mono,.status{font-family:var(--mono);font-size:12px;font-weight:400;line-height:1.65;letter-spacing:.02em}.eyebrow{color:var(--blue);margin-bottom:32px}.cyan{color:var(--cyan)}.hero{min-height:780px}.hero .copy{z-index:1}.hero h1{font-size:clamp(100px,10.8vw,164px);line-height:.95;letter-spacing:-.07em}.hero-sub{font-size:clamp(30px,3.3vw,49px);line-height:1.02;margin-top:25px;white-space:nowrap}.lead{font-size:26px;line-height:1.36;font-weight:500;letter-spacing:-.025em;color:var(--blue);margin-top:25px}.hero .lead{font-size:22px}.actions{display:flex;gap:16px;margin-top:34px}.button{padding:15px 22px;border:1.5px solid var(--navy);font-size:15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:2px;transition:background .2s,transform .2s,color .2s}.button:hover{background:var(--soft);transform:translateY(-2px)}.button.primary{color:white;background:var(--navy)}.button.primary:hover{background:#123651}.hero-art{align-self:center;min-width:0}.blueprint{position:relative;display:grid;place-items:center;aspect-ratio:1.1;background-image:linear-gradient(to right,#b5d7fe77 1px,transparent 1px),linear-gradient(to bottom,#b5d7fe77 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent,black 12%,black 90%,transparent)}.hero-mark{width:91%;position:relative;z-index:1;animation:float 7s ease-in-out infinite}.orbit{position:absolute;border:1px solid #b5d7fe80;border-radius:50%}.orbit-one{width:94%;height:94%}.orbit-two{width:45%;height:45%;top:0;left:0}.art-caption{color:var(--blue);margin:26px 0 0 36px}.art-caption span{display:block;margin-top:4px}.display{font-size:clamp(78px,7.8vw,118px);line-height:.95;letter-spacing:-.065em}.copy{min-width:0}.status{color:var(--blue);margin-top:60px}.support{color:var(--blue);font-size:17px;line-height:1.5;margin-top:12px}.window{border:2px solid var(--navy);border-radius:6px;overflow:hidden;background:white}.bar{height:26px;background:var(--navy);display:flex;align-items:center;gap:6px;padding:0 10px}.bar i{display:block;width:6px;height:6px;border-radius:50%;background:var(--cyan)}.bar i:last-of-type{background:#d9eafa}.address{height:7px;border-radius:10px;width:45%;background:#d2dbe6;margin-left:16px}.extraction{position:relative;width:100%;height:510px;max-width:550px;justify-self:end}.chromium-stack{width:65%;position:absolute;top:0;left:0}.chromium-stack>.mono{margin-bottom:8px;font-weight:600}.stack{padding:12px;display:grid;gap:7px}.stack span{border:1px solid var(--line);border-radius:3px;text-align:center;padding:12px;font-family:var(--mono);font-size:14px}.stack span.selected{background:#d8f7ff;border-color:var(--cyan);box-shadow:0 0 0 1px #00b8ed18}.rust-core{position:absolute;bottom:40px;right:5px;width:56%;padding:20px;background:var(--navy);border-radius:3px;color:white}.rust-core h3{font-size:36px;letter-spacing:-.035em;line-height:1.05}.layout-wire{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px}.layout-wire div{border:1.5px solid var(--cyan);height:54px;border-radius:3px}.layout-wire div:first-child{grid-column:1/-1;height:65px}.extraction-line{position:absolute;top:172px;left:65%;width:21%;height:147px;border-top:2px solid var(--cyan);border-right:2px solid var(--cyan);border-radius:0 16px 0 0}.extraction-line:after{content:'';position:absolute;right:-5px;bottom:0;width:7px;height:7px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);transform:rotate(45deg)}.extraction-line span{position:absolute;top:-5px;left:-5px;width:8px;height:8px;border:2px solid var(--cyan);border-radius:50%;background:white}.extraction-caption{position:absolute;bottom:0;right:0;color:var(--blue);font-size:12px}.builder-section{min-height:860px}.builder{position:relative;min-width:0;padding-top:26px}.browser-demo{min-height:365px}.browser-content{padding:19px;transition:opacity .4s}.demo-nav{display:block;margin-bottom:18px}.demo-nav>img{display:block}.nav-items{display:flex;gap:12px;margin-top:12px;justify-content:flex-start}.nav-items i{height:7px;width:30px;background:#bdcadf;border-radius:10px}.demo-banner{display:block;background:#d4f4ff;border-radius:4px;min-height:153px;padding:22px;margin-bottom:16px}.demo-banner>img{width:90px;height:80px;margin-top:14px}.skeleton-lines{display:grid;gap:10px;flex:1}.skeleton-lines i{display:block;height:9px;background:#a1b5cf;border-radius:10px;width:85%}.skeleton-lines i:last-child{width:55%}.demo-cards{display:flex;flex-direction:column;gap:12px}.demo-card{min-height:96px;border-radius:3px;background:#e9edf2;display:flex;align-items:center;justify-content:center;gap:12px;padding:13px}.demo-card:first-child{background:#dbf5ff}.demo-card:last-child{background:var(--navy);color:var(--cyan)}.inline-lines{display:none;gap:8px;width:90%}.inline-lines i{display:block;background:#aabbd0;height:6px;border-radius:6px;width:95%}.inline-lines i:last-child{width:67%}.window-icon{display:block;width:38px;height:43px;border:2px solid currentColor;border-radius:3px;position:relative}.window-icon:before{content:'';position:absolute;left:0;right:0;top:7px;border-top:2px solid currentColor}.grid-icon{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;width:39px;height:39px;background:linear-gradient(currentColor,currentColor) left top/16px 16px no-repeat,linear-gradient(currentColor,currentColor) right top/16px 16px no-repeat,linear-gradient(currentColor,currentColor) left bottom/16px 16px no-repeat,linear-gradient(currentColor,currentColor) right bottom/16px 16px no-repeat;mask:linear-gradient(#000,#000)}.lines-icon{display:grid;gap:8px;width:45px}.lines-icon i{height:2px;background:var(--navy);width:100%}.lines-icon i:first-child{background:var(--cyan)}.lines-icon i:last-child{width:60%}.browser-demo[data-flex=true] .demo-nav{display:flex;align-items:center;justify-content:space-between}.browser-demo[data-flex=true] .nav-items{margin-top:0}.browser-demo[data-flex=true] .demo-banner{display:flex;align-items:center;justify-content:space-between;gap:20px}.browser-demo[data-flex=true] .demo-banner>img{margin-top:0}.browser-demo[data-grid=true] .demo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.browser-demo[data-inline=true] .demo-card{flex-direction:column}.browser-demo[data-inline=true] .inline-lines{display:grid}.browser-demo[data-block=false] .browser-content{opacity:.06}.module-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.module-controls button{border:1.5px solid #9bacbf;background:transparent;color:var(--navy);padding:12px 0;border-radius:2px;font-family:var(--mono);font-size:13px;transition:background .2s,border-color .2s,color .2s}.module-controls button:hover{background:var(--soft)}.module-controls button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan);background:#eafaff}.demo-tools{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:18px}.demo-tools .status{margin:0;font-size:10px}.text-button{padding:0;background:none;border:0;color:var(--blue);font-size:12px;white-space:nowrap}.module-fly{position:absolute;right:6px;top:-29px;border:1px solid var(--cyan);background:#edfbff;color:var(--navy);padding:13px;border-radius:5px;transform:rotate(-12deg)}.module-fly .grid-icon{width:27px;height:27px;background-size:11px 11px}.module-fly.installing{animation:install .85s ease forwards}.apps-section{min-height:900px;grid-template-columns:1fr 1.06fr}.apps-section .display{font-size:clamp(84px,8.5vw,128px)}.size{font-size:clamp(79px,8.9vw,132px);font-weight:800;letter-spacing:-.075em;line-height:1.02;margin-top:22px;white-space:nowrap}.size-note{color:var(--blue);font-size:12px}.codebase{font-size:29px;font-weight:750;letter-spacing:-.045em;line-height:1.1;margin-top:24px}.fidelity{font-size:25px;font-weight:700;letter-spacing:-.035em;margin-top:8px}.compact{margin-top:5px;font-size:11px}.integrations-label{color:var(--blue);margin-top:30px}.integrations{display:flex;gap:16px;margin-top:7px}.integrations .button{padding:10px 28px;min-height:44px}.proposed{cursor:default}.proposed:hover{transform:none;background:transparent}.platform-diagram{padding-top:35px;min-width:0}.source-window{width:44%;margin:auto}.source-window .bar{height:20px}.code-lines{padding:15px;display:grid;gap:10px;align-content:start}.code-lines i{height:5px;display:block;background:var(--cyan);width:70%;border-radius:3px}.code-lines i:nth-child(2n){width:95%}.code-lines i:nth-child(3n){width:50%}.centered{text-align:center;color:var(--blue);margin-top:12px}.fork{margin:20px auto 0;width:62%;height:40px;border-top:1.5px solid var(--cyan);border-left:1.5px solid var(--cyan);border-right:1.5px solid var(--cyan);border-radius:18px 18px 0 0;position:relative}.fork:before{content:'';position:absolute;top:-20px;left:50%;height:20px;border-left:1.5px solid var(--cyan)}.runtime-nodes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px}.runtime{display:flex;align-items:center;justify-content:center;gap:10px}.runtime strong{font-size:23px;letter-spacing:-.03em}.runtime small{display:block;font-size:12px;margin-top:5px}.globe{font-family:Arial,sans-serif;font-size:49px;line-height:1}.device-routes{height:69px;position:relative}.device-routes span:first-child{height:57px;border-left:1.5px solid var(--cyan);position:absolute;left:15%;top:0}.device-routes span:last-child{position:absolute;left:47%;width:46%;height:28px;border:1.5px solid var(--cyan);border-bottom:0;bottom:0;border-radius:12px 12px 0 0}.device-routes span:last-child:before{content:'';position:absolute;left:50%;height:62px;border-left:1.5px solid var(--cyan);bottom:0}.device-row{display:grid;grid-template-columns:1.23fr 1.25fr .7fr 1fr;gap:14px;align-items:end}.device{border:2px solid var(--navy);border-radius:4px;background:white;position:relative;padding:8px;min-width:0}.browser-device{padding:0;height:151px}.browser-device>.bar{height:18px;padding:0 6px;gap:4px}.browser-device>.bar i{width:4px;height:4px}.mini-ui{height:100%;min-height:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;align-content:start;background:white}.mini-ui:before{content:'';grid-column:1/-1;height:42px;background:var(--cyan) url('assets/mark.svg?v=original-logo-7') center/34px auto no-repeat;border-radius:2px}.mini-ui:after{content:'';grid-column:1/-1;height:45px;background:linear-gradient(90deg,var(--cyan) 30%,transparent 30% 35%,var(--cyan) 35% 65%,transparent 65% 70%,var(--cyan) 70%) top/100% 23px no-repeat,linear-gradient(90deg,#c5d1df 27%,transparent 27% 35%,#c5d1df 35% 62%,transparent 62% 70%,#c5d1df 70% 97%) left 30px/100% 4px no-repeat,linear-gradient(90deg,#dbe2eb 22%,transparent 22% 35%,#dbe2eb 35% 55%,transparent 55% 70%,#dbe2eb 70% 95%) left 39px/100% 4px no-repeat}.laptop{height:130px;padding:5px 3px 8px;margin-bottom:5px}.laptop:after{content:'';position:absolute;left:-6px;right:-6px;bottom:-7px;height:5px;background:white;border:2px solid var(--navy);border-radius:0 0 6px 6px}.phone{height:158px;border-radius:9px;padding:14px 1px 3px}.phone:before{content:'';position:absolute;top:6px;left:36%;width:28%;height:3px;background:var(--navy);border-radius:5px}.phone .mini-ui{padding:6px 3px;gap:5px}.phone .mini-ui:before{height:43px;background-size:24px auto}.phone .mini-ui:after{height:67px;background:linear-gradient(var(--cyan),var(--cyan)) left top/100% 24px no-repeat,linear-gradient(#b6c5d9,#b6c5d9) left 33px/85% 4px no-repeat,linear-gradient(#d3dfeb,#d3dfeb) left 44px/75% 4px no-repeat,linear-gradient(#d3dfeb,#d3dfeb) left 55px/80% 4px no-repeat}.tablet{height:121px;padding:4px}.tablet .mini-ui{padding:4px;gap:5px}.tablet .mini-ui:before{height:32px}.device-group>p{font-family:var(--mono);font-size:9px;white-space:nowrap;text-align:center;margin-top:14px}.platform-status{text-align:center;margin-top:37px;font-size:11px}.web-section{min-height:910px;grid-template-columns:1.14fr 1fr}.web-section .display{font-size:clamp(80px,8.4vw,127px);white-space:nowrap}.languages{font-size:clamp(65px,7.3vw,110px);line-height:.99;letter-spacing:-.065em;font-weight:800;margin-top:8px}.web-copy{font-size:29px;font-weight:750;letter-spacing:-.04em;line-height:1.18;margin-top:30px}.web-section .status{margin-top:43px;font-size:11px}.ecosystem-art{min-width:0}.frameworks{display:flex;justify-content:center;gap:70px;margin-bottom:12px}.frameworks>div{display:flex;flex-direction:column;align-items:center;gap:12px}.frameworks svg{width:85px;height:74px;color:var(--navy)}.frameworks strong{font-size:25px;letter-spacing:-.04em}.framework-join{width:42%;height:42px;border:1.5px solid var(--cyan);border-top:0;margin:0 auto 35px;border-radius:0 0 15px 15px;position:relative}.framework-join:after{content:'';height:35px;border-left:1.5px solid var(--cyan);position:absolute;top:100%;left:50%}.showcase-content{padding:17px}.showcase-content .demo-nav{display:flex;justify-content:space-between;align-items:center}.showcase-content .nav-items{margin-top:0}.showcase-content .demo-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:145px}.showcase-content .demo-banner>img{margin-top:0;width:110px;height:95px}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.showcase-grid>div{height:82px;border-radius:3px;display:grid;place-items:center;background:#edf1f5}.showcase-grid>div:first-child{background:#d8f5ff}.showcase-grid>div:last-child{background:var(--navy);color:var(--cyan)}.showcase-text{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.showcase-text i{height:7px;border-radius:6px;background:#c9d3e2;width:29%}.ecosystem-art>.centered{font-size:12px;margin-top:20px}.possibilities{padding-top:84px;min-height:840px}.possibilities-title{font-size:clamp(60px,7.2vw,108px);line-height:1.02;letter-spacing:-.065em}.possibilities .lead{margin-top:17px}.extensions{margin-top:45px}.core-label{width:max-content;margin:auto;display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700;border:1px solid var(--navy);padding:11px 18px;border-radius:3px}.extension-branch{height:36px;width:75%;border:1.5px solid var(--cyan);border-bottom:0;position:relative;border-radius:12px 12px 0 0;margin:26px auto 8px}.extension-branch:before{content:'';height:26px;border-left:1.5px solid var(--cyan);position:absolute;left:50%;bottom:100%}.extension-branch:after{content:'';position:absolute;left:33.33%;right:33.33%;height:36px;border-left:1.5px solid var(--cyan);border-right:1.5px solid var(--cyan)}.extension-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.extension{min-width:0;position:relative}.extension+.extension:before{content:'';position:absolute;top:0;bottom:0;left:-14px;border-left:1px solid #a9b8ff99}.extension>.window,.embedded-preview{height:210px}.extension h3{font-size:25px;letter-spacing:-.04em;line-height:1.06;margin-top:23px;text-align:center}.extension>p{font-size:14px;line-height:1.4;text-align:center;color:var(--blue);margin-top:9px}.editor-panes{height:calc(100% - 26px);display:grid;grid-template-columns:27% 44% 29%;background:var(--navy);color:var(--cyan)}.editor-tree{border-right:1px solid #31506e;display:grid;gap:13px;align-content:start;padding:15px 8px}.editor-tree i{height:5px;width:90%;background:#7a92b0;border-radius:3px}.editor-tree i:nth-child(even){width:70%;background:var(--cyan)}.editor-panes .code-lines{gap:13px;padding:16px 8px}.editor-panes .code-lines i:nth-child(3n){background:white}.editor-chat{border-left:1px solid #31506e;padding:13px 7px;display:grid;gap:15px;align-content:start}.editor-chat span{font-size:25px}.editor-chat i{height:19px;background:#284660;border-radius:3px}.terminal-content{background:var(--navy);color:var(--cyan);height:calc(100% - 26px);padding:11px 12px;font-family:var(--mono)}.terminal-command{font-size:9px;border-bottom:1px dashed #6b819c;display:block;padding-bottom:8px}.terminal-content strong{font-size:26px;letter-spacing:-.065em;display:block;margin-top:11px;text-shadow:1px 1px #6bdfff}.terminal-content p{font-size:9px;color:white;line-height:1.7;margin-top:9px}.terminal-tiles{display:flex;gap:10px;margin-top:13px}.terminal-tiles i{height:29px;width:30%;background:repeating-linear-gradient(0deg,transparent 0 2px,#15919d 2px 5px),repeating-linear-gradient(90deg,transparent 0 2px,#15919d 2px 5px);opacity:.8}.embedded-preview{display:grid;place-items:center}.board{width:88%;height:100%;background:var(--navy);position:relative;border-radius:9px;padding:18px 14px 33px;border:1px solid #536e8a}.screw{position:absolute;width:9px;height:9px;border:1px solid white;border-radius:50%;background:#536880}.screw-a{left:5px;top:5px}.screw-b{right:5px;top:5px}.screw-c{left:5px;bottom:5px}.screw-d{right:5px;bottom:5px}.embedded-screen{height:100%;border:2px solid #7593ad;padding:3px}.embedded-screen .mini-ui:before{height:43px}.ports{position:absolute;bottom:-7px;left:22%;right:22%;height:27px;display:flex;justify-content:space-between}.ports i{width:24%;height:100%;background:#c1cbd7;border:2px solid #536b85}.test-pair{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:10px 9px 0}.test-pair>div>span{font-family:var(--mono);font-size:9px;display:block;margin-bottom:7px}.test-pair .mini-ui{padding:4px;border:1px solid var(--navy);border-radius:2px;height:114px}.test-pair .mini-ui:before{height:35px;background-size:27px auto}.testing-preview{position:relative}.testing-preview>.mono{text-align:center;font-size:9px;color:var(--blue);margin-top:12px}.diff-outline{position:absolute;left:39%;right:8%;height:29px;border:1px dashed var(--cyan);top:128px;pointer-events:none}.extensions>.status{margin-top:40px}.footer{height:102px;display:flex;align-items:center;gap:20px}.footer .brand{font-size:23px}.footer>span{font-size:13px;color:var(--blue)}.footer>a:last-child{margin-left:auto;font-size:14px;color:var(--blue)}.skip{position:fixed;top:-90px;left:12px;padding:12px;background:var(--navy);color:white;z-index:20}.skip:focus{top:12px}.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}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.js .reveal.visible{opacity:1;transform:translateY(0)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes install{0%{opacity:1;transform:rotate(-12deg) translate(0,0)}70%{opacity:.4;transform:rotate(0) translate(-100px,140px) scale(.6)}100%{opacity:0;transform:rotate(0) translate(-100px,180px) scale(.4)}}
@media(min-width:1512px){.hero h1{font-size:164px}}@media(max-width:1150px){.wrap{padding:0 38px}.header:after{left:38px;right:38px}.header nav{gap:24px}.section{min-height:690px;padding:65px 0}.hero,.split{gap:24px}.hero h1{font-size:11vw}.hero-sub{font-size:3.35vw}.lead{font-size:23px}.display{font-size:8.1vw}.codebase{font-size:24px}.fidelity{font-size:22px}.device-row{gap:9px}.device-group>p{font-size:8px}.extension-grid{gap:20px}.extension+.extension:before{left:-10px}.extension h3{font-size:22px}.extension>p{font-size:12px}.extension>.window,.embedded-preview{height:185px}.terminal-content strong{font-size:23px}.terminal-command{font-size:8px}.web-copy{font-size:25px}.extraction{height:470px}.rust-core h3{font-size:30px}.demo-tools{flex-direction:column;gap:7px}}
@media(max-width:899px){.wrap{padding:0 26px}.header{height:88px}.header:after{left:26px;right:26px}.header .brand{font-size:26px}.header nav{gap:19px}.header nav a{font-size:13px}.header nav a:last-child{display:none}.hero,.split{grid-template-columns:1fr}.section{padding:64px 0;min-height:auto;gap:42px}.hero h1{font-size:clamp(90px,18vw,150px)}.hero-sub{font-size:clamp(29px,5.7vw,45px)}.display,.apps-section .display,.web-section .display{font-size:clamp(74px,13vw,110px)}.lead{font-size:24px}.hero-art{width:85%;max-width:510px;margin:auto}.hero .blueprint{aspect-ratio:1.4}.hero .art-caption{margin-top:10px}.hero-mark{width:72%}.status{margin-top:32px}.extraction{width:100%;max-width:530px;height:465px;justify-self:center}.builder{width:100%;max-width:600px;justify-self:center}.builder-section .display{font-size:clamp(78px,14vw,115px)}.browser-demo{min-height:0}.platform-diagram{max-width:600px;justify-self:center;width:100%;padding-top:0}.size{font-size:clamp(90px,17vw,133px)}.codebase{font-size:29px}.fidelity{font-size:25px}.languages{font-size:clamp(70px,12.5vw,105px)}.web-copy{font-size:29px}.ecosystem-art{max-width:570px;width:100%;justify-self:center}.web-section .status{margin-top:28px}.possibilities-title{font-size:clamp(54px,9vw,83px)}.extension-grid{grid-template-columns:repeat(2,1fr);gap:36px 26px}.extension+.extension:before{display:none}.extension-branch{display:none}.core-label{margin-bottom:32px}.extension>.window,.embedded-preview{height:220px}.extension h3{font-size:26px}.extension>p{font-size:14px}.terminal-content strong{font-size:30px}.terminal-command{font-size:10px}.terminal-content p{font-size:11px}.terminal-tiles{margin-top:14px}.terminal-tiles i{height:40px}.footer>span{display:none}.footer{height:90px}}
@media(max-width:480px){.wrap{padding:0 20px}.header{height:78px}.header:after{left:20px;right:20px}.header .brand{font-size:24px;gap:7px}.header .brand img{width:34px;height:32px}.header nav{gap:16px}.header nav a{font-size:12px}.header nav a:nth-child(2){display:none}.section{padding:52px 0}.eyebrow{font-size:10px;margin-bottom:24px}.hero h1{font-size:19vw}.hero-sub{font-size:5.9vw;margin-top:20px}.hero .lead{font-size:18px}.actions{gap:10px;margin-top:26px}.actions .button{padding:13px 14px;font-size:12px}.hero-art{width:100%}.hero .blueprint{aspect-ratio:1.3}.display,.apps-section .display,.web-section .display{font-size:18.2vw}.lead{font-size:22px}.support{font-size:15px}.extraction{height:395px}.stack span{padding:10px;font-size:12px}.rust-core{width:56%;padding:15px;bottom:35px}.rust-core h3{font-size:26px}.layout-wire div{height:38px}.layout-wire div:first-child{height:48px}.extraction-line{top:154px;height:111px}.extraction-caption{font-size:10px}.browser-content{padding:13px}.demo-banner{padding:17px;min-height:122px}.demo-banner>img{width:75px;height:64px}.demo-card{min-height:80px;padding:12px}.browser-demo[data-grid=true] .demo-cards{gap:8px}.window-icon{width:26px;height:31px}.grid-icon{width:27px;height:27px;background-size:11px 11px}.lines-icon{width:30px;gap:6px}.module-controls{gap:8px}.module-controls button{font-size:11px;padding:11px 0}.demo-tools .status{font-size:9px}.size{font-size:23vw}.codebase{font-size:24px}.fidelity{font-size:22px}.runtime strong{font-size:18px}.runtime small{font-size:9px}.runtime{gap:6px}.runtime img{width:34px}.globe{font-size:38px}.device-row{gap:10px;grid-template-columns:repeat(2,1fr);row-gap:23px}.device-routes{height:48px}.device-routes span:last-child{height:24px}.device-routes span:last-child:before{height:44px}.device-group>p{font-size:10px}.browser-device{height:152px}.laptop{height:133px}.phone{width:75px;height:156px;margin:auto}.tablet{height:125px}.platform-status{font-size:10px;margin-top:28px}.source-window{width:48%}.languages{font-size:17.2vw}.web-copy{font-size:24px}.frameworks{gap:55px}.frameworks svg{width:69px;height:65px}.frameworks strong{font-size:22px}.showcase-content{padding:12px}.showcase-content .demo-banner{min-height:122px;padding:17px}.showcase-content .demo-banner>img{width:85px;height:76px}.showcase-grid{gap:8px}.showcase-grid>div{height:70px}.possibilities-title{font-size:12.8vw}.possibilities .lead{font-size:20px}.extensions{margin-top:32px}.extension-grid{grid-template-columns:1fr;gap:36px}.extension>.window,.embedded-preview{height:225px;max-width:350px;margin:auto}.extension h3{font-size:28px;margin-top:18px}.terminal-content{padding:15px 18px}.terminal-command{font-size:11px}.terminal-content strong{font-size:35px}.terminal-tiles i{height:36px}.extensions>.status{font-size:10px;text-align:center}.core-label{font-size:16px}.footer .brand{font-size:22px}.footer>a:last-child{font-size:13px}}
/* The display type keeps its natural counters open at small and large sizes. */
:root{--mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace}
h1,h2,h3{letter-spacing:-.04em}.hero h1{letter-spacing:-.045em}.hero-sub{letter-spacing:-.035em}.display,.languages,.possibilities-title{letter-spacing:-.04em}.size{letter-spacing:-.055em}
.skip{top:12px;transform:translateY(-160%);visibility:hidden}.skip:focus{transform:none;visibility:visible}
.builder .demo-banner{height:156px;padding:20px;min-height:156px}.builder .demo-banner>img{width:82px;height:70px}.builder .demo-card{min-height:80px;padding:12px}.builder-section{min-height:890px}
@media(max-width:899px){.builder-section{min-height:0}.builder .demo-banner{height:145px;min-height:145px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}