@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg: #06090d;--bg-elevated: #0c1118;--card: rgba(18, 26, 38, .75);--text: #eef2f8;--muted: #8494ab;--accent: #4d9fff;--accent-bright: #6eb1ff;--accent-dim: rgba(77, 159, 255, .12);--accent-glow: rgba(77, 159, 255, .25);--danger: #ff6b6b;--ok: #3dd68c;--border: rgba(255, 255, 255, .07);--font: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--radius: 14px;--header-h: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1rem)}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% -10%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 90% 70% at 50% -10%,black 20%,transparent 75%);pointer-events:none;z-index:0}.bg-glow{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px)}.bg-glow-1{top:-15%;left:20%;width:600px;height:500px;background:radial-gradient(circle,rgba(77,159,255,.15),transparent 70%)}.bg-glow-2{top:40%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(61,214,140,.06),transparent 70%)}.site-header{position:sticky;top:0;z-index:200;background:#06090deb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);isolation:isolate}.header-inner{max-width:1200px;margin:0 auto;height:var(--header-h);padding:0 1.5rem;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"logo nav actions";align-items:center;column-gap:2rem}.logo{grid-area:logo;display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.05rem;color:var(--text);text-decoration:none;flex-shrink:0;min-width:0}.logo-mark{color:var(--accent);font-size:1.2rem;line-height:1;flex-shrink:0}.logo-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-nav{grid-area:nav;justify-self:center}.site-nav__list{display:flex;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}.site-nav__list a{color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:500;white-space:nowrap;transition:color .2s}.site-nav__list a:hover{color:var(--text)}.site-nav__list a.nav-pdf{color:var(--accent-bright);border:1px solid rgba(77,159,255,.25);padding:.35rem .75rem;border-radius:8px;background:var(--accent-dim)}.site-nav__list a.nav-pdf:hover{background:#4d9fff33;color:var(--text)}.btn-pdf{display:inline-flex;align-items:center;gap:.4rem}.btn-pdf-icon{font-size:1rem;line-height:1}.header-actions{grid-area:actions;display:flex;align-items:center;gap:.6rem;justify-self:end}.btn-label-short{display:none}.menu-toggle{display:none;grid-area:actions;justify-self:end;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:0}.menu-bar{display:block;width:18px;height:2px;margin:0 auto;background:var(--text);border-radius:1px;transition:transform .2s,opacity .2s}.menu-toggle.open .menu-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.open .menu-bar:nth-child(2){opacity:0}.menu-toggle.open .menu-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.35rem;border-radius:10px;font-family:var(--font);font-weight:600;font-size:.95rem;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-sm{padding:.45rem 1rem;font-size:.88rem}.btn-lg{padding:.9rem 2rem;font-size:1.05rem}.btn-primary{background:linear-gradient(135deg,var(--accent),#2d6fc4);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{box-shadow:0 8px 32px var(--accent-glow)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:#ffffff0a;border-color:#ffffff26}.card-glass{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}main{position:relative;z-index:1}.hero{max-width:1200px;margin:0 auto;padding:4rem 2rem 6rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:999px;background:var(--accent-dim);border:1px solid rgba(77,159,255,.2);color:var(--accent-bright);font-size:.78rem;font-weight:600;letter-spacing:.03em;margin-bottom:1.25rem}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--ok);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.hero h1{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:700;line-height:1.12;letter-spacing:-.025em;margin-bottom:1.25rem}.hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--accent-bright),#a8d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-lead{font-size:1.08rem;color:var(--muted);line-height:1.7;margin-bottom:2rem;max-width:520px}.hero-actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-bottom:2.5rem}.hero-stats{display:flex;gap:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.stat strong{display:block;font-size:1.5rem;font-weight:700;color:var(--text);line-height:1.2}.stat span{font-size:.82rem;color:var(--muted)}.hero-visual{position:relative}.dashboard-mock{overflow:hidden;box-shadow:0 24px 80px #00000073,0 0 0 1px #ffffff0d}.mock-header{display:flex;align-items:center;gap:.4rem;padding:.7rem 1rem;border-bottom:1px solid var(--border);background:#00000040}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.mock-title{margin-left:.5rem;font-family:var(--mono);font-size:.72rem;color:var(--muted)}.mock-body{display:flex;min-height:220px}.mock-sidebar{width:130px;padding:.75rem 0;border-right:1px solid var(--border);background:#00000026}.mock-nav-item{padding:.45rem 1rem;font-size:.78rem;color:var(--muted)}.mock-nav-item.active{color:var(--accent);background:var(--accent-dim);border-right:2px solid var(--accent)}.mock-main{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.mock-trap-row{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;border-radius:8px;background:#ffffff08;border:1px solid var(--border)}.mock-trap-row.dim{opacity:.65}.mock-icon{font-size:1.1rem}.mock-trap-name{font-size:.82rem;font-weight:600}.mock-trap-url{font-family:var(--mono);font-size:.68rem;color:var(--muted)}.mock-status{margin-left:auto;font-size:.68rem;font-weight:600;padding:.15rem .45rem;border-radius:4px}.mock-status.on{color:var(--ok);background:#3dd68c1f}.alert-toast{position:absolute;bottom:-1.5rem;left:-1.5rem;display:flex;gap:.75rem;padding:.85rem 1.1rem;min-width:260px;box-shadow:0 12px 40px #0006;animation:toast-in .6s ease-out 1s both,toast-float 4s ease-in-out 1.6s infinite}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.toast-icon{font-size:1.4rem}.toast-title{font-size:.85rem;font-weight:600;color:var(--danger)}.toast-meta{font-family:var(--mono);font-size:.72rem;color:var(--muted);margin-top:.15rem}.toast-time{font-size:.72rem;color:var(--ok);margin-top:.2rem}.section{max-width:1200px;margin:0 auto;padding:5rem 2rem}.section-alt{background:#ffffff04;border-top:1px solid var(--border);border-bottom:1px solid var(--border);max-width:none}.section-alt>*{max-width:1200px;margin-left:auto;margin-right:auto}.section-head{text-align:center;margin-bottom:3rem}.section-tag{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.75rem}.section h2{font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:700;letter-spacing:-.02em;margin-bottom:.75rem}.section-lead{color:var(--muted);font-size:1.05rem;max-width:640px;margin:0 auto;line-height:1.7}.traps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem}.trap-card{padding:1.35rem;transition:border-color .2s,transform .2s,box-shadow .2s}.trap-card:hover{border-color:#4d9fff59;transform:translateY(-3px);box-shadow:0 12px 32px #00000040}.trap-icon{font-size:1.6rem;display:block;margin-bottom:.75rem}.trap-card h3{font-size:.95rem;font-weight:600;margin-bottom:.4rem}.trap-card p{font-size:.82rem;color:var(--muted);line-height:1.55;margin-bottom:.75rem}.trap-tag{display:inline-block;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:var(--accent-dim);padding:.15rem .5rem;border-radius:4px}.trap-card-link{text-decoration:none;color:inherit;display:block}.section-cta{text-align:center;margin-top:2rem}.steps-flow{display:flex;align-items:stretch;gap:.75rem}.step-card{flex:1;padding:1.75rem}.step-num{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--accent-dim);color:var(--accent);font-weight:700;font-size:1.1rem;margin-bottom:1rem}.step-card h3{font-size:1.05rem;margin-bottom:.5rem}.step-card p{font-size:.9rem;color:var(--muted);line-height:1.6;margin-bottom:1rem}.step-card p strong{color:var(--text);font-weight:600}.step-preview{padding:.75rem;border-radius:8px;background:#00000040;border:1px solid var(--border)}.step-preview code{display:block;font-family:var(--mono);font-size:.75rem;color:var(--accent);line-height:1.7}.step-preview.guide span{display:block;font-family:var(--mono);font-size:.75rem;color:var(--muted);line-height:1.8}.step-preview.alert{font-family:var(--mono);font-size:.78rem;color:var(--danger)}.step-arrow{display:flex;align-items:center;font-size:1.5rem;color:var(--muted);opacity:.4;flex-shrink:0}.scenarios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.scenario-card{padding:1.75rem;transition:border-color .2s,transform .2s}.scenario-card:hover{border-color:#4d9fff4d;transform:translateY(-2px)}.scenario-icon{font-size:2rem;margin-bottom:1rem}.scenario-card h3{font-size:1.05rem;margin-bottom:.5rem}.scenario-card p{font-size:.9rem;color:var(--muted);line-height:1.6}.compare-table{overflow:hidden;max-width:700px;margin:0 auto}.compare-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;padding:.85rem 1.25rem;border-bottom:1px solid var(--border);font-size:.92rem;align-items:center}.compare-row:last-child{border-bottom:none}.compare-head{background:#0003;font-weight:600;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.compare-row .yes{color:var(--ok);font-weight:600;text-align:center}.compare-row .no{color:var(--muted);text-align:center;opacity:.5}.compare-row .partial{color:#f0ad4e;text-align:center}.compare-row span:not(:first-child){text-align:center}.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.faq-item{overflow:hidden}.faq-item summary{padding:1.15rem 1.35rem;font-weight:600;font-size:.95rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;transition:color .2s}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.2rem;color:var(--muted);transition:transform .2s}.faq-item[open] summary:after{content:"−";color:var(--accent)}.faq-item[open] summary{color:var(--accent-bright)}.faq-item p{padding:0 1.35rem 1.15rem;font-size:.9rem;color:var(--muted);line-height:1.65}.faq-item code{font-family:var(--mono);font-size:.85em;color:var(--accent);background:var(--accent-dim);padding:.1em .35em;border-radius:4px}.cta-section{padding:2rem 2rem 6rem;max-width:1200px;margin:0 auto}.cta{text-align:center;padding:3.5rem 2rem;background:linear-gradient(135deg,#4d9fff14,#121a26e6);border-color:#4d9fff33}.cta h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.75rem}.cta p{color:var(--muted);margin-bottom:2rem;font-size:1.05rem}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1000px;margin:0 auto}.pricing-card{padding:1.75rem;display:flex;flex-direction:column;position:relative}.pricing-card-featured{border-color:#4d9fff59;box-shadow:0 12px 40px #00000040}.pricing-badge{position:absolute;top:1rem;right:1rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:var(--accent-dim);padding:.2rem .5rem;border-radius:4px}.pricing-card h3{font-size:1.1rem;margin-bottom:.5rem}.pricing-price{font-size:1.5rem;font-weight:700;color:var(--accent-bright);margin-bottom:.75rem}.pricing-desc{font-size:.88rem;color:var(--muted);line-height:1.55;margin-bottom:1.25rem}.pricing-features{list-style:none;margin:0 0 1.5rem;padding:0;flex:1}.pricing-features li{font-size:.85rem;color:var(--muted);padding:.35rem 0 .35rem 1.25rem;position:relative}.pricing-features li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:600}.pricing-note{text-align:center;margin-top:2rem;font-size:.9rem;color:var(--muted)}.pricing-note a{color:var(--accent)}.contact-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.contact-modal.hidden{display:none}.contact-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6}.contact-modal-card{position:relative;width:min(100%,480px);max-height:90vh;overflow:auto;padding:1.75rem}.contact-modal-close{position:absolute;top:.75rem;right:.75rem;border:none;background:transparent;color:var(--muted);font-size:1.5rem;cursor:pointer}.contact-modal-card h2{margin:0 0 .5rem;font-size:1.2rem}.contact-modal-lead{color:var(--muted);font-size:.9rem;margin-bottom:1.25rem}.contact-modal-card label{display:block;margin-top:.75rem;font-size:.82rem;color:var(--muted)}.contact-modal-card input,.contact-modal-card textarea{width:100%;margin-top:.35rem;padding:.65rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#00000040;color:var(--text)}.contact-error{color:var(--danger);font-size:.85rem;margin-top:.75rem}.contact-ok{color:var(--ok);font-size:.85rem;margin-top:.75rem}@media(max-width:800px){.pricing-grid{grid-template-columns:1fr;max-width:400px}}.site-footer{border-top:1px solid var(--border);padding:3rem 2rem 1.5rem;position:relative;z-index:1;background:#0003}.footer-grid{max-width:1200px;margin:0 auto 2rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer-brand p{font-size:.88rem;color:var(--muted);margin-top:.75rem;max-width:320px;line-height:1.6}.footer-links h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.85rem}.footer-links a,.footer-links span{display:block;font-size:.88rem;color:var(--muted);text-decoration:none;margin-bottom:.4rem}.footer-links a:hover{color:var(--accent)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.82rem;color:var(--muted);opacity:.7}@media(max-width:960px){.hero{grid-template-columns:1fr;text-align:center;padding-top:2.5rem}.hero-lead{margin-left:auto;margin-right:auto}.hero-actions,.hero-stats{justify-content:center}.hero-visual{max-width:420px;margin:0 auto}.steps-flow{flex-direction:column}.step-arrow{transform:rotate(90deg);justify-content:center;padding:.25rem 0}.footer-grid{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:992px){.header-inner{grid-template-columns:1fr auto auto;grid-template-areas:"logo actions toggle";column-gap:.75rem}.site-nav{grid-area:unset;position:absolute;top:var(--header-h);left:0;right:0;background:#06090dfa;border-bottom:1px solid var(--border);padding:.5rem 0 1rem;display:none}.site-nav.open{display:block}.site-nav__list{flex-direction:column;align-items:stretch;gap:0}.site-nav__list a{display:block;padding:.85rem 1.5rem;border-bottom:1px solid var(--border)}.site-nav__list li:last-child a{border-bottom:none}.header-actions .btn-ghost{display:none}.menu-toggle{display:inline-flex;grid-area:toggle}.site-header{position:sticky}}@media(max-width:768px){.btn-label-long{display:none}.btn-label-short{display:inline}}@media(max-width:480px){.header-inner{padding:0 1rem}.logo-text{font-size:.95rem}}@media(max-width:768px){.site-header{padding:0}.hero{padding:2rem 1.25rem 4rem}.section{padding:3.5rem 1.25rem}.hero-stats{gap:1.5rem}.alert-toast{left:0;bottom:-2rem;min-width:auto;width:calc(100% + 1rem)}.compare-row{grid-template-columns:1.2fr .8fr .8fr;font-size:.82rem;padding:.75rem 1rem}}