:root{--bg: #0a0a0a;--bg-2: #141414;--bg-3: #1c1c1c;--fg: #f5f5f5;--fg-dim: #a3a3a3;--fg-dimmer: #737373;--brand: #ffcf00;--brand-hover: #ffdd3a;--brand-fg: #0a0a0a;--accent-1: #ff5e00;--accent-2: #7c3aed;--accent-3: #06b6d4;--danger: #ff6b6b;--border: #262626;--border-hover: #404040;--radius: 14px;--radius-sm: 8px;--radius-lg: 20px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow: 0 8px 32px rgba(0,0,0,.5);--shadow-brand: 0 8px 32px rgba(255, 207, 0, .25)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{position:relative;isolation:isolate}body:before{content:"";position:fixed;top:-20vmax;right:-20vmax;bottom:-20vmax;left:-20vmax;z-index:-2;background:radial-gradient(closest-side at 20% 20%,rgba(255,94,0,.35),transparent 65%),radial-gradient(closest-side at 80% 30%,rgba(124,58,237,.3),transparent 60%),radial-gradient(closest-side at 30% 80%,rgba(6,182,212,.25),transparent 60%),radial-gradient(closest-side at 75% 75%,rgba(255,207,0,.28),transparent 60%);filter:blur(80px) saturate(140%);animation:mesh-drift 22s ease-in-out infinite alternate;will-change:transform;pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.10 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.5;pointer-events:none;mix-blend-mode:overlay}@keyframes mesh-drift{0%{transform:translate(0) rotate(0) scale(1)}50%{transform:translate(3vmax,-2vmax) rotate(8deg) scale(1.08)}to{transform:translate(-2vmax,4vmax) rotate(-6deg) scale(1.05)}}@media (prefers-reduced-motion: reduce){body:before{animation:none}}a{color:inherit;text-decoration:none;transition:color .15s ease}a:hover{color:var(--brand)}button{font-family:inherit;cursor:pointer}img,svg{max-width:100%;display:block}.container{max-width:1120px;margin:0 auto;padding:0 20px}@media (max-width: 640px){.container{padding:0 16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;min-height:48px;border-radius:var(--radius);border:none;font-weight:600;font-size:16px;transition:transform .06s ease,background .15s ease,box-shadow .2s ease,opacity .15s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:var(--brand-fg);box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){background:var(--brand-hover);transform:translateY(-1px)}.btn-ghost{background:#ffffff08;color:var(--fg);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover:not(:disabled){background:#ffffff0f;border-color:var(--border-hover)}.btn-lg{padding:18px 32px;font-size:17px;min-height:56px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#ffffff0d;color:var(--fg-dim);font-size:13px;font-weight:500;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.card{background:#141414b3;border:1px solid var(--border);border-radius:var(--radius);padding:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.card:hover{border-color:var(--border-hover)}input[type=email],input[type=text]{width:100%;padding:14px 16px;min-height:48px;border-radius:var(--radius);border:1px solid var(--border);background:#141414b3;color:var(--fg);font-size:16px;font-family:inherit;transition:border-color .15s,background .15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}input[type=email]:focus,input[type=text]:focus{outline:none;border-color:var(--brand);background:#141414e6}.hero{padding:100px 0 60px;text-align:center}.hero h1{font-size:clamp(34px,6vw,60px);line-height:1.03;margin:20px 0;font-weight:800;letter-spacing:-.03em}.hero h1 .brand-text{color:var(--brand);position:relative;display:inline-block}.hero h1 .brand-text:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:3px;background:var(--brand);border-radius:2px;opacity:.6}.hero .sub{font-size:clamp(16px,2.2vw,20px);color:var(--fg-dim);max-width:640px;margin:0 auto 36px;line-height:1.5}.hero .cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (max-width: 640px){.hero{padding:60px 0 40px}.hero .cta-row{flex-direction:column;align-items:stretch}.hero .cta-row .btn{width:100%}}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin:40px 0}.showcase-item{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:1 / 1;background:var(--bg-2);border:1px solid var(--border);position:relative}.showcase-arrow{display:none}@media (max-width: 720px){.showcase{grid-template-columns:1fr;gap:16px}}.section{padding:80px 0;position:relative}.section h2{font-size:clamp(26px,4vw,40px);margin:0 0 12px;font-weight:700;letter-spacing:-.02em}.section-sub{color:var(--fg-dim);font-size:17px;margin:0 0 40px;max-width:640px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:32px}.step-card{padding:28px}.step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--brand);color:var(--brand-fg);font-weight:700;font-size:18px;margin-bottom:16px}.step-card strong{display:block;font-size:18px;margin-bottom:8px}.step-card p{color:var(--fg-dim);margin:0;line-height:1.5}.pack-list{list-style:none;padding:0;margin:32px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.pack-list li{padding:16px 20px;background:#14141480;border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pack-list .num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--brand);color:var(--brand-fg);font-weight:700;font-size:13px;flex-shrink:0}.faq details{border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;margin-bottom:12px;background:#14141480;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .15s}.faq details[open]{border-color:var(--border-hover)}.faq summary{cursor:pointer;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:24px;font-weight:300;color:var(--fg-dim);transition:transform .15s}.faq details[open] summary:after{content:"−";color:var(--brand)}.faq p{color:var(--fg-dim);margin:12px 0 0;line-height:1.6}.text-dim{color:var(--fg-dim)}.text-brand{color:var(--brand)}.text-center{text-align:center}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.site-header{padding:20px 0;position:sticky;top:0;z-index:10;background:#0a0a0a99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.site-header .container{display:flex;align-items:center;justify-content:space-between}.logo{font-weight:800;font-size:20px;letter-spacing:-.03em;color:var(--fg)}.logo .dot{color:var(--brand)}.site-footer{padding:32px 0 48px;margin-top:60px;color:var(--fg-dimmer);font-size:13px;border-top:1px solid var(--border)}.site-footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.reveal{opacity:0;transform:translateY(20px);animation:reveal .6s ease-out forwards}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes photo-in{0%{opacity:0;transform:scale(1.04);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}
