:root{--forest:#0b3c30;--cream:#fff9ef;--emerald:#007f56;--mint:#dff2e6}
body{background:#fff9ef;color:#123f35;font-family:Nunito,system-ui,sans-serif}
.unified-header{background:#0b3c30;color:white;padding:18px 0}.unified-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:22px}.unified-brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:900;text-decoration:none!important;color:inherit!important}.unified-header nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.unified-header nav>a{color:white;text-decoration:none;font-weight:700}.unified-header .btn-primary{background:#36d58b;color:#073f2f}.unified-inner main{padding-top:48px;padding-bottom:56px}.unified-inner h1{font-size:clamp(32px,4vw,54px);line-height:1.12;letter-spacing:-.025em;color:#103e35}.unified-inner h2{color:#103e35}.unified-inner main>section,.unified-inner .help-block,.unified-inner .card,.unified-inner main.legal{border-radius:24px}.unified-inner main.legal{background:white;padding:38px;margin-top:32px;margin-bottom:42px;border:1px solid #d6e5db;box-shadow:0 6px 22px #103e3508}.unified-inner main>h1:first-child{border-bottom:5px solid #d7c9f1;padding-bottom:26px}.unified-inner .help-block{background:#fff;border:1px solid #d6e5db;border-top:5px solid #c7ddad;padding:28px;margin:26px 0;box-shadow:0 6px 20px #103e3508}.unified-inner .help-block:nth-of-type(3n){border-top-color:#d7c9f1}.unified-inner .help-block:nth-of-type(3n+1){border-top-color:#ffd2a0}.guide-icon{display:block;object-fit:contain;margin-bottom:16px}.illustrated-help{position:relative;min-height:390px;padding:32px 44% 32px 32px!important;background:#e6f2df;border-radius:28px;border:1px solid #d0e3c4}.help-illustration{position:absolute;right:2%;top:8%;width:39%;height:80%;object-fit:contain}.help-jump{display:flex;gap:10px;flex-wrap:wrap}.help-jump a{display:inline-block;background:white;border:1px solid #c7dacd;border-radius:20px;padding:9px 14px;color:#0b3c30;text-decoration:none}.coming-soon{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;padding:35px;background:#e6f2df}.coming-soon>img{width:100%;align-self:center}.unified-footer{background:#0b3c30;color:#dceee2;padding:42px 0}.unified-footer nav{display:flex;flex-wrap:wrap;gap:16px 24px;margin:24px 0}.unified-footer a{color:inherit}.unified-footer p{color:#dceee2}.unified-footer button{background:transparent;color:inherit;border:1px solid #a4c5b2;border-radius:10px;padding:6px 10px}.unified-inner details{background:#fff;border-radius:14px}.unified-inner .btn{border-radius:16px}.unified-inner .wrap{max-width:1180px}
@media(max-width:700px){.unified-header .wrap{align-items:flex-start;flex-direction:column}.unified-header nav{gap:12px 18px;font-size:14px}.unified-inner main{padding-top:28px}.illustrated-help{padding:24px!important}.help-illustration{position:static;width:100%;height:220px;margin-top:18px}.coming-soon{grid-template-columns:1fr;padding:24px}.coming-soon>img{max-height:280px;object-fit:contain}.unified-inner main.legal{padding:24px}.unified-inner .help-block{padding:22px}}

/* Compact shared footer: retain all navigation and cookie controls. */
.unified-footer{padding:22px 0;font-size:14px;line-height:1.45}.unified-footer .unified-brand{font-size:20px;gap:8px}.unified-footer .unified-brand img{width:25px;height:25px}.unified-footer p{margin:6px 0;font-size:13px}.unified-footer nav{gap:6px 20px;margin:12px 0;align-items:center}.unified-footer nav a{display:inline-flex;align-items:center;min-height:32px}.unified-footer button{padding:5px 10px;min-height:32px;font-size:13px}.unified-footer .wrap>p:last-child{margin-bottom:0}@media(max-width:700px){.unified-footer{padding:20px 0}.unified-footer nav{gap:3px 16px;margin:10px 0}.unified-footer nav a,.unified-footer button{min-height:40px}}

/* Phone header on inner pages: the homepage's Menu button below 800px; the desktop header is unchanged. */
.unified-header .menu-toggle{display:none}@media(max-width:799px){.menu-js .has-menu{padding:0}.menu-js .has-menu .wrap{position:relative;min-height:69px;flex-direction:row;align-items:center}.menu-js .has-menu .unified-brand{font-size:23px}.menu-js .has-menu .unified-brand img{width:27px;height:31px}.menu-js .has-menu .menu-toggle{display:flex;gap:8px;align-items:center;border:1px solid #709b89;background:transparent;border-radius:8px;color:white;font:inherit;font-size:12px;font-weight:750;line-height:1.6;padding:7px 10px;cursor:pointer}.menu-js .has-menu .menu-toggle svg{display:block;width:20px;height:20px}.menu-js .has-menu :focus-visible{outline:3px solid #d59125;outline-offset:4px}.menu-js .has-menu nav{display:none}.menu-js .has-menu nav.is-open{display:flex;position:absolute;top:61px;left:12px;right:12px;z-index:10;flex-direction:column;align-items:stretch;background:#0d4938;padding:18px;border:1px solid #4b8164;border-radius:12px;box-shadow:0 15px 30px #002f2950;gap:5px}.menu-js .has-menu nav>a{padding:10px;font-size:15px;text-align:left}.menu-js .has-menu nav .btn{margin-top:6px;align-self:flex-start;font-size:15px;padding:11px 18px}}

/* Headings: "Wi-Fi" stays on one line. */
.nowrap{white-space:nowrap}

/* One Start free style: the homepage's yellow primary button on the inner pages. */
.unified-inner a.btn-primary[href="https://dns.swearguard.com/signup"]{background:#f5cd78;border-color:#f5cd78;color:#133a28}.unified-inner a.btn-primary[href="https://dns.swearguard.com/signup"]:hover{background:#f5cd78;border-color:#f5cd78;color:#133a28;box-shadow:0 8px 25px #002f291c}

/* Pricing while paid checkout is closed: Free is the filled button; paid plans open soon. */
.btn.plan-soon,#pricing .price .btn.plan-soon,.btn.plan-soon:hover,#pricing .price .btn.plan-soon:hover{background:#eef3ee;border:1px dashed #8fa898;color:#3f5a4e;cursor:default;box-shadow:none;transform:none}#pricing .price-free a.btn-primary[href="https://dns.swearguard.com/signup"],#pricing .price-free a.btn-primary[href="https://dns.swearguard.com/signup"]:hover{background:#f5cd78;border-color:#f5cd78;color:#133a28}.plans-soon-note{margin:20px 0 0}#pricing .billing-toggle{display:flex}

/* Block pages on wide screens: the steps beside the intro. */
@media(min-width:1100px){.unified-inner main:has(>.hero-guide+section .numbered){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,590px) minmax(0,590px) minmax(0,1fr);align-items:start}.unified-inner main:has(>.hero-guide+section .numbered)>*{grid-column:1/-1}.unified-inner main:has(>.hero-guide+section .numbered)>.hero-guide{grid-column:2}.unified-inner main:has(>.hero-guide+section .numbered)>.hero-guide+section{grid-column:3;padding-top:56px}}

/* Android page: the hero box has the header's content width. */
.unified-inner main>.coming-soon{width:calc(100% - 48px);max-width:1132px;margin-left:auto;margin-right:auto}@media(max-width:480px){.unified-inner main>.coming-soon{width:calc(100% - 32px)}}

/* SHOT6-9: a link in a sentence keeps its full stop or comma on phones. */
@media(max-width:600px){main a.in-text{display:inline;min-height:0}}

/* Keep recommended-plan emphasis without lifting its button above the row. */
#pricing .price-popular{transform:none;border-bottom-width:1px}