:root{color-scheme:dark;--background: 0 0% 8%;--surface-subtle: 0 0% 10%;--surface-elevated: 0 0% 12%;--foreground: 0 0% 94%;--text-primary: 0 0% 94%;--text-secondary: 0 0% 78%;--text-tertiary: 0 0% 62%;--primary: 215 16% 47%;--primary-foreground: 0 0% 94%;--border: 0 0% 18%;--input: 0 0% 12%;--ring: 0 0% 60%;--muted: 0 0% 10%;--muted-foreground: 0 0% 62%;--muted-foreground-darker: 0 0% 45%;--card: 0 0% 12%;--card-foreground: 0 0% 94%;--popover: 0 0% 12%;--popover-foreground: 0 0% 94%;--secondary: 0 0% 14%;--secondary-foreground: 0 0% 94%;--accent: 0 0% 14%;--accent-foreground: 0 0% 94%;--destructive: 0 72% 51%;--destructive-foreground: 0 0% 94%;--foreground-emphasis: 0 0% 94%;--success: 142 76% 36%;--warning: 32 95% 44%;--error: 0 72% 51%;--radius-lg: 20px;--radius-md: 16px;--radius-sm: 12px;--shadow-lg: 0 32px 60px hsl(0 0% 0% / .4);--shadow-md: 0 20px 36px hsl(0 0% 0% / .3);--shadow-sm: 0 10px 20px hsl(0 0% 0% / .2);--max-width: 1160px;--font-body: "Inter", "Segoe UI", sans-serif;--font-display: "Inter", "Segoe UI", sans-serif;background:hsl(var(--background));color:hsl(var(--text-primary))}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-body);color:hsl(var(--text-primary));background:radial-gradient(circle at 15% 12%,hsl(var(--primary) / .18),transparent 48%),radial-gradient(circle at 85% 5%,hsl(var(--primary) / .12),transparent 40%),linear-gradient(180deg,hsl(var(--background)),hsl(var(--surface-subtle)) 55%,hsl(var(--background)) 100%)}a{color:inherit;text-decoration:none}main{overflow:hidden}.section{padding:96px 24px}.section.light{background:hsl(var(--surface-elevated))}.section.alt{background:hsl(var(--surface-subtle))}.container{max-width:var(--max-width);margin:0 auto}h1,h2,h3,h4{margin:0;color:hsl(var(--text-primary));font-family:var(--font-display)}h1{font-size:clamp(2.6rem,5vw,4.2rem);line-height:1.05;letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.015em}h3{font-size:clamp(1.4rem,2.4vw,2rem)}p{line-height:1.6;color:hsl(var(--text-secondary));margin:0}.cta-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:999px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;border:1px solid hsl(var(--border));background:hsl(var(--surface-elevated));color:hsl(var(--text-primary));box-shadow:var(--shadow-sm)}.button.primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary));box-shadow:0 16px 30px hsl(var(--primary) / .25)}.button.primary:hover,.button.primary:focus-visible{transform:translateY(-1px);box-shadow:0 18px 36px hsl(var(--primary) / .32)}.button.secondary{background:hsl(var(--surface-subtle));color:hsl(var(--text-secondary));border:1px solid hsl(var(--border));box-shadow:none}.button.secondary:hover,.button.secondary:focus-visible{background:hsl(var(--accent));color:hsl(var(--text-primary))}.hero{padding-top:120px;position:relative}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,hsl(var(--primary) / .12),transparent 52%);pointer-events:none;z-index:0}.hero-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;align-items:center;position:relative;z-index:1}.hero-copy{max-width:560px;z-index:2}.hero-copy p{margin-top:20px;color:hsl(var(--text-secondary));font-size:1.12rem}.hero-badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-badge{padding:8px 14px;border-radius:999px;background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border));font-size:.85rem;color:hsl(var(--text-secondary));box-shadow:var(--shadow-sm)}.hero-visual{position:relative;min-height:520px}.mockup-card{position:absolute;width:320px;padding:24px;border-radius:var(--radius-lg);background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border));box-shadow:var(--shadow-lg);color:hsl(var(--text-primary))}.mockup-card.secondary{width:280px;top:280px;left:200px;background:hsl(var(--surface-subtle));color:hsl(var(--text-primary));border:1px solid hsl(var(--border))}.mockup-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card-tag{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--primary))}.progress{height:6px;border-radius:999px;background:hsl(var(--accent));overflow:hidden;margin-top:12px}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--primary) / .7))}.metric-row{display:flex;gap:24px;margin-top:24px}.metric{flex:1}.metric strong{display:block;font-size:1.3rem;color:hsl(var(--text-primary))}.metric span{color:hsl(var(--text-tertiary));font-size:.9rem}.section-title{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:48px}.section-title p{max-width:520px;color:hsl(var(--text-secondary))}.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--text-primary));background:hsl(var(--surface-subtle));border:1px solid hsl(var(--border));font-weight:700}.grid{display:grid;gap:24px}.grid.col-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid.col-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card{background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border));border-radius:var(--radius-md);padding:32px;box-shadow:var(--shadow-md)}.card h3{margin-bottom:12px}.card p{color:hsl(var(--text-secondary))}.icon-circle{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin-bottom:16px;color:hsl(var(--primary));font-size:1.15rem;font-weight:700;background:hsl(var(--accent))}.card-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:12px}.card-list li{display:grid;gap:6px}.card-list strong{color:hsl(var(--text-primary))}.features-section{padding:96px 24px}.feature-grid{display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.features-header{margin-bottom:20px}.feature-card{border-radius:var(--radius-md);border:1px solid hsl(var(--border));background:hsl(var(--surface-elevated));padding:28px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;min-height:100%}.feature-card h3{margin-top:6px}.feature-card p{color:hsl(var(--text-secondary));font-weight:500}.feature-card ul{margin:8px 0 0;padding-left:18px;display:grid;gap:10px;color:hsl(var(--text-secondary))}.feature-card li{line-height:1.5}.problem-card{display:flex;flex-direction:column}.problem-card .card-list{flex:1;list-style:disc;padding-left:18px}.problem-card .card-list li{display:list-item;padding-left:4px}.how-it-works{position:relative}.timeline{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));position:relative}.timeline:before{content:"";position:absolute;top:40px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,hsl(var(--primary) / .4),hsl(var(--primary) / 0));z-index:0}.step-card{position:relative;z-index:1;padding:24px;border-radius:var(--radius-md);background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border));box-shadow:var(--shadow-sm)}.step-index{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--primary))}.testimonials{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.testimonial{background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border));border-radius:var(--radius-md);padding:28px;box-shadow:var(--shadow-sm)}.testimonial cite{display:block;margin-top:18px;font-style:normal;color:hsl(var(--primary));font-weight:600}.logo-row{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:32px;color:hsl(var(--text-tertiary));font-weight:600;letter-spacing:.08em;text-transform:uppercase}.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.pricing-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:32px}.pricing-card{background:hsl(var(--surface-elevated));border:1px solid hsl(var(--border));border-radius:var(--radius-md);padding:32px;box-shadow:var(--shadow-md)}.pricing-card h3{margin-bottom:12px}.price{font-size:2rem;font-weight:700;color:hsl(var(--primary))}.faq{display:grid;gap:16px;margin-top:32px}.faq-item{border-radius:var(--radius-md);border:1px solid hsl(var(--border));background:hsl(var(--surface-elevated));padding:24px;box-shadow:var(--shadow-sm)}.faq-item summary{font-weight:600;cursor:pointer;font-size:1.05rem;list-style:none;color:hsl(var(--text-primary))}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open]{border-color:hsl(var(--ring));box-shadow:0 12px 24px hsl(var(--ring) / .12)}.result-inline{margin:16px 0 0;padding:8px 12px;border-left:3px solid hsl(var(--primary) / .6);display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:hsl(var(--text-secondary));font-size:.95rem;font-weight:600}.result-inline p{margin:0;color:hsl(var(--text-primary));font-size:1rem;font-weight:600}.final-cta{display:grid;gap:24px;align-items:center;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form{display:grid;gap:16px}label{font-size:.9rem;color:hsl(var(--text-secondary))}input[type=email]{width:100%;padding:16px 18px;border-radius:var(--radius-sm);border:1px solid hsl(var(--border));background:hsl(var(--input));color:hsl(var(--text-primary));font-size:1rem}input[type=email]:focus{outline:2px solid hsl(var(--ring));outline-offset:2px}.microcopy{font-size:.82rem;color:hsl(var(--text-tertiary))}header{position:sticky;top:0;z-index:10;background:hsl(var(--surface-elevated) / .9);backdrop-filter:blur(12px);border-bottom:1px solid hsl(var(--border))}nav{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;max-width:var(--max-width);margin:0 auto}.nav-links{display:flex;gap:24px;align-items:center}.nav-links a{font-weight:500;color:hsl(var(--text-secondary))}.nav-links a:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px;border-radius:6px}footer{padding:48px 24px;color:hsl(var(--text-tertiary));font-size:.85rem;text-align:center}@media (max-width: 960px){.mockup-card{position:relative;width:100%;max-width:360px;margin:0 auto 24px}.mockup-card.secondary{position:relative;top:0;left:0}.hero-visual{min-height:unset}.section-title{flex-direction:column;align-items:flex-start}.timeline:before{display:none}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.feature-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}