:root{--background:#fff;--foreground:#1a2638;--muted:#f1f3f8;--muted-foreground:#525f74;--border:#e6eaf2;--primary:#1a4fa0;--primary-dark:#0f3678;--primary-mid:#2a64bf;--primary-soft:#a8c4ea;--primary-foreground:#fff;--accent:#e8521a;--accent-hover:#c34514;--accent-foreground:#fff;--teal:#0e8a7c;--teal-soft:#e0f4f1;--teal-foreground:#fff;--purple:#5b39b8;--purple-soft:#ece7fa;--purple-foreground:#fff;--navy:#0d1f3c;--destructive:#e84545;--gray-100:#f6f8fb;--gray-200:#e6eaf2;--gray-400:#9ba6b9;--gray-600:#525f74;--gray-800:#26334a;--shadow-sm:0 1px 4px rgba(13,31,60,.07);--shadow-md:0 4px 20px rgba(13,31,60,.10);--shadow-lg:0 12px 48px rgba(13,31,60,.13);--gradient-hero:linear-gradient(135deg,#0d1f3c 0,#1a4fa0 60%,#2872c8 100%);--gradient-cta:linear-gradient(135deg,#0f3678 0,#2a64bf 100%);--radius:.75rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv01"}h1,h2,h3,h4{font-weight:400;margin:0}p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button{background:0;border:0;cursor:pointer;color:inherit}strong{font-weight:600}i[data-lucide]{display:inline-block;vertical-align:middle}.svg-i,svg.lucide{width:1em;height:1em}.container{max-width:1100px;margin:0 auto}.anchors{position:sticky;top:0;z-index:999999;display:flex;gap:0;overflow-x:auto;background:rgba(244,246,250,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:0 24px;box-shadow:var(--shadow-sm)}.anchors a{font-size:13px;font-weight:500;padding:12px 20px;color:var(--gray-600);border-bottom:2px solid transparent;white-space:nowrap;transition:all .2s}.anchors a:hover{color:var(--primary);border-bottom-color:var(--primary)}.anchors a.active{color:var(--primary-dark);border-bottom-color:var(--primary-dark)}@media(min-width:768px){.anchors{padding:0 48px}}.hero{position:relative;overflow:hidden;background:var(--gradient-hero);padding:64px 24px;color:#fff}.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}@media(min-width:768px){.hero{padding:96px 48px}}.hero-grid{position:relative;z-index:1;display:grid;gap:40px;align-items:center}@media(min-width:1024px){.hero-grid{grid-template-columns:1fr 420px;gap:64px}}.eyebrow-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:4px 14px;font-size:11px;font-weight:500;color:rgba(255,255,255,.85);text-transform:uppercase;letter-spacing:.15em;margin-bottom:20px}.hero-title{font-size:40px;line-height:1.1;letter-spacing:-.02em;margin-bottom:20px;color:#fff}@media(min-width:768px){.hero-title{font-size:52px}}.hero-em{font-style:italic;color:var(--primary-soft)}.hero-lede{font-size:17px;color:rgba(255,255,255,.75);line-height:1.6;margin-bottom:32px;max-width:520px}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:8px;font-size:14px;font-weight:600;border:2px solid transparent;transition:all .2s}.btn i,.btn svg{width:16px;height:16px}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-accent:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px)}.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35);font-weight:500}.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6)}.btn-white{background:#fff;color:var(--primary);padding:14px 32px;font-size:15px;border-color:#fff}.btn-white:hover{background:var(--gray-100);transform:translateY(-2px)}.btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.4);padding:14px 32px;font-size:15px;font-weight:500}.btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.08)}.hero-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:28px;backdrop-filter:blur(10px)}.hero-card-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.5);margin-bottom:16px}.pillar{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.pillar--last{border-bottom:0}.pillar-icon{width:36px;height:36px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.pillar-icon i,.pillar-icon svg{width:16px;height:16px}.pillar--dns .pillar-icon{background:rgba(168,196,234,.2);color:var(--primary-soft)}.pillar--dhcp .pillar-icon{background:rgba(14,138,124,.3);color:#7de2d4}.pillar--ipam .pillar-icon{background:rgba(91,57,184,.3);color:#c4b1f0}.pillar-name{font-size:13px;font-weight:600;color:#fff}.pillar-desc{font-size:12px;color:rgba(255,255,255,.55);margin-top:2px}@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .6s ease both}.delay-1{animation-delay:.12s}.section{padding:64px 24px}@media(min-width:768px){.section{padding:80px 48px}}.section--white{background:var(--background)}.section--gray{background:var(--gray-100)}.kicker{font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--primary);margin-bottom:10px}.section-title{font-size:30px;line-height:1.2;color:var(--navy);margin-bottom:16px}@media(min-width:768px){.section-title{font-size:38px}}.section-lede{font-size:17px;color:var(--muted-foreground);max-width:640px;line-height:1.6;margin-bottom:48px}.callout{background:var(--gray-100);border-left:4px solid var(--primary);border-radius:0 8px 8px 0;padding:28px;margin-bottom:56px}.callout p{font-size:17px;line-height:1.6;color:var(--gray-800)}.callout-strong{color:var(--primary)}.cards-3{display:grid;gap:24px;margin-bottom:56px}@media(min-width:768px){.cards-3{grid-template-columns:repeat(3,1fr)}}.comp-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:12px;padding:28px;transition:all .3s}.comp-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.comp-bar{position:absolute;top:0;left:0;right:0;height:3px}.comp-bar--primary{background:var(--primary)}.comp-bar--teal{background:var(--teal)}.comp-bar--purple{background:var(--purple)}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;margin-bottom:16px}.badge i,.badge svg{width:14px;height:14px}.badge--primary{background:rgba(26,79,160,.1);color:var(--primary)}.badge--teal{background:var(--teal-soft);color:var(--teal)}.badge--purple{background:var(--purple-soft);color:var(--purple)}.comp-title{font-size:22px;color:var(--navy);margin-bottom:8px}.comp-sub{font-size:12px;color:var(--muted-foreground);font-weight:500;margin-bottom:14px}.comp-desc{font-size:14px;color:var(--muted-foreground);line-height:1.6;margin-bottom:16px}.codebox{background:var(--gray-100);border-radius:6px;padding:12px;border-left:3px solid var(--gray-400);font-size:13px;color:var(--gray-800);word-break:break-all}.codebox-label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-400);margin-bottom:4px}.how-block{background:var(--navy);border-radius:12px;padding:32px;margin-top:16px;color:#fff}@media(min-width:768px){.how-block{padding:48px}}.how-title{font-size:26px;color:#fff;margin-bottom:8px}.how-sub{font-size:14px;color:rgba(255,255,255,.55);margin-bottom:40px}.how-steps{display:flex;flex-direction:column;gap:24px}.step-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px}@media(min-width:768px){.step-card{padding:28px}}.step-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.step-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);flex-shrink:0;color:#fff}.step-icon i,.step-icon svg{width:20px;height:20px}.step-icon--dns{background:rgba(26,79,160,.5)}.step-icon--dhcp{background:rgba(14,138,124,.4)}.step-icon--ipam{background:rgba(91,57,184,.4)}.step-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.4)}.step-heading{font-size:20px;margin-top:2px;color:#fff}.step-body{font-size:14px;color:rgba(255,255,255,.65);line-height:1.6;margin-bottom:20px}.step-features{display:grid;gap:10px 24px}@media(min-width:768px){.step-features{grid-template-columns:1fr 1fr}}.step-features li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:rgba(255,255,255,.55)}.step-features li i,.step-features li svg{width:14px;height:14px;color:#bce4dd;flex-shrink:0;margin-top:2px}.step-features strong{color:rgba(255,255,255,.85);font-weight:600}.benefits-grid{display:grid;gap:20px}@media(min-width:768px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.benefits-grid{grid-template-columns:repeat(3,1fr)}}.benefit{background:#fff;border:1px solid var(--border);border-radius:12px;padding:28px;transition:box-shadow .2s}.benefit:hover{box-shadow:var(--shadow-md)}.benefit-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.benefit-icon i,.benefit-icon svg{width:20px;height:20px}.tone-primary{background:rgba(26,79,160,.1);color:var(--primary)}.tone-teal{background:var(--teal-soft);color:var(--teal)}.tone-purple{background:var(--purple-soft);color:var(--purple)}.tone-accent{background:rgba(232,82,26,.1);color:var(--accent)}.benefit-title{font-weight:600;font-size:16px;color:var(--navy);margin-bottom:8px}.benefit-desc{font-size:14px;color:var(--muted-foreground);line-height:1.6}.benefit-proof{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);font-size:13px;color:var(--muted-foreground)}.benefit-proof b{color:var(--primary);font-weight:600}.why-grid{display:grid;gap:40px;align-items:flex-start}@media(min-width:1024px){.why-grid{grid-template-columns:1fr 1fr}}.why-features{display:flex;flex-direction:column;gap:16px}.why-feature{display:flex;gap:16px;align-items:flex-start;padding:20px;border:1px solid var(--border);border-radius:6px;transition:all .2s}.why-feature:hover{border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,79,160,.06)}.why-feature-icon{width:36px;height:36px;border-radius:8px;background:rgba(26,79,160,.1);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.why-feature-icon i,.why-feature-icon svg{width:16px;height:16px}.why-feature-title{font-weight:600;font-size:14px;color:var(--navy);margin-bottom:4px}.why-feature-desc{font-size:13px;color:var(--muted-foreground);line-height:1.6}.dashboard-mock{display:none;background:0;border-radius:0;padding:0;position:sticky;top:96px}@media(min-width:1024px){.dashboard-mock{display:block}}.dash-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.4);margin-bottom:20px}.dash-frame{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden}.dash-bar{background:rgba(255,255,255,.07);padding:10px 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(255,255,255,.1)}.dot{width:8px;height:8px;border-radius:50%}.dot--red{background:var(--destructive)}.dot--accent{background:var(--accent)}.dot--teal{background:var(--teal)}.dash-bar-text{font-size:11px;color:rgba(255,255,255,.4);margin-left:6px}.dash-body{padding:16px}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.dash-stat{background:rgba(255,255,255,.06);border-radius:8px;padding:12px;text-align:center}.dash-stat-num{font-size:20px;color:var(--primary-soft)}.dash-stat-label{font-size:10px;color:rgba(255,255,255,.4);margin-top:2px}.dash-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:12px;color:rgba(255,255,255,.5)}.dash-row:last-child{border-bottom:0}.dash-row--plain{color:rgba(255,255,255,.5)}.pill{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px}.pill--teal{background:rgba(14,138,124,.3);color:#bce4dd}.pill--accent{background:rgba(232,82,26,.25);color:var(--accent)}.pill--primary{background:rgba(168,196,234,.2);color:var(--primary-soft)}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.tab{padding:8px 20px;border-radius:999px;font-size:13px;font-weight:500;border:1.5px solid var(--border);background:#fff;color:var(--muted-foreground);transition:all .2s}.tab:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.usecase-grid{display:grid;gap:32px;align-items:center}@media(min-width:1024px){.usecase-grid{grid-template-columns:1fr 1fr}}.usecase-heading{font-size:26px;color:var(--navy);margin-bottom:14px}.usecase-body{font-size:15px;color:var(--muted-foreground);line-height:1.6;margin-bottom:16px}.check-list{display:flex;flex-direction:column;gap:10px}.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted-foreground)}.check-list li i,.check-list li svg{width:16px;height:16px;color:var(--teal);flex-shrink:0;margin-top:2px}.usecase-card{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.usecase-card-eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground);margin-bottom:16px}.usecase-stats{display:flex;flex-direction:column;gap:10px}.usecase-stat{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--gray-100);border-radius:8px}.usecase-stat-name{font-size:13px;color:var(--muted-foreground)}.usecase-stat-value{font-size:13px;font-weight:600;color:var(--navy)}.usecase-stat-value.amber{color:var(--accent)}.usecase-stat-value.green{color:var(--teal)}.usecase-stat-value.red{color:var(--destructive)}.faq-grid{display:grid;gap:40px}@media(min-width:1024px){.faq-grid{grid-template-columns:280px 1fr;gap:64px}}.faq-title{font-size:26px;color:var(--navy);margin-bottom:12px}.faq-lede{font-size:14px;color:var(--muted-foreground);line-height:1.6;margin-bottom:24px}.faq-help{background:var(--gray-100);border-radius:6px;padding:16px;font-size:13px;color:var(--muted-foreground)}.faq-help a{color:var(--primary);font-weight:500}.faq-help a:hover{text-decoration:underline}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--border)}.faq-q{width:100%;text-align:left;padding:20px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;color:var(--navy);font-size:15px;font-weight:600;line-height:1.5;transition:color .2s}.faq-q:hover{color:var(--primary)}.faq-plus{width:24px;height:24px;border-radius:50%;background:var(--gray-100);color:var(--gray-600);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.faq-plus i,.faq-plus svg{width:16px;height:16px}.faq-item.open .faq-plus{background:var(--primary);color:#fff;transform:rotate(45deg)}.faq-a{display:none;padding-bottom:20px;font-size:14px;color:var(--muted-foreground);line-height:1.75}.faq-item.open .faq-a{display:block;animation:fadeUp .35s ease both}.faq-tag{display:inline-block;background:rgba(26,79,160,.1);color:var(--primary);font-size:11px;font-weight:600;padding:2px 10px;border-radius:10px;margin-bottom:8px}.cta{background:var(--gradient-cta);padding:64px 24px;text-align:center;color:#fff}@media(min-width:768px){.cta{padding:80px 48px}}.cta-inner{max-width:680px;margin:0 auto}.cta-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.5);margin-bottom:12px}.cta-title{font-size:30px;color:#fff;line-height:1.2;margin-bottom:16px}@media(min-width:768px){.cta-title{font-size:40px}}.cta-lede{font-size:17px;color:rgba(255,255,255,.65);margin-bottom:36px}.cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.cta-fine{font-size:13px;color:rgba(255,255,255,.4);margin-top:16px}.related{background:var(--gray-100);padding:48px 24px}@media(min-width:768px){.related{padding:48px}}.related-eyebrow{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground);margin-bottom:20px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media(min-width:768px){.related-grid{grid-template-columns:repeat(4,1fr)}}.related-link{background:#fff;border:1px solid var(--border);border-radius:6px;padding:16px 20px;display:flex;align-items:center;gap:10px;transition:all .2s}.related-link:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.related-link i,.related-link svg{width:16px;height:16px}.related-link .ri-lead{color:var(--primary);flex-shrink:0}.related-link .ri-trail{color:var(--gray-400);margin-left:auto}.related-link span{font-size:13px;font-weight:500;color:var(--navy);flex:1}.dashboard-mock img{width:100%;max-width:100%;height:auto;display:block}@media(min-width:1024px){.why-grid{grid-template-columns:1fr 1.5fr}}