@scope (#pricing) {
/* Pricing on /dns: four plan cards with seven aligned rows, buttons at the bottom. */
#pricing>.wrap>h2,#pricing>.wrap>.lead{text-align:center;margin-left:auto;margin-right:auto}
.billing-toggle{display:flex;gap:6px;width:max-content;max-width:100%;margin:28px auto 0;padding:5px;border-radius:14px;background:var(--neutral)}
.billing-toggle[hidden]{display:none}
.billing-toggle button{min-height:48px;padding:10px 20px;border:0;border-radius:10px;background:transparent;color:var(--neutral-ink);font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.billing-toggle button[aria-pressed=true]{background:var(--white);color:var(--forest);box-shadow:inset 0 0 0 2px var(--emerald),0 2px 6px #103e3514}
.billing-toggle button span{margin-left:6px;font-size:12px;color:var(--pill-ink)}
.prices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:48px 0 32px;align-items:stretch}
.price{position:relative;display:flex;flex-direction:column;min-width:0;padding:28px 22px 24px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-plan);box-shadow:var(--shadow)}
.price-popular{background:var(--plan-mint);border:2px solid var(--emerald);box-shadow:var(--shadow-raised);transform:translateY(-8px)}
.price-tag{position:absolute;top:-14px;left:22px;padding:4px 13px;border-radius:var(--r-pill);background:var(--emerald);color:var(--white);font-size:12px;font-weight:800;line-height:1.5}
.price h3{margin:0 0 4px;font-size:26px}
.price-for{min-height:42px;margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.5}
.price-amount{margin:0;white-space:nowrap;color:var(--muted);font-size:14px}
.price-amount strong{color:var(--forest);font-size:40px;font-weight:850;letter-spacing:-.05em;line-height:1.1}
.price-year{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:48px;margin:6px 0 14px;color:var(--muted);font-size:13px}
.saving-pill{display:inline-block;padding:3px 9px;border-radius:var(--r-pill);background:var(--mint);color:var(--pill-ink);font-size:12px;font-weight:800;white-space:nowrap}
.price-popular .saving-pill{background:var(--white)}
.device-count{margin:0 0 18px;color:var(--forest);font-size:17px;font-weight:700}
.device-count strong{font-size:30px;font-weight:850;letter-spacing:-.04em;line-height:1.1}
.price-features{list-style:none;margin:0 0 24px;padding:0;font-size:14px;line-height:1.45}
.price-features li{position:relative;min-height:54px;margin:0;padding:11px 0 11px 28px;border-top:1px solid #d4e3da99}
.price-features li::before{content:"";position:absolute;left:0;top:12px;width:18px;height:18px;background:var(--emerald);-webkit-mask:var(--i-check) center/contain no-repeat;mask:var(--i-check) center/contain no-repeat}
.price-free .price-features li::before{background:var(--neutral-ink)}
.price-features small{display:block;margin-top:2px;color:var(--muted);font-size:12px}
.price-features .feature-locked{color:var(--muted)}
.price-features .feature-locked::before{content:none}
.price-features .row-lock{position:absolute;left:0;top:11px;width:18px;height:18px;color:var(--neutral-ink)}
.price-features .feature-soon::before{background:var(--neutral-ink);-webkit-mask-image:var(--i-clock);mask-image:var(--i-clock)}
.price .btn{margin-top:auto;width:100%;white-space:nowrap}
@supports(grid-template-rows:subgrid){
  .prices{row-gap:40px}
  .price{display:grid;grid-row:span 13;grid-template-rows:subgrid;row-gap:0}
  .price-features{display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:0}
  .price .btn{align-self:end;margin-top:0}
}
.pricing-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 36px;margin:32px 0 40px;color:var(--muted);font-size:15px;font-weight:700}
.pricing-trust>span{display:inline-flex;align-items:center;gap:9px}
.pricing-trust .icon{width:20px;height:20px;color:var(--emerald)}
.plan-includes{padding:40px 0 28px;border-top:1px solid var(--line)}
.plan-includes h3{margin:0 0 28px;font-size:28px;text-align:center}
.included-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px}
.included-feature{display:flex;align-items:flex-start;gap:14px}
.included-feature>.icon{width:44px;height:44px;padding:10px;border-radius:14px;background:var(--mint);color:var(--emerald)}
.included-feature h4{margin:0 0 4px;font-size:17px}
.included-feature p{margin:0;color:var(--muted);font-size:15px}
.price-note{max-width:850px;margin:0 0 16px;color:var(--muted);font-size:15px}
.price-note strong{color:var(--forest)}
.pricing-comparison{margin:44px 0 32px;padding:0}
.pricing-comparison h3{margin:0 0 8px;font-size:28px}
.comparison-intro{color:var(--muted);font-size:16px}
.plan-tabs{display:flex;gap:4px;margin:20px 0 14px;padding:5px;border-radius:14px;background:var(--neutral)}
.plan-tabs[hidden]{display:none}
.plan-tabs button{flex:1;min-height:48px;padding:6px 4px;border:0;border-radius:10px;background:transparent;color:var(--neutral-ink);font:inherit;font-size:14px;font-weight:800;line-height:1.2;cursor:pointer}
.plan-tabs button[aria-pressed=true]{background:var(--white);color:var(--forest);box-shadow:inset 0 0 0 2px var(--emerald),0 2px 6px #103e3514}
.plan-matrix{border:1px solid var(--line);border-radius:18px;background:var(--white)}
.plan-matrix table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px}
.plan-matrix th,.plan-matrix td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.plan-matrix tbody:last-child tr:last-child>*{border-bottom:0}
.plan-matrix thead th{position:sticky;top:var(--header);z-index:3;background:var(--mint);color:var(--forest);font-size:16px;font-weight:850;white-space:nowrap}
.plan-matrix thead th:first-child{width:32%;border-top-left-radius:17px}
.plan-matrix thead th:last-child{border-top-right-radius:17px}
.plan-matrix tbody th{color:var(--forest);font-weight:700}
.plan-matrix td{min-width:120px;color:var(--ink)}
.plan-matrix [data-plan-cell=family]{background:var(--plan-mint)}
.plan-matrix thead [data-plan-cell=family]{background:#d5eedf}
.plan-matrix .feature-group th{background:var(--neutral);color:var(--neutral-ink);font-size:14px;font-weight:800;letter-spacing:0;padding:10px 16px}
.plan-matrix .included{color:var(--pill-ink);font-weight:700}
.plan-matrix .coming,.plan-matrix .unavailable{color:var(--muted);font-size:14px}
.comparison-note{margin:16px 0 0;color:var(--muted);font-size:14px;line-height:1.6}
.feature-info{position:relative;display:inline-block;vertical-align:middle}
.feature-info button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:4px;padding:0;border:1px solid var(--field-line);border-radius:50%;background:var(--white);color:var(--neutral-ink);font:800 12px var(--font);cursor:pointer}
.feature-info button::after{content:"";position:absolute;inset:-13px}
.feature-tip{display:none;position:absolute;left:0;top:30px;z-index:4;width:240px;max-width:65vw;padding:12px 14px;border-radius:12px;background:var(--forest);color:var(--white);font-size:13px;font-weight:600;line-height:1.55;box-shadow:0 8px 22px #103e3530}
.feature-info:hover .feature-tip,.feature-info:focus-within .feature-tip,.feature-info button[aria-expanded=true]+.feature-tip{display:block}
.feature-info[data-dismissed] .feature-tip{display:none!important}

}

#pricing{background:#e4f1df;--white:#fffdf8;--neutral:#edf1e6;--neutral-ink:#4e6658;--emerald:#007b55;--plan-mint:#e2f4d6;--mint:#d8edcc;--pill-ink:#245637;--field-line:#a9c3ad;--font:Nunito,Arial,sans-serif;--r-plan:22px;--r-pill:30px;--shadow-raised:0 10px 25px #16463012;--header:0px}
#pricing .price{font-size:16px;line-height:1.6;font-weight:400;letter-spacing:normal}
#pricing .price .btn{display:flex;justify-content:center;align-items:center;padding:13px 12px;border:1px solid #007b55;border-radius:12px;background:white;color:#007b55;font-weight:850;font-size:15px;text-decoration:none;min-height:48px}
#pricing .price .btn-primary{background:#007b55;color:white}
#pricing .price-features li::before{content:'✓';background:none;mask:none;-webkit-mask:none;color:#007b55;font-weight:900}
#pricing .prices .price:nth-child(1){border-top:6px solid #8cbfa1}
#pricing .prices .price:nth-child(2){border-top:6px solid #9cbce2}
#pricing .prices .price:nth-child(3){border-top:6px solid #007b55}
#pricing .prices .price:nth-child(4){border-top:6px solid #baa3dd}
#pricing .price-free{background:#fffdf8}#pricing .price-for{min-height:44px}
#pricing .prices{display:grid;row-gap:32px}#pricing .price{display:flex;grid-row:auto}#pricing .price-features{display:block;grid-row:auto;flex:1}#pricing .price .btn{margin-top:auto}
#pricing .allowance-note{background:#fff5dc;border:1px solid #e6d2a4;border-radius:18px;padding:24px 28px;margin:30px 0 38px}
#pricing .allowance-note h3{font-size:23px}#pricing .allowance-note p{font-size:15px}#pricing .allowance-note p:last-child{margin-bottom:0}
#pricing .plan-includes .icon{flex-shrink:0}#pricing .plan-matrix{margin-top:22px}
#pricing .price-note{margin-top:18px}#pricing .comparison-note{padding:12px 0}
#pricing .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}
#pricing .plan-matrix th,#pricing .plan-matrix td{line-height:1.5}
@media(max-width:1000px){#pricing .prices{grid-template-columns:repeat(2,minmax(0,1fr))}#pricing .price-popular{transform:none}#pricing .included-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#pricing .plan-matrix{overflow:auto}#pricing .plan-matrix thead th{position:static}}
@media(max-width:600px){#pricing .prices{grid-template-columns:1fr}#pricing .price{padding:26px 22px}#pricing .price-for{min-height:0}#pricing .price-features li{min-height:0}#pricing .included-grid{grid-template-columns:1fr}#pricing .billing-toggle button{padding:10px 12px}#pricing .billing-toggle button span{display:block;margin:0}#pricing .plan-tabs{flex-wrap:wrap}#pricing .plan-tabs button{flex:1 1 40%}#pricing .plan-matrix td{min-width:0;font-size:14px}#pricing .plan-matrix th,#pricing .plan-matrix td{padding:12px 10px}#pricing .plan-matrix thead th:first-child{width:58%}#pricing .plan-matrix[data-plan=free] [data-plan-cell]:not([data-plan-cell=free]),#pricing .plan-matrix[data-plan=basic] [data-plan-cell]:not([data-plan-cell=basic]),#pricing .plan-matrix[data-plan=family] [data-plan-cell]:not([data-plan-cell=family]),#pricing .plan-matrix[data-plan=plus] [data-plan-cell]:not([data-plan-cell=plus]){display:none}#pricing .allowance-note{padding:21px}#pricing .feature-tip{width:190px;max-width:65vw}#pricing .pricing-trust{gap:14px}}

#pricing .compare-action{text-align:center;margin:10px auto 28px}
#pricing .compare-button{background:#fffdf8;border:1.5px solid #007b55;color:#0b573f;gap:13px;min-height:52px}
#pricing .compare-button .compare-label{font-size:16px;line-height:1.5}
#pricing .compare-action p{margin:9px 0 0;color:#4e6658;font-size:14px}
#pricing .compare-button[aria-expanded=true] .compare-chevron{transform:rotate(180deg)}
#pricing .pricing-comparison[hidden]{display:none}
#pricing .pricing-comparison{margin-top:25px}
@media(max-width:600px){#pricing .compare-button{width:100%}}