@font-face{font-family:"Google Sans";src:url("assets/fonts/GoogleSans-Variable.ttf") format("truetype");font-weight:300 800;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Sans SC";src:url("assets/fonts/NotoSansSC-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Sans SC";src:url("assets/fonts/NotoSansSC-Medium.woff2") format("woff2");font-weight:500 800;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("assets/fonts/JetBrainsMono-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{color-scheme:light;--bg:#f8f7ff;--surface:#fff;--surface-2:#f1eff8;--ink:#1b1b20;--muted:#66636f;--outline:#dedbe6;--purple:#6650a4;--purple-dark:#3f246f;--purple-soft:#eaddff;--purple-pale:#f3edff;--mint:#d9f5e4;--warm:#fff1d6;--shadow:0 16px 48px rgba(35,27,54,.08);--header:rgba(248,247,255,.8);--radius-lg:28px;--radius-md:20px;--ease:cubic-bezier(.2,0,0,1)}
html[data-theme="dark"]{color-scheme:dark;--bg:#111014;--surface:#1b191f;--surface-2:#24212a;--ink:#e8e1ec;--muted:#c9c2cf;--outline:#49454f;--purple:#d0bcff;--purple-dark:#e9ddff;--purple-soft:#4f378b;--purple-pale:#2a2238;--mint:#173b2d;--warm:#493719;--shadow:0 18px 52px rgba(0,0,0,.25);--header:rgba(17,16,20,.82)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans SC",Roboto,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color .35s var(--ease),color .35s var(--ease)}
main{overflow-x:clip}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
svg{display:block}
.shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:fixed;z-index:999;top:8px;left:8px;padding:10px 16px;border-radius:12px;background:var(--ink);color:var(--bg);transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.site-header{position:fixed;z-index:100;top:0;left:0;right:0;background:var(--header);border-bottom:1px solid transparent;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:.3s var(--ease)}
.site-header.scrolled{border-color:var(--outline);box-shadow:0 5px 20px rgba(35,27,54,.04)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:11px;font-family:"Google Sans","Noto Sans SC",sans-serif;font-size:20px;font-weight:650;letter-spacing:-.3px;white-space:nowrap}
.brand img{border-radius:12px}
.nav-links{display:flex;align-items:center;gap:34px;margin-left:auto;margin-right:22px;font-size:14px;color:var(--muted)}
.nav-links a,.site-footer nav a{transition:color .2s ease}.nav-links a:hover,.site-footer nav a:hover{color:var(--purple)}
.nav-actions{display:flex;align-items:center;gap:8px}
.icon-button,.github-mini,.language-toggle{min-height:44px;border:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.language-toggle{gap:7px;padding:0 12px;border-radius:22px;background:transparent;color:var(--muted);font:600 11px "Google Sans","Noto Sans SC",sans-serif;transition:background .2s ease,color .2s ease}
.language-toggle:hover{background:var(--surface-2);color:var(--ink)}.lang-current{color:var(--purple);font-weight:700}.lang-divider{width:1px;height:13px;background:var(--outline)}
.icon-button{width:44px;border-radius:50%;background:transparent;color:var(--ink)}
.icon-button:hover{background:var(--surface-2)}
.icon-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.moon-icon{display:none}.github-mini{gap:8px;padding:0 18px;border-radius:22px;background:var(--ink);color:var(--bg);font-family:"Google Sans",sans-serif;font-size:14px;font-weight:600}
.github-mini svg{width:18px;height:18px;fill:currentColor}
html[data-theme="dark"] .sun-icon{display:none}html[data-theme="dark"] .moon-icon{display:block}

.hero{min-height:800px;padding-top:150px;padding-bottom:78px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}
.eyebrow,.section-kicker{font-family:"JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:500}
.eyebrow{width:max-content;display:flex;align-items:center;gap:9px;padding:7px 13px;border:1px solid var(--outline);border-radius:18px;color:var(--muted);background:var(--surface)}
.status-dot{width:7px;height:7px;border-radius:50%;background:#29a966;box-shadow:0 0 0 4px rgba(41,169,102,.12)}
h1,h2,h3{font-family:"Google Sans","Noto Sans SC",sans-serif;margin:0;line-height:1.08;letter-spacing:-.035em}
.hero h1{font-size:clamp(64px,7vw,102px);font-weight:650;margin:25px 0 28px}
.hero h1 span,.statement h2 span,.section-heading h2 span,.screens-heading h2 span,.final-cta h2 span{color:var(--purple)}
.hero-lead{max-width:570px;margin:0;color:var(--muted);font-size:18px;line-height:1.85}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.button{height:54px;padding:0 24px;border-radius:27px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:"Google Sans","Noto Sans SC",sans-serif;font-size:15px;font-weight:650;transition:transform .22s var(--ease),box-shadow .22s var(--ease),background .22s ease}
.button:hover{transform:translateY(-2px)}
.button.primary{background:var(--purple-dark);color:#fff;box-shadow:0 8px 22px rgba(63,36,111,.18)}
html[data-theme="dark"] .button.primary{background:var(--purple);color:#291952}
.button.primary:hover{box-shadow:0 12px 28px rgba(63,36,111,.25)}
.button.secondary{border:1px solid var(--outline);background:var(--surface)}
.button.secondary:hover{background:var(--surface-2)}
.button svg{width:20px;height:20px;fill:currentColor}
.hero-meta{display:flex;align-items:center;gap:13px;margin-top:24px;color:var(--muted);font-family:"JetBrains Mono",monospace;font-size:11px}
.hero-meta i{display:block;width:3px;height:3px;border-radius:50%;background:var(--outline)}
.hero-visual{min-height:600px;position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden}
.hero-visual::before{content:"";position:absolute;z-index:-3;width:510px;height:510px;border-radius:42%;background:linear-gradient(145deg,var(--purple-pale),color-mix(in srgb,var(--purple-soft) 55%,transparent));filter:blur(1px);opacity:.78;transform:rotate(-7deg)}
.orbit{position:absolute;z-index:-1;border:1px solid color-mix(in srgb,var(--purple) 25%,transparent);border-radius:50%;pointer-events:none}.orbit-one{width:530px;height:310px;transform:rotate(-16deg)}.orbit-two{width:430px;height:510px;transform:rotate(28deg)}
.hero-phone{width:292px;transform:rotate(2.5deg);animation:phone-float 6s var(--ease) infinite}
.phone{position:relative;border-radius:38px;padding:7px;background:#0c0c0e;box-shadow:0 30px 60px rgba(21,15,31,.21),inset 0 0 0 1px #37343b}
.phone-screen{overflow:hidden;border-radius:32px;background:#fff;aspect-ratio:470/1000}
.phone-screen img{width:100%;height:100%;object-fit:cover}
.floating-card{position:absolute;z-index:4;left:8%;bottom:13%;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--outline);border-radius:16px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.material-symbol{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--purple-soft);color:var(--purple-dark)}
.floating-card div{display:grid;line-height:1.2}.floating-card strong{font:600 12px "Google Sans",sans-serif}.floating-card small{margin-top:4px;color:var(--muted);font-size:9px}.ready-dot{width:7px;height:7px;margin-left:6px;border-radius:50%;background:#29a966}
@keyframes phone-float{0%,100%{transform:rotate(2.5deg) translateY(0)}50%{transform:rotate(1.5deg) translateY(-12px)}}

.statement{padding:130px 0 150px;text-align:center}
.section-kicker{margin:0 0 19px;color:var(--purple)}
.statement h2,.section-heading h2,.screens-heading h2,.model-copy h2,.open-copy h2,.final-cta h2{font-size:clamp(48px,6vw,78px);font-weight:600}
.statement>p:last-child{max-width:650px;margin:30px auto 0;color:var(--muted);font-size:17px;line-height:1.85}
.features{padding-bottom:150px}
.section-heading{max-width:840px;margin-bottom:55px}.feature-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:18px}
.feature-card{position:relative;min-height:440px;padding:36px;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);border:1px solid var(--outline);box-shadow:0 8px 30px rgba(35,27,54,.025)}
.feature-card-large{grid-column:1/-1;min-height:460px;display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:end}
.feature-card-wide{grid-column:1/-1;min-height:350px;display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:80px}
.lavender{background:var(--purple-pale)}.mint{background:var(--mint)}.warm{background:var(--warm)}
.dark-card{background:#17151b;color:#f1eaf4;border-color:#2e2a33}
.feature-icon{width:50px;height:50px;display:grid;place-items:center;margin-bottom:50px;border-radius:16px;background:color-mix(in srgb,var(--surface) 68%,transparent);color:var(--purple-dark)}
.dark-card .feature-icon{background:#2a2630;color:#d0bcff}.feature-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.feature-num{display:block;margin-bottom:13px;font:11px "JetBrains Mono",monospace;color:var(--muted)}.dark-card .feature-num{color:#aaa2ad}
.feature-card h3{font-size:clamp(32px,3.5vw,52px);font-weight:600;margin-bottom:18px}.feature-card>p,.feature-copy p,.feature-card-wide p{margin:0;max-width:530px;color:var(--muted);font-size:16px}.dark-card>p{color:#bdb5c0}
.terminal{align-self:stretch;min-height:280px;padding:0 24px 24px;border-radius:20px;background:#17151b;color:#d8d1dc;box-shadow:0 24px 50px rgba(24,14,42,.12);transform:translate(20px,25px)}
.terminal-top{height:54px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #312c37}.terminal-top span{width:8px;height:8px;border-radius:50%;background:#4b4550}.terminal-top span:first-child{background:#a98ee5}.terminal-top small{margin-left:auto;color:#746d79;font:10px "JetBrains Mono",monospace}.terminal code{display:block;padding-top:28px;font:13px/2.15 "JetBrains Mono",monospace}.terminal code i{font-style:normal;color:#a98ee5}.terminal code b{color:#73d59f}.terminal code em{font-style:normal;color:#d9b6ff}
.code-preview{position:absolute;left:35px;right:35px;bottom:0;height:174px;border-radius:20px 20px 0 0;background:#242029;border:1px solid #37313e;border-bottom:0;color:#ddd5e1;overflow:hidden}.editor-bar{height:38px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #37313e;color:#968d9c;font:9px "JetBrains Mono",monospace}.editor-bar i{color:#95dfa7;font-style:normal;font-size:7px}.editor-body{position:relative;display:flex;padding:20px 17px}.editor-body code{min-width:0;white-space:nowrap;font:12px/1.9 "JetBrains Mono",monospace}.editor-body code span{color:#c5a7ff}.editor-body code b{color:#83d4ff}.editor-body code em{color:#95dfa7;font-style:normal}.line-numbers{width:24px;flex:0 0 24px;margin-right:12px;padding-right:10px;border-right:1px solid #37313e;text-align:right;color:#635d68!important;font:10px/2.28 "JetBrains Mono",monospace}.typing-cursor{display:inline-block;width:2px;height:16px;margin:3px 0 0 1px;background:#d0bcff;animation:blink .85s step-end infinite}@keyframes blink{50%{opacity:0}}
.connection-map{position:absolute;left:35px;right:35px;bottom:40px;display:flex;align-items:center}.connection-map span{width:68px;height:68px;display:grid;place-items:center;border-radius:20px;background:color-mix(in srgb,var(--surface) 72%,transparent);border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);font:11px "JetBrains Mono",monospace}.connection-map i{height:1px;flex:1;background:color-mix(in srgb,var(--ink) 18%,transparent)}
.control-list{list-style:none;margin:0;padding:12px;border-radius:22px;background:color-mix(in srgb,var(--surface) 60%,transparent)}.control-list li{min-height:70px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}.control-list li:last-child{border:0}.control-list span{font-size:14px}.control-list b{padding:5px 9px;border-radius:10px;background:var(--purple-dark);color:#fff;font:9px "JetBrains Mono",monospace}
.i18n-card{background:linear-gradient(130deg,var(--surface),var(--purple-pale));}.translate-glyph{font:700 19px "Noto Sans SC",sans-serif}.locale-demo{padding:16px;border:1px solid var(--outline);border-radius:22px;background:color-mix(in srgb,var(--surface) 78%,transparent);box-shadow:var(--shadow)}.locale-tabs{display:flex;gap:6px;padding-bottom:14px;border-bottom:1px solid var(--outline)}.locale-tabs span{padding:7px 11px;border-radius:11px;color:var(--muted);font-size:11px}.locale-tabs .active{background:var(--purple-soft);color:var(--purple-dark)}.locale-message{display:grid;padding:22px 9px 9px}.locale-message small{color:var(--muted);font:9px "JetBrains Mono",monospace}.locale-message strong{margin:16px 0;font:600 24px/1.3 "Google Sans","Noto Sans SC",sans-serif}.locale-message i{color:var(--purple);font:normal 9px "JetBrains Mono",monospace}

.screens-section{padding:145px 0;background:var(--surface-2);overflow:hidden}
.screens-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:85px}.screens-heading>div{max-width:750px}.screens-heading>p{max-width:370px;margin:0 0 8px;color:var(--muted);font-size:15px}
.screen-rail{width:min(1060px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:70px}
.screen-item{margin:0}.screen-item:nth-child(2){transform:translateY(40px)}.screen-item .phone{width:100%;border-radius:42px;padding:8px}.screen-item .phone-screen{border-radius:35px}.screen-item figcaption{display:flex;gap:18px;margin-top:23px;font-family:"Google Sans",sans-serif;font-size:15px}.screen-item figcaption b{color:var(--purple);font:11px "JetBrains Mono",monospace}
.model-section{padding:160px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:center}.model-copy>p:last-child{margin:28px 0 0;color:var(--muted);font-size:16px;line-height:1.9}.provider-panel{padding:16px;border:1px solid var(--outline);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}
.provider-row{min-height:88px;padding:12px 14px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--outline);border-radius:17px}.provider-row:last-child{border:0}.provider-row.active{background:var(--purple-pale)}.provider-mark{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;background:var(--surface-2);color:var(--purple);font:600 17px "Google Sans",sans-serif}.provider-mark img{width:23px;height:23px;object-fit:contain;color:var(--ink)}.provider-row div{display:grid;line-height:1.3}.provider-row b{font:600 15px "Google Sans",sans-serif}.provider-row small{margin-top:5px;color:var(--muted);font-size:11px}.provider-row i{margin-left:auto;padding:5px 9px;border-radius:10px;background:var(--surface-2);color:var(--muted);font:normal 9px "JetBrains Mono",monospace}.provider-row.active i{background:var(--purple-soft);color:var(--purple-dark)}
html[data-theme="dark"] .provider-mark img:not([src*="gemini"]){filter:invert(1)}
.open-source{padding:20px 0 145px}.open-panel{position:relative;min-height:560px;padding:70px;border-radius:var(--radius-lg);overflow:hidden;display:grid;grid-template-columns:1.05fr .75fr;align-items:center;gap:80px;background:#15121a;color:#f2eaf6}.open-copy{position:relative;z-index:2}.open-copy .section-kicker{color:#d0bcff}.open-copy p:not(.section-kicker){max-width:580px;margin:25px 0 0;color:#c9c1cd}.button.light{background:#eaddff;color:#302050}.text-link{align-self:center;margin-left:12px;color:#ddd3e0;font-size:14px;border-bottom:1px solid #6c626f}.repo-card{position:relative;z-index:2;padding:24px;border:1px solid #38313f;border-radius:22px;background:rgba(39,34,44,.86);box-shadow:0 30px 60px rgba(0,0,0,.22)}.repo-card>div:first-child{display:flex;align-items:center;gap:13px}.repo-card img{border-radius:15px}.repo-card div span{display:grid}.repo-card b{font:600 14px "Google Sans",sans-serif}.repo-card small{color:#9f96a3;font-size:10px}.repo-card p{margin:24px 0;color:#c9c1cd;font-size:13px}.repo-meta{padding-top:16px;border-top:1px solid #3b3540;display:flex;justify-content:space-between;color:#9f96a3;font:10px "JetBrains Mono",monospace}.repo-meta span:first-child{color:#c5a7ff}
.final-cta{padding:65px 0 170px;text-align:center;display:flex;flex-direction:column;align-items:center}.final-cta>img{margin-bottom:32px;border-radius:27px;box-shadow:var(--shadow)}.final-cta .hero-cta{justify-content:center}.final-cta>small{margin-top:18px;color:var(--muted);font-size:11px}.site-footer{border-top:1px solid var(--outline);background:var(--surface)}.footer-inner{min-height:120px;display:flex;align-items:center;gap:28px}.footer-inner>p{color:var(--muted);font-size:12px}.footer-inner nav{margin-left:auto;display:flex;gap:28px;color:var(--muted);font-size:12px}.footer-inner>small{color:var(--muted);font-size:10px}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(42px) scale(.965);transition:opacity .64s var(--ease),transform .78s var(--ease)}.js .reveal.reveal-left{transform:translateX(-54px) scale(.97)}.js .reveal.reveal-right{transform:translateX(54px) scale(.97)}.js .reveal.reveal-pop{transform:translateY(30px) scale(.9)}.js .reveal.visible{opacity:1;transform:none}.js .feature-card.visible{transition-delay:var(--reveal-delay,0ms)}
.js .screen-item.reveal{opacity:0;transform:translateY(48px) scale(.9);transition:opacity .55s var(--ease),transform .7s var(--ease)}.js .screen-item.reveal:nth-child(2){transform:translateY(78px) scale(.9);transition-delay:90ms}.js .screen-item.reveal:nth-child(3){transition-delay:180ms}.js .screen-item.reveal.screen-active{opacity:1;transform:translateY(0) scale(1)}.js .screen-item.reveal:nth-child(2).screen-active{transform:translateY(40px) scale(1)}
.js .provider-row{opacity:0;transform:translateX(22px);transition:opacity .45s var(--ease),transform .58s var(--ease)}.js .model-section.visible .provider-row{opacity:1;transform:none}.js .model-section.visible .provider-row:nth-child(2){transition-delay:70ms}.js .model-section.visible .provider-row:nth-child(3){transition-delay:140ms}.js .model-section.visible .provider-row:nth-child(4){transition-delay:210ms}

@media (max-width:900px){.nav-links{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:135px;gap:25px}.hero-copy{text-align:center}.eyebrow,.hero-lead{margin-inline:auto}.hero-cta,.hero-meta{justify-content:center}.hero-visual{min-height:610px}.statement{padding-top:90px}.feature-grid{grid-template-columns:1fr}.feature-card-large,.feature-card-wide{grid-column:auto}.feature-card-large{grid-template-columns:1fr;min-height:750px}.terminal{transform:translate(0,25px)}.feature-card-wide{grid-template-columns:1fr;gap:38px}.screens-heading{display:block}.screens-heading>p{margin-top:25px}.screen-rail{gap:28px}.model-section{grid-template-columns:1fr;gap:55px}.open-panel{grid-template-columns:1fr;gap:50px}}
@media (max-width:640px){.shell{width:min(100% - 32px,1200px)}.site-header .shell{width:calc(100% - 24px)}.nav{height:68px}.brand{font-size:17px}.brand img{width:36px;height:36px}.github-mini{display:none}.language-toggle{padding:0 9px}.hero{padding-top:112px;padding-bottom:45px}.hero h1{font-size:clamp(50px,15vw,67px);margin:20px 0 22px;letter-spacing:-.05em}.hero-lead{font-size:15px;line-height:1.8}.hero-cta{display:grid;grid-template-columns:1fr 1fr;width:100%}.button{padding:0 14px;font-size:13px}.hero-meta{font-size:9px;gap:9px}.hero-visual{min-height:500px;margin-top:8px}.hero-visual::before{width:385px;height:385px}.orbit-one{width:390px;height:225px}.orbit-two{width:315px;height:390px}.hero-phone{width:230px}.phone{border-radius:32px}.phone-screen{border-radius:27px}.floating-card{left:2%;bottom:11%;padding:10px}.statement{padding:85px 0 110px}.statement h2,.section-heading h2,.screens-heading h2,.model-copy h2,.open-copy h2,.final-cta h2{font-size:clamp(42px,12vw,56px)}.statement>p:last-child{font-size:15px}.features{padding-bottom:100px}.section-heading{margin-bottom:35px}.feature-grid{gap:12px}.feature-card{min-height:400px;padding:25px;border-radius:24px}.feature-card-large{min-height:690px}.feature-card h3{font-size:36px}.feature-icon{margin-bottom:35px}.terminal{min-height:250px;padding:0 17px 18px;transform:translate(0,24px)}.terminal code{font-size:10px}.code-preview{left:24px;right:24px}.editor-body code{font-size:10px}.connection-map{left:24px;right:24px}.feature-card-wide{min-height:540px}.i18n-card{min-height:570px}.screens-section{padding:100px 0}.screens-heading{margin-bottom:55px}.screen-rail{width:100%;padding:0 16px 18px;display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:16px;scrollbar-width:none}.screen-rail::-webkit-scrollbar{display:none}.screen-item{min-width:min(78vw,330px);scroll-snap-align:start}.screen-item:nth-child(2){transform:none}.js .screen-item.reveal,.js .screen-item.reveal:nth-child(2){transform:translateY(38px) scale(.88)}.js .screen-item.reveal.screen-active,.js .screen-item.reveal:nth-child(2).screen-active{transform:translateY(0) scale(1)}.model-section{padding:110px 0}.provider-panel{padding:10px}.provider-row{min-height:80px}.provider-row i{display:none}.open-source{padding-bottom:105px}.open-panel{min-height:650px;padding:38px 25px;border-radius:24px;align-items:center}.open-copy .hero-cta{display:flex;justify-content:flex-start}.open-copy .text-link{margin-left:0}.repo-card{padding:18px}.final-cta{padding:35px 0 120px}.footer-inner{padding:42px 0;display:grid;grid-template-columns:1fr auto;gap:18px}.footer-inner>p{grid-column:1/-1;margin:0}.footer-inner nav{grid-column:1/-1;margin:0}.footer-inner>small{grid-row:1;grid-column:2}.section-kicker{font-size:10px}}
html[data-motion="off"]{scroll-behavior:auto}html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html[data-motion="off"] .reveal{opacity:1;transform:none}
@media (hover:none){.button:hover{transform:none}}

/* The editor mockup stays in normal flow so localized copy can never sit behind it. */
.feature-card.dark-card{display:flex;flex-direction:column;height:auto;min-height:500px}
.feature-card.dark-card .code-preview{position:relative;inset:auto;width:100%;height:174px;min-height:174px;margin-top:32px;border-radius:20px;border-bottom:1px solid #37313e;flex:none}

/* On narrow screens the localized connect copy can grow tall and collide with the
   absolutely-positioned connection map at the bottom of the mint card. Reserve
   space below the copy so the diagram stays clear. */
@media (max-width:900px){
  .feature-card.mint{padding-bottom:170px}
}