@import "https://fonts.googleapis.com/css2?family=Asap:wght@400&family=Nunito:wght@400;600;700&display=swap";:root{--c-bg:#006662;--c-bg-mid:#007a75;--c-surface:#339b9233;--c-surface-border:#339b92;--c-surface-light:#f4f8f6;--c-text-light:#f9fafa;--c-text-deep:#00464d;--c-accent:#f1602ff2;--space-4:4px;--space-8:8px;--space-16:16px;--space-24:24px;--space-32:32px;--space-40:40px;--space-50:50px;--radius-pill:30px;--radius-card:40px;--font-display:"Nunito", "Segoe UI", sans-serif;--font-body:"Asap", "Segoe UI", sans-serif;--glass-blur:16px;--glass-blur-soft:10px;--glass-highlight:#ffffff2e;--glass-shadow:0 28px 70px #002e2c59, 0 2px 0 #ffffff26 inset, 0 -1px 0 #0000000d inset;--ease-premium:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}html,body{overflow:hidden}body{font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}.appRoot{background:radial-gradient(circle at 10% -20%, #5eccc433, transparent 36%), radial-gradient(circle at 70% 120%, #216d6759, transparent 48%), linear-gradient(135deg, var(--c-bg) 0%, #005853 35%, var(--c-bg-mid) 100%);min-height:100svh;color:var(--c-text-light);overflow:hidden}.topNav,.panelTrack{transition:opacity .28s var(--ease-premium), transform .32s var(--ease-premium), filter .28s var(--ease-premium)}@keyframes exitDipSpring{0%{filter:none;transform:none}to{filter:blur(5px);transform:scale(1.4)}}body.is-exiting .appRoot{pointer-events:none;animation:.5s cubic-bezier(.68,0,.94,.18) forwards exitDipSpring}.exitOverlay{pointer-events:none;z-index:9999;background:var(--c-bg,#006662);opacity:0;transition:opacity .22s var(--ease-premium);transition-delay:.28s;position:fixed;inset:0}body.fading-back .exitOverlay{opacity:0;transition:opacity .32s var(--ease-premium);transition-delay:0s}body.is-exiting .exitOverlay{opacity:1}.topNav{z-index:20;align-items:center;gap:clamp(10px, 1.6vw, var(--space-24));grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);width:auto;display:grid;position:fixed;top:clamp(14px,2.6vw,29px);left:clamp(14px,3vw,42px);right:clamp(14px,3vw,42px)}.brandLogo{object-fit:contain;justify-self:start;width:clamp(110px,13vw,153px);height:auto}.navPill{border-radius:var(--radius-pill);isolation:isolate;justify-content:center;justify-self:center;align-items:center;gap:clamp(8px, 2vw, var(--space-32));white-space:nowrap;width:fit-content;max-width:min(100%,760px);min-height:clamp(48px,5.4vw,60px);-webkit-backdrop-filter:blur(var(--glass-blur-soft));backdrop-filter:blur(var(--glass-blur-soft));background:linear-gradient(#2b817b99,#16585480);border:1px solid #59b2acb3;margin-inline-start:0;padding:0 clamp(8px,1vw,12px);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 26px #002b2959}.navBubble{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(var(--glass-blur-soft));backdrop-filter:blur(var(--glass-blur-soft));pointer-events:none;z-index:1;background:linear-gradient(#95f3ea38,#65c7be26);border:1px solid #b0f1eb73;position:absolute;top:6px;bottom:6px;left:0;box-shadow:0 8px 20px #001a1842}.navPill{-webkit-user-select:none;user-select:none;cursor:grab}.navPill.isDragging,.navBubble.isDragging{cursor:grabbing}.navPill a{z-index:2;border-radius:var(--radius-pill);min-height:clamp(34px,4vw,42px);color:var(--c-text-light);font:400 clamp(15px, 1.65vw, 20px)/1 var(--font-body);transition:color .2s var(--ease-premium);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;align-items:center;padding:0 clamp(16px,1.5vw,20px);text-decoration:none;display:inline-flex;position:relative}.navPill a.isActive{color:#fff}.pillButton{border-radius:var(--radius-pill);min-height:clamp(48px,5.4vw,60px);padding:0 clamp(14px, 2vw, var(--space-24));color:var(--c-text-light);font:400 clamp(18px, 2vw, 24px)/1 var(--font-body);letter-spacing:.2px;transition:transform .22s var(--ease-premium), box-shadow .22s var(--ease-premium);border:1px solid #0000;justify-content:center;justify-self:end;align-items:center;text-decoration:none;display:inline-flex}.pillButton:hover,.pillButton:focus-visible{transform:translateY(-1px)}.pillButton:focus-visible{outline-offset:3px;outline:2px solid #fffc}.pillButton.accent{background:var(--c-accent);box-shadow:0 10px 28px #631e0759}.navCta{width:clamp(112px,12vw,141px)}.pillButton.subtle{width:102px;color:var(--c-text-light);background:linear-gradient(#3ba39a52,#2e7d783d);border-color:#80d5cecc}.horizontalScroller{scrollbar-width:none;cursor:grab;width:100vw;height:100svh;position:relative;overflow:auto hidden}.horizontalScroller.is-dragging{cursor:grabbing}.horizontalScroller::-webkit-scrollbar{display:none}.panelTrack{gap:var(--space-24);width:max-content;height:100%;min-height:100%;padding:121px var(--space-24) var(--space-24) var(--space-24);grid-auto-flow:column;align-items:start;display:grid}.panel{border-radius:var(--radius-card);height:100%}.heroPanel{border:1px solid var(--c-surface-border);width:1415px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow);background:linear-gradient(#38aba233,#2b898229);flex-direction:column;align-items:flex-start;padding:210px 100px 60px;display:flex}.heroRows{flex-direction:column;gap:20px;width:100%;display:flex}.heroRowTitle h1{gap:var(--space-8);font-family:var(--font-display);letter-spacing:.2px;margin:0;font-size:180px;font-weight:700;line-height:.92;display:grid}.heroRowTitle h1 span:last-child{text-align:right;justify-self:end}.heroDescription{border:1px solid var(--c-surface-border);width:fit-content;max-width:360px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-card);background:linear-gradient(#48b0a73d,#2c847e33);flex-direction:column;padding:36px;display:flex}.heroDescription p{font:400 18px/1.35 var(--font-body);margin:0}.heroRowBottom{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.heroCtas{justify-content:flex-start;gap:18px;margin:30px 10px 0;display:flex}.howModalBackdrop{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00201e94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.howModalCard{width:min(640px,100vw - 40px);color:var(--c-text-light);background:linear-gradient(#11615cf2,#094b47f2);border:1px solid #8cded78c;border-radius:28px;padding:26px;box-shadow:0 24px 60px #00141273}.howModalText{font:400 clamp(17px, 2.2vw, 22px) / 1.45 var(--font-body);margin:0}.howModalText a{color:var(--c-accent);text-decoration:none}.howModalText a:hover,.howModalText a:focus-visible{color:#ffd8c8;text-decoration:none}.howModalClose{border-radius:var(--radius-pill);min-height:44px;color:var(--c-text-light);font:400 18px/1 var(--font-body);cursor:pointer;background:linear-gradient(#48b0a73d,#2c847e33);border:1px solid #a5e8e2b3;margin-top:20px;padding:0 20px}.featuresPanel{gap:var(--space-24);grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:525px 710px;height:100%;display:grid;overflow:hidden}.glassCard{border-radius:var(--radius-card);border:1px solid var(--c-surface-border);height:100%;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:linear-gradient(#48b0a73d,#2c847e33);grid-template-rows:auto minmax(0,1fr) auto;align-self:stretch;min-height:0;padding:42px 30% 42px 42px;display:grid}.glassCard h3{color:var(--c-text-light);font:600 40px/1 var(--font-display);max-width:90%;margin:0}.glassCard p{color:var(--c-text-light);font:400 18px/1.35 var(--font-body);max-width:96%;margin:0}.glassCardBody{align-self:end;padding-top:32px}.staggerWords{display:inline}.staggerWord{will-change:transform, opacity, filter;display:inline-block}.typewriterWrap{align-items:baseline;min-width:0;display:inline-flex}.typewriterCaret{margin-left:.1ch;font-size:.92em;font-weight:500}.card-col1-row1{grid-area:1/1/span 3}.card-col2-row1{grid-area:1/2/span 2}.card-col2-row2{grid-area:3/2/span 2}.card-col1-row2-span2{grid-area:4/1/span 3}.card-col2-row3{grid-area:5/2/span 2}.interfacePanel,.contactPanel{border:1px solid var(--c-surface-border);width:1143px;padding:232px 131px 78px}.interfacePanel{background:var(--c-surface-light);color:var(--c-bg-mid)}.interfacePanel h2,.contactPanel h2{font-family:var(--font-display);margin:0;font-weight:400;line-height:1.05}.interfacePanel h2{color:var(--c-bg-mid);max-width:785px;font-size:96px}.interfaceContent{grid-template-rows:auto auto 1fr auto;min-height:100%;display:grid}.interfaceSub{color:var(--c-bg-mid);font:400 36px/1.2 var(--font-display);margin-top:24px}.interfaceFoot{text-align:right;color:var(--c-text-deep);font:400 16px/1.2 var(--font-body);margin:0 0 12px}.contactPanel{box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:linear-gradient(#39aca33d,#2d857f29)}.contactPanel h2{color:var(--c-text-light);font-size:96px}.contactContent{grid-template-rows:1fr auto;min-height:100%;display:grid}.contactPrimary{flex-direction:column;display:flex}.contactLead{margin-top:var(--space-24);color:var(--c-text-light);font:400 36px/1.3 var(--font-body)}.emailPill{border-radius:var(--radius-pill);width:288px;min-height:60px;color:var(--c-bg-mid);font:400 24px/1 var(--font-body);background:linear-gradient(#f4f8f6f2,#daf3f0e6);border:1px solid #9ad7d2cc;justify-content:center;align-items:center;margin-top:31px;text-decoration:none;display:inline-flex}.contactMeta{font:400 16px/1.35 var(--font-body);margin:0 0 12px}.capyRailPanel{--rail-mark-vertical-inset:24px;background:var(--c-surface-light);border:1px solid var(--c-surface-border);width:866px;color:var(--c-text-deep);padding:0;position:relative;overflow:hidden}.railContent{z-index:1;flex-direction:column;width:420px;height:calc(100% - 80px);margin:40px 0 40px 46px;display:flex;position:relative}.railTop{font:400 24px/1.25 var(--font-body);margin:0}.verticalMarkWrap{top:var(--rail-mark-vertical-inset);width:178px;height:calc(100% - var(--rail-mark-vertical-inset) * 2);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:375px;transform:none}.verticalMark{transform-origin:50%;width:739px;max-width:none;height:178px;transform:rotate(-90deg)scale(1)}.railLinks{gap:62px;max-width:380px;margin-top:132px;display:grid}.railLinkRow{grid-template-columns:auto auto;column-gap:72px;display:grid}.railLinkBlock p{font:400 16px/1.5 var(--font-body);margin:0}.columnTitle{color:var(--c-bg-mid)}.railSocial{gap:4px;margin-bottom:42px;display:grid}.railSocial p{color:var(--c-bg-mid);font:400 16px/1.5 var(--font-body);margin:0}.railSocial div{gap:var(--space-16);display:flex}.railSocial a{width:25px;height:25px;display:inline-flex}.railStatus,.railFoot{font:400 16px/1.4 var(--font-body);max-width:420px;margin:0}.railMeta{row-gap:4px;margin-top:auto;display:grid}.railMeta .railSocial{margin-top:0}.aspectSafe{object-fit:contain;object-position:center;width:100%;height:100%;display:block}@media (width<=1200px){.topNav{width:100%;padding:18px var(--space-16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#006662e0;grid-template-columns:auto 1fr auto;align-items:center;margin:0;display:grid;position:sticky;top:0;left:0;right:0}.navPill{width:min(100%,438px);padding:0 var(--space-16);justify-self:center;gap:var(--space-16)}.navPill a{font-size:16px}.pillButton{justify-self:auto;min-height:48px;font-size:18px}.navCta{width:120px}.heroRowTitle h1{font-size:clamp(72px,18vw,128px)}.heroRowTitle h1 span:last-child{margin-left:0}.glassCard h3{font-size:34px}.interfacePanel h2,.contactPanel h2{font-size:clamp(48px,12vw,72px)}.interfaceSub,.contactLead{font-size:26px}.heroPanel{grid-template-columns:1fr;min-height:838px}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}