#voltage-home{--acid:#c4f85a;--ink:light-dark(#17200f,#f1f5eb);--paper:light-dark(#eef2e7,#10130f);--panel:light-dark(#f8faf3,#181e14);--line:light-dark(#ccd6c0,#303b26);--quiet:light-dark(#58674b,#a8b59c);--accent:light-dark(#4d741b,var(--acid));background:var(--paper);color:var(--ink);font-family:Geist,sans-serif;overflow:hidden}#voltage-home *{box-sizing:border-box}#voltage-home h1,#voltage-home h2,#voltage-home h3,#voltage-home p{margin:0}#voltage-home a{color:inherit;text-decoration:none}#voltage-home a:hover{text-underline-offset:5px;text-decoration:underline}#voltage-home button{font:inherit;cursor:pointer}#voltage-home .wrap{padding-inline:44px}#voltage-home .mono{letter-spacing:.045em;font-family:Geist Mono,monospace;font-size:11px}#voltage-home nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-block:24px;display:flex}#voltage-home .logo{letter-spacing:-1.5px;align-items:center;gap:10px;font-family:Geist,sans-serif;font-size:27px;font-weight:600;display:flex}#voltage-home .mark{width:17px;height:22px;color:var(--accent);border-bottom:7px solid;border-left:7px solid;display:block;transform:skew(-13deg)}#voltage-home .navlinks{align-items:center;gap:25px;font-size:12px;display:flex}#voltage-home .nav-start{border:1px solid var(--line);border-radius:4px;padding:10px 15px}#voltage-home .hero{padding-top:57px;padding-bottom:30px;position:relative}#voltage-home .eyebrow{color:var(--accent);align-items:center;gap:9px;display:flex}#voltage-home .eyebrow:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}#voltage-home h1{letter-spacing:-.07em;z-index:1;margin-top:30px;font-family:Geist,sans-serif;font-size:clamp(52px,9.5vw,106px);font-weight:500;line-height:.96;position:relative}#voltage-home h1 em{color:var(--accent);font-style:normal}#voltage-home .beam{opacity:.5;pointer-events:none;gap:14px;width:275px;height:265px;display:flex;position:absolute;top:48px;right:38px;transform:rotate(-23deg)}#voltage-home .beam i{border-top:2px solid var(--acid);background:linear-gradient(light-dark(#a3bd7c,#799c35),#0000);flex:1;transform:skewY(-20deg)}#voltage-home .hero-bottom{z-index:1;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:32px;display:flex;position:relative}#voltage-home .intro{max-width:400px;color:var(--quiet);font-size:16px;line-height:1.65}#voltage-home .actions{flex-wrap:wrap;align-items:center;gap:22px;font-size:13px;display:flex}#voltage-home .cta{background:var(--acid);color:#1a260c;border-radius:4px;justify-content:space-between;align-items:center;gap:30px;padding:15px 20px;font-weight:600;display:inline-flex}#voltage-home .codebox{background:var(--panel);border:1px solid var(--line);border-radius:7px;overflow:hidden}#voltage-home .hero-code{grid-template-columns:1fr 1fr;margin-top:37px;display:grid}#voltage-home .codepane{min-width:0;padding:21px 25px}#voltage-home .codepane+.codepane{border-left:1px solid var(--line)}#voltage-home .code-label{color:var(--quiet);justify-content:space-between;gap:12px;margin-bottom:17px;display:flex}#voltage-home pre{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border:0;margin:0;padding:0;font:12px/1.9 Geist Mono,monospace}#voltage-home code{font-family:Geist Mono,monospace}#voltage-home .kw{color:var(--accent)}#voltage-home .comment{color:var(--quiet)}#voltage-home .support{color:var(--quiet);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:15px;padding-top:23px;padding-bottom:28px;display:flex}#voltage-home .section{border-bottom:1px solid var(--line);padding-top:66px;padding-bottom:66px}#voltage-home .section-head{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px;display:flex}#voltage-home .kicker{color:var(--quiet);margin-bottom:17px}#voltage-home h2{letter-spacing:-.055em;font:500 clamp(30px,4.7vw,49px)/1.06 Geist,sans-serif}#voltage-home h2 span{color:var(--accent)}#voltage-home .section-head>a{white-space:nowrap;font-size:12px}#voltage-home .three{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}#voltage-home .number{color:var(--accent);margin-bottom:22px;font-size:12px}#voltage-home h3{letter-spacing:-.6px;margin-bottom:10px;font-family:Geist,sans-serif;font-size:19px;font-weight:500}#voltage-home .bodycopy{color:var(--quiet);font-size:13px;line-height:1.8}#voltage-home .feature{border-top:1px solid var(--line);padding-top:19px}#voltage-home .textlink{color:var(--accent);font-size:13px}#voltage-home details{border-bottom:1px solid var(--line);padding:19px 0}#voltage-home summary{cursor:pointer;font-size:15px}#voltage-home details p{max-width:650px;padding:15px 0 0}#voltage-home .faq{grid-template-columns:.8fr 1.2fr;gap:45px;display:grid}#voltage-home .faq .kicker{margin-bottom:17px}#voltage-home .closing{background:var(--acid);color:#1a260c;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding-top:58px;padding-bottom:53px;display:grid}#voltage-home .closing h2{font-size:clamp(36px,5vw,55px)}#voltage-home .closing .kicker{color:#4a602b}#voltage-home .closing .terminal{color:#edf7df;background:#18220f;border-radius:5px;min-width:0;padding:21px}#voltage-home .terminal pre{color:#edf7df;font-size:11px}#voltage-home .terminal .mono{color:#b7c9a3;margin-bottom:12px}#voltage-home .closing .setup{justify-content:space-between;gap:15px;margin-top:17px;font-size:12px;display:flex}#voltage-home footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-top:28px;padding-bottom:28px;display:flex}#voltage-home footer .logo{font-size:22px}#voltage-home footer .links{gap:21px;font-size:12px;display:flex}#voltage-home footer .tag{color:var(--quiet);font-size:11px}@media (width<=680px){#voltage-home .wrap{padding-inline:23px}#voltage-home nav{gap:15px}#voltage-home .navlinks{gap:16px}#voltage-home .optional{display:none}#voltage-home .hero{padding-top:39px}#voltage-home .hero-bottom{display:block}#voltage-home .actions{margin-top:25px}#voltage-home .beam{opacity:.25;width:140px;right:15px}#voltage-home .hero-code,#voltage-home .three,#voltage-home .faq,#voltage-home .closing{grid-template-columns:1fr}#voltage-home .codepane+.codepane{border-left:0;border-top:1px solid var(--line)}#voltage-home .section{padding-top:44px;padding-bottom:44px}#voltage-home .section-head{flex-direction:column;align-items:flex-start;gap:20px}#voltage-home .three{gap:25px}#voltage-home .number{margin-bottom:14px}#voltage-home .faq{gap:28px}#voltage-home .closing{gap:25px}#voltage-home .closing .setup{flex-wrap:wrap}}#voltage-home .hero-announcement{background:var(--acid);color:#1a260c;z-index:2;border-bottom:1px solid #95bb49;justify-content:space-between;align-items:center;gap:22px;margin:0;padding:20px 44px;display:flex;position:relative}#voltage-home .hero-status{color:#1a260c;letter-spacing:.055em;border:1px solid #718e35;border-radius:4px;flex-shrink:0;align-items:center;gap:9px;padding:9px 12px;font:500 12px Geist Mono,monospace;display:inline-flex}#voltage-home .hero-status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}#voltage-home .hero-blog{color:#1a260c;flex:1;justify-content:space-between;align-items:center;gap:22px;font-size:15px;line-height:1.5;display:flex}#voltage-home .hero-blog .news-label{letter-spacing:.08em;color:#40571e;margin-bottom:3px;font:500 10px Geist Mono,monospace;display:block}#voltage-home .hero-blog .news-title{font-weight:600}#voltage-home .hero-blog .news-action{white-space:nowrap;border-bottom:1px solid #718e35;padding-block:4px;font-size:12px}#voltage-home .hero-blog:hover{color:#1a260c;text-decoration:none}#voltage-home .hero-blog:hover .news-action{border-bottom-color:currentColor}@media (width<=680px){#voltage-home .hero-announcement{flex-direction:column;align-items:flex-start;gap:14px;padding:20px 23px}#voltage-home .hero-blog{flex-wrap:wrap;gap:15px;width:100%;font-size:14px}#voltage-home .hero-status{padding:7px 10px;font-size:11px}}#voltage-home .views-showcase{border-bottom:1px solid var(--line);padding-top:52px;padding-bottom:56px}#voltage-home .views-title{flex-wrap:wrap;align-items:center;gap:13px;margin-bottom:16px;display:flex}#voltage-home .views-title .kicker{margin:0}#voltage-home .experimental{border:1px solid var(--line);color:var(--accent);border-radius:3px;padding:5px 7px;font:10px Geist Mono,monospace}#voltage-home .view-grid{grid-template-columns:1.18fr 1fr;align-items:stretch;gap:25px;margin-top:29px;display:grid}#voltage-home .view-grid>div{min-width:0}#voltage-home .view-code{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:23px}#voltage-home .view-code pre{font-size:11px}#voltage-home .view-demos{flex-direction:column;gap:14px;display:flex}#voltage-home .device{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex-direction:column;justify-content:space-between;min-height:205px;padding:18px 14px;display:flex}#voltage-home .device-name{color:var(--quiet);font:12px Geist Mono,monospace}#voltage-home .like-preview{color:var(--ink);background:0 0;border:0;align-self:center;align-items:center;gap:9px;min-height:48px;padding:14px 8px;font-size:24px;display:flex}#voltage-home .like-preview .heart{color:var(--quiet);font-size:31px}#voltage-home .like-preview[aria-pressed=true] .heart{color:light-dark(#c52b59,#ff719b)}#voltage-home .like-preview strong{font-size:21px;font-weight:600}#voltage-home .device small{color:var(--quiet);font-size:10px}#voltage-home .view-import{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:15px 18px}#voltage-home .view-import pre{font-size:11px}#voltage-home .view-note{color:var(--quiet);margin-top:16px;font-size:11px;line-height:1.7}#voltage-home .view-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;display:flex}#voltage-home .view-foot p{max-width:550px}@media (width<=680px){#voltage-home .view-grid{grid-template-columns:1fr}#voltage-home .views-showcase{padding-top:40px;padding-bottom:40px}#voltage-home .device{padding:15px 10px}}#voltage-home .architecture{border:1px solid var(--line);background:radial-gradient(ellipse at 50% 65%, light-dark(#d9f5ad88,#83ba2922), transparent 66%), var(--panel);border-radius:8px;margin-top:34px;padding:23px 22px 20px;position:relative}#voltage-home .architecture-label{color:var(--quiet);justify-content:space-between;gap:15px;display:flex}#voltage-home .stack-art{--stack-top:light-dark(#fcfdf8,#263020);--stack-side:light-dark(#e2e8d9,#182011);--stack-edge:light-dark(#28351c,#a9bd8e);--stack-base:light-dark(#eef3e6,#202b19);--stack-base-side:light-dark(#d8e1ca,#172110);width:100%;max-width:750px;height:auto;margin:0 auto;display:block;overflow:visible}#voltage-home .stack-art .topface{fill:var(--stack-top)}#voltage-home .stack-art .sideface{fill:var(--stack-side)}#voltage-home .stack-art .baseface{fill:var(--stack-base)}#voltage-home .stack-art .baseside{fill:var(--stack-base-side)}#voltage-home .stack-art .edge{stroke:var(--stack-edge);stroke-width:2.5px;stroke-linejoin:round}#voltage-home .stack-art text{fill:var(--ink);font-family:Geist,sans-serif}#voltage-home .stack-art .slabtext{letter-spacing:-1px;font-size:32px;font-weight:500}#voltage-home .stack-art .logictext{fill:#263912;font-size:28px;font-weight:500}#voltage-home .architecture-legend{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:25px;padding-top:17px;display:grid}#voltage-home .architecture-legend b{margin-bottom:5px;font-size:13px;font-weight:500;display:block}#voltage-home .architecture-legend p{color:var(--quiet);font-size:12px;line-height:1.7}@media (width<=680px){#voltage-home .architecture{padding:18px 10px}#voltage-home .architecture-label{padding:0 7px;font-size:10px}#voltage-home .architecture-legend{grid-template-columns:1fr;gap:15px;padding:17px 7px 0}}#voltage-home .architecture{background:radial-gradient(ellipse at 30% 50%, light-dark(#ddf4bd77,#83ba2917), transparent 65%), var(--panel);margin-top:32px;padding:30px}#voltage-home .architecture-label{margin-bottom:24px;line-height:1.6}#voltage-home .architecture-content{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:38px;display:grid}#voltage-home .stack-art{max-width:420px;margin:0 auto;overflow:hidden}#voltage-home .stack-art .logictext{font-size:28px}#voltage-home .architecture-legend{border:0;flex-direction:column;gap:26px;padding:0;display:flex}#voltage-home .architecture-legend b{margin-bottom:9px;font-size:16px}#voltage-home .architecture-legend p{font-size:13px;line-height:1.8}#voltage-home .stack-source{color:var(--quiet);margin-bottom:18px;font-size:11px}@media (width<=680px){#voltage-home .architecture{padding:24px 18px}#voltage-home .architecture-content{grid-template-columns:1fr;gap:30px}#voltage-home .architecture-label{padding:0;font-size:11px}#voltage-home .architecture-legend{border-top:1px solid var(--line);gap:20px;padding-top:24px}#voltage-home .stack-art{max-width:350px}}#voltage-home .stack-art .base-label{fill:var(--ink);letter-spacing:-.6px;font-family:Geist,sans-serif;font-size:26px;font-weight:500}#voltage-home .stack-art .slabtext{letter-spacing:-1.8px;font-size:42px}#voltage-home .float-source{animation:6s ease-in-out infinite voltage-source-float}#voltage-home .float-logic{animation:6s ease-in-out infinite voltage-logic-float}#voltage-home .float-ios{animation:6s ease-in-out infinite voltage-base-float}#voltage-home .float-android{animation:6s ease-in-out -1s infinite voltage-base-float}@keyframes voltage-source-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes voltage-logic-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes voltage-base-float{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){#voltage-home .float-source,#voltage-home .float-logic,#voltage-home .float-ios,#voltage-home .float-android{animation:none}}#voltage-home .compatibility{border-bottom:1px solid var(--line);padding-block:44px}#voltage-home .compat-heading{justify-content:space-between;align-items:baseline;gap:22px;margin-bottom:28px;display:flex}#voltage-home .compat-heading h2{font-size:28px}#voltage-home .compat-heading a{color:var(--accent);font-size:12px}#voltage-home .compat-line{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}#voltage-home .compat-line strong{letter-spacing:-.6px;margin-bottom:7px;font:500 20px Geist,sans-serif;display:block}#voltage-home .compat-line span{color:var(--quiet);font-size:11px;line-height:1.6;display:block}@media (width<=680px){#voltage-home .compat-heading{flex-direction:column;align-items:flex-start;gap:14px}#voltage-home .compat-line{grid-template-columns:1fr 1fr;gap:25px}}#voltage-home .compat-line{grid-template-columns:1fr 1fr;gap:45px;max-width:650px}#voltage-home .compat-brand{align-items:center;gap:18px;display:flex}#voltage-home .compat-brand img{object-fit:contain;flex-shrink:0}@media (prefers-color-scheme:dark){#voltage-home .compat-brand img{filter:invert()}}@media (width<=680px){#voltage-home .compat-line{gap:25px}#voltage-home .compat-brand{gap:12px}#voltage-home .compat-brand img{width:28px;height:28px}#voltage-home .compat-line strong{font-size:18px}}@media (width<=400px){#voltage-home .compat-line{grid-template-columns:1fr}}#voltage-home .code-switch{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:5px;margin:20px 0 18px;padding-bottom:9px;display:flex}#voltage-home .code-switch button{color:var(--quiet);background:0 0;border:0;border-radius:4px;min-height:40px;padding:10px 12px;font-size:12px}#voltage-home .code-switch button[aria-pressed=true]{background:var(--acid);color:#1a260c}#voltage-home .view-demos>.device{flex:1;min-height:250px;padding:22px}#voltage-home .view-code pre[hidden]{display:none}#voltage-home .device .like-preview{gap:13px}#voltage-home .device .like-preview .heart{font-size:47px}#voltage-home .device .like-preview strong{font-size:31px}:root{color-scheme:light dark}body{background:light-dark(#eef2e7,#10130f);margin:0}#voltage-home{max-width:1200px;margin-inline:auto}#voltage-home .skip-link{z-index:10;background:var(--acid);color:#1a260c;padding:12px 18px;position:absolute;top:0;left:16px;transform:translateY(-150%)}#voltage-home .skip-link:focus{transform:translateY(0)}#voltage-home a:focus-visible,#voltage-home button:focus-visible,#voltage-home summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#voltage-home .hero-blog:focus-visible{outline-color:#1a260c}#voltage-home .navlinks{flex-wrap:wrap}#voltage-home .view-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)}#voltage-home .hero-code,#voltage-home .closing{grid-template-columns:repeat(2,minmax(0,1fr))}#voltage-home .view-code pre,#voltage-home pre{font-variant-ligatures:none}#voltage-home .stack-art{overflow:visible}#voltage-home [hidden]{display:none!important}@media (width<=680px){#voltage-home .view-grid,#voltage-home .hero-code,#voltage-home .closing{grid-template-columns:minmax(0,1fr)}#voltage-home h1{font-size:clamp(40px,9.5vw,65px)}#voltage-home .architecture-label,#voltage-home .news-title{overflow-wrap:anywhere}#voltage-home .code-label{flex-wrap:wrap}}@media (pointer:coarse){#voltage-home .navlinks a,#voltage-home summary{align-items:center;min-height:44px;display:flex}}#voltage-home .brand-icon{background:var(--ink);width:38px;height:38px;mask:var(--brand-image) center / contain no-repeat;flex-shrink:0}#voltage-home .brand-react{--brand-image:url(/brand/react-native.svg)}#voltage-home .brand-expo{--brand-image:url(/brand/expo.svg)}#voltage-home h1{letter-spacing:-.055em;word-spacing:.035em}#voltage-home .nav-menu{align-items:center;gap:25px;display:flex}#voltage-home .nav-toggle{display:none}@media (width<=760px){#voltage-home nav{gap:12px;padding:14px 20px;position:relative}#voltage-home .logo{flex-shrink:0;font-size:24px}#voltage-home .navlinks{flex-wrap:nowrap;gap:10px}#voltage-home .nav-toggle{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex}#voltage-home .nav-menu{z-index:20;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:10px;display:none;position:absolute;top:calc(100% - 1px);left:12px;right:12px;box-shadow:0 12px 28px #0002}#voltage-home .nav-toggle[aria-expanded=true]+.nav-menu{gap:4px;display:grid}#voltage-home .nav-menu a{border-radius:5px;align-items:center;min-height:44px;padding:10px 14px;display:flex}#voltage-home .nav-menu a:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}}
