@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
.landing-root{--land-bg:#080a12;--land-bg-2:#0d1120;--land-bg-card:#111827;--land-bg-card-2:#1a2235;--land-border:#6366f126;--land-border-2:#ffffff0f;--land-accent:#6366f1;--land-accent-2:#818cf8;--land-accent-3:#a5b4fc;--land-rose:#f43f5e;--land-emerald:#10b981;--land-amber:#f59e0b;--land-sky:#0ea5e9;--land-violet:#8b5cf6;--land-text-1:#f8fafc;--land-text-2:#cbd5e1;--land-text-3:#94a3b8;--land-text-4:#64748b;--land-radius:16px;--land-radius-sm:10px;--land-radius-lg:24px;--land-shadow:0 4px 32px #00000080;--land-shadow-lg:0 8px 64px #6366f126;font-family:"Inter", var(--font-inter), system-ui, sans-serif;background-color:var(--land-bg);color:var(--land-text-1);line-height:1.65;overflow-x:hidden}.landing-container{max-width:1200px;margin:0 auto;padding:0 24px}.btn-primary{background:var(--land-accent);color:#fff;cursor:pointer;letter-spacing:-.01em;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex}.btn-primary:hover{background:var(--land-accent-2);transform:translateY(-1px);box-shadow:0 8px 24px #6366f159}.btn-ghost{color:var(--land-text-2);border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s;display:inline-flex}.btn-ghost:hover{color:var(--land-text-1);border-color:var(--land-border-2);background:#ffffff0f}.btn-hero-primary{background:linear-gradient(135deg, var(--land-accent), #8b5cf6);color:#fff;letter-spacing:-.02em;border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 8px 32px #6366f166}.btn-hero-primary:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 12px 40px #6366f18c}.btn-hero-ghost{color:var(--land-text-2);border:1px solid var(--land-border-2);border-radius:12px;align-items:center;gap:8px;padding:14px 24px;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s;display:inline-flex}.btn-hero-ghost:hover{color:var(--land-text-1);background:#ffffff0d}.section-header{text-align:center;margin-bottom:64px}.section-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--land-accent-2);background:#6366f11f;border:1px solid #6366f140;border-radius:999px;align-items:center;gap:6px;margin-bottom:20px;padding:5px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.section-title{letter-spacing:-.03em;color:var(--land-text-1);margin:0 0 20px;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.12}.section-subtitle{color:var(--land-text-3);max-width:560px;margin:0 auto;font-size:1.05rem;line-height:1.7}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--land-border-2);background:#080a12d9;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;height:64px;display:flex}.nav-logo{color:var(--land-text-1);align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon{background:linear-gradient(135deg, var(--land-accent), #8b5cf6);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.logo-text{letter-spacing:-.04em;color:var(--land-text-1);font-size:1.2rem;font-weight:800}.nav-links{align-items:center;gap:4px;display:flex}.nav-link{color:var(--land-text-3);border-radius:8px;padding:6px 12px;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.nav-link:hover{color:var(--land-text-1);background:#ffffff0d}.nav-actions{align-items:center;gap:8px;display:flex}.hero-section{padding:100px 0 0;position:relative;overflow:hidden}.hero-glow{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.hero-glow-1{background:radial-gradient(#6366f12e 0%,#0000 70%);width:600px;height:400px;top:-100px;left:50%;transform:translate(-50%)}.hero-glow-2{background:radial-gradient(#8b5cf61f 0%,#0000 70%);width:400px;height:400px;top:200px;right:-100px}.hero-glow-3{background:radial-gradient(#f43f5e14 0%,#0000 70%);width:300px;height:300px;top:150px;left:-80px}.hero-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.hero-title{letter-spacing:-.04em;max-width:780px;margin:0 0 24px;font-size:clamp(2.6rem,7vw,4.5rem);font-weight:900;line-height:1.08;animation:.7s .1s both slideUp}.hero-title-gradient{background:linear-gradient(135deg, var(--land-accent-2), #e879f9, #fb7185);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--land-text-3);max-width:580px;margin:0 0 40px;font-size:1.15rem;line-height:1.7;animation:.7s .2s both slideUp}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:56px;animation:.7s .3s both slideUp;display:flex}.hero-stats{border:1px solid var(--land-border-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;padding:20px 36px;animation:.8s .5s both fadeIn;display:flex}.hero-stat{flex-direction:column;align-items:center;gap:2px;padding:0 28px;display:flex}.hero-stat-number{letter-spacing:-.03em;color:var(--land-text-1);background:linear-gradient(135deg, var(--land-accent-2), var(--land-accent-3));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.hero-stat-label{color:var(--land-text-4);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.hero-stat-divider{background:var(--land-border-2);width:1px;height:36px}.screenshot-wrapper{margin-top:72px;position:relative}.screenshot-frame{background:var(--land-bg-card);border:1px solid #6366f133;border-radius:16px 16px 0 0;overflow:hidden;box-shadow:0 -4px 60px #6366f126,0 4px 120px #000c}.screenshot-bar{background:var(--land-bg-card-2);border-bottom:1px solid var(--land-border-2);align-items:center;gap:8px;padding:12px 16px;display:flex}.screenshot-dot{border-radius:50%;width:10px;height:10px}.screenshot-dot.red{background:#ff5f57}.screenshot-dot.yellow{background:#febc2e}.screenshot-dot.green{background:#28c840}.screenshot-url{text-align:center;color:var(--land-text-4);background:#0000004d;border-radius:6px;flex:1;max-width:300px;margin:0 auto;padding:4px 12px;font-size:.78rem}.screenshot-img-wrap{width:100%;position:relative}.screenshot-img{object-fit:cover;width:100%;height:auto;display:block}.screenshot-gradient{background:linear-gradient(to bottom, transparent, var(--land-bg));pointer-events:none;height:40%;position:absolute;bottom:0;left:0;right:0}.features-section{background:var(--land-bg);padding:120px 0}.features-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.feature-card{background:var(--land-bg-card);border:1px solid var(--land-border-2);border-radius:var(--land-radius);padding:28px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.feature-card:before{content:"";border-radius:inherit;opacity:0;transition:opacity .3s;position:absolute;inset:0}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #0006}.feature-card--indigo:hover{border-color:#6366f166;box-shadow:0 12px 48px #6366f11f}.feature-card--rose:hover{border-color:#f43f5e66;box-shadow:0 12px 48px #f43f5e1a}.feature-card--amber:hover{border-color:#f59e0b66;box-shadow:0 12px 48px #f59e0b1a}.feature-card--emerald:hover{border-color:#10b98166;box-shadow:0 12px 48px #10b9811a}.feature-card--sky:hover{border-color:#0ea5e966;box-shadow:0 12px 48px #0ea5e91a}.feature-card--violet:hover{border-color:#8b5cf666;box-shadow:0 12px 48px #8b5cf61a}.feature-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;display:flex}.feature-icon--indigo{color:var(--land-accent-2);background:#6366f126}.feature-icon--rose{color:#fb7185;background:#f43f5e26}.feature-icon--amber{color:#fbbf24;background:#f59e0b26}.feature-icon--emerald{color:#34d399;background:#10b98126}.feature-icon--sky{color:#38bdf8;background:#0ea5e926}.feature-icon--violet{color:#a78bfa;background:#8b5cf626}.feature-title{letter-spacing:-.02em;color:var(--land-text-1);margin:0 0 10px;font-size:1.1rem;font-weight:700}.feature-desc{color:var(--land-text-3);margin:0;font-size:.9rem;line-height:1.7}.devices-section{background:linear-gradient(180deg, var(--land-bg) 0%, var(--land-bg-2) 100%);padding:80px 0}.devices-inner{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.devices-content .section-badge{margin-bottom:16px}.devices-content .section-title{text-align:left;margin-bottom:16px}.devices-list{flex-direction:column;gap:12px;margin:0 0 32px;padding:0;list-style:none;display:flex}.devices-list-item{color:var(--land-text-2);align-items:center;gap:10px;font-size:.95rem;font-weight:500;display:flex}.devices-check{color:var(--land-emerald);flex-shrink:0}.devices-visual{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;place-items:stretch stretch;gap:20px;display:grid}.devices-orbit,.devices-orbit--2{display:none}.device-card{background:var(--land-bg-card);border:1px solid var(--land-border-2);color:var(--land-text-3);text-transform:uppercase;letter-spacing:.05em;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px 20px;font-size:.8rem;font-weight:600;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.device-card:hover{border-color:#6366f166;transform:translateY(-3px);box-shadow:0 4px 24px #6366f133}.device-icon{color:var(--land-accent-2)}.device-desktop{grid-area:1/1/3}.device-mobile{grid-area:1/2}.device-cloud{grid-area:2/2}.security-section{background:var(--land-bg-2);padding:120px 0;position:relative;overflow:hidden}.security-section:before{content:"";background:linear-gradient(90deg,#0000,#6366f14d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.security-badge{gap:6px}.security-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:48px;display:grid}.security-card{border:1px solid var(--land-border-2);border-radius:var(--land-radius);background:#0000004d;padding:28px;transition:border-color .2s,box-shadow .2s}.security-card:hover{border-color:#6366f14d;box-shadow:0 8px 32px #6366f114}.security-icon{width:52px;height:52px;color:var(--land-accent-2);background:linear-gradient(135deg,#6366f133,#8b5cf61a);border:1px solid #6366f133;border-radius:14px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.security-card-title{letter-spacing:-.02em;color:var(--land-text-1);margin:0 0 10px;font-size:1rem;font-weight:700}.security-card-desc{color:var(--land-text-3);margin:0;font-size:.88rem;line-height:1.7}.security-banner{border-radius:var(--land-radius-lg);background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border:1px solid #6366f140;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding:36px 40px;display:flex}.security-banner-content{align-items:flex-start;gap:24px;display:flex}.security-banner-icon{color:var(--land-accent-2);flex-shrink:0;margin-top:2px}.security-banner-title{letter-spacing:-.03em;margin:0 0 8px;font-size:1.3rem;font-weight:800}.security-banner-text{color:var(--land-text-3);max-width:480px;margin:0;font-size:.9rem;line-height:1.7}.how-section{background:var(--land-bg);padding:120px 0}.steps-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid;position:relative}.steps-grid:before{content:"";background:linear-gradient(90deg,#0000,#6366f166,#6366f166,#0000);height:1px;position:absolute;top:32px;left:calc(33.33% - 12px);right:calc(33.33% - 12px)}.step-card{background:var(--land-bg-card);border:1px solid var(--land-border-2);border-radius:var(--land-radius);padding:32px 28px;transition:border-color .2s,box-shadow .2s}.step-card:hover{border-color:#6366f14d;box-shadow:0 8px 32px #6366f114}.step-number{letter-spacing:-.04em;background:linear-gradient(135deg, var(--land-accent), var(--land-accent-3));-webkit-text-fill-color:transparent;-webkit-text-fill-color:var(--land-accent-2);background-color:#6366f11a;-webkit-background-clip:text;background-clip:text;border:1px solid #6366f133;border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:18px;font-size:1rem;font-weight:900;display:flex}.step-title{letter-spacing:-.02em;color:var(--land-text-1);margin:0 0 10px;font-size:1.1rem;font-weight:700}.step-desc{color:var(--land-text-3);margin:0;font-size:.9rem;line-height:1.7}.faq-section{background:var(--land-bg-2);padding:120px 0}.faq-contact-link{color:var(--land-accent-2);font-weight:500;text-decoration:none}.faq-contact-link:hover{text-decoration:underline}.faq-list{flex-direction:column;gap:12px;max-width:780px;margin:0 auto;display:flex}.faq-item{background:var(--land-bg-card);border:1px solid var(--land-border-2);border-radius:var(--land-radius-sm);transition:border-color .2s;overflow:hidden}.faq-item:hover,.faq-item[open]{border-color:#6366f14d}.faq-question{cursor:pointer;color:var(--land-text-1);letter-spacing:-.01em;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:.95rem;font-weight:600;list-style:none;transition:color .15s;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question:hover{color:var(--land-accent-3)}.faq-chevron{color:var(--land-text-4);flex-shrink:0;transition:transform .25s}.faq-item[open] .faq-chevron{transform:rotate(180deg)}.faq-answer{color:var(--land-text-3);padding:0 24px 20px;font-size:.9rem;line-height:1.75}.cta-section{background:var(--land-bg);text-align:center;padding:120px 0;position:relative;overflow:hidden}.cta-glow{pointer-events:none;background:radial-gradient(#6366f126 0%,#0000 70%);width:700px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-inner{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.cta-badge{color:var(--land-amber);background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:999px;align-items:center;gap:6px;margin-bottom:24px;padding:5px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.cta-title{letter-spacing:-.04em;color:var(--land-text-1);margin:0 0 20px;font-size:clamp(2rem,5vw,3.2rem);font-weight:900}.cta-subtitle{color:var(--land-text-3);max-width:500px;margin:0 0 40px;font-size:1.05rem;line-height:1.7}.cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.landing-footer{border-top:1px solid var(--land-border-2);background:#00000080;padding:48px 0}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.footer-brand{flex-direction:column;align-items:center;gap:8px;display:flex}.footer-tagline{color:var(--land-text-4);margin:0;font-size:.85rem}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.footer-link{color:var(--land-text-4);border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--land-text-2)}.footer-copy{color:var(--land-text-4);margin:0;font-size:.8rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.nav-links{display:none}.devices-inner{grid-template-columns:1fr;gap:48px}.devices-visual{height:240px}.steps-grid{grid-template-columns:1fr}.steps-grid:before{display:none}.security-banner{flex-direction:column;align-items:flex-start}.features-grid{grid-template-columns:1fr}}@media (max-width:640px){.hero-section{padding:72px 0 0}.hero-stats{gap:0;padding:16px 20px}.hero-stat{padding:0 16px}.nav-actions .btn-ghost{display:none}.hero-actions{text-align:center;flex-direction:column;align-items:stretch}.btn-hero-primary,.btn-hero-ghost{justify-content:center}.security-banner-content{flex-direction:column}.security-grid{grid-template-columns:1fr}}