:root{--daylight:#f2f3ea;--ink:#12161c;--copper:#c1632b;--teal:#1e6e76;--moss:#4b8f5b;--mist:#9ca28f;--content-max:71rem;--page-pad:clamp(1.25rem, 4vw, 4rem);--menubar-h:2.25rem;--font-display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body:"IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--daylight);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.55}h1,h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.05}p{color:color-mix(in srgb, var(--ink) 78%, var(--mist));margin:0}a{color:inherit}.wrap{max-width:var(--content-max);padding-inline:var(--page-pad);margin-inline:auto}.menubar-strip{height:var(--menubar-h);z-index:20;background:color-mix(in srgb, var(--ink) 88%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb, var(--daylight) 12%, transparent);align-items:center;display:flex;position:fixed;inset:0 0 auto}.menubar-strip:before{content:"";width:100%;max-width:var(--content-max);padding-inline:var(--page-pad);margin-inline:auto;display:block}.menubar-item{right:var(--page-pad);height:100%;color:var(--daylight);font-family:var(--font-mono);align-items:center;gap:.4rem;font-size:.8125rem;font-weight:500;display:flex;position:absolute;top:0}.menubar-glyph{width:1rem;height:1rem;color:var(--daylight)}main{padding-top:calc(var(--menubar-h) + clamp(2rem, 6vw, 4.5rem))}.hero{padding-block:clamp(1rem,4vw,2rem) clamp(4rem,9vw,7rem);position:relative}.hero-copy{max-width:min(34rem,100% - 26rem)}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--copper);margin:0 0 1rem;font-size:.8125rem}.hero h1{font-size:clamp(2.5rem,4.4vw + 1rem,4.25rem)}.lede{max-width:30rem;color:color-mix(in srgb, var(--ink) 70%, var(--mist));margin-top:1.5rem;font-size:1.125rem}.cta-row{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2.25rem;display:flex}.cta{font-family:var(--font-mono);border:1px solid color-mix(in srgb, var(--ink) 20%, transparent);color:var(--ink);border-radius:.6rem;align-items:center;gap:.65rem;padding:.85rem 1.35rem;font-size:.9375rem;font-weight:500;display:inline-flex}.cta--soon{cursor:not-allowed;opacity:.62}.cta--large{padding:1rem 1.6rem;font-size:1rem}.soon-badge{text-transform:uppercase;letter-spacing:.06em;background:color-mix(in srgb, var(--ink) 10%, transparent);border-radius:.3rem;padding:.2rem .5rem;font-size:.6875rem}.cta-secondary{font-family:var(--font-mono);border-bottom:1px solid color-mix(in srgb, var(--ink) 30%, transparent);padding-bottom:.1rem;font-size:.9375rem;text-decoration:none}.cta-secondary:hover{border-color:var(--ink)}.hero-visual{top:0;right:var(--page-pad);opacity:0;flex-direction:column;align-items:flex-end;animation:.7s cubic-bezier(.16,1,.3,1) .15s forwards rise;display:flex;position:absolute;transform:translateY(10px)}.connector{background:linear-gradient(color-mix(in srgb, var(--ink) 30%, transparent), transparent);width:1px;height:1.5rem;margin-right:1.6rem}.dropdown-panel{background:color-mix(in srgb, var(--ink) 92%, transparent);-webkit-backdrop-filter:blur(20px);border:1px solid color-mix(in srgb, var(--daylight) 10%, transparent);width:min(21rem,84vw);box-shadow:0 30px 60px -20px color-mix(in srgb, var(--ink) 55%, transparent);color:var(--daylight);border-radius:1rem;padding:1.35rem 1.5rem 1.5rem}.dropdown-row{border-top:1px solid color-mix(in srgb, var(--daylight) 9%, transparent);justify-content:space-between;align-items:center;padding-block:.7rem;display:flex}.dropdown-row:first-child{border-top:none;flex-direction:column;align-items:stretch;gap:.6rem;padding-top:.15rem}.charge-value{font-family:var(--font-mono);letter-spacing:-.01em;font-size:2.25rem;font-weight:500}.charge-value .unit,.dropdown-value .unit{color:color-mix(in srgb, var(--daylight) 60%, transparent);font-size:.55em;font-weight:400}.charge-bar{background:color-mix(in srgb, var(--daylight) 12%, transparent);border-radius:999px;height:.4rem;overflow:hidden}.charge-fill{border-radius:inherit;background:var(--copper);width:42%;height:100%}.dropdown-label{color:color-mix(in srgb, var(--daylight) 68%, transparent);font-size:.875rem}.dropdown-value{font-family:var(--font-mono);font-size:.9375rem;font-weight:500}.dropdown-row--source{justify-content:flex-start;gap:.6rem}.source-dot{background:var(--copper);width:.55rem;height:.55rem;box-shadow:0 0 0 0 color-mix(in srgb, var(--copper) 55%, transparent);border-radius:999px;animation:2.6s ease-in-out infinite pulse}.states{max-width:var(--content-max);padding-inline:var(--page-pad);grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-inline:auto;display:grid}.state-card{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:color-mix(in srgb, var(--daylight) 60%, white);opacity:0;border-radius:.9rem;padding:1.75rem 1.6rem;transform:translateY(14px)}.state-card.is-visible{animation:.6s cubic-bezier(.16,1,.3,1) forwards rise}.state-dot{border-radius:999px;width:.65rem;height:.65rem;margin-bottom:1.1rem;display:block}.state-card--copper .state-dot{background:var(--copper)}.state-card--teal .state-dot{background:var(--teal)}.state-card--moss .state-dot{background:var(--moss)}.state-card h2{margin-bottom:.55rem;font-size:1.15rem}.state-card p{font-size:.9375rem}.native{max-width:var(--content-max);padding:clamp(4.5rem, 8vw, 7rem) var(--page-pad);flex-wrap:wrap;align-items:center;gap:clamp(2.5rem,6vw,5rem);margin-inline:auto;display:flex}.native-copy{flex:22rem;max-width:28rem}.native h2{margin-bottom:1.1rem;font-size:clamp(1.75rem,2.6vw + 1rem,2.5rem)}.native-copy p{font-size:1.0625rem}.size-compare{flex-direction:column;flex:20rem;gap:1.4rem;max-width:26rem;display:flex}.size-row{flex-direction:column;gap:.5rem;display:flex}.size-label{font-family:var(--font-mono);color:color-mix(in srgb, var(--ink) 65%, var(--mist));font-size:.8125rem}.size-track{background:color-mix(in srgb, var(--ink) 8%, transparent);border-radius:999px;height:.6rem;overflow:hidden}.size-fill{border-radius:inherit;background:var(--mist);height:100%}.size-fill--wide{background:color-mix(in srgb, var(--ink) 35%, var(--mist));width:100%}.size-fill--narrow{background:var(--copper);width:6%}.size-value{font-family:var(--font-mono);color:color-mix(in srgb, var(--ink) 55%, var(--mist));align-self:flex-end;font-size:.8125rem}.trust{max-width:var(--content-max);padding:clamp(4rem, 8vw, 6rem) var(--page-pad);border-top:1px solid color-mix(in srgb, var(--ink) 10%, transparent);margin-inline:auto}.trust h2{max-width:30rem;margin-bottom:2.25rem;font-size:clamp(1.75rem,2.6vw + 1rem,2.5rem)}.trust-list{grid-template-columns:repeat(2,1fr);gap:1.25rem 3rem;max-width:52rem;margin:0;padding:0;list-style:none;display:grid}.trust-list li{color:color-mix(in srgb, var(--ink) 78%, var(--mist));padding-left:1.4rem;font-size:1rem;position:relative}.trust-list li:before{content:"";background:var(--copper);width:.5rem;height:1px;position:absolute;top:.55rem;left:0}.download{max-width:var(--content-max);padding:clamp(4.5rem, 9vw, 7.5rem) var(--page-pad);text-align:center;flex-direction:column;align-items:center;gap:1rem;margin-inline:auto;display:flex}.download h2{font-size:clamp(1.9rem,3vw + 1rem,2.75rem)}.download p{max-width:28rem;margin-bottom:.5rem}footer{max-width:var(--content-max);padding:2rem var(--page-pad) 3rem;border-top:1px solid color-mix(in srgb, var(--ink) 10%, transparent);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-inline:auto;display:flex}footer p{color:color-mix(in srgb, var(--ink) 55%, var(--mist));max-width:32rem;font-size:.8125rem}.footer-meta{font-family:var(--font-mono);white-space:nowrap}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--copper) 45%, transparent)}50%{box-shadow:0 0 0 .4rem color-mix(in srgb, var(--copper) 0%, transparent)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-visual,.state-card{opacity:1!important;animation:none!important;transform:none!important}.source-dot{animation:none!important}}a:focus-visible,.cta-secondary:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:.2rem}@media (width<=56rem){.hero-copy{max-width:none}.hero-visual{align-items:center;margin-top:2.5rem;position:static}.connector{display:none}.states,.trust-list{grid-template-columns:1fr}footer{flex-direction:column}}@media (width<=30rem){.dropdown-panel{width:100%}}