:root{--color-bg: #000000;--color-bg-subtle: #0a0a0a;--color-surface: #111111;--color-border: #222222;--color-border-subtle: #1a1a1a;--color-text: #ffffff;--color-text-secondary: #b8b8b8;--color-text-muted: #999999;--color-accent: #c8a44e;--color-accent-hover: #dbb960;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.75rem;--text-5xl: 3.5rem;--text-6xl: 4.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--max-width: 1120px;--header-height: 3.5rem;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}img,svg{display:block;max-width:100%}a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-text)}h1,h2,h3,h4,h5,h6{line-height:1.1;font-weight:700;color:var(--color-text);letter-spacing:-.02em}p{color:var(--color-text-secondary);font-weight:400}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;top:-100%;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-accent);color:#000;border-radius:var(--radius-md);z-index:1000;font-weight:600}.skip-link:focus{top:var(--space-4);color:#000}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.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}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.fade-in{opacity:1;transform:none}}.header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);background:#000000b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-nav{display:flex;align-items:center;justify-content:space-between;height:100%}.header-logo{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:600;font-size:var(--text-sm);letter-spacing:.02em}.header-logo svg{display:inline-block}.header-logo:hover{color:var(--color-text)}.brand-parent{font-size:var(--text-base);font-weight:600;color:var(--color-text)}.brand-separator{font-size:var(--text-sm);font-weight:400;color:var(--color-text-muted);opacity:.5}.brand-product{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}.nav-links{display:flex;align-items:center;gap:var(--space-8);list-style:none}.nav-links a{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:400;transition:color var(--transition-fast)}.nav-links a:hover{color:var(--color-text)}.menu-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:var(--space-2)}.menu-bar{display:block;width:18px;height:1.5px;background:var(--color-text);border-radius:1px;transition:transform var(--transition-fast),opacity var(--transition-fast)}.menu-toggle.open .menu-bar:nth-child(1){transform:rotate(45deg) translate(3px,3px)}.menu-toggle.open .menu-bar:nth-child(2){transform:rotate(-45deg) translate(1px,-1px)}@media(max-width:640px){.menu-toggle{display:flex}.nav-links{position:fixed;top:var(--header-height);left:0;right:0;flex-direction:column;gap:0;padding:var(--space-4) var(--space-6);background:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform var(--transition-base),opacity var(--transition-base)}.nav-links.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-links a{display:block;padding:var(--space-3) 0;font-size:var(--text-base)}}.footer{padding:var(--space-12) var(--space-6) var(--space-8);border-top:1px solid var(--color-border-subtle);margin-top:auto}.footer .container{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.footer-links{display:flex;gap:var(--space-6);flex-wrap:wrap;justify-content:center}.footer-links a{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:400;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-text-secondary)}.footer-copy{font-size:var(--text-xs);color:var(--color-text-muted)}.cookie-banner{position:fixed;bottom:var(--space-6);left:var(--space-6);right:var(--space-6);max-width:420px;padding:var(--space-5) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 10px 40px #00000080;z-index:200;display:flex;flex-direction:column;gap:var(--space-4)}.cookie-banner p{font-size:var(--text-sm);line-height:1.6;color:var(--color-text-secondary);font-weight:300}.cookie-banner a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.cookie-banner-actions{display:flex;gap:var(--space-3)}.cookie-btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:400;cursor:pointer;border:none;font-family:inherit;transition:all var(--transition-fast)}.cookie-btn.accept{background:var(--color-text);color:var(--color-bg)}.cookie-btn.accept:hover{background:var(--color-text-secondary)}.cookie-btn.decline{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.cookie-btn.decline:hover{color:var(--color-text-secondary);border-color:var(--color-text-muted)}@media(max-width:480px){.cookie-banner{left:var(--space-3);right:var(--space-3);bottom:var(--space-3)}}.hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:calc(var(--header-height) + var(--space-16)) var(--space-6) var(--space-8);overflow:hidden}.hero-glow{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(200,164,78,.08) 0%,transparent 60%);filter:blur(80px);pointer-events:none}.hero-content{position:relative;z-index:1;text-align:center;max-width:680px;margin:0 auto}.hero-title{font-size:var(--text-6xl);font-weight:700;line-height:1.05;margin-bottom:var(--space-6);letter-spacing:-.03em}.hero-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);max-width:480px;margin:0 auto var(--space-16);line-height:1.6;font-weight:300}.hero-device{display:flex;justify-content:center}.device-frame{width:280px;height:560px;border-radius:var(--radius-3xl);border:2px solid var(--color-border);background:var(--color-surface);padding:var(--space-2);box-shadow:0 0 0 1px #ffffff0d,0 20px 60px #00000080}.device-screen{width:100%;height:100%;border-radius:calc(var(--radius-3xl) - 6px);background:var(--color-bg-subtle);display:flex;align-items:center;justify-content:center;overflow:hidden}.device-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--color-text-muted)}.device-placeholder span{font-size:var(--text-sm);font-weight:400}@media(max-width:768px){.hero-title{font-size:var(--text-5xl)}.hero-subtitle{font-size:var(--text-lg)}.device-frame{width:240px;height:480px}}@media(max-width:480px){.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-base);margin-bottom:var(--space-12)}.device-frame{width:200px;height:400px}}.features{padding:var(--space-24) var(--space-6) var(--space-32)}.features>.container>.features-title{font-size:var(--text-4xl);font-weight:700;text-align:center;margin-bottom:var(--space-16);letter-spacing:-.02em}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.feature-item{padding:var(--space-8) var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);background:transparent;transition:border-color var(--transition-base)}.feature-item:hover{border-color:var(--color-border)}.feature-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;color:var(--color-accent);margin-bottom:var(--space-5)}.feature-item>.feature-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-3);letter-spacing:-.01em}.feature-description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7;font-weight:300}@media(max-width:768px){.features{padding:var(--space-16) var(--space-6) var(--space-20)}.features>.container>.features-title{font-size:var(--text-3xl);margin-bottom:var(--space-10)}.features-grid{grid-template-columns:1fr;gap:var(--space-4)}}@media(min-width:769px)and (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}.beta-cta{padding:var(--space-32) var(--space-6)}.beta-cta-inner{text-align:center;max-width:600px;margin:0 auto;padding:var(--space-16) var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);position:relative}.beta-cta-badge{display:inline-block;padding:var(--space-2) var(--space-4);background:#c8a44e1a;color:var(--color-accent);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-md);margin-bottom:var(--space-4)}.beta-cta-inner h2{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-4);letter-spacing:-.02em}.beta-cta-inner p{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-8);font-weight:300}.beta-cta-button{display:inline-block;padding:var(--space-4) var(--space-8);background:var(--color-accent);color:#000;text-decoration:none;font-weight:600;font-size:var(--text-base);border-radius:var(--radius-md);transition:all var(--transition-fast)}.beta-cta-button:hover{background:var(--color-accent-hover);transform:translateY(-2px)}.beta-cta-button:active{transform:translateY(0)}@media(max-width:768px){.beta-cta{padding:var(--space-20) var(--space-6)}.beta-cta-inner{padding:var(--space-12) var(--space-6)}.beta-cta-inner h2{font-size:var(--text-3xl)}.beta-cta-inner p{font-size:var(--text-base)}}.showcase{padding:var(--space-32) var(--space-6)}.showcase-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.showcase.reverse .showcase-inner{direction:rtl}.showcase.reverse .showcase-text,.showcase.reverse .showcase-device{direction:ltr}.showcase-text h2{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-5);letter-spacing:-.02em}.showcase-text p{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7;font-weight:300}.showcase-device{display:flex;justify-content:center}.showcase-frame{width:240px;height:480px;border-radius:var(--radius-3xl);border:2px solid var(--color-border);background:var(--color-surface);padding:var(--space-2);box-shadow:0 20px 60px #0006}.showcase-screen{width:100%;height:100%;border-radius:calc(var(--radius-3xl) - 6px);background:var(--color-bg-subtle)}.callout{padding:var(--space-32) var(--space-6)}.callout-inner{text-align:center;max-width:640px;margin:0 auto}.callout h2{font-size:var(--text-5xl);font-weight:700;margin-bottom:var(--space-6);letter-spacing:-.03em}.callout p{font-size:var(--text-xl);color:var(--color-text-secondary);font-weight:300;line-height:1.6}@media(max-width:768px){.showcase{padding:var(--space-20) var(--space-6)}.showcase-inner{grid-template-columns:1fr;gap:var(--space-10);text-align:center}.showcase.reverse .showcase-inner{direction:ltr}.showcase-text h2{font-size:var(--text-3xl)}.showcase-frame{width:200px;height:400px}.callout{padding:var(--space-20) var(--space-6)}.callout h2{font-size:var(--text-4xl)}.callout p{font-size:var(--text-lg)}}@media(max-width:480px){.showcase-text h2{font-size:var(--text-2xl)}.callout h2{font-size:var(--text-3xl)}}