.bg-decor{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.35}.blob-1{top:-10%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#22c55e,transparent 70%)}.blob-2{top:20%;right:-15%;width:600px;height:600px;background:radial-gradient(circle,#ec4899,transparent 70%);opacity:.3}.blob-3{bottom:10%;left:30%;width:400px;height:400px;background:radial-gradient(circle,#facc15,transparent 70%);opacity:.22}.container{max-width:1160px;margin:0 auto;padding:0 1.5rem}.nav{position:sticky;top:0;z-index:50;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);background:#fafaf5bf;border-bottom:1px solid var(--border)}.nav-inner{max-width:1160px;margin:0 auto;padding:.85rem 1.5rem;display:flex;align-items:center;gap:2rem}.nav-logo{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.08rem;letter-spacing:-.01em}.nav-logo img{border-radius:7px}.nav-links{display:flex;gap:1.75rem;margin-left:auto;font-size:.93rem;font-weight:500;color:var(--text-muted)}.nav-links a{transition:color .15s var(--ease)}.nav-links a:hover{color:var(--text)}.nav-cta{display:flex;align-items:center;gap:.9rem}.nav-count{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text-muted);font-weight:500}.nav-count-dot{width:7px;height:7px;border-radius:50%;background:var(--brand-green);box-shadow:0 0 0 3px #22c55e2e;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-weight:600;font-size:.95rem;line-height:1;border-radius:var(--radius-pill);padding:.7rem 1.25rem;border:1px solid transparent;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease);white-space:nowrap}.btn-sm{padding:.58rem 1rem;font-size:.88rem}.btn-lg{padding:.95rem 1.7rem;font-size:1.02rem}.btn-primary{background:var(--text);color:var(--bg);box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--bg-elev);border-color:var(--text)}.hero{padding:4rem 0 5rem;position:relative}.hero-inner{text-align:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .9rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:.85rem;color:var(--text-muted);font-weight:500;margin-bottom:1.75rem;box-shadow:var(--shadow-sm)}.hero-eyebrow kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--text);color:var(--bg);border-radius:5px;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:.8rem;font-weight:700}.hero-title{font-size:clamp(2.3rem,5.6vw,4.4rem);font-weight:800;letter-spacing:-.035em;line-height:1.03;max-width:900px;margin:0 auto 1.5rem}.gradient-text{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-sub{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--text-muted);max-width:620px;margin:0 auto 2rem;line-height:1.55}.hero-cta-row{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:1.25rem}.hero-trust{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;font-size:.85rem;color:var(--text-faint);margin-bottom:3.5rem}.inline-kbd{display:inline-block;padding:.05rem .4rem;background:var(--text);color:var(--bg);border-radius:4px;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:.85em;font-weight:700;margin:0 .1rem}.more-features-head{text-align:center;margin:4rem 0 2rem}.more-title{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:800;letter-spacing:-.025em;line-height:1.15}.more-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.more-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.more-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.more-icon{font-size:1.8rem;margin-bottom:.7rem;line-height:1}.more-title-sm{font-size:1.05rem;font-weight:700;letter-spacing:-.015em;margin-bottom:.4rem}.more-copy{color:var(--text-muted);line-height:1.55;font-size:.92rem}.compare-footnote{text-align:center;margin-top:1.5rem;color:var(--text-muted);font-size:.95rem}.compare-footnote a{color:var(--brand-pink);font-weight:600;text-decoration:underline;text-underline-offset:3px}.trust-item{display:inline-flex;align-items:center;gap:.35rem}.trust-sep{width:3px;height:3px;border-radius:50%;background:var(--text-faint);opacity:.5}.hero-visual{max-width:980px;margin:0 auto;position:relative}.hero-visual:before{content:"";position:absolute;inset:-6% -4%;background:var(--brand-gradient);filter:blur(60px);opacity:.22;z-index:-1;border-radius:40px}.mac-window{position:relative;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--border)}.mac-chrome{display:flex;align-items:center;gap:.45rem;padding:.65rem .9rem;background:#f4f4ef;border-bottom:1px solid var(--border)}.mac-dot{width:12px;height:12px;border-radius:50%}.mac-dot.red{background:#ff5f57}.mac-dot.yellow{background:#febc2e}.mac-dot.green{background:#28c840}.mac-url{flex:1;text-align:center;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:.82rem;color:var(--text-muted);background:#fff;padding:.3rem .75rem;border-radius:6px;margin:0 auto;max-width:340px}.mac-window video{width:100%;height:auto;display:block}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;background:#fffffff2;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);transition:transform .2s var(--ease);z-index:2}.video-play-button svg{width:28px;height:28px;fill:var(--text);margin-left:3px}.video-play-button:hover{transform:translate(-50%,-50%) scale(1.08)}[data-video-container].ended .video-play-button{display:flex}.section-head{text-align:center;margin-bottom:3rem}.section-eyebrow{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-pink);margin-bottom:.85rem}.section-title{font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:800;letter-spacing:-.028em;line-height:1.1;max-width:720px;margin:0 auto .8rem}.section-sub{color:var(--text-muted);font-size:1.05rem;max-width:560px;margin:0 auto;line-height:1.55}.how{padding:5rem 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.step{padding:2rem 1.75rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.step:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.step-green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.step-yellow:before{background:linear-gradient(90deg,#facc15,#f97316)}.step-pink:before{background:linear-gradient(90deg,#ec4899,#d946ef)}.step:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.step-num{font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:.82rem;font-weight:700;color:var(--text-faint);margin-bottom:1rem}.step-title{font-size:1.3rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.6rem}.step-copy{color:var(--text-muted);line-height:1.6;font-size:.98rem}.features{padding:5rem 0}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.feature{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease),box-shadow .25s var(--ease);display:flex;flex-direction:column}.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-media{position:relative;background:linear-gradient(135deg,#f9f9f4,#f4ecdf 60%,#fce7f3);aspect-ratio:16 / 10;overflow:hidden;border-bottom:1px solid var(--border)}.feature-media video{width:100%;height:100%;object-fit:contain;display:block}.feature-body{padding:1.75rem 1.75rem 2rem}.feature-eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-pink);margin-bottom:.55rem}.feature-title{font-size:1.45rem;font-weight:700;letter-spacing:-.022em;line-height:1.2;margin-bottom:.7rem}.feature-copy{color:var(--text-muted);line-height:1.6;font-size:.98rem;margin-bottom:1.1rem}.feature-pills{display:flex;flex-wrap:wrap;gap:.45rem}.pill{padding:.3rem .7rem;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:.82rem;color:var(--text-muted);font-weight:500}.compare{padding:5rem 0}.compare-table-wrap{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);overflow-x:auto}.compare-table{width:100%;border-collapse:collapse;min-width:640px}.compare-table th,.compare-table td{padding:1rem 1.25rem;text-align:center;border-bottom:1px solid var(--border);font-size:.95rem}.compare-table thead th{background:var(--bg-muted);font-weight:600;color:var(--text);padding:1.2rem 1.25rem}.compare-table .th-feature{width:40%;text-align:left}.compare-table tbody th{text-align:left;font-weight:500;color:var(--text)}.compare-table .th-us{position:relative}.compare-table .th-us:after{content:"";position:absolute;inset:0;background:var(--brand-gradient-soft);z-index:0}.compare-table .th-logo{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.45rem;font-weight:800}.compare-table .th-logo img{border-radius:6px}.compare-table .col-us{background:var(--brand-gradient-soft);font-weight:700}.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:none}.cell-yes{color:#16a34a;font-weight:700;font-size:1.15rem}.cell-no{color:#c1c1c1;font-size:1.05rem}.cell-partial{color:var(--text-muted);font-size:.86rem;font-weight:500}.security{padding:5rem 0}.security-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.security-list{list-style:none;margin-top:1.5rem}.security-list li{padding:.7rem 0;color:var(--text-muted);line-height:1.55;display:flex;gap:.65rem}.security-list strong{color:var(--text)}.security-list .check{color:var(--brand-green);font-weight:900;flex-shrink:0}.security-image{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md)}.security-image img{width:100%;border-radius:var(--radius-md)}.security a{color:var(--brand-pink);text-decoration:underline;text-underline-offset:3px}.faq{padding:5rem 0}.faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:.6rem}.faq-item{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.faq-item[open]{box-shadow:var(--shadow-md)}.faq-q{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.5rem;cursor:pointer;font-weight:600;font-size:1.02rem;color:var(--text)}.faq-q::-webkit-details-marker{display:none}.faq-q:hover{background:var(--bg-muted)}.faq-chevron{color:var(--text-faint);transition:transform .25s var(--ease);flex-shrink:0}.faq-item[open] .faq-chevron{transform:rotate(180deg)}.faq-a{padding:0 1.5rem 1.35rem;color:var(--text-muted);line-height:1.7;font-size:.97rem}.faq-a a{color:var(--brand-pink);text-decoration:underline;text-underline-offset:3px}.faq-a kbd{display:inline-block;padding:.15rem .55rem;margin:0 .15rem;background:var(--bg-muted);border:1px solid var(--border-strong);border-radius:5px;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:.85rem;font-weight:600;color:var(--text);box-shadow:0 1px 0 var(--border-strong);line-height:1.3}.faq-image{margin-top:1rem;max-width:420px;width:100%;border-radius:var(--radius-md);border:1px solid var(--border)}.cta-final{padding:3rem 0 6rem}.cta-card{text-align:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-xl);padding:4rem 2rem;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:-40%;left:-20%;right:-20%;height:80%;background:var(--brand-gradient);filter:blur(80px);opacity:.18;z-index:0;pointer-events:none}.cta-card>*{position:relative;z-index:1}.cta-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.025em;line-height:1.12;margin-bottom:1rem}.cta-sub{color:var(--text-muted);font-size:1.08rem;max-width:540px;margin:0 auto 2rem;line-height:1.55}.cta-meta{margin-top:1rem;color:var(--text-faint);font-size:.85rem}.footer{border-top:1px solid var(--border);background:var(--bg-muted);padding:4rem 0 2rem}.footer-top{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:3rem;margin-bottom:3rem}.footer-logo{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.1rem;margin-bottom:.75rem}.footer-logo img{border-radius:6px}.footer-tagline{color:var(--text-muted);font-size:.95rem;margin-bottom:1.5rem}.footer-badges{display:flex;flex-direction:column;gap:.6rem}.footer-col h4{font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin-bottom:1rem}.footer-col a{display:block;color:var(--text-muted);font-size:.93rem;padding:.35rem 0;transition:color .15s var(--ease)}.footer-col a:hover{color:var(--text)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--border);color:var(--text-faint);font-size:.86rem}.footer-fine{font-style:italic}@media (max-width: 900px){.nav-links,.nav-count{display:none}.steps,.feature-grid{grid-template-columns:1fr}.more-features{grid-template-columns:repeat(2,1fr)}.security-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1 / -1}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width: 560px){.hero{padding:2.5rem 0 3.5rem}.hero-cta-row{flex-direction:column;width:100%}.hero-cta-row .btn{width:100%}.cta-card{padding:2.5rem 1.5rem}.compare-table th,.compare-table td{padding:.75rem .6rem;font-size:.85rem}.more-features,.footer-top{grid-template-columns:1fr}}