:root{--bg:#0e0e0d;--surface:#191917;--surface2:#222220;--surface3:#2a2a27;--border:#ffffff12;--border-bright:#ffffff21;--accent:#f97316;--accent-dim:#f9731626;--accent-border:#f973164d;--green:#34d399;--green-dim:#34d3991f;--indigo:#818cf8;--indigo-dim:#818cf81f;--text:#f0ebe2;--text-dim:#a09b93;--text-faint:#5a5750;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--radius:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;font-weight:300;line-height:1.8;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.glow-field{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.glow-field span{filter:blur(160px);border-radius:50%;position:absolute}.glow-field .g1{background:#a855f717;width:750px;height:750px;top:-250px;left:-200px}.glow-field .g2{background:#3b82f614;width:650px;height:650px;top:-100px;right:-180px}.glow-field .g3{background:#ec489912;width:600px;height:600px;top:45%;left:-150px}.glow-field .g4{background:#14b8a612;width:580px;height:580px;top:35%;right:-150px}.glow-field .g5{background:#f973160f;width:700px;height:700px;bottom:-200px;left:50%;transform:translate(-50%)}nav{z-index:200;-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#0e0e0dd1;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1100px;height:64px;margin:0 auto;padding:0 32px;display:flex}.nav-left{align-items:center;gap:14px;display:flex}.nav-logo{font-family:var(--font-display);color:var(--text);letter-spacing:-.04em;font-size:2.5rem;font-weight:800;text-decoration:none}.nav-badge{background:var(--green-dim);color:var(--green);letter-spacing:.12em;text-transform:uppercase;border:1px solid #34d39933;border-radius:99px;padding:3px 9px;font-size:.65rem;font-weight:500}.btn-primary{background:var(--accent);color:#0e0e0d;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;border-radius:99px;align-items:center;gap:7px;padding:10px 24px;font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn-primary:hover{background:#fb923c;transform:translateY(-2px);box-shadow:0 10px 32px #f9731659}.btn-ghost{color:var(--text-dim);font-family:var(--font-body);border:1px solid var(--border-bright);cursor:pointer;background:0 0;border-radius:99px;align-items:center;gap:7px;padding:10px 24px;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s,transform .2s;display:inline-flex}.btn-ghost:hover{color:var(--text);border-color:#ffffff40;transform:translateY(-1px)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:120px 32px 80px;display:flex;position:relative;overflow:hidden}.hero-canvas{z-index:0;position:absolute;inset:0}.hero-content{z-index:1;max-width:780px;position:relative}.hero-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);opacity:0;align-items:center;gap:8px;margin-bottom:28px;font-size:.72rem;font-weight:500;animation:.8s .1s forwards fadeUp;display:inline-flex}.hero-eyebrow:before,.hero-eyebrow:after{content:"";background:var(--accent);opacity:.5;width:28px;height:1px}.hero h1{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text);opacity:0;margin-bottom:28px;font-size:clamp(3rem,6vw,80px);font-weight:800;line-height:1.04;animation:.8s .25s forwards fadeUp}.hero h1 em{color:var(--accent);font-style:normal}.hero-sub{color:var(--text-dim);opacity:0;max-width:540px;margin:0 auto 44px;font-size:clamp(1rem,2vw,1.15rem);font-weight:300;line-height:1.8;animation:.8s .4s forwards fadeUp}.hero-ctas{opacity:0;flex-wrap:wrap;justify-content:center;gap:14px;animation:.8s .55s forwards fadeUp;display:flex}.hero-scroll{opacity:0;flex-direction:column;align-items:center;gap:6px;animation:.8s 1s forwards fadeUp;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom, var(--accent), transparent);width:1px;height:36px;animation:2s ease-in-out infinite scrollPulse}section{z-index:1;position:relative}.section-inner{max-width:1100px;margin:0 auto;padding:0 32px}.section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;font-size:.68rem;font-weight:500}.section-heading{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text);margin-bottom:20px;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.1}.section-heading em{color:var(--accent);font-style:normal}.section-sub{color:var(--text-dim);max-width:520px;font-size:1rem;font-weight:300;line-height:1.8}.features-section{padding:120px 0;position:relative}.features-section:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(#0e0e0d 0%,#0000 100%);height:220px;position:absolute;top:0;left:0;right:0}.features-header{margin-bottom:64px}.features-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.feature-card{border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);background:#1414128c;border:1px solid #ffffff17;padding:36px 32px;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;display:block;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff0d}.feature-card:before{content:"";opacity:0;background:radial-gradient(at 30% 0,#f973160f 0%,#0000 65%);transition:opacity .4s;position:absolute;inset:0}.feature-card:hover{border-color:var(--accent-border);box-shadow:0 20px 60px #0006}.feature-card:hover:before{opacity:1}.card-icon{background:var(--surface3);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;font-size:1.5rem;display:flex}.card-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text);margin-bottom:10px;font-size:1.2rem;font-weight:700}.card-desc{color:var(--text-dim);margin-bottom:24px;font-size:.88rem;font-weight:300;line-height:1.8}.card-link{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:5px;font-size:.75rem;font-weight:500;transition:gap .2s;display:inline-flex}.feature-card:hover .card-link{gap:10px}.stats-section{padding:80px 0}.stats-inner{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.stat-item{-webkit-backdrop-filter:blur(20px);text-align:center;background:#1414128c;padding:52px 40px}.stat-number{font-family:var(--font-display);color:var(--text);letter-spacing:-.04em;margin-bottom:10px;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:800;line-height:1}.stat-number span{color:var(--accent)}.stat-label{letter-spacing:.06em;color:var(--text-dim);font-size:.8rem;font-weight:300}.testimonial-section{padding:100px 0}.testimonial-card{-webkit-backdrop-filter:blur(20px);text-align:center;background:#1414128c;border:1px solid #ffffff17;border-radius:24px;max-width:760px;margin:0 auto;padding:60px 64px;position:relative;overflow:hidden;box-shadow:0 4px 40px #0000004d,inset 0 1px #ffffff0d}.testimonial-card:before{content:"";background:linear-gradient(to right, transparent, var(--accent), transparent);width:300px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.testimonial-quote{font-family:var(--font-display);color:var(--text);letter-spacing:-.04em;margin-bottom:32px;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;line-height:1.35}.testimonial-author{color:var(--text-faint);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:400}.creator-section{padding:100px 0}.creator-card{-webkit-backdrop-filter:blur(20px);text-align:center;background:#1414128c;border:1px solid #ffffff17;border-radius:24px;max-width:820px;margin:0 auto;padding:64px 72px;position:relative;overflow:hidden;box-shadow:0 4px 40px #0000004d,inset 0 1px #ffffff0d}.creator-card:before{content:"";background:linear-gradient(to right, transparent, var(--accent), transparent);width:300px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.creator-eyebrow{letter-spacing:.18em;color:var(--accent);text-transform:uppercase;margin-bottom:20px;font-size:.68rem;font-weight:700}.creator-heading{font-family:var(--font-display);letter-spacing:-.05em;color:var(--text);margin-bottom:32px;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;line-height:1.15}.creator-body{color:var(--text-dim);max-width:640px;margin:0 auto 20px;font-size:1rem;line-height:1.75}.creator-quote{border-left:3px solid var(--accent);text-align:left;max-width:620px;font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;margin:36px auto 0;padding-left:24px;font-size:clamp(1.1rem,2.2vw,1.35rem);font-style:italic;font-weight:700;line-height:1.5}.install-hero{text-align:center;max-width:700px;margin:0 auto;padding:120px 24px 60px}.install-title{font-family:var(--font-display);letter-spacing:-.05em;color:var(--text);margin:16px 0 24px;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;line-height:1.1}.install-sub{color:var(--text-dim);max-width:560px;margin:0 auto;font-size:1.05rem;line-height:1.75}.install-tabs-wrap{max-width:720px;margin:0 auto;padding:0 24px 80px}.install-tabs{background:#1414128c;border:1px solid #ffffff14;border-radius:16px;gap:8px;margin-bottom:32px;padding:6px;display:flex}.install-tab{cursor:pointer;color:var(--text-dim);background:0 0;border:none;border-radius:10px;flex:1;padding:12px 16px;font-size:.9rem;font-weight:600;transition:background .2s,color .2s}.install-tab--active{background:var(--accent);color:#000}.install-steps{flex-direction:column;gap:16px;display:flex}.install-step{background:#1414128c;border:1px solid #ffffff14;border-radius:16px;align-items:flex-start;gap:16px;padding:24px 28px;display:flex}.install-step-num{background:var(--accent);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:800;display:flex}.install-step-icon{flex-shrink:0;margin-top:2px;font-size:1.3rem}.install-step-text{color:var(--text-dim);margin:0;padding-top:4px;font-size:.97rem;line-height:1.6}.install-note{color:var(--text-faint);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;margin-top:8px;padding:16px 20px;font-size:.82rem;line-height:1.5}.install-note-label{color:var(--text-dim);font-weight:700}.privacy-section{border-top:1px solid var(--border);padding:80px 0 100px}.privacy-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:48px;display:grid}.privacy-card{background:var(--surface);border:1px solid var(--border-bright);border-radius:24px;padding:32px 28px;transition:border-color .2s,transform .2s}.privacy-card:hover{border-color:var(--accent-border);transform:translateY(-4px)}.privacy-icon{margin-bottom:16px;font-size:2rem}.privacy-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;margin-bottom:10px;font-size:1rem;font-weight:700}.privacy-desc{color:var(--text-dim);font-size:.9rem;font-weight:300;line-height:1.7}.perspective-section{padding:80px 0 100px}.perspective-heading{font-family:var(--font-display);letter-spacing:-.05em;color:var(--text);text-align:center;margin-bottom:48px;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;line-height:1.15}.perspective-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.perspective-card{-webkit-backdrop-filter:blur(16px);background:#1414128c;border:1px solid #ffffff14;border-radius:20px;padding:36px 32px}.perspective-card--accent{border-color:var(--accent)}.perspective-icon{margin-bottom:16px;font-size:2rem}.perspective-title{color:var(--text);margin-bottom:12px;font-size:1rem;font-weight:700}.perspective-desc{color:var(--text-dim);font-size:.92rem;line-height:1.65}@media (max-width:768px){.perspective-grid{grid-template-columns:1fr}}.cta-section{padding:100px 0 140px}.cta-layout{border:1px solid var(--accent-border);-webkit-backdrop-filter:blur(20px);background:#1414128c;border-radius:28px;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:72px 64px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 80px #f9731612,0 4px 40px #0000004d,inset 0 1px #ffffff0d}.cta-layout:before{content:"";pointer-events:none;background:linear-gradient(135deg,#f973161a,#0000 50%,#818cf80d);border-radius:28px;position:absolute;inset:-1px}.cta-text{z-index:1;position:relative}.cta-globe{z-index:1;border-radius:16px;height:420px;position:relative;overflow:hidden}.cta-heading{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text);margin-bottom:14px;font-size:clamp(2rem,3.5vw,3rem);font-weight:800;line-height:1.1}.cta-sub{color:var(--text-dim);margin-bottom:40px;font-size:.95rem;font-weight:300;line-height:1.8}.cta-fine{color:var(--text-faint);margin-top:18px;font-size:.75rem}.cta-btns{flex-wrap:wrap;gap:14px;display:flex}footer{border-top:1px solid var(--border);text-align:center;z-index:1;padding:48px 32px;position:relative}.footer-logo{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text);margin-bottom:8px;font-size:1.2rem;font-weight:800}.footer-tagline{color:var(--text-faint);margin-bottom:8px;font-size:.82rem}.footer-email{color:var(--text-dim);font-size:.82rem;text-decoration:none;transition:color .2s}.footer-email:hover{color:var(--accent)}.footer-copy{color:var(--text-faint);margin-top:24px;font-size:.74rem}.detail-back{color:var(--text-dim);z-index:1;align-items:center;gap:7px;max-width:1100px;margin:0 auto;padding:32px 32px 0;font-size:.85rem;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.detail-back:hover{color:var(--accent)}.detail-hero{z-index:1;max-width:1100px;margin:0 auto;padding:60px 32px 80px;position:relative}.detail-icon{margin-bottom:28px;font-size:3rem;display:block}.detail-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text);margin-bottom:24px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.05}.detail-title em{color:var(--accent);font-style:normal}.detail-desc{color:var(--text-dim);max-width:600px;margin-bottom:60px;font-size:1.05rem;font-weight:300;line-height:1.85}.video-placeholder{background:var(--surface);border:1px solid var(--border-bright);aspect-ratio:9/16;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:16px;max-width:360px;margin-bottom:80px;display:flex;position:relative;overflow:hidden}.video-placeholder:before{content:"";background:radial-gradient(#f973160a 0%,#0000 70%);position:absolute;inset:0}.video-icon{background:var(--accent-dim);border:1px solid var(--accent-border);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.8rem;display:flex;position:relative}.video-label{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;z-index:1;font-size:.82rem;font-weight:500;position:relative}.detail-cta-section{text-align:center;border-top:1px solid var(--border);z-index:1;padding:80px 32px 120px;position:relative}.detail-cta-heading{font-family:var(--font-display);letter-spacing:-.04em;margin-bottom:14px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.detail-cta-sub{color:var(--text-dim);margin-bottom:36px;font-size:.95rem;font-weight:300}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #34d39980}50%{opacity:.8;transform:scale(1.15);box-shadow:0 0 0 6px #34d39900}}.status-dot{background:var(--green);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:8px;animation:2.2s ease-in-out infinite pulse;display:inline-block}@media (max-width:768px){.stats-inner{grid-template-columns:1fr}.stat-item{padding:36px 28px}.testimonial-card{padding:40px 28px}.cta-layout{grid-template-columns:1fr;gap:0;padding:40px 28px}.cta-globe{display:none}.features-grid{grid-template-columns:1fr}.nav-badge{display:none}.hero{min-height:85svh;padding:90px 24px 80px}.hero h1{font-size:clamp(2.4rem,11vw,5rem)}.section-inner{padding:0 24px}.detail-hero{padding:40px 24px 60px}.features-section:before{height:160px}}
