.eye-section{isolation:isolate;background:var(--color-night);position:relative}.eye-track{height:235svh;position:relative}.eye-stage{min-height:100svh;position:relative}@media (min-height:40rem){.eye-stage{justify-content:center;align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}}.eye-frame{clip-path:inset(38% 12% round 24px);will-change:clip-path, filter;position:absolute;inset:0}.eye-photo{will-change:transform;position:absolute;inset:0;transform:scale(1.15)}.eye-photo img{-o-object-fit:cover;object-fit:cover;filter:grayscale()contrast(1.08);width:100%;height:100%;display:block;position:absolute;inset:0}.eye-photo:after{content:"";background:color-mix(in oklch, var(--accent-on) 10%, transparent);mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}[data-theme=light] .eye-photo:after{background:linear-gradient(color-mix(in oklch, var(--accent-on) 10%, transparent), color-mix(in oklch, var(--accent-on) 10%, transparent)), linear-gradient(#0000004d, #0000004d)}.eye-dither{pointer-events:none;position:absolute;inset:0}.eye-section .eye-tease{left:0;right:0;bottom:calc(62% + var(--space-md));max-width:none;padding:0 var(--space-md);text-align:center;font-family:var(--font-display);font-weight:var(--weight-display);color:var(--color-night-ink);opacity:1;pointer-events:none;will-change:opacity;z-index:1;margin:0;font-size:clamp(1.75rem,3.6vw,2.75rem);line-height:1.05;position:absolute}.eye-scrim{background:var(--color-night);opacity:0;pointer-events:none;position:absolute;inset:0}.eye-overlay{z-index:2;opacity:0;pointer-events:none;will-change:opacity, transform;width:100%;position:relative;transform:translateY(16px)}.eye-overlay-inner{padding-block:var(--space-2xl)}.eye-section .eye-overlay-inner h1,.eye-section .eye-overlay-inner h2{color:var(--color-night-ink);margin-bottom:var(--space-sm)}.eye-section .eye-overlay-inner p{color:var(--color-night-ink-2);margin-bottom:var(--space-sm)}.eye-section .eye-overlay-inner form{max-width:32rem;margin-top:var(--space-md)}.eye-section .eye-overlay-inner .stg-field label,.eye-section .eye-overlay-inner .stg-field .stg-opt{color:var(--color-night-ink-2)}.eye-section .eye-overlay-inner .stg-field input::-moz-placeholder{color:var(--color-night-muted);opacity:1}.eye-section .eye-overlay-inner .stg-field textarea::-moz-placeholder{color:var(--color-night-muted);opacity:1}.eye-section .eye-overlay-inner .stg-field input::placeholder,.eye-section .eye-overlay-inner .stg-field textarea::placeholder{color:var(--color-night-muted);opacity:1}.eye-section .eye-overlay-inner .stg-field input,.eye-section .eye-overlay-inner .stg-field textarea{background:var(--color-night-2);border-color:var(--color-night-rule);color:var(--color-night-ink)}.eye-section .eye-overlay-inner .stg-lead-select{background-color:var(--color-night-2);border-color:var(--color-night-rule);color:var(--color-night-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.eye-section .eye-overlay-inner .stg-lead-field__label{background:var(--color-night);color:var(--color-night-ink-2)}.eye-section .eye-overlay-inner .stg-btn{border-radius:var(--radius-pill)}.eye-section .eye-overlay-inner .stg-tags{margin-bottom:.5rem}.eye-section .eye-overlay-inner .stg-tags__label{font-size:var(--text-sm);color:var(--color-night-ink-2);margin-bottom:var(--space-2xs);font-weight:600;display:block}.eye-section .eye-overlay-inner .stg-tags__list{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.eye-section .eye-overlay-inner .stg-tag{min-height:44px;padding:0 var(--space-sm);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--text-sm);background:var(--color-night-2);border:1px solid var(--color-night-rule);color:var(--color-night-ink-2);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);align-items:center;font-weight:600;display:inline-flex}.eye-section .eye-overlay-inner .stg-tag:hover{border-color:var(--color-accent-hi)}.eye-section .eye-overlay-inner .stg-tag:focus-visible{outline:2px solid var(--color-focus-night);outline-offset:2px}.eye-section .eye-overlay-inner .stg-tag[aria-pressed=true]{background:var(--color-accent-hi);border-color:var(--color-accent-hi);color:var(--color-night)}.eye-section .eye-overlay-inner .stg-tag:disabled{opacity:.6;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.eye-track{height:auto}.eye-stage{height:auto;min-height:100svh;padding-block:var(--space-2xl);position:static}.eye-frame{clip-path:none;filter:blur(14px)}.eye-photo{transform:none}.eye-section .eye-tease{display:none}.eye-scrim{opacity:.6}.eye-overlay{opacity:1;pointer-events:auto;transform:none}}.eye-section--static{align-items:center;display:flex}@media (min-height:40rem){.eye-section--static{min-height:100svh}}.eye-section--static .eye-frame{clip-path:none;filter:none}.eye-section--static .eye-photo{transform:none}.eye-section--static .eye-scrim{opacity:.6}.eye-section--static .eye-overlay{opacity:1;pointer-events:auto;transform:none}.eye-section--static .eye-overlay-inner{padding-block:var(--space-xl)}.eye-section--static:after{content:"";height:var(--space-xl);background:linear-gradient(to bottom, transparent, var(--surface));pointer-events:none;z-index:1;position:absolute;bottom:0;left:0;right:0}
.stg-lead-field{margin-bottom:var(--space-sm);max-width:32rem;position:relative}.stg-lead-field__label{z-index:1;background:var(--surface);font-family:var(--font-ui);font-size:var(--text-tag);color:var(--text-2);pointer-events:none;padding:0 .35rem;font-weight:500;position:absolute;top:0;left:.85rem;transform:translateY(-50%)}.stg-lead-select{appearance:none;width:100%;font-family:var(--font-ui);font-size:var(--text-base);color:var(--text);background-color:var(--surface-2);border:1px solid var(--rule-c);border-radius:var(--radius-inner);background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\"><path d=\"M1 1l5 5 5-5\" fill=\"none\" stroke=\"%23888888\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");background-position:right .85rem center;background-repeat:no-repeat;background-size:11px 7px;min-height:48px;padding:.7rem 2.25rem .7rem .85rem}.stg-lead-select:disabled{opacity:.6;cursor:not-allowed}.stg-lead-select:focus-visible{outline:3px solid var(--focus-c);outline-offset:3px;transition:none}.stg-lead-select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){.stg-lead-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html[data-theme=dark] .stg-lead-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light] .stg-lead-select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
.stg-compare-shell{flex-direction:column;width:100%;height:100%;display:flex}.stg-compare-labels{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:10px var(--space-sm);background:var(--surface-3);border-bottom:1px solid var(--rule-c);flex:none;display:flex}.stg-compare-labels__tag{font-family:var(--font-ui);font-size:var(--text-tag);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.stg-compare-frame{flex:auto;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.stg-compare{cursor:ew-resize;touch-action:pan-y;outline-offset:-4px;width:100%;height:100%;position:relative}.stg-compare__pane{width:100%;height:100%;position:absolute;inset:0}.stg-compare__pane--after{z-index:1}.stg-compare__pane--before{z-index:2}.stg-compare__divider{z-index:3;pointer-events:none;background:linear-gradient(180deg, transparent, color-mix(in oklch, var(--color-accent,#dc2626) 85%, transparent) 15%, #f97316d9 85%, transparent);width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}@supports (color:lab(0% 0 0)){.stg-compare__divider{background:linear-gradient(180deg, transparent, color-mix(in oklch, var(--color-accent,#dc2626) 85%, transparent) 15%, lab(64.4963% 49.3667 68.6636/.85) 85%, transparent)}}.stg-compare__divider:after{content:"";background:linear-gradient(180deg, transparent, color-mix(in oklch, var(--color-accent,#dc2626) 35%, transparent) 30%, #f9731659 70%, transparent);filter:blur(10px);width:20px;position:absolute;top:8%;bottom:8%;left:-10px}@supports (color:lab(0% 0 0)){.stg-compare__divider:after{background:linear-gradient(180deg, transparent, color-mix(in oklch, var(--color-accent,#dc2626) 35%, transparent) 30%, lab(64.4963% 49.3667 68.6636/.35) 70%, transparent)}}.stg-compare__handle{border-radius:var(--radius-inner);background:var(--color-night);border:1px solid var(--color-night-rule);justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px -6px #0006;box-shadow:0 6px 18px -6px lab(0% 0 0/.4)}.stg-compare__mark{width:36px;height:36px;color:var(--color-night-ink);flex:none;display:block}.stg-compare:focus-visible{outline:3px solid var(--focus-c)}.stg-compare-blueprint{background:var(--surface-2);width:100%;height:100%;color:var(--text);display:block}.bp-frame{fill:currentColor;fill-opacity:.55}.bp-fill{fill:currentColor;fill-opacity:.4}.bp-fill--soft{fill:currentColor;fill-opacity:.22}.bp-accent{fill:var(--accent-on)}.stg-compare-after{width:100%;height:100%;position:relative}.stg-compare-after-img{-o-object-fit:cover;object-fit:cover;-o-object-position:left top;object-position:left top;width:100%;height:100%;display:block}.stg-compare-example-band{border-block:2px solid var(--accent-on);width:150%;height:clamp(3.5rem,3vw + 2.6rem,6rem);color:var(--accent-on);font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;pointer-events:none;background:0 0;justify-content:center;align-items:center;font-size:clamp(1.1rem,1.4vw + .75rem,2rem);font-weight:600;display:flex;position:absolute;top:50%;left:-25%;transform:translateY(-50%)rotate(-14deg)}@media (max-width:380px){.stg-compare-labels{padding:8px var(--space-xs)}}
.stg-cscroll-section{border-bottom:1px solid var(--rule-c);-o-border-image:linear-gradient(90deg, transparent, var(--rule-c) 20%, var(--rule-c) 80%, transparent) 1;border-image:linear-gradient(90deg, transparent, var(--rule-c) 20%, var(--rule-c) 80%, transparent) 1;position:relative}.stg-cscroll-track{height:180svh;position:relative}@media (max-width:768px){.stg-cscroll-track{height:160svh}}.stg-cscroll-stage{min-height:100svh;position:relative}@media (min-height:40rem){.stg-cscroll-stage{perspective:1000px;height:100svh;position:sticky;top:0;overflow:hidden}}.stg-cscroll-title{z-index:1;text-align:center;pointer-events:none;will-change:transform;position:absolute;top:0;left:0;right:0;transform:translateY(40svh)}.stg-cscroll-card{z-index:2;border-radius:var(--radius-card);border:4px solid var(--rule-c);background:var(--surface-2);transform-origin:50% 0;will-change:transform;width:min(1100px,92vw);padding:12px;position:absolute;top:0;left:50%;transform:translate(-50%,40svh)rotateX(20deg)scale(1.05);box-shadow:0 50px 90px -30px #0006,0 18px 36px -18px #00000047;box-shadow:0 50px 90px -30px lab(0% 0 0/.4),0 18px 36px -18px lab(0% 0 0/.28)}.stg-cscroll-panel{border-radius:var(--radius-inner);background:var(--surface-3);width:100%;position:relative;overflow:hidden}.stg-cscroll-trailing{margin-top:calc(-1 * var(--cscroll-card-dead-zone,0px) + var(--space-xl));padding-bottom:var(--space-2xl);text-align:center;border:none}.stg-website-outro{text-align:center;align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.stg-website-outro p{margin-inline:auto;margin-bottom:0}.stg-website-outro__lead{font-size:var(--text-xl)}.stg-website-outro__badge a{opacity:.85;transition:opacity var(--dur-short) var(--ease-out);display:inline-flex}.stg-website-outro__wcag{width:auto;height:2.25rem;display:block}.stg-website-outro__badge a:hover{opacity:1}@media (prefers-reduced-motion:reduce){.stg-cscroll-track{height:auto}.stg-cscroll-stage{height:auto;min-height:0;padding-block:var(--space-2xl);perspective:none;flex-direction:column;align-items:center;display:flex;position:static}.stg-cscroll-title{margin-bottom:var(--space-lg);pointer-events:auto;position:static;transform:none}.stg-cscroll-card{margin-inline:auto;position:static;left:auto;transform:none}}@media (max-width:40rem){.stg-website-outro__badge a{align-items:center;min-height:44px}}
.stg-dev-section{--cscroll-card-dead-zone:0px}.stg-dev-track{height:380svh;position:relative}@media (max-width:768px){.stg-dev-track{height:300svh}}.stg-dev-stage{min-height:100svh;position:relative}@media (min-height:40rem){.stg-dev-stage{height:100svh;position:sticky;top:0;overflow:hidden}}.stg-dev-title{z-index:3;text-align:center;pointer-events:none;will-change:transform;position:absolute;top:0;left:0;right:0;transform:translateY(18svh)}.stg-dev-canvas-host{z-index:1;position:absolute;inset:0}.stg-dev-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stg-dev-compare-overlay{z-index:2;opacity:0;pointer-events:none;position:absolute}.stg-dev-compare-overlay--live{pointer-events:auto}.stg-dev-static{padding:var(--space-2xl) var(--space-xl);gap:var(--space-xl);flex-direction:column;display:flex}.stg-dev-static__frames{justify-content:center;align-items:flex-end;gap:var(--space-xl);flex-wrap:wrap;display:flex}@media (max-width:768px){.stg-dev-static__frames{flex-direction:column;align-items:center}}.stg-dev-static__frame{background:#141416;border-radius:20px;margin:0;padding:8px;box-shadow:0 24px 48px -24px #0006;box-shadow:0 24px 48px -24px lab(0% 0 0/.4)}.stg-dev-static__frame img{border-radius:12px;display:block}.stg-dev-static__frame--phone img{aspect-ratio:780/1688;-o-object-fit:cover;object-fit:cover;width:11rem}.stg-dev-static__frame--tablet img{aspect-ratio:1536/2049;-o-object-fit:cover;object-fit:cover;width:15rem}.stg-dev-static__frame--laptop{border-radius:14px 14px 6px 6px;padding:12px 12px 22px}.stg-dev-static__frame--laptop img{aspect-ratio:1904/916;-o-object-fit:cover;object-fit:cover;width:min(34rem,80vw)}.stg-dev-static__compare{aspect-ratio:1904/916;border:1px solid var(--rule-c);border-radius:14px;width:100%;max-width:60rem;margin-inline:auto;position:relative;overflow:hidden}.stg-dev-section[data-mode=static] .stg-dev-track{height:auto}.stg-dev-section[data-mode=static] .stg-dev-stage{height:auto;min-height:0;padding-block:var(--space-2xl);flex-direction:column;align-items:center;display:flex;position:static}.stg-dev-section[data-mode=static] .stg-dev-title{margin-bottom:var(--space-lg);pointer-events:auto;position:static;transform:none}.stg-dev-section[data-mode=static] .stg-dev-canvas-host,.stg-dev-section[data-mode=static] .stg-dev-compare-overlay{display:none}
.stg-film-section{border-bottom:1px solid var(--rule-c);-o-border-image:linear-gradient(90deg, transparent, var(--rule-c) 20%, var(--rule-c) 80%, transparent) 1;border-image:linear-gradient(90deg, transparent, var(--rule-c) 20%, var(--rule-c) 80%, transparent) 1;padding-block:var(--space-2xl);position:relative}.stg-film{width:min(100%, calc((100svh - var(--text-mega) * .9 - var(--space-lg) - 7rem) * 16 / 9));margin:0 auto var(--space-xl);aspect-ratio:16/9;background:var(--surface-2);border-radius:20px;overflow:hidden}.stg-film__video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.stg-film-compare{aspect-ratio:1904/916;border:1px solid var(--rule-c);border-radius:14px;width:100%;max-width:60rem;margin-inline:auto;position:relative;overflow:hidden}