:root{--bg-primary: #0B0B0C;--bg-secondary: #111113;--bg-elevated: #19191B;--surface: #1C1C1F;--surface-elevated: #232326;--surface-hover: #2A2A2E;--text-primary: #F0EFEE;--text-secondary: #A8A8AD;--text-muted: #6B6B70;--text-subtle: #4A4A4F;--brand-primary: #E8E7E6;--brand-secondary: #C8C8CC;--brand-mark: #3A3A3E;--brand-mark-light: #55555A;--accent: #D4D3D1;--accent-hover: #EEEDEB;--accent-glow: rgba(224, 223, 220, .12);--border-subtle: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .15);--glow-primary: rgba(240, 239, 238, .06);--glow-strong: rgba(240, 239, 238, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--content-max: 1400px;--side-panel-width: 260px;--center-width: 580px;--hero-gap: 60px;--font-stack: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, system-ui, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-md: 18px;--font-size-lg: 24px;--font-size-xl: 32px;--font-size-2xl: 48px;--font-size-hero: clamp(42px, 6vw, 72px);--leading-tight: 1.1;--leading-normal: 1.5;--leading-relaxed: 1.7;--tracking-tight: -.03em;--tracking-normal: -.01em;--tracking-wide: .02em;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .6s;--duration-entrance: .8s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%}body{height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-stack);font-size:var(--font-size-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%;height:auto}button{border:none;background:none;font:inherit;cursor:pointer;color:inherit}::selection{background:#f0efee2e;color:var(--text-primary)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#app{position:relative;min-height:100vh;display:flex;flex-direction:column}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.15}.bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 900px 600px at 50% 40%,var(--glow-primary),transparent 60%),linear-gradient(180deg,var(--bg-primary) 0%,transparent 30%,transparent 70%,var(--bg-primary) 100%)}.bg-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;pointer-events:none}.brand-bar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0b0b0cb3;border-bottom:1px solid var(--border-subtle)}.brand-bar__icon{width:28px;height:28px;border-radius:7px;box-shadow:0 2px 8px #0000004d}.brand-bar__name{font-size:var(--font-size-sm);font-weight:600;letter-spacing:var(--tracking-normal);color:var(--text-secondary)}.hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:80px var(--space-lg) var(--space-2xl)}.hero__layout{display:grid;grid-template-columns:var(--side-panel-width) 1fr var(--side-panel-width);gap:var(--hero-gap);align-items:center;max-width:var(--content-max);width:100%}.features{display:flex;flex-direction:column;gap:var(--space-xl);list-style:none}.features--left{text-align:right}.features--right{text-align:left}.feature{display:flex;flex-direction:column;gap:var(--space-xs);opacity:0;animation:feature-in var(--duration-entrance) var(--ease-out) forwards}.features--left .feature{align-items:flex-end}.features--right .feature{align-items:flex-start}.feature__number{font-size:var(--font-size-xs);font-weight:500;letter-spacing:var(--tracking-wide);color:var(--text-subtle);font-variant-numeric:tabular-nums}.feature__title{font-size:var(--font-size-sm);font-weight:600;letter-spacing:var(--tracking-normal);color:var(--text-primary);line-height:var(--leading-tight)}.feature__desc{font-size:var(--font-size-xs);color:var(--text-muted);line-height:var(--leading-relaxed);max-width:220px}.features--left .feature__desc{margin-left:auto}.feature:nth-child(1){animation-delay:.4s}.feature:nth-child(2){animation-delay:.5s}.feature:nth-child(3){animation-delay:.6s}.feature:nth-child(4){animation-delay:.7s}.center-col{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.product-visual{position:relative;display:flex;align-items:center;justify-content:center}.product-visual__glow{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(240,239,238,.07) 0%,rgba(240,239,238,.03) 40%,transparent 70%);pointer-events:none}.product-visual__frame{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:180px;height:180px;border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border-medium);box-shadow:0 4px 16px #0006,0 16px 48px #0000004d,inset 0 1px #ffffff0d;opacity:0;animation:logo-entrance var(--duration-entrance) var(--ease-out) forwards;animation-delay:.1s}.product-visual__logo{width:140px;height:140px;border-radius:18%}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.product-visual__frame--loaded{animation:logo-entrance var(--duration-entrance) var(--ease-out) forwards,logo-float 6s var(--ease-in-out) infinite;animation-delay:.1s,1s}.product-info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm)}.product-info__wordmark{font-size:var(--font-size-lg);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--text-primary);opacity:0;animation:fade-up var(--duration-entrance) var(--ease-out) forwards;animation-delay:.25s}.product-info__platform{font-size:var(--font-size-sm);font-weight:400;color:var(--text-muted);letter-spacing:var(--tracking-normal);opacity:0;animation:fade-up var(--duration-entrance) var(--ease-out) forwards;animation-delay:.32s}.headline{margin-top:var(--space-md);font-size:var(--font-size-hero);font-weight:700;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-primary);text-align:center;max-width:680px;opacity:0;animation:fade-up var(--duration-entrance) var(--ease-out) forwards;animation-delay:.35s}.description{margin-top:var(--space-sm);font-size:var(--font-size-md);color:var(--text-secondary);text-align:center;max-width:480px;line-height:var(--leading-normal);opacity:0;animation:fade-up var(--duration-entrance) var(--ease-out) forwards;animation-delay:.42s}.cta-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-top:var(--space-xl);opacity:0;animation:fade-up var(--duration-entrance) var(--ease-out) forwards;animation-delay:.5s}.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 36px;border-radius:var(--radius-lg);background:var(--text-primary);color:var(--bg-primary);font-size:var(--font-size-base);font-weight:600;letter-spacing:var(--tracking-normal);box-shadow:0 1px #ffffff1a inset,0 8px 24px #0000004d,0 2px 8px #0003;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.download-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 1px #ffffff1a inset,0 12px 32px #00000059,0 4px 12px #00000040}.download-btn:active{transform:translateY(0) scale(.98);box-shadow:0 1px #ffffff1a inset,0 4px 12px #0000004d}.download-btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}.download-btn__icon{display:flex;align-items:center}.download-btn__icon svg{width:16px;height:16px}.cta-meta{font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide)}.page-footer{position:relative;z-index:1;text-align:center;padding:var(--space-lg);font-size:var(--font-size-xs);color:var(--text-subtle)}.page-footer a{color:var(--text-subtle);transition:color var(--duration-fast) var(--ease-out)}.page-footer a:hover{color:var(--text-muted)}@keyframes logo-entrance{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes feature-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1099px) and (min-width: 768px){:root{--side-panel-width: 200px;--hero-gap: 40px}.product-visual__frame{width:150px;height:150px}.product-visual__logo{width:115px;height:115px}.product-visual__glow{width:260px;height:260px}}@media (max-width: 767px){.hero{padding:100px var(--space-lg) var(--space-xl);min-height:100dvh}.hero__layout{grid-template-columns:1fr;gap:0;justify-items:center}.center-col{order:-1}.features{gap:var(--space-lg);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--border-subtle)}.features--left,.features--right{text-align:center}.features--left .feature,.features--right .feature{align-items:center}.features--left .feature__desc,.features--right .feature__desc{margin-left:auto;margin-right:auto;text-align:center}.product-visual__frame{width:140px;height:140px}.product-visual__logo{width:108px;height:108px}.product-visual__glow{width:220px;height:220px}.headline{font-size:clamp(32px,8vw,48px)}.download-btn{width:100%;max-width:320px}}@media (prefers-reduced-motion: reduce){.product-visual__frame,.product-visual__frame--loaded,.product-info__wordmark,.product-info__platform,.headline,.description,.cta-area,.feature{animation:none!important;opacity:1!important;transform:none!important}.download-btn:hover{transform:none}.bg-video{animation:none}}
