:root{color:#12130f;background:#f3f3ed;font-family:Inter,Arial,sans-serif;font-synthesis:none;--ink: #12130f;--paper: #f3f3ed;--line: rgba(18, 19, 15, .16);--muted: #66695e;--acid: #d8ff53;--shell: min(1320px, calc(100vw - 64px) )}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.section-shell{width:var(--shell);margin-inline:auto}.site-header{width:var(--shell);height:86px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);font-size:13px;position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:8px;width:fit-content;font-size:20px;font-weight:600;letter-spacing:-.04em}.brand svg{width:25px;height:25px;fill:var(--ink)}.site-header nav{display:flex;gap:34px;color:#4e5148}.site-header nav a,.header-link{transition:opacity .2s ease}.site-header nav a:hover,.header-link:hover{opacity:.55}.header-link{justify-self:end;display:inline-flex;align-items:center;gap:7px}.header-link svg{width:16px;fill:currentColor}.top-runtime-band{min-height:72px;display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid var(--line)}.top-runtime-band>p{margin:0;font:500 9px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.top-runtime-list{display:flex;align-items:stretch;height:72px}.top-runtime-list>div{min-width:124px;padding:0 19px;display:flex;align-items:center;justify-content:center;gap:10px;border-left:1px solid var(--line);font-size:11px;color:#50534a}.top-runtime-list svg{width:23px;height:23px;fill:none;stroke:var(--ink);stroke-width:1.8}.top-runtime-list .runtime-react{stroke:#2596b4}.top-runtime-list .runtime-flutter{stroke:none;fill:#42a5f5}.top-runtime-list .runtime-flutter path:nth-child(2){fill:#0d82c4}.top-runtime-list .runtime-flutter path:nth-child(3){fill:#075a9b}.top-runtime-list .runtime-html path:first-child{fill:#e6532e;stroke:none}.top-runtime-list .runtime-html path:last-child{fill:#fff;stroke:none}.top-runtime-list .runtime-next circle{fill:var(--ink);stroke:none}.top-runtime-list .runtime-next path{stroke:#fff}.top-runtime-list .runtime-vite path:first-child{fill:#7b55e7;stroke:none}.top-runtime-list .runtime-vite path:last-child{fill:#ffd739;stroke:none}.hero{padding-top:108px;text-align:center}.eyebrow,.section-label{font:500 11px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 4px #d8ff5338}.hero h1{margin:30px 0 28px;font-size:clamp(66px,8.2vw,128px);line-height:.88;letter-spacing:-.075em;font-weight:500}.hero h1 em,.cta h2 em{font-family:Georgia,serif;font-weight:400}.hero-copy{width:min(610px,90%);margin:0 auto;font-size:18px;line-height:1.55;letter-spacing:-.02em;color:#53564d}.hero-actions{margin-top:38px;display:flex;justify-content:center;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:0 22px;font-size:13px;font-weight:500;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#292b25}.text-link{font-size:13px;display:inline-flex;gap:24px;border-bottom:1px solid var(--ink);padding-bottom:7px}.product-frame{margin-top:110px;background:#1a1b19;border-radius:15px;overflow:hidden;padding:0 8px 8px;box-shadow:0 45px 90px #191c132e,0 1px #ffffff26 inset}.frame-bar{height:45px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 8px;color:#a4a69f;font:400 9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em}.traffic-lights{display:flex;gap:6px}.traffic-lights i{width:7px;height:7px;border-radius:50%;background:#4a4b47}.frame-address{display:flex;align-items:center;gap:7px;padding:6px 15px;border:1px solid #333530;border-radius:5px}.frame-address span{width:5px;height:5px;border-radius:50%;background:#7a7d72}.frame-status{justify-self:end;display:flex;align-items:center;gap:6px}.frame-status span{width:5px;height:5px;border-radius:50%;background:var(--acid)}.product-frame video{display:block;width:100%;aspect-ratio:1400 / 736;object-fit:cover;border-radius:8px;background:#252723}.media-caption{display:grid;grid-template-columns:1fr 2fr;border-bottom:1px solid var(--line);padding:18px 0 66px;text-align:left}.media-caption span{font:400 10px DM Mono,monospace;color:var(--muted)}.media-caption p{margin:0;max-width:490px;font-size:12px;line-height:1.5;color:var(--muted);justify-self:end}.core-features{padding:170px 0 0}.core-features-heading{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:5%;align-items:end;margin-bottom:80px}.core-features-heading h2{margin:0;font-size:clamp(44px,5.5vw,78px);line-height:.98;letter-spacing:-.055em;font-weight:500}.core-features-heading>p:last-child{margin:0;color:var(--muted);font-size:15px;line-height:1.7;max-width:440px}.core-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.core-feature{min-height:660px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.feature-meta{display:flex;align-items:center;justify-content:space-between;font:400 9px DM Mono,monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.feature-meta b{font-weight:400}.core-feature h3{margin:auto 0 18px;max-width:380px;font-size:clamp(31px,3vw,45px);line-height:1;letter-spacing:-.05em;font-weight:500}.core-feature>p{margin:0;color:var(--muted);font-size:13px;line-height:1.65;max-width:390px}.feature-demo{height:270px;margin:42px 0 30px;position:relative;overflow:hidden;border:1px solid var(--line);background:#e9e9e2}.canvas-demo{background:#20221e}.demo-app{position:absolute;inset:20px 125px 20px 18px;padding:26px 18px;background:#f9f9f4;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-app i{height:7px;background:#c9ccc2}.demo-app i:first-child{grid-column:span 2;width:80%;background:#171914}.demo-app span{grid-column:span 3;height:63px;border:1px solid #d7d8d0;background:#fff}.demo-selection{position:absolute;left:36px;top:57px;width:178px;height:42px;padding:5px 7px;border:1.5px solid #4b6fff;background:#ffffffc7;display:flex;flex-direction:column;color:#172341}.demo-selection b{font-size:11px;font-weight:500}.demo-selection small{margin-top:2px;font:400 7px DM Mono,monospace}.demo-inspector{position:absolute;right:12px;top:12px;bottom:12px;width:116px;padding:17px 12px;background:#2a2c28;color:#eee;display:grid;grid-template-columns:1fr auto;align-content:start;gap:11px 5px;font:400 8px DM Mono,monospace}.demo-inspector b{background:#393b36;padding:5px;font-weight:400}.demo-inspector i{font-style:normal;align-self:center;color:#8b8e84}.demo-inspector em{width:17px;height:17px;border-radius:3px;background:var(--acid)}.core-feature-structure{background:var(--acid)}.structure-demo{background:#d2f84f;border-color:#12130f3d}.structure-toolbar{position:absolute;right:13px;top:13px;display:flex;background:var(--ink);color:#fff}.structure-toolbar span{width:33px;height:30px;display:grid;place-items:center;border-right:1px solid #3e4039;font-size:13px}.structure-cards{position:absolute;left:14px;right:14px;bottom:17px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.structure-cards i{height:155px;padding:14px;background:#f9f9f4;border:1px solid rgba(18,19,15,.16);display:flex;flex-direction:column;justify-content:flex-end;font-style:normal}.structure-cards i:last-child{border:2px dashed var(--ink);background:#ffffff7a}.structure-cards b{font-size:11px;font-weight:500}.structure-cards small{margin-top:4px;color:var(--muted);font:400 7px DM Mono,monospace}.presets-demo{background:#161713;color:#fff;padding:16px}.preset-tabs{display:flex;border-bottom:1px solid #3a3c36}.preset-tabs span{padding:8px 10px;font:400 7px DM Mono,monospace;color:#8f9287}.preset-tabs span:first-child{color:var(--acid);border-bottom:1px solid var(--acid)}.preset-preview{padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.preset-preview i{min-height:77px;padding:12px;border:1px solid #3a3c36;display:flex;align-items:flex-end;font-style:normal;font-size:10px}.preset-preview i:first-child{background:linear-gradient(135deg,#d8ff53,#70e0ff);color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:600;align-items:center}.preset-preview i:nth-child(2){background:var(--acid);color:var(--ink);transform:translateY(-3px);box-shadow:0 7px 16px #d8ff5324}.preset-preview i:nth-child(3){border-color:#8b54ff;box-shadow:0 0 0 1px #3c285e inset}.preset-preview i:nth-child(4){background:linear-gradient(110deg,#777 25%,#fff,#777 75%);background-size:200% 100%;color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15px}.manifesto{display:grid;grid-template-columns:1fr 3fr;padding:170px 0 110px;border-bottom:1px solid var(--line)}.manifesto-copy{display:grid;grid-template-columns:1.45fr 1fr;gap:8%;align-items:end}.manifesto h2,.runtime-heading h2,.comparison-intro h2{margin:0;font-size:clamp(44px,5.5vw,78px);line-height:.98;letter-spacing:-.055em;font-weight:500}.manifesto-copy>p,.runtime-heading>p:last-child,.comparison-intro>p{margin:0;color:var(--muted);font-size:15px;line-height:1.7;max-width:440px}.principles{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px solid var(--line)}.principle{min-height:390px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;display:flex;flex-direction:column;transition:background .2s ease}.principle-number{font:400 10px DM Mono,monospace;color:var(--muted)}.principle h3{margin:auto 0 17px;font-size:clamp(32px,3vw,48px);line-height:1;letter-spacing:-.05em;font-weight:500}.principle p{margin:0;max-width:430px;color:var(--muted);font-size:14px;line-height:1.65}.principle.featured{grid-row:span 2;min-height:780px;background:var(--acid)}.principle.featured .principle-icon{margin:auto}.principle-icon svg{width:130px;fill:none;stroke:var(--ink);stroke-width:1.2}.principle-icon .accent{stroke-width:2}.principle.dark{background:var(--ink);color:#fff;overflow:hidden}.principle.dark .principle-number,.principle.dark p{color:#9b9d96}.protocol-lines{position:absolute;inset:25px 30px auto auto;display:flex;gap:4px}.protocol-lines i{width:4px;height:4px;border-radius:50%;background:var(--acid)}.principle.wide{grid-column:span 2;min-height:240px;display:grid;grid-template-columns:1fr 1fr;align-items:end}.principle.wide h3{margin-top:0}.toolchain{justify-self:end;display:flex;align-items:center;gap:14px;font:400 10px DM Mono,monospace;color:var(--muted)}.toolchain span{border:1px solid var(--line);padding:12px 15px;background:#ffffff40}.runtime-section{padding:175px 0 0}.runtime-heading{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:5%;align-items:end;padding-bottom:80px}.runtime-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.runtime-card{min-height:132px;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:22px;padding:22px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s ease}.runtime-card:hover{background:#eaeae3}.runtime-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--line);background:#fafaf5;font:600 18px Inter,sans-serif}.runtime-icon svg{width:35px;height:35px;fill:none;stroke:var(--ink);stroke-width:1.7}.runtime-icon.node svg path:first-child{fill:#74a95c;stroke:none}.runtime-icon.node svg path:last-child{stroke:#fff}.runtime-icon.react{background:#e9f9fc}.runtime-icon.react svg{stroke:#28a9c7}.runtime-icon.flutter{background:#e6f5ff}.runtime-icon.flutter svg{stroke:none;fill:#42a5f5}.runtime-icon.flutter svg path:nth-child(2){fill:#0d82c4}.runtime-icon.flutter svg path:nth-child(3){fill:#075a9b}.runtime-icon.html{background:#fff0eb}.runtime-icon.html svg{stroke:none}.runtime-icon.html svg path:first-child{fill:#e6532e}.runtime-icon.html svg path:last-child{fill:#fff}.runtime-icon.ts{background:#3178c6;color:#fff;border-color:#3178c6}.runtime-icon.vite{background:#f4efff}.runtime-icon.vite svg path:first-child{fill:#7b55e7;stroke:none}.runtime-icon.vite svg path:last-child{fill:#ffd739;stroke:none}.runtime-icon.next{background:#fff}.runtime-icon.next svg circle{fill:#111;stroke:none}.runtime-icon.next svg path{stroke:#fff}.runtime-icon.pnpm{background:#fff7df}.runtime-icon.pnpm svg{fill:#f5ae19;stroke:none}.runtime-icon.mcp{background:#f2f2ed}.runtime-icon.mcp svg{stroke:#3f413b;stroke-linecap:round;stroke-linejoin:round}.runtime-card h3{margin:0 0 6px;font-size:19px;font-weight:500;letter-spacing:-.025em}.runtime-card p{margin:0;color:var(--muted);font-size:12px}.runtime-card>span{font:400 9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.platform-row{min-height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.platform-row>span{font:500 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em}.platform-row div{display:flex;gap:8px;align-items:center}.platform-row b{color:var(--ink);font-weight:400}.comparison{padding:180px 0 160px}.comparison-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin:40px 0 90px}.comparison-intro>p{justify-self:end}.comparison-list{border-top:1px solid var(--ink)}.comparison-list article{display:grid;grid-template-columns:.7fr 1.5fr .6fr;gap:6%;align-items:center;min-height:145px;border-bottom:1px solid var(--line)}.comparison-list h3{margin:0;font-size:27px;letter-spacing:-.035em;font-weight:500}.comparison-list p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.comparison-list span{justify-self:end;font:400 9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);padding:9px 11px}.cta{width:100%;max-width:none;background:var(--ink);color:#fff;text-align:center;padding:155px 32px 165px;position:relative;overflow:hidden}.cta-mark{position:absolute;font:600 520px/.7 Inter,sans-serif;color:#ffffff06;left:50%;top:50%;transform:translate(-50%,-50%)}.cta .section-label{color:var(--acid);position:relative}.cta h2{position:relative;font-size:clamp(58px,7vw,104px);line-height:.92;letter-spacing:-.065em;font-weight:500;margin:35px 0 30px}.cta>p:not(.section-label){position:relative;max-width:520px;margin:0 auto 40px;color:#a7aaa1;font-size:15px;line-height:1.65}.button-light{position:relative;background:var(--acid);color:var(--ink)}.button-light:hover{background:#fff}footer{min-height:110px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--muted);font-size:11px}footer>p:last-child{justify-self:end}.footer-brand{color:var(--ink)}.reveal{animation:reveal-in .7s cubic-bezier(.22,1,.36,1) both}.hero .reveal:nth-child(2){animation-delay:.08s}.hero .reveal:nth-child(3){animation-delay:.14s}.hero .reveal:nth-child(4){animation-delay:.2s}.hero .product-frame{animation-delay:.28s}@keyframes reveal-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:900px){:root{--shell: calc(100vw - 40px) }.site-header{grid-template-columns:1fr 1fr}.site-header nav{display:none}.top-runtime-band{grid-template-columns:1fr;padding-top:16px}.top-runtime-band>p{text-align:center}.top-runtime-list{margin-top:12px;justify-content:center}.top-runtime-list>div{min-width:105px;padding:0 13px}.top-runtime-list>div:first-child{border-left:0}.hero{padding-top:90px}.hero h1{font-size:clamp(58px,14vw,100px)}.product-frame{margin-top:80px}.manifesto{grid-template-columns:1fr;gap:45px;padding-top:120px}.core-features-heading,.manifesto-copy,.runtime-heading{grid-template-columns:1fr;gap:35px}.core-feature-grid{grid-template-columns:1fr}.core-feature{min-height:570px}.feature-demo{width:min(100%,560px)}.runtime-heading .section-label{margin-bottom:5px}.runtime-heading>p:last-child{max-width:550px}.platform-row{flex-wrap:wrap;justify-content:flex-start;gap:20px 35px;padding:25px 0}.platform-row>span{width:100%}}@media(max-width:680px){:root{--shell: calc(100vw - 28px) }.site-header{height:70px}.top-runtime-band{width:100%;padding-top:15px;overflow:hidden}.top-runtime-list{width:100%;height:62px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.top-runtime-list::-webkit-scrollbar{display:none}.top-runtime-list>div{min-width:108px;flex:0 0 auto;padding:0 10px}.top-runtime-list>div:first-child{margin-left:7px}.hero{padding-top:75px}.hero h1{font-size:16vw}.hero-copy{font-size:16px}.hero-actions{flex-direction:column}.product-frame{margin-top:65px;border-radius:8px;padding:0 4px 4px}.frame-bar{height:33px}.frame-address{border:0;padding:0}.frame-status,.traffic-lights{display:none}.media-caption{grid-template-columns:1fr;gap:12px}.media-caption p{justify-self:start}.core-features{padding-top:110px}.core-features-heading{margin-bottom:55px}.core-features-heading h2,.manifesto h2,.runtime-heading h2,.comparison-intro h2{font-size:45px}.core-feature{min-height:590px;padding:22px}.feature-demo{height:240px;margin-top:36px}.demo-app{right:104px}.demo-inspector{width:99px}.structure-cards i{height:135px;padding:9px}.manifesto{padding:100px 0 75px}.manifesto-copy{grid-template-columns:1fr;gap:35px}.principles{grid-template-columns:1fr}.principle,.principle.featured{grid-column:auto;grid-row:auto;min-height:390px;padding:25px}.principle.featured{min-height:540px}.principle.wide{display:flex;min-height:330px}.toolchain{align-self:flex-end;justify-self:auto;gap:6px}.toolchain span{padding:8px}.runtime-section{padding-top:110px}.runtime-heading{padding-bottom:55px}.runtime-grid{grid-template-columns:1fr}.runtime-card{grid-template-columns:58px 1fr;padding:18px;min-height:108px}.runtime-card>span{display:none}.runtime-icon{width:50px;height:50px}.comparison{padding:110px 0 100px}.comparison-intro{grid-template-columns:1fr;gap:35px;margin-bottom:55px}.comparison-intro>p{justify-self:start}.comparison-list article{grid-template-columns:1fr;gap:15px;padding:28px 0}.comparison-list span{justify-self:start}.cta{padding:115px 20px}.cta h2{font-size:16vw}footer{grid-template-columns:1fr auto}footer>p:first-of-type{display:none}}