:root{--bg:#f7faf7;--surface:#fff;--surface-strong:#f0f7f2;--ink:#102017;--muted:#607066;--line:#dce9df;--brand:#0b7a4b;--brand-strong:#075f3a;--accent:#18a0a9;--gold:#f2b84b;--danger:#e75c5c;--shadow:0 24px 70px #1020171f;--radius:8px;--container:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(100% - 40px, var(--container));margin:0 auto}.sectionPad{padding:92px 0}.siteHeader{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7faf7e0;border-bottom:1px solid #dce9dfbf;position:sticky;top:0}.navShell{width:min(100% - 40px, var(--container));justify-content:space-between;align-items:center;gap:24px;height:76px;margin:0 auto;display:flex}.logo{color:var(--ink);white-space:nowrap;align-items:center;gap:10px;font-size:1.02rem;font-weight:800;display:inline-flex}.logoMark{border-radius:var(--radius);background:0 0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;overflow:hidden;box-shadow:0 12px 28px #0b7a4b3b}.logoMark img{object-fit:contain;width:100%;height:100%;display:block}.navLinks{color:#405349;justify-content:center;align-items:center;gap:28px;font-size:.95rem;font-weight:650;display:flex}.navLinks a{transition:color .16s}.navLinks a:hover{color:var(--brand)}.button{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 20px;font-weight:800;line-height:1;transition:transform .16s,box-shadow .16s,background-color .16s,border-color .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.primary{color:#fff;background:var(--brand);box-shadow:0 16px 32px #0b7a4b3d}.primary:hover{background:var(--brand-strong)}.secondary{color:var(--ink);border-color:var(--line);background:#fff}.secondary:hover{border-color:#b9d1c0;box-shadow:0 12px 28px #10201714}.hero{background:radial-gradient(circle at 12% 16%, #18a0a921, transparent 28%), linear-gradient(180deg, #fff 0%, var(--bg) 100%);padding-top:88px;position:relative;overflow:hidden}.heroGrid{grid-template-columns:minmax(0,1fr) minmax(420px,.86fr);align-items:center;gap:58px;display:grid}.eyebrow,.sectionKicker{color:var(--brand);letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 14px;font-size:.82rem;font-weight:850;display:inline-flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:720px;margin-bottom:22px;font-size:clamp(3rem,6vw,5.9rem);line-height:.96}h2{letter-spacing:0;margin-bottom:16px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.04}h3{margin-bottom:10px;font-size:1.12rem;line-height:1.25}p{color:var(--muted);font-size:1rem;line-height:1.72}.heroText{max-width:655px;margin-bottom:30px;font-size:1.12rem}.heroActions{flex-wrap:wrap;gap:14px;margin-bottom:26px;display:flex}.trustLine{color:#42564a;flex-wrap:wrap;gap:14px;font-size:.93rem;font-weight:700;display:flex}.trustLine span{align-items:center;gap:7px;display:inline-flex}.trustLine svg{color:var(--brand)}.heroPreview{box-shadow:var(--shadow);background:#ecf5ee;border:1px solid #b2ccbabf;border-radius:16px;overflow:hidden}.browserTop{background:#173328;grid-template-columns:12px 12px 12px 1fr;align-items:center;gap:8px;height:50px;padding:0 16px;display:grid}.browserTop span{background:#f26a6a;border-radius:50%;width:12px;height:12px}.browserTop span:nth-child(2){background:#f7bf52}.browserTop span:nth-child(3){background:#42c276}.browserTop div{color:#bdd6c6;border-radius:var(--radius);text-overflow:ellipsis;white-space:nowrap;background:#ffffff14;min-width:0;margin-left:8px;padding:8px 14px;font-size:.82rem;overflow:hidden}.extensionWindow{grid-template-columns:160px 1fr;gap:18px;min-height:360px;padding:18px;display:grid}.extensionWindow aside,.panelMain,.showcasePanel,.featureCard,.useCaseCard,.privacyBox,.steps article,.faqList details,.policyAside,.policyArticle{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.extensionWindow aside{padding:16px}.panelLogo{align-items:center;gap:8px;margin-bottom:18px;font-size:.88rem;font-weight:850;display:flex}.extensionWindow button{border-radius:var(--radius);color:#52645a;text-align:left;background:0 0;border:0;width:100%;height:40px;margin-bottom:8px;padding:0 12px;font-weight:750}.extensionWindow .activeTab{color:var(--brand);background:var(--surface-strong)}.panelMain{padding:20px}.panelHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.panelHeader p{margin-bottom:3px;font-size:.86rem}.panelHeader strong{font-size:1.65rem}.statusPill{color:var(--brand);background:var(--surface-strong);border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:850}.urlInput,.addRow{border:1px solid var(--line);border-radius:var(--radius);color:#405349;background:#f9fcfa;align-items:center;min-height:52px;margin-bottom:16px;padding:0 16px;font-weight:750;display:flex}.blockedList,.ruleList{gap:10px;display:grid}.blockedList div,.ruleList div{border-radius:var(--radius);color:#46574d;background:#f6faf7;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:48px;padding:0 14px;font-size:.9rem;display:grid}.blockedList strong{color:var(--brand);font-size:.78rem}.dot{border-radius:50%;width:9px;height:9px}.red{background:var(--danger)}.amber{background:var(--gold)}.green{background:var(--brand)}.benefitStrip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;padding:20px 0}.benefitGrid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.benefitGrid div{border-radius:var(--radius);color:#34483d;background:#f5faf6;justify-content:center;align-items:center;gap:10px;min-height:64px;font-weight:800;display:flex}.splitSection,.showcaseGrid{grid-template-columns:.85fr 1fr;align-items:center;gap:70px;display:grid}.copyStack p{font-size:1.08rem}.miniCards{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}.miniCards span{border-radius:var(--radius);border:1px solid var(--line);background:#fff;align-items:center;min-height:88px;padding:18px;font-weight:850;display:flex}.alt{background:#fff}.sectionHeader{text-align:center;max-width:740px;margin:0 auto 42px}.sectionHeader.narrow{max-width:620px}.featureGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.featureCard,.useCaseCard{padding:26px;box-shadow:0 14px 34px #1020170f}.featureIcon{width:46px;height:46px;color:var(--brand);border-radius:var(--radius);background:var(--surface-strong);justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}.steps{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.steps article{padding:30px;position:relative}.steps span{color:#fff;background:var(--ink);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:18px;font-weight:900;display:inline-flex}.productShowcase{background:linear-gradient(180deg, var(--bg), #ecf7f0)}.showcasePanel{box-shadow:var(--shadow);padding:20px}.showcaseToolbar{border-radius:var(--radius);background:#f1f7f3;gap:8px;margin-bottom:18px;padding:8px;display:flex}.showcaseToolbar span{border-radius:var(--radius);color:#52655a;flex:1;justify-content:center;align-items:center;min-height:38px;font-size:.86rem;font-weight:850;display:inline-flex}.showcaseToolbar .activeChip{color:var(--brand);background:#fff;box-shadow:0 8px 18px #10201714}.showcaseBody{padding:20px}.addRow{justify-content:space-between;gap:12px}.addRow span{color:var(--muted)}.addRow button{color:#fff;border-radius:var(--radius);background:var(--brand);border:0;min-width:72px;min-height:36px;font-weight:850}.ruleList div{grid-template-columns:1fr auto;min-height:64px}.ruleList span{color:var(--muted);font-size:.86rem}.showcaseCopy{max-width:510px}.useCaseGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.privacyPreview{background:#102017}.privacyBox{background:#173328;border-color:#ffffff1f;justify-content:space-between;align-items:center;gap:32px;padding:38px;display:flex}.privacyBox h2,.privacyBox p{color:#fff}.privacyBox p{color:#c5d6ca;max-width:720px}.faqList{gap:12px;max-width:820px;margin:0 auto;display:grid}.faqList details{padding:18px 22px}.faqList summary{cursor:pointer;color:var(--ink);font-weight:850}.faqList p{margin:14px 0 0}.finalCta{color:#fff;background:linear-gradient(135deg,#18a0a947,#0000 42%),#0e2b20;padding:88px 0}.finalCtaInner{justify-content:space-between;align-items:center;gap:36px;display:flex}.finalCta h2{color:#fff;max-width:620px;margin-bottom:10px}.finalCta p{color:#c5d6ca;max-width:560px;margin-bottom:0}.footer{border-top:1px solid var(--line);background:#fff;padding:58px 0 28px}.footerGrid{grid-template-columns:1.5fr repeat(3,1fr);gap:40px;display:grid}.footer p{max-width:330px;margin:18px 0 0}.footer h3{margin-bottom:16px;font-size:.95rem}.footer a:not(.logo){color:var(--muted);margin:0 0 10px;font-weight:650;display:block}.footer a:hover{color:var(--brand)}.copyright{border-top:1px solid var(--line);color:var(--muted);margin-top:34px;padding-top:24px;font-size:.9rem}.policyHero{background:radial-gradient(circle at 18% 18%,#18a0a91f,#0000 28%),#fff;padding:86px 0 70px}.policyHero h1{max-width:760px}.policyHero p{max-width:720px;font-size:1.12rem}.policyGrid{grid-template-columns:260px 1fr;align-items:start;gap:30px;display:grid}.policyAside{padding:18px;position:sticky;top:100px}.policyAside a{border-radius:var(--radius);color:#4a5f53;padding:10px 12px;font-weight:750;display:block}.policyAside a:hover{color:var(--brand);background:var(--surface-strong)}.policyArticle{padding:42px}.policyArticle section{border-bottom:1px solid var(--line);margin-bottom:30px;padding-bottom:30px;scroll-margin-top:110px}.policyArticle section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.policyArticle h2{font-size:1.55rem}@media (max-width:980px){.navLinks{display:none}.heroGrid,.splitSection,.showcaseGrid,.policyGrid{grid-template-columns:1fr}.heroGrid{gap:38px}.heroPreview{max-width:720px}.benefitGrid,.featureGrid,.steps,.useCaseGrid,.footerGrid{grid-template-columns:repeat(2,1fr)}.policyAside{position:static}}@media (max-width:680px){.container,.navShell{width:min(100% - 28px, var(--container))}.sectionPad{padding:68px 0}.navShell{height:68px}.navCta{display:none}h1{font-size:clamp(2.6rem,15vw,4rem)}h2{font-size:2rem}.hero{padding-top:64px}.heroActions,.finalCtaInner,.privacyBox{flex-direction:column;align-items:stretch}.button{width:100%}.extensionWindow{grid-template-columns:1fr;min-height:auto}.extensionWindow aside{display:none}.browserTop{grid-template-columns:12px 12px 12px minmax(0,1fr)}.panelHeader{flex-direction:column}.benefitGrid,.featureGrid,.steps,.useCaseGrid,.footerGrid,.miniCards{grid-template-columns:1fr}.privacyBox,.policyArticle{padding:26px}.showcaseToolbar{overflow-x:auto}.showcaseToolbar span{min-width:110px}.addRow,.ruleList div,.blockedList div{grid-template-columns:1fr;align-items:start;padding:14px}.addRow{flex-direction:column;align-items:stretch}}