.product-portal{isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.portal-bg{z-index:-2;background:#1d4fd8 url(/gradient.png) 50%/cover no-repeat;position:absolute;inset:0}.portal-overlay{pointer-events:none;z-index:-1;will-change:opacity;backface-visibility:hidden;position:absolute;inset:0;transform:translate(0,0)}.scroll-overlay{opacity:0;transition:opacity .45s var(--ease);background:radial-gradient(circle at 25%,#0c2470bf,#0000 70%)}.launch-overlay{opacity:0;transition:opacity .45s var(--ease);background:radial-gradient(circle at 75%,#0c0e0bd9,#0000 70%)}.product-portal:has(.scroll-panel:hover) .scroll-overlay,.product-portal:has(.launch-panel:hover) .launch-overlay{opacity:1}.portal-header{z-index:20;color:#f4f1e8;pointer-events:none;align-items:center;width:min(1440px,100% - 56px);height:82px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.portal-brand{color:#f4f1e8;mix-blend-mode:difference;pointer-events:auto;align-items:center;gap:9px;width:fit-content;display:inline-flex}.portal-brand img{width:30px;height:30px}.portal-brand span{letter-spacing:-.05em;font:700 18px/1 Onest,sans-serif}.product-grid{z-index:2;grid-template-columns:1fr 1fr;min-height:100svh;display:grid;position:relative}.product-grid:after{display:none}.product-panel{will-change:opacity, transform;min-width:0;min-height:100svh;transition:opacity .45s var(--ease), transform .45s var(--ease);color:#f4f1e8;backface-visibility:hidden;flex-direction:column;justify-content:center;gap:30px;padding:108px clamp(28px,4vw,76px) 45px;display:flex;position:relative;overflow:hidden;transform:translate(0,0)}.scroll-panel{backdrop-filter:blur();background-color:#0000}.scroll-panel:after{display:none}.launch-panel{backdrop-filter:blur();background-color:#0000}.panel-copy,.video-card,.panel-actions{z-index:2;width:min(610px,100%);margin-inline:auto;position:relative}.panel-copy{animation:enter-up .75s var(--ease) both}.launch-panel .panel-copy{animation-delay:80ms}h1{letter-spacing:-.06em;margin:0;font:600 clamp(38px,4.2vw,62px)/.94 Onest,sans-serif}.scroll-panel .panel-copy{padding:0}.panel-copy>p{color:#fff;max-width:555px;margin:18px 0 0;font-size:clamp(12px,1.05vw,14px);line-height:1.65}.video-card{animation:enter-up .85s var(--ease) .16s both;transition:transform .45s var(--ease), box-shadow .45s var(--ease);background:#080908;border-radius:13px;overflow:hidden;box-shadow:0 30px 65px #00000073}.launch-panel .video-card{animation-delay:.24s}.video-card:hover{transform:translateY(-7px);box-shadow:0 45px 90px #0009}.video-window{aspect-ratio:16/9;background:#080908;position:relative;overflow:hidden}.video-window video{object-fit:cover;width:100%;height:100%;transition:transform .75s var(--ease), filter .4s}.video-card:hover video{filter:brightness(.82);transform:scale(1.018)}.view-film{color:#f4f1e8;opacity:0;backdrop-filter:blur(12px);transition:opacity .3s, transform .35s var(--ease);background:#0a0c0ab8;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:9px;padding:10px 13px;font-size:9px;font-weight:700;display:inline-flex;position:absolute;bottom:14px;right:14px;transform:translateY(8px)}.video-card:hover .view-film{opacity:1;transform:none}.view-film b{color:#63d9c7;font-size:13px}.panel-actions{min-height:42px;animation:enter-up .7s var(--ease) .3s both;align-items:center;gap:10px;display:flex}.launch-panel .panel-actions{animation-delay:.38s}.github-button,.star-counter,.coming-button{border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:42px;font-size:11px;font-weight:700;display:inline-flex}.github-button{color:#c4c6bc;transition:background .25s, border-color .25s, color .25s, transform .25s var(--ease);background:#1d201ab8;border:1px solid #f4f1e824;padding:0 17px}.github-button:hover{color:#f4f1e8;background:#20231d;border-color:#f4f1e847;transform:translateY(-2px)}.github-button svg{fill:currentColor;stroke:none;width:16px;height:16px}.star-counter{color:#c4c6bc;transition:border-color .25s, background .25s, color .25s, transform .25s var(--ease);background:#1d201ab8;border:1px solid #f4f1e824;padding:0 14px}.star-counter:hover{color:#f4f1e8;background:#20231d;border-color:#f4f1e847;transform:translateY(-2px)}.star-counter svg{fill:#7795ff;stroke:#7795ff;width:14px}.star-counter span{color:#8c8f85;font-weight:550;transition:color .25s}.star-counter:hover span{color:#b8bbb1}.coming-button{color:#c4c6bc;background:#1d201ab8;border:1px solid #f4f1e824;padding:0 17px}.learn-link{color:#989c92;align-items:center;gap:9px;padding:10px 12px;font-size:10px;font-weight:650;display:inline-flex}.learn-link span{color:#7795ff;transition:transform .2s}.learn-link:hover span{transform:translate(3px)}@media (width>=601px){.product-portal:has(.scroll-panel:hover) .launch-panel,.product-portal:has(.launch-panel:hover) .scroll-panel{opacity:.35;transform:scale(.985)}}@keyframes enter-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width<=1050px){.product-panel{padding-inline:28px}.portal-header{width:calc(100% - 40px)}}@media (width<=800px){.portal-header{backdrop-filter:blur(18px);background:#111310d1;border:1px solid #f4f1e81f;border-radius:14px;height:68px;padding:0 14px;position:fixed;top:10px}.portal-brand{mix-blend-mode:normal;color:#f4f1e8}.product-grid{grid-template-columns:1fr}.product-grid:after{display:none}.product-panel{min-height:auto;padding:118px 24px 70px}.scroll-panel:after{display:none}.launch-panel{min-height:720px}.panel-copy,.video-card,.panel-actions{width:min(650px,100%)}}@media (width<=480px){.portal-header{width:calc(100% - 24px)}.product-panel{padding-inline:16px}.video-card{border-radius:10px}.video-bar{height:36px;padding-inline:10px}.view-film{display:none}}@media (prefers-reduced-motion:reduce){.panel-copy,.video-card,.panel-actions{animation:none}.video-card,.video-window video{transition:none}}