:root[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#111111;--bg-surface:#171717;--bg-surface-hover:#1e1e1e;--bg-elevated:#242424;--bg-dark:#0a0a0a;--bg-dark-surface:#111111;--accent:#00d4aa;--accent-dim:rgba(0, 212, 170, 0.10);--accent-glow:rgba(0, 212, 170, 0.04);--accent-hover:#00eabb;--accent-muted:#00a88a;--accent-on-dark:#00d4aa;--blue:#3b82f6;--blue-dim:rgba(59, 130, 246, 0.10);--green:#00d4aa;--green-dim:rgba(0, 212, 170, 0.10);--red:#ff4d4f;--red-dim:rgba(255, 77, 79, 0.10);--amber:#f59e0b;--amber-dim:rgba(245, 158, 11, 0.10);--text-primary:#e4e4e4;--text-secondary:#888888;--text-muted:#7c7c7c;--text-inverse:#0a0a0a;--text-on-dark:#e4e4e4;--text-on-dark-secondary:#888888;--border:rgba(255, 255, 255, 0.06);--border-hover:rgba(255, 255, 255, 0.10);--border-accent:rgba(0, 212, 170, 0.20);--nav-bg:rgba(10, 10, 10, 0.95);--hero-glow:rgba(255, 255, 255, 0.015);--badge-bg:rgba(255, 255, 255, 0.04);--badge-border:rgba(255, 255, 255, 0.08);--btn-primary-hover-bg:#ffffff;--btn-primary-hover-shadow:rgba(255, 255, 255, 0.06);--btn-ghost-hover-bg:var(--bg-surface);--btn-ghost-hover-border:rgba(255, 255, 255, 0.20);--link-hover:#ffffff;--pill-block-bg:rgba(255, 77, 79, 0.08);--pill-block-color:#ff4d4f;--pill-allow-bg:rgba(0, 212, 170, 0.08);--pill-allow-color:#00d4aa;--gradient-start:#ffffff;--gradient-end:#777777;--plan-badge-bg:rgba(255, 255, 255, 0.05);--card-hover-shadow:none;--pricing-featured-border:var(--border-hover);--pricing-badge-color:var(--bg-primary);--trust-label-color:rgba(255, 255, 255, 0.3);--font-sans:'Open Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-mono:'Geist Mono',ui-monospace,'SF Mono','Cascadia Code',Consolas,'Courier New',monospace;--font-display:'Geist','Open Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-script:'ABeeZee',system-ui,-apple-system,sans-serif;--section-pad:5rem 0;--container:68rem;--container-sm:64rem;--gutter:2rem;--focus-ring:0 0 0 3px rgba(0, 212, 170, 0.18);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-pill:100vw;--btn-pad-y:0.75rem;--btn-pad-x:1.5rem;--btn-radius:var(--radius-md);--btn-font-size:0.9375rem;--btn-font-weight:600;--input-bg:var(--bg-surface);--input-border:var(--border);--input-radius:var(--radius-md);--input-focus-ring:var(--focus-ring);--card-bg:var(--bg-surface);--card-border:var(--border);--card-radius:var(--radius-lg);--card-pad:1.5rem;--card-shadow:var(--card-hover-shadow)}:root,[data-theme=light]{--bg-primary:#fafafa;--bg-secondary:#f2f2f2;--bg-surface:#ffffff;--bg-surface-hover:#f5f5f5;--bg-elevated:#e8e8e8;--bg-dark:#0a0a0a;--bg-dark-surface:#171717;--accent:#00b894;--accent-dim:rgba(0, 184, 148, 0.06);--accent-glow:rgba(0, 184, 148, 0.03);--accent-hover:#00d4aa;--accent-muted:#00a080;--accent-on-dark:#00d4aa;--blue:#2563eb;--blue-dim:rgba(37, 99, 235, 0.06);--green:#00b894;--green-dim:rgba(0, 184, 148, 0.08);--red:#e74c3c;--red-dim:rgba(231, 76, 60, 0.08);--amber:#d97706;--amber-dim:rgba(217, 119, 6, 0.08);--text-primary:#1a1a1a;--text-secondary:#666666;--text-muted:#6b6b6b;--text-inverse:#fafafa;--text-on-dark:#e4e4e4;--text-on-dark-secondary:#888888;--border:rgba(0, 0, 0, 0.07);--border-hover:rgba(0, 0, 0, 0.12);--border-accent:rgba(0, 184, 148, 0.20);--nav-bg:rgba(250, 250, 250, 0.95);--hero-glow:rgba(0, 0, 0, 0.015);--badge-bg:rgba(0, 0, 0, 0.03);--badge-border:rgba(0, 0, 0, 0.08);--btn-primary-hover-bg:#333333;--btn-primary-hover-shadow:rgba(0, 0, 0, 0.08);--btn-ghost-hover-bg:var(--bg-secondary);--btn-ghost-hover-border:rgba(0, 0, 0, 0.18);--link-hover:#000000;--pill-block-bg:rgba(231, 76, 60, 0.08);--pill-block-color:#c0392b;--pill-allow-bg:rgba(0, 184, 148, 0.08);--pill-allow-color:#00896e;--gradient-start:#1a1a1a;--gradient-end:#888888;--plan-badge-bg:rgba(0, 0, 0, 0.04);--card-hover-shadow:0 4px 24px rgba(0, 0, 0, 0.04);--pricing-featured-border:var(--text-primary);--pricing-badge-color:#ffffff;--trust-label-color:rgba(255, 255, 255, 0.3);--focus-ring:0 0 0 3px rgba(0, 184, 148, 0.16);--font-sans:'Open Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-mono:'Geist Mono',ui-monospace,'SF Mono','Cascadia Code',Consolas,'Courier New',monospace;--font-display:'Geist','Open Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-script:'ABeeZee',system-ui,-apple-system,sans-serif;--section-pad:5rem 0;--container:68rem;--container-sm:64rem;--gutter:2rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-pill:100vw;--btn-pad-y:0.75rem;--btn-pad-x:1.5rem;--btn-radius:var(--radius-md);--btn-font-size:0.9375rem;--btn-font-weight:600;--input-bg:var(--bg-surface);--input-border:var(--border);--input-radius:var(--radius-md);--input-focus-ring:var(--focus-ring);--card-bg:var(--bg-surface);--card-border:var(--border);--card-radius:var(--radius-lg);--card-pad:1.5rem;--card-shadow:var(--card-hover-shadow)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-secondary);line-height:1.65;letter-spacing:-.01em;transition:background .3s,color .3s}a{color:var(--text-primary);text-decoration:none;transition:color .15s}a:hover{color:var(--link-hover)}img{max-width:100%;display:block}.container{max-width:var(--container);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.section{padding:var(--section-pad)}.section-label{display:inline-block;font-family:var(--font-script);font-size:2rem;font-weight:600;color:var(--text-primary);background:0 0;letter-spacing:.01em;text-transform:none;margin-bottom:1rem;border:none;padding:0}h1,h2,h3,h4{color:var(--text-primary);font-weight:600;line-height:1.15;letter-spacing:-.025em}h1{font-size:2.25rem;font-size:clamp(2.25rem, 6vw, 3.75rem);font-weight:700}h2{font-size:1.5rem;font-size:clamp(1.5rem, 4vw, 2.25rem)}h3{font-size:1.1875rem}h4{font-size:1rem}.mono{font-family:var(--font-mono)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .3s;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:6rem}.nav-brand{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:2.375rem;color:var(--text-primary);flex-shrink:0}.nav-brand:hover{color:var(--text-primary)}.brand-shield{position:relative;background-image:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,var(--blue)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-shield::after{content:'';position:absolute;bottom:4px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,var(--blue)))}.brand-stream{position:relative;margin-left:-.25em;background-image:linear-gradient(90deg,color-mix(in srgb,var(--accent) 50%,var(--blue)),var(--blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-stream::after{content:'';position:absolute;bottom:4px;left:0;right:-12px;height:3px;background:repeating-linear-gradient(to right,color-mix(in srgb,var(--accent) 35%,var(--blue)) 0,color-mix(in srgb,var(--accent) 35%,var(--blue)) 5px,transparent 5px,transparent 8px);mask-image:linear-gradient(to right,black,transparent 90%);-webkit-mask-image:linear-gradient(to right,black,transparent 90%)}.nav-brand svg{width:62px;height:62px}.nav-links{display:flex;align-items:center;gap:1.75rem;list-style:none}.nav-links a{color:var(--text-secondary);font-size:1.5rem;font-weight:450}.nav:not(.nav--app) .nav-links a:not(.nav-cta):not(.nav-signin){padding:.25rem .625rem;border-radius:0;background:linear-gradient(to right,var(--text-primary) 50%,transparent 50%);background-size:200% 100%;background-position:right;transition:background-position .5s,color .5s}.nav:not(.nav--app) .nav-links a:not(.nav-cta):not(.nav-signin):hover{color:var(--text-inverse);background-position:left}.nav--app{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:var(--bg-primary);backdrop-filter:none;-webkit-backdrop-filter:none}.nav--app .nav-inner{height:3.75rem}.nav--app .nav-brand{font-size:clamp(1.125rem, .85rem + .9vw, 1.375rem);gap:.5rem}.nav--app .nav-brand svg{width:clamp(32px,24px + 1vw,44px);height:clamp(32px,24px + 1vw,44px)}.nav--app .brand-shield::after,.nav--app .brand-stream::after{bottom:2px;height:2px}.nav--app .nav-links{gap:2rem}.nav--app .nav-links .nav-link{display:inline-flex;align-items:center;font-family:var(--font-display);color:var(--text-muted);font-size:.875rem;font-weight:500;letter-spacing:-.005em;text-decoration:none;padding:.5rem .625rem;border-bottom:1px solid transparent;background:0 0;transition:color .15s,border-color .15s}.nav--app .nav-links .nav-link:hover{color:var(--text-primary);background:0 0}.nav--app .nav-links .nav-link-active{color:var(--text-primary);border-bottom-color:var(--text-primary);background:0 0}.nav-link-dot{display:inline-block;width:6px;height:6px;margin-left:.4rem;border-radius:50%;background:var(--amber);vertical-align:middle}.nav-links-sep{width:1px;height:1.25rem;background:var(--border);margin:0 .25rem}.nav--app .nav-links .nav-link--utility{gap:.35rem;color:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:768px){.nav:not(.nav--app) .nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:1.5rem 2rem;gap:1rem}.nav:not(.nav--app) .nav-hamburger,.nav:not(.nav--app) .nav-links.nav-open{display:flex}.nav:not(.nav--app) .nav-brand{font-size:1.75rem}.nav:not(.nav--app) .nav-brand svg{width:52px;height:52px}.nav-links .btn{padding:.625rem 1rem;min-height:2.75rem}}@media (max-width:640px){.nav:not(.nav--app) .nav-inner{height:3.5rem}.nav:not(.nav--app) .nav-brand{font-size:1.25rem}}@media (max-width:1024px){.nav--app .nav-links{display:none;flex-direction:column;align-items:stretch;position:absolute;top:100%;left:0;right:0;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:.75rem 1.25rem 1rem;gap:.25rem}.nav--app .nav-hamburger,.nav--app .nav-links.nav-open{display:flex}.nav--app .nav-links .nav-link{width:100%;min-height:2.75rem;padding:.625rem .5rem;border-bottom:1px solid transparent;font-size:1rem}.nav--app .nav-links .nav-link-active,.nav--app .nav-links .nav-link:hover{border-bottom-color:var(--accent)}.nav--app .nav-links-sep{display:none}.nav--app .nav-links .nav-link--utility{color:var(--text-secondary)}}.nav-hamburger{display:none;align-items:center;justify-content:center;background:0 0;border:none;border-radius:var(--radius-sm);width:2.75rem;height:2.75rem;color:var(--text-primary);cursor:pointer;padding:0}.nav-hamburger:hover{background:var(--bg-surface-hover)}.nav-hamburger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-hamburger-icon{display:block}.nav-hamburger-icon--close{display:none;fill:currentColor}.nav-hamburger[aria-expanded=true] .nav-hamburger-icon--open{display:none}.nav-hamburger[aria-expanded=true] .nav-hamburger-icon--close{display:block}.nav-hamburger-icon--open rect{fill:currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:var(--btn-pad-y) var(--btn-pad-x);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);border-radius:var(--btn-radius);transition:.15s;cursor:pointer;border:none;font-family:var(--font-sans);letter-spacing:-.01em}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}.btn-block{width:100%}.btn-primary{background:var(--text-primary);color:var(--text-inverse)}.btn-primary:hover{background:var(--btn-primary-hover-bg);color:var(--text-inverse);box-shadow:0 4px 16px var(--btn-primary-hover-shadow)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-hover)}.btn-secondary:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--btn-ghost-hover-border)}.btn-ghost{background:0 0;color:var(--text-primary);border:1px solid var(--border-hover)}.btn-ghost:hover{border-color:var(--btn-ghost-hover-border);background:var(--btn-ghost-hover-bg)}.btn:focus-visible,.nav-links a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.input,.select,.textarea{width:100%;font-family:var(--font-sans);font-size:.9375rem;color:var(--text-primary);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--input-radius);padding:.75rem .875rem;line-height:1.5;transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:focus,.select:focus,.textarea:focus{outline:0;border-color:var(--accent);box-shadow:var(--input-focus-ring)}.textarea{resize:vertical;min-height:6rem}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-pad);box-shadow:var(--card-shadow)}@keyframes pixelOut{0%{opacity:.65;transform:scale(1)}100%{opacity:0;transform:scale(.1)}}@keyframes pixelIn{0%{opacity:0;transform:scale(.1)}100%{opacity:.65;transform:scale(1)}}.page-family .hero{padding:9rem 0 5rem;text-align:center;position:relative;overflow:hidden}.page-family .hero::before{content:'';position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,var(--hero-glow) 0,transparent 70%);pointer-events:none}.page-family .hero h1{margin-bottom:1.25rem;position:relative}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:4rem 0}#features .feature-row:first-child{padding-top:9rem}.feature-row.reverse .feature-text{order:2}.feature-row.reverse .feature-visual{order:1}.page-family .feature-text h3{margin-bottom:.625rem}.page-family .feature-text p{font-family:var(--font-display);font-size:1.1875rem;line-height:1.75;color:color-mix(in srgb,var(--text-primary) 78%,var(--text-secondary));margin-bottom:1rem}.page-family .feature-text p:last-child{margin-bottom:0}.page-family .feature-visual{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;font-family:var(--font-mono);font-size:.75rem;line-height:1.8;color:var(--text-muted)}@media (max-width:768px){.feature-row{grid-template-columns:1fr;gap:2rem;padding:2.5rem 0}#features .feature-row:first-child{padding-top:6rem}.feature-row.reverse .feature-text{order:1}.feature-row.reverse .feature-visual{order:2}}.dashboard-mock{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;font-family:var(--font-mono);font-size:.6875rem;line-height:1.7}.dashboard-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.625rem;letter-spacing:.04em}.dashboard-dot{width:7px;height:7px;border-radius:50%}.dashboard-body{padding:1.25rem}.db-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;border-bottom:1px solid var(--border)}.db-row:last-child{border-bottom:none}.db-device{color:var(--text-primary);font-weight:500}.db-category{color:var(--text-secondary)}.db-blocked{color:var(--red);font-size:.625rem}.db-allowed{color:var(--accent);font-size:.625rem}.db-count{color:var(--text-secondary);text-align:right;min-width:4rem}.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.policy-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.75rem}.policy-blocked{background:var(--red-dim);color:var(--red)}.policy-allowed{background:var(--green-dim);color:var(--green)}.policy-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.nav-links a.nav-signin{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.5rem;font-size:.9375rem;font-weight:600;letter-spacing:-.01em;color:var(--text-inverse);background:0 0;border:none;border-radius:0;transition:color .15s;isolation:isolate;background-size:unset;background-position:unset}.nav-links a.nav-signin>span{position:relative;z-index:1}.nav-links a.nav-signin::before{content:'';position:absolute;inset:0;background:var(--text-primary);transform:skewX(-12deg);transition:background .15s,box-shadow .15s;z-index:0}.nav-signin-beam{position:absolute;inset:-2.5px;transform:skewX(-12deg);z-index:-1;overflow:hidden;opacity:0;transition:opacity .2s;pointer-events:none}.nav-signin-beam::before{content:'';position:absolute;top:50%;left:50%;width:300px;height:300px;background:conic-gradient(transparent 0deg 250deg,var(--accent) 300deg,var(--blue) 340deg,transparent 360deg);filter:blur(2px);transform:translate(-50%,-50%) rotate(0)}.nav-links a.nav-signin:active .nav-signin-beam,.nav-links a.nav-signin:hover .nav-signin-beam{opacity:1}.nav-links a.nav-signin:active .nav-signin-beam::before,.nav-links a.nav-signin:hover .nav-signin-beam::before{animation:2.6s linear infinite signin-orbit}@keyframes signin-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}.nav-links a.nav-getstarted{color:var(--text-inverse)}.nav-links a.nav-getstarted::before{background:var(--text-primary)}.nav-links a.nav-getstarted:hover{color:#fff}.nav-links a.nav-getstarted:hover::before{background:linear-gradient(90deg,var(--accent),var(--blue))}.nav-links a.nav-signin:focus-visible{outline:0}.nav-links a.nav-signin:focus-visible::before{box-shadow:0 0 0 2px var(--accent)}@property --card-beam-angle{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes card-beam-spin{to{--card-beam-angle:360deg}}@media (max-width:640px){#features .feature-row:first-child{padding-top:5rem}:root{--gutter:1rem;--section-pad:2.5rem 0}.nav:not(.nav--app) .nav-brand{font-size:1.25rem}.nav:not(.nav--app) .nav-brand svg{width:28px;height:28px}}@media (hover:none){.btn:active{opacity:.85}.nav-links a:not(.nav-cta):not(.nav-signin):active{color:var(--text-primary)}}@media (prefers-reduced-motion:reduce){.nav-links a.nav-signin:active .nav-signin-beam::before,.nav-links a.nav-signin:hover .nav-signin-beam::before{animation:none}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}