.feature-grid{padding:clamp(5rem,9vw,7rem) 0;position:relative}.feature-grid-items{max-width:var(--content-max);padding:0 var(--space-6);gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;display:grid}.feature-grid-card{padding:var(--space-6);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:border-color .25s,box-shadow .25s}.feature-grid-card:hover{border-color:#3b82f64d;box-shadow:0 0 24px #3b82f60f}.feature-grid-card.featured{padding:var(--space-8);grid-column:span 2}.feature-grid-icon{border-radius:var(--radius-lg);background:var(--color-cobalt-glow);width:52px;height:52px;margin-bottom:var(--space-5);border:1px solid #3b82f626;justify-content:center;align-items:center;font-size:24px;display:flex}.feature-grid-card h3{font-family:var(--font-body);font-weight:600;font-size:var(--text-base);margin-bottom:var(--space-2)}.feature-grid-card.featured h3{font-size:var(--text-lg)}.feature-grid-card p{font-size:var(--text-sm);line-height:var(--leading-relaxed)}@media (width<=900px){.feature-grid-items{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid-card.featured{grid-column:span 1}}@media (width<=640px){.feature-grid-items{grid-template-columns:1fr}}.final-cta{text-align:center;border-top:1px solid var(--border-subtle);padding:clamp(5.5rem,10vw,7.5rem) 0;position:relative;overflow:hidden}.final-cta-bg{pointer-events:none;position:absolute;inset:0}.final-cta-gradient{filter:blur(140px);background:linear-gradient(135deg, var(--color-cobalt), var(--color-indigo));opacity:.12;border-radius:50%;width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.final-cta-inner{z-index:1;max-width:var(--content-narrow);padding:0 var(--space-6);margin:0 auto;position:relative}.final-cta-inner h2{margin-bottom:var(--space-6);font-size:clamp(2rem,4vw,3rem);line-height:var(--leading-tight)}.final-cta-inner p{font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.final-cta-buttons{justify-content:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.final-cta-support{font-size:var(--text-sm);color:var(--text-tertiary)}.hero{min-height:100vh;padding-top:var(--space-24);padding-bottom:var(--space-8);align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.hero-bg-gradient{filter:blur(140px);border-radius:50%;position:absolute}.hero-bg-gradient-1{background:var(--color-indigo);opacity:.14;width:900px;height:900px;top:-300px;right:-200px}.hero-bg-gradient-2{background:var(--color-cobalt);opacity:.06;width:800px;height:800px;bottom:-300px;left:-300px}.hero-bg-gradient-3{background:var(--color-magenta);opacity:.04;width:500px;height:500px;top:40%;left:40%;transform:translate(-50%,-50%)}.hero-bg-grid{background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 70%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 70%)}.hero-inner{max-width:var(--content-wide);padding:0 var(--space-6);align-items:center;gap:var(--space-12);z-index:1;flex-direction:column;margin:0 auto;display:flex;position:relative}.hero-content{text-align:center;align-items:center;gap:var(--space-6);flex-direction:column;max-width:780px;display:flex}.hero-eyebrow{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-indigo);text-transform:uppercase;letter-spacing:.06em;font-weight:600;display:inline-flex}.hero-eyebrow-dot{background:var(--color-indigo);width:8px;height:8px;box-shadow:0 0 8px var(--color-indigo);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 8px var(--color-indigo)}50%{opacity:.6;box-shadow:0 0 16px var(--color-indigo), 0 0 32px #6366f138}}.hero-title{font-size:clamp(2.4rem,4.2vw,3.6rem);font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.03em;font-weight:800;line-height:1.1}.hero-title-accent{background:linear-gradient(135deg, var(--color-indigo) 0%, var(--color-indigo-dim) 58%, var(--color-magenta) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:var(--text-lg);color:var(--color-fog);line-height:var(--leading-relaxed);max-width:620px}.hero-ctas{justify-content:center;align-items:center;gap:var(--space-4);padding-top:var(--space-2);flex-wrap:wrap;display:flex}.hero-trust{justify-content:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.hero-trust-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary);display:inline-flex}.hero-trust-check{color:var(--color-green);font-weight:600;font-size:var(--text-xs)}.hero-visual{perspective:900px;transition:transform .3s var(--ease-out);width:100%;max-width:920px;position:relative}.hero-window{border:1px solid var(--border-muted);border-radius:var(--radius-xl);background:#0e1118d9;position:relative;overflow:hidden;box-shadow:0 4px 24px #0006,inset 0 0 0 1px #ffffff0d,0 20px 80px #00000080}.hero-window-titlebar{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:#ffffff08;align-items:center;display:flex}.hero-window-dots{align-items:center;gap:7px;display:flex}.hero-window-dot{border-radius:50%;width:12px;height:12px}.hero-window-dot-red{background:#ff5f57}.hero-window-dot-yellow{background:#ffbd2e}.hero-window-dot-green{background:#28c840}.hero-window-title{text-align:center;font-size:var(--text-xs);color:var(--text-tertiary);flex:1;margin-right:44px;font-weight:500}.hero-window-body{grid-template-columns:160px 1fr;min-height:320px;display:grid}.hero-sidebar{border-right:1px solid var(--border-subtle);padding:var(--space-3) var(--space-2);flex-direction:column;gap:1px;display:flex}.hero-sidebar-item{padding:6px var(--space-3);color:var(--text-tertiary);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);justify-content:space-between;align-items:center;font-size:12px;display:flex}.hero-sidebar-item.active{background:var(--color-indigo-glow);color:var(--color-indigo);font-weight:500}.hero-sidebar-item.review{color:var(--color-amber)}.hero-sidebar-badge{border-radius:var(--radius-full);color:var(--color-amber);background:#fbbf2426;padding:1px 6px;font-size:10px;font-weight:600}.hero-grid{padding:var(--space-3);gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.hero-grid-item{aspect-ratio:16/10;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff08;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.hero-grid-item-inner{background:linear-gradient(135deg,#6366f10f,#e879a808);position:absolute;inset:0}.hero-grid-item-info{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.hero-grid-item-label{color:var(--color-slate-200);font-size:10px;font-weight:500}.hero-grid-item-cat{color:var(--color-indigo);border-radius:var(--radius-full);background:var(--color-indigo-glow);padding:1px 6px;font-size:9px;font-weight:500}.hero-popup{border:1px solid var(--border-muted);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);z-index:10;-webkit-backdrop-filter:blur(20px);background:#10141ef2;width:280px;position:absolute;bottom:-28px;right:-32px;box-shadow:0 8px 40px #00000080,inset 0 0 0 1px #ffffff0d,0 0 60px #3b82f614}.hero-popup-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.hero-popup-thumb{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:linear-gradient(135deg,#3b82f633,#6366f133);flex-shrink:0;width:42px;height:42px;overflow:hidden}.hero-popup-thumb-inner{background:linear-gradient(135deg, var(--color-cobalt-glow), var(--color-indigo-glow));width:100%;height:100%}.hero-popup-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.hero-popup-label{color:var(--text-primary);font-size:13px;font-weight:600}.hero-popup-sub{color:var(--text-tertiary);font-size:11px}.hero-popup-category{margin-bottom:var(--space-3)}.hero-popup-category-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);font-size:10px;font-weight:600;display:block}.hero-popup-category-chips{flex-wrap:wrap;gap:6px;display:flex}.hero-popup-chip{border-radius:var(--radius-full);color:var(--text-tertiary);border:1px solid var(--border-subtle);cursor:default;background:#ffffff0d;padding:3px 10px;font-size:11px;font-weight:500}.hero-popup-chip.active{background:var(--color-cobalt-glow);color:var(--color-cobalt-bright);border-color:#3b82f64d}.hero-popup-actions{border-top:1px solid var(--border-subtle);padding-top:var(--space-3);gap:6px;display:flex}.hero-popup-action{border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:default;text-align:center;background:#ffffff0d;flex:1;padding:4px 12px;font-size:11px;font-weight:500}.hero-popup-action.primary{background:var(--color-cobalt);color:var(--color-white)}.hero-float-card{width:130px;padding:var(--space-3);border:1px solid var(--border-muted);border-radius:var(--radius-md);color:var(--text-tertiary);-webkit-backdrop-filter:blur(12px);background:#0e1118e6;flex-direction:column;gap:6px;font-size:11px;display:flex;position:absolute;box-shadow:0 8px 32px #0006}.hero-float-badge{color:var(--color-cobalt-bright);border-radius:var(--radius-full);background:var(--color-cobalt-glow);align-self:flex-start;padding:1px 7px;font-size:9px;font-weight:600}.hero-float-card-1{top:-20px;left:-50px;transform:rotate(-3deg)}.hero-float-card-2{top:70px;right:-50px;transform:rotate(2deg)}@media (width<=1024px){.hero-br-desktop,.hero-float-card{display:none}}@media (width<=640px){.hero-title{font-size:var(--text-4xl)}.hero-window-body{grid-template-columns:1fr}.hero-sidebar{display:none}.hero-popup{width:240px;bottom:-16px;right:-8px}}.pricing-intro{padding:clamp(5rem,9vw,7rem) 0;position:relative}.pricing-intro-inner{max-width:var(--content-narrow);padding:0 var(--space-6);text-align:center;margin:0 auto}.pricing-intro-highlights{gap:var(--space-5);margin-bottom:var(--space-10);grid-template-columns:1fr 1fr;display:grid}.pricing-intro-highlight{padding:var(--space-8);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);text-align:left;transition:border-color .25s,box-shadow .25s}.pricing-intro-highlight:hover{border-color:#3b82f640;box-shadow:0 8px 32px #0003}.pricing-intro-tag{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-full);color:#4ade80;margin-bottom:var(--space-4);background:#22c55e1f;font-weight:700;display:inline-block}.pricing-intro-tag-pro{background:var(--color-cobalt-glow);color:var(--color-cobalt-bright)}.pricing-intro-highlight p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.pricing-intro-ctas{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}@media (width<=640px){.pricing-intro-highlights{grid-template-columns:1fr}}.privacy-proof{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:linear-gradient(#ffffff04 0%,#0000 100%);padding:clamp(5rem,9vw,7rem) 0;position:relative}.privacy-proof-inner{max-width:var(--content-max);padding:0 var(--space-6);gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid}.privacy-proof-content h2{margin-bottom:var(--space-6)}.privacy-proof-content>p{font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.privacy-proof-bullets{gap:var(--space-4);flex-direction:column;display:flex}.privacy-proof-bullet{align-items:flex-start;gap:var(--space-3);font-size:var(--text-base);color:var(--text-secondary);display:flex}.privacy-proof-bullet-icon{background:var(--color-cobalt-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:12px;display:flex}.privacy-proof-cta{margin-top:var(--space-8)}.privacy-diagram{padding:var(--space-8);position:relative}.privacy-device{background:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-xl);padding:var(--space-8);position:relative}.privacy-device-label{text-align:center;font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.privacy-device-items{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.privacy-device-item{padding:var(--space-3) var(--space-4);background:var(--color-cobalt-glow);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-accent);text-align:center;border:1px solid #3b82f626}.privacy-external{margin-top:var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.privacy-external-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-slate-400);background:#ef44440f;border:1px solid #ef44441f;display:flex}.privacy-external-x{color:#ef4444;flex-shrink:0;font-weight:600}@media (width<=768px){.privacy-proof-inner{grid-template-columns:1fr}}.showcase{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:linear-gradient(#0000 0%,#3b82f608 50%,#0000 100%);padding:clamp(5rem,9vw,7rem) 0;position:relative}.showcase-tabs{max-width:var(--content-max);padding:0 var(--space-6);margin:0 auto}.showcase-tab-list{gap:var(--space-2);margin-bottom:var(--space-8);padding-bottom:var(--space-2);-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:auto}.showcase-tab-list::-webkit-scrollbar{display:none}.showcase-tab-btn{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--text-tertiary);background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);white-space:nowrap;transition:all var(--duration-fast) var(--ease-out);font-weight:500}.showcase-tab-btn.active{color:var(--text-primary);background:var(--color-cobalt-glow);border-color:var(--border-active)}.showcase-tab-btn:hover:not(.active){color:var(--text-secondary);border-color:var(--border-muted)}.showcase-panel{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:center;display:grid}.showcase-panel-content{max-width:34rem}.showcase-panel-content h3{font-family:var(--font-body);font-weight:600;font-size:var(--text-2xl);margin-bottom:var(--space-4)}.showcase-panel-content p{font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.showcase-panel-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.showcase-panel-action{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-accent);background:var(--color-cobalt-glow);border-radius:var(--radius-sm);cursor:default;border:1px solid #3b82f633}.showcase-demo{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-4);flex-direction:column;min-height:340px;display:flex}.showcase-demo-bar{align-items:center;gap:6px;display:flex}.showcase-demo-bar span{background:var(--color-slate-600);border-radius:50%;width:10px;height:10px}.showcase-demo-body{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.showcase-demo-row{gap:var(--space-3);align-items:center;display:flex}.showcase-demo-sidebar{gap:var(--space-2);flex-direction:column;width:140px;display:flex}.showcase-demo-sidebar-item{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary);border-radius:var(--radius-sm);background:var(--surface-glass)}.showcase-demo-sidebar-item.active{background:var(--color-cobalt-glow);color:var(--text-accent)}.showcase-demo-grid{gap:var(--space-2);flex:1;grid-template-columns:repeat(2,1fr);display:grid}.showcase-demo-thumb{aspect-ratio:16/10;background:var(--surface-glass-strong);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.showcase-demo-popup{gap:var(--space-3);padding:var(--space-4);background:var(--surface-glass);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-direction:column;display:flex}.showcase-demo-popup-row{align-items:center;gap:var(--space-3);display:flex}.showcase-demo-popup-thumb{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-cobalt-glow), var(--color-indigo-glow));border:1px solid var(--border-subtle);flex-shrink:0;width:48px;height:48px}.showcase-demo-popup-meta{flex-direction:column;gap:2px;display:flex}.showcase-demo-popup-meta span:first-child{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.showcase-demo-popup-meta span:last-child{font-size:var(--text-xs);color:var(--text-tertiary)}.showcase-demo-search{padding:var(--space-3) var(--space-4);background:var(--surface-glass);border:1px solid var(--border-muted);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-accent);font-family:var(--font-mono)}.showcase-demo-chip{font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--color-cobalt-glow);color:var(--text-accent);border:1px solid #3b82f633;padding:3px 10px;display:inline-flex}@media (width<=768px){.showcase-panel{grid-template-columns:1fr}}.trust-bar{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:#ffffff05}.trust-bar-inner{max-width:var(--content-max);padding:var(--space-8) var(--space-6);gap:var(--space-6);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.trust-bar-stat{align-items:center;gap:var(--space-1);text-align:center;flex-direction:column;display:flex}.trust-bar-value{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--text-primary);letter-spacing:-.02em;font-weight:800}.trust-bar-label{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500}@media (width<=640px){.trust-bar-inner{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(2,1fr)}.trust-bar-value{font-size:var(--text-2xl)}}.what-it-does{border-top:1px solid var(--border-subtle);background:linear-gradient(#ffffff04 0%,#0000 100%);padding:clamp(5rem,9vw,7rem) 0;position:relative}.what-it-does-steps{max-width:var(--content-max);padding:0 var(--space-6);gap:var(--space-8);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid;position:relative}.what-step-connector{display:none}@media (width>=769px){.what-step-connector{top:38px;left:calc(16.67% + var(--space-6));right:calc(16.67% + var(--space-6));background:linear-gradient(90deg, var(--color-cobalt-glow), var(--color-cobalt), var(--color-cobalt-glow));z-index:0;pointer-events:none;height:2px;display:block;position:absolute}}.what-step{z-index:1;text-align:center;padding:var(--space-8) var(--space-6);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;align-items:center;transition:border-color .25s,box-shadow .25s;display:flex;position:relative}.what-step:hover{border-color:#3b82f640;box-shadow:0 8px 32px #0003,0 0 0 1px #3b82f614}.what-step-num{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-cobalt-bright);background:var(--color-cobalt-glow);border:2px solid var(--color-cobalt);width:48px;height:48px;margin-bottom:var(--space-5);box-shadow:0 0 24px var(--color-cobalt-glow);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.what-step-icon{margin-bottom:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:#ffffff0a;justify-content:center;align-items:center;width:56px;height:56px;font-size:32px;display:flex}.what-step h3{font-family:var(--font-body);font-weight:600;font-size:var(--text-lg);margin-bottom:var(--space-3);line-height:var(--leading-snug)}.what-step p{font-size:var(--text-sm);line-height:var(--leading-relaxed);max-width:320px}@media (width<=768px){.what-it-does-steps{gap:var(--space-4);grid-template-columns:1fr}.what-step{text-align:left;align-items:flex-start;gap:var(--space-5);padding:var(--space-5) 0;flex-direction:row}.what-step-num{flex-shrink:0;margin-bottom:0}.what-step-icon{display:none}}