.cinematic-intro{height:790svh;position:relative}.cinematic-stage{background:var(--background);height:100svh;position:sticky;top:0;overflow:hidden}.cinematic-hero{will-change:transform, opacity;position:absolute;inset:0}.cinematic-header{pointer-events:none;position:absolute}.cinematic-header>div{overflow:visible}.cinematic-header [data-wordmark]{transform-origin:50%;will-change:auto;display:inline-block;position:relative}.cinematic-word-sizer{visibility:hidden}.cinematic-word-ink{font-size:var(--word-size,2.15rem);letter-spacing:-.025em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cinematic-header .logo-circle{will-change:auto;animation:none;transform:none}@media (prefers-reduced-motion:no-preference){.cinematic-entering>div{overflow:hidden}.cinematic-entering .logo-circle--large{animation:.85s cubic-bezier(.22,.7,.25,1) 2.12s both cinematic-enter-large;--logo-light-angle:10deg!important}.cinematic-entering .logo-circle--bottom{animation:.85s cubic-bezier(.22,.7,.25,1) 2.67s both cinematic-enter-bottom;--logo-light-angle:280deg!important}.cinematic-entering .logo-circle--small{animation:.85s cubic-bezier(.22,.7,.25,1) 3.22s both cinematic-enter-small;--logo-light-angle:73deg!important}.cinematic-measuring .logo-circle{margin-top:0!important;margin-left:0!important;transform:none!important}}@keyframes cinematic-enter-large{0%{border-radius:50%;margin-left:75px;transform:rotate(135deg)}35%,75%{border-radius:5% 50% 50%;transform:rotate(135deg)}to{border-radius:50%;margin-left:0;transform:rotate(135deg)}}@keyframes cinematic-enter-bottom{0%{border-radius:50%;margin-top:80px;transform:rotate(-135deg)}35%,75%{border-radius:5% 50% 50%;transform:rotate(-135deg)}to{border-radius:50%;margin-top:0;margin-left:0;transform:rotate(-135deg)}}@keyframes cinematic-enter-small{0%{border-radius:50%;margin-top:-110px;margin-left:55px;transform:rotate(72deg)}35%,75%{border-radius:5% 50% 50%;transform:rotate(72deg)}to{border-radius:50%;margin-top:0;margin-left:0;transform:rotate(72deg)}}.architecture{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;align-items:center;gap:clamp(40px,7vw,110px);width:min(90%,1200px);margin:auto;display:grid;position:absolute;inset:0}.grain-surface{border:1px solid color-mix(in srgb, var(--foreground) 15%, transparent);background:color-mix(in srgb, var(--background) 93%, #a0a1cf);border-radius:14px;box-shadow:0 12px 40px -28px #434a5f66}.grain-surface:after{content:"";border-radius:inherit;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' filter='url(%23n)' d='M0 0h200v200H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.architecture-inputs-group{flex-direction:column;gap:14px;display:flex}.architecture-legacy-tag{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);padding-left:2px;font-size:11px}.architecture-inputs{gap:16px;display:grid}.architecture-input{height:62px;position:relative}.architecture-card{align-items:center;padding:12px 14px 12px 42px;display:flex;position:absolute;inset:0}.architecture-card p{letter-spacing:-.025em;margin:0;font-size:clamp(12px,1.25vw,17px)}.cinematic-dot-target{border-radius:50%;width:12px;height:12px;position:absolute;top:25px;left:17px}.architecture-product{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:260px;display:flex;position:relative}.architecture-badge{background:radial-gradient(#a0a1cf1a,#0000 72%);border-radius:40px;justify-content:center;align-items:center;width:100%;min-height:150px;display:flex;position:relative}.architecture-word-anchor{letter-spacing:-.025em;visibility:hidden;white-space:nowrap;font-size:clamp(22px,3vw,38px)}.architecture-core-glow{border-radius:inherit;position:absolute;inset:-2px;box-shadow:0 0 60px -6px #a0a1cf66,inset 0 0 36px -8px #a0a1cf44}.architecture-reveal p{letter-spacing:-.025em;margin:0;font-size:clamp(20px,2.6vw,32px);font-weight:500}.architecture-reveal span{font-family:var(--font-mono), monospace;letter-spacing:.14em;color:var(--muted-foreground);margin-top:12px;font-size:11px;display:block}.architecture-lower{justify-content:center;width:100%;margin-top:28px;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)}.architecture-waitlist{opacity:0;width:100%;max-width:460px}.architecture-footer-dock{flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:clamp(28px,6vh,64px);left:50%;transform:translate(-50%)}.architecture-copyright{color:var(--muted-foreground);opacity:0;pointer-events:auto;white-space:nowrap;flex-direction:column;align-items:center;gap:4px;font-size:13px;display:flex}.architecture-dock-anchor{visibility:hidden;pointer-events:none;justify-content:center;align-items:center;gap:3px;display:flex}.architecture-dock-logo{flex-shrink:0}.architecture-dock-word{white-space:nowrap;font-size:clamp(18px,2.4vw,32px)}@media (max-width:700px){.architecture{grid-template-columns:1fr;align-content:center;gap:48px;width:88%;padding-top:35px}.architecture-inputs{gap:12px}.architecture-input{height:54px}.architecture-card{border-radius:10px;padding:9px 8px 9px 30px}.cinematic-dot-target{width:10px;height:10px;top:22px;left:11px}.architecture-product{gap:22px;min-height:210px}.architecture-badge{min-height:110px}}@media (prefers-reduced-motion:reduce){.cinematic-intro{height:auto}.cinematic-stage{height:auto;position:relative}.cinematic-hero{position:relative}.architecture{min-height:560px;position:relative}.architecture-word-anchor{visibility:visible}.cinematic-dot-target{z-index:1;background:#a0a1cf}.architecture-input:nth-child(2) .cinematic-dot-target{background:#9f9f9f}.architecture-input:nth-child(3) .cinematic-dot-target{background:#434a5f}}.architecture-card{text-align:center;box-shadow:none;background:0 0;justify-content:center;padding-left:16px}.cinematic-header .logo-circle{aspect-ratio:auto}.cinematic-header .logo-circle--large{height:43.75%}.cinematic-header .logo-circle--small{height:12.07%}.cinematic-header .logo-circle--bottom{height:21.43%}@media (prefers-reduced-motion:reduce){.cinematic-dot-target{display:none}}.cinematic-header{--header-surface-opacity:1;background:0 0;border:0}.cinematic-header:before{content:"";background:var(--background);border-bottom:1px solid var(--border);opacity:var(--header-surface-opacity);pointer-events:none;position:absolute;inset:0}.cinematic-header>div{position:relative}.architecture-card{z-index:41;color:#151722;border:0}.architecture-card:after{display:none}.architecture-input:nth-child(3) .architecture-card{color:#fff}@media (prefers-reduced-motion:reduce){.architecture-card{background:linear-gradient(145deg,#d4d5e9,#a0a1cf 55%,#8081a6)}.architecture-input:nth-child(2) .architecture-card{background:linear-gradient(145deg,#d4d4d4,#9f9f9f 55%,#7f7f7f)}.architecture-input:nth-child(3) .architecture-card{background:linear-gradient(145deg,#aaaeb7,#434a5f 55%,#363b4c)}}.architecture-brand-anchor{visibility:hidden;justify-content:center;align-items:center;gap:3px;display:flex}.architecture-logo-anchor{flex-shrink:0}.architecture-word-anchor{font-size:clamp(18px,2.4vw,32px)}@media (prefers-reduced-motion:reduce){.architecture-brand-anchor{visibility:visible}.architecture-waitlist,.architecture-copyright{opacity:1}.architecture-dock-anchor{visibility:visible}}.architecture-card{text-align:center;border-radius:20px;justify-content:center;padding:12px 16px}.architecture-card p{font-family:var(--font-sans), sans-serif;letter-spacing:.01em;font-size:clamp(16px,1.5vw,20px);font-weight:500;line-height:1.25}.architecture-card p:first-letter{text-transform:uppercase}.cinematic-dot-target{top:calc(50% - 6px)}.cinematic-header .logo-circle{box-shadow:inset 0 1px #ffffff30,0 8px 24px -16px #12172555}.cinematic-header .logo-circle:after{opacity:.12}@media (max-width:700px){.cinematic-dot-target{top:calc(50% - 5px)}}
.logo-intro{z-index:1000;background:var(--background);pointer-events:auto;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.logo-intro:before{content:"";z-index:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.logo-intro .logo-circle{will-change:transform;overflow:hidden}.logo-intro-mark{z-index:1;width:min(54vw,46svh,300px);position:relative}.logo-intro-mark .iridescent-logo{max-width:100%}
