.landing-page{--landing-bg:var(--background);--landing-fg:var(--foreground);--landing-muted:color-mix(in srgb, var(--foreground) 68%, transparent);--landing-muted-strong:color-mix(in srgb, var(--foreground) 78%, transparent);--landing-panel:var(--surface);--landing-panel-2:var(--surface-raised);--landing-panel-border:color-mix(in srgb, var(--foreground) 12%, transparent);--landing-phone-surface:#f5f5f7;--landing-hero-frame-opacity:.9;--landing-hero-frame-filter:saturate(.85) contrast(1.18);--landing-hero-grid-strong:color-mix(in srgb, var(--foreground) 22%, transparent);--landing-hero-grid-soft:color-mix(in srgb, var(--foreground) 15%, transparent);--landing-hero-frame-fill:color-mix(in srgb, var(--landing-bg) 86%, var(--landing-fg) 14%);background:var(--landing-bg);color:var(--landing-fg)}body:has(.landing-page){--landing-bg:var(--background);--landing-fg:var(--foreground);--landing-muted:color-mix(in srgb, var(--foreground) 68%, transparent);--landing-muted-strong:color-mix(in srgb, var(--foreground) 78%, transparent);--landing-panel:var(--surface);--landing-panel-2:var(--surface-raised);--landing-panel-border:color-mix(in srgb, var(--foreground) 12%, transparent);--landing-phone-surface:#f5f5f7;--landing-hero-frame-opacity:.9;--landing-hero-frame-filter:saturate(.85) contrast(1.18);--landing-hero-grid-strong:color-mix(in srgb, var(--foreground) 22%, transparent);--landing-hero-grid-soft:color-mix(in srgb, var(--foreground) 15%, transparent);--landing-hero-frame-fill:color-mix(in srgb, var(--landing-bg) 86%, var(--landing-fg) 14%);background:var(--landing-bg);color:var(--landing-fg)}.dark .landing-page{--landing-bg:#000;--landing-fg:#fff;--landing-muted:#ffffffad;--landing-muted-strong:#ffffffc7;--landing-panel:#171719;--landing-panel-2:#111113;--landing-panel-border:#ffffff1f;--landing-hero-frame-opacity:.62;--landing-hero-frame-filter:saturate(.75) contrast(1.12);--landing-hero-grid-strong:#fff3;--landing-hero-grid-soft:#ffffff1f;--landing-hero-frame-fill:color-mix(in srgb, var(--landing-bg) 92%, var(--landing-fg) 8%)}.dark body:has(.landing-page){--landing-bg:#000;--landing-fg:#fff;--landing-muted:#ffffffad;--landing-muted-strong:#ffffffc7;--landing-panel:#171719;--landing-panel-2:#111113;--landing-panel-border:#ffffff1f;--landing-hero-frame-opacity:.62;--landing-hero-frame-filter:saturate(.75) contrast(1.12);--landing-hero-grid-strong:#fff3;--landing-hero-grid-soft:#ffffff1f;--landing-hero-frame-fill:color-mix(in srgb, var(--landing-bg) 92%, var(--landing-fg) 8%)}.landing-heading{color:var(--landing-fg)}.landing-muted{color:var(--landing-muted)}.landing-section,.landing-newsletter{background:var(--landing-bg)}.landing-cursor-spotlight{left:var(--landing-cursor-x);top:var(--landing-cursor-y);z-index:3;pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--tertiary) 14%, transparent), transparent 70%);opacity:0;border-radius:50%;width:24rem;height:24rem;transition:opacity .18s;display:none;position:fixed;transform:translate(-50%,-50%)}.dark .landing-cursor-spotlight{background:radial-gradient(circle, color-mix(in srgb, var(--tertiary-link-dark) 20%, transparent), transparent 70%)}body:has(.landing-page) header{color:var(--landing-fg)}body:has(.landing-page) header>div:first-child{background:color-mix(in srgb, var(--landing-bg) 72%, transparent);-webkit-mask-image:linear-gradient(#000 0% 58%,#0000 100%);mask-image:linear-gradient(#000 0% 58%,#0000 100%)}body:has(.landing-page) header a{color:var(--landing-muted-strong)}body:has(.landing-page) header a:hover{color:var(--landing-fg)}body:has(.landing-page) header .header-nav-active{color:var(--landing-fg)}body:has(.landing-page) header .header-logo-link{color:var(--landing-fg)}body:has(.landing-page) header .header-auth-cta{background:var(--foreground)!important;color:var(--background)!important}body:has(.landing-page) header .header-auth-cta:hover{color:var(--background)!important}.landing-page+footer,.landing-page~footer{background:var(--landing-bg);color:var(--landing-muted)}@media (pointer:fine){.landing-cursor-spotlight{display:block}.landing-page[data-cursor-spotlight=visible] .landing-cursor-spotlight{opacity:1}}.scroll-reveal-line{transition:transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s);transform:translateY(110%)}.scroll-reveal-line[data-visible]{transform:translateY(0)}.scroll-fade-up{opacity:0;transition:opacity .6s,transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s);transform:translateY(2rem)}.scroll-fade-up[data-visible]{opacity:1;transform:translateY(0)}.hero-video{z-index:0;background:linear-gradient(180deg, color-mix(in srgb, var(--landing-bg) 16%, transparent), var(--landing-bg) 94%), radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--landing-fg) 16%, transparent), transparent 32%), var(--landing-bg);position:absolute;inset:0;overflow:hidden}.hero-video:after{content:"";z-index:2;background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--landing-bg) 70%, transparent) 82%, var(--landing-bg)), linear-gradient(90deg, color-mix(in srgb, var(--landing-bg) 70%, transparent), transparent 22%, transparent 78%, color-mix(in srgb, var(--landing-bg) 72%, transparent));position:absolute;inset:0}.hero-video-track{opacity:var(--landing-hero-frame-opacity);filter:var(--landing-hero-frame-filter);grid-template-columns:repeat(3,minmax(26rem,1fr));gap:2rem;animation:22s linear infinite hero-video-pan;display:grid;position:absolute;inset:-8%;transform:rotate(-7deg)scale(1.08)}.hero-video-frame{background:linear-gradient(135deg, #ffffff24, transparent 32%), repeating-linear-gradient(180deg, var(--landing-hero-grid-strong) 0 1px, transparent 1px 92px), repeating-linear-gradient(90deg, var(--landing-hero-grid-soft) 0 1px, transparent 1px 112px), var(--landing-hero-frame-fill);min-height:120vh;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--landing-fg) 8%, transparent);border-radius:8px}.frame-b{opacity:.74;transform:translateY(8vh)}.frame-c{opacity:.52;transform:translateY(-5vh)}.landing-feature-grid{background:var(--landing-panel-border);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.landing-feature-tile{background:var(--landing-panel);min-height:17rem;padding:1.5rem}.landing-feature-icon{background:color-mix(in srgb, var(--landing-fg) 8%, transparent);width:2.75rem;height:2.75rem;color:var(--landing-fg);border-radius:8px;justify-content:center;align-items:center;display:flex}.landing-feature-tile h3{color:var(--landing-fg);letter-spacing:0;margin-top:4rem;font-size:1.25rem;font-weight:700;line-height:1.2}.landing-feature-tile p{max-width:21rem;color:var(--landing-muted);margin-top:.875rem;font-size:.95rem;line-height:1.6}.phone-sequence-section{z-index:2;background:var(--landing-bg);height:420vh;position:relative}.phone-sequence-sticky{grid-template-columns:minmax(0,1fr) minmax(16rem,24rem);align-items:center;gap:clamp(2rem,6vw,6rem);min-height:100svh;padding:5.5rem max(1.25rem,50vw - 36rem) 3.75rem;display:grid;position:sticky;top:0;overflow:hidden}.phone-copy{max-width:36rem}.phone-copy h2{white-space:pre-line;color:var(--landing-fg);letter-spacing:0;font-size:clamp(2.75rem,6vw,5.25rem);font-weight:600;line-height:.98}.phone-copy p{color:var(--landing-muted);margin-top:1.5rem;font-size:1.08rem;line-height:1.65}.phone-shell{aspect-ratio:1350/2760;justify-self:center;width:min(34vw,17.5rem);animation:linear both phone-scrub;animation-timeline:view();animation-range:entry exit;position:relative;transform:translateY(12vh)scale(.88)}.phone-device-frame{z-index:3;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.phone-screen{z-index:1;background:url(/landing-assets/iphone-screen-background.384868fd934b.png) center / 100% 100% no-repeat, var(--landing-phone-surface);color:#111;border-radius:2rem;position:absolute;inset:1.4% 3.9% 1.35%;overflow:hidden}.phone-thread{flex-direction:column;gap:.58rem;padding:5.8rem .85rem 2rem;transition:transform .16s linear;display:flex}.phone-bubble{opacity:0;border-radius:1rem;max-width:82%;padding:.68rem .82rem;font-size:.75rem;line-height:1.35;transition:opacity .28s,transform .28s;transform:translateY(1rem)scale(.98);box-shadow:0 .5rem 1.5rem #00000014}.phone-bubble.visible{opacity:1;transform:translateY(0)scale(1)}.phone-bubble.user{color:#fff;background:#0071e3;border-bottom-right-radius:.35rem;align-self:flex-end}.phone-bubble.assistant{color:#1d1d1f;background:#fff;border-bottom-left-radius:.35rem;align-self:flex-start}.real-card-section{background:var(--landing-bg);height:220vh}.real-card-sticky{justify-content:center;min-height:calc(100svh - clamp(4.5rem,9vh,7rem));padding:5rem 1.25rem 4rem;position:sticky;top:clamp(4.5rem,9vh,7rem);overflow:hidden}.real-card-heading{color:var(--landing-fg);font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;font-size:clamp(1.85rem,3.8vw,3.75rem);font-weight:600;line-height:.98}.real-card-heading>span:last-child{color:var(--landing-muted-strong);font-weight:300}.real-card-stage{perspective:1000px;width:min(100%,72rem);height:clamp(28rem,62vw,40rem);transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative}.real-card-item{width:clamp(10.25rem,25vw,18.75rem);transform-style:preserve-3d;will-change:transform, opacity;transition:opacity 90ms linear,transform 90ms linear;position:absolute;top:50%;left:50%}.real-card-image{-webkit-user-select:none;user-select:none;object-fit:contain;filter:drop-shadow(0 2rem 2.2rem #0000005c);backface-visibility:hidden;border-radius:.9rem;width:100%;height:auto;display:block}.landing-newsletter section{color:var(--landing-fg)}.landing-newsletter h2{color:var(--landing-fg);font-family:var(--font-display);letter-spacing:0;font-weight:600}.landing-newsletter p{color:var(--landing-muted)}.landing-newsletter input{border-color:var(--landing-panel-border);background:color-mix(in srgb, var(--landing-fg) 10%, transparent);color:var(--landing-fg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--landing-fg) 4%, transparent)}.landing-newsletter input::placeholder{color:color-mix(in srgb, var(--landing-fg) 58%, transparent)}.landing-newsletter input:focus-visible{border-color:color-mix(in srgb, var(--landing-fg) 42%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--landing-fg) 14%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--landing-fg) 10%, transparent)}.landing-newsletter button[type=submit]{background:var(--landing-fg);color:var(--landing-bg)}.landing-newsletter button[type=submit]:hover{background:color-mix(in srgb, var(--landing-fg) 88%, transparent);color:var(--landing-bg)}.landing-newsletter button[type=submit]:disabled{background:color-mix(in srgb, var(--landing-fg) 38%, transparent);color:color-mix(in srgb, var(--landing-bg) 82%, transparent)}@keyframes hero-video-pan{0%{transform:translate(-3%)rotate(-7deg)scale(1.08)}to{transform:translate(3%,-2%)rotate(-7deg)scale(1.08)}}@keyframes phone-scrub{0%{transform:translateY(12vh)scale(.88)}24%,72%{transform:translateY(0)scale(1)}to{transform:translateY(-10vh)scale(.94)}}@media (width<=900px){.landing-feature-grid{grid-template-columns:1fr}.landing-feature-tile{min-height:14rem}.landing-feature-tile h3{margin-top:2.5rem}.phone-sequence-section{height:360vh}.phone-sequence-sticky{grid-template-columns:1fr;align-content:center;gap:1.5rem;padding-top:5rem;padding-bottom:3.5rem}.phone-copy{text-align:center;max-width:100%}.phone-copy p{max-width:34rem;margin-left:auto;margin-right:auto}.phone-shell{width:min(58vw,15.5rem)}.real-card-section{height:210vh}.real-card-sticky{padding-top:4rem;padding-bottom:4rem}.real-card-stage{width:min(100%,28rem);height:30rem}.real-card-item{width:clamp(8rem,42vw,11rem)}}@media (prefers-reduced-motion:reduce){.scroll-reveal-line,.scroll-fade-up{opacity:1!important;transition:none!important;transform:none!important}.hero-video-track,.phone-shell,.phone-thread{animation:none!important}.phone-shell,.phone-thread{transform:none!important}.landing-cursor-spotlight{transition:none!important}}