/* The DAY/OS product website. Built from the website design; one stylesheet for every page. */
@font-face{font-family:'Atkinson Hyperlegible';font-weight:400;font-style:normal;font-display:swap;src:url('/fonts/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Atkinson Hyperlegible';font-weight:700;font-style:normal;font-display:swap;src:url('/fonts/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:500;font-style:normal;font-display:swap;src:url('/fonts/barlow-condensed-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:600;font-style:normal;font-display:swap;src:url('/fonts/barlow-condensed-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:700;font-style:normal;font-display:swap;src:url('/fonts/barlow-condensed-latin-700-normal.woff2') format('woff2')}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:#F4F8FA}
:root{--ink:#12303A;--ink2:#1E4553;--snow:#F4F8FA;--glacier:#DCE9F0;--line:#C7D9E3;--trail:#1B5FC1;--trailDark:#154A99;--patrol:#D63A2F;--spruce:#2C7A57;--muted:#4B6570;--white:#FFFFFF}
.sx{font-family:'Atkinson Hyperlegible',system-ui,sans-serif;color:var(--ink);background:var(--snow);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
.sx *{box-sizing:border-box}
.sx h1,.sx h2,.sx h3,.sx .disp{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;letter-spacing:-0.005em;margin:0}
.sx p{margin:0}
.sx a{color:var(--trailDark)}
.sx a:hover{color:var(--ink)}
.sx :focus-visible{outline:3px solid var(--trail);outline-offset:3px;border-radius:4px}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 24px;border-radius:6px;font-weight:700;font-size:17px;text-decoration:none;border:2px solid var(--trail);background:var(--trail);color:var(--white)!important;cursor:pointer;font-family:inherit}
.btn:hover{background:var(--trailDark);border-color:var(--trailDark)}
.btn.ghost{background:transparent;color:var(--ink)!important;border-color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--white)!important}
.btn.onink{background:var(--white);border-color:var(--white);color:var(--ink)!important}
.btn.onink:hover{background:var(--glacier);border-color:var(--glacier)}
.skip{position:absolute;left:-999px;top:8px;background:var(--white);padding:8px 14px;z-index:40}
.skip:focus{left:8px}
.sec{padding:88px 0}
.sec.alt{background:var(--glacier)}
.sh h1,.sh h2{font-size:clamp(40px,5.2vw,68px);line-height:.95;max-width:14em}
.sh p{font-size:20px;color:var(--ink2);max-width:36em;margin-top:20px}
.pagehead{padding:40px 0 72px}
.pagehead h1{font-size:clamp(52px,7vw,96px);line-height:.92;max-width:11em}
.pagehead p{font-size:21px;line-height:1.55;max-width:34em;margin-top:24px;color:var(--ink2)}
.tag{font-size:14px;font-weight:700;padding:2px 10px;border:1.5px solid var(--ink);border-radius:99px;color:var(--ink)}
.chip{display:inline-flex;align-items:center;gap:7px;padding:3px 11px;border-radius:99px;font-size:14px;font-weight:700;white-space:nowrap}
.faq{margin-top:40px;border-top:2px solid var(--ink);max-width:880px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:22px 44px 22px 0;font-weight:700;font-size:20px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';position:absolute;right:6px;top:14px;font-size:32px;font-weight:400;line-height:1;color:var(--trail)}
.faq details[open] summary:after{content:'\2212'}
.faq details p{padding:0 44px 24px 0;color:var(--ink2);max-width:44em}
.band{background:var(--ink);color:#EAF3F7;padding:76px 0}
.band h2{font-size:clamp(38px,5vw,64px);line-height:.95;max-width:13em}
.band p{max-width:36em;font-size:20px;color:#C7DAE3;margin-top:20px}
.band .ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
@media (max-width:1000px){.sec{padding:68px 0}.band{padding:60px 0}}
@media (max-width:640px){.wrap{padding:0 20px}.sx{font-size:17px}.pagehead{padding:20px 0 48px}.pagehead p,.sh p,.band p{font-size:18px}.band .ctas .btn{width:100%}}


/* home */
.band{background:var(--ink);color:#EAF3F7;padding:84px 0}
.band h2{font-size:clamp(40px,5.4vw,72px);line-height:.95;max-width:13em}
.band p{max-width:36em;font-size:20px;color:#C7DAE3;margin-top:26px}
.band .two{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:end}
.band ul{list-style:none;margin:0;padding:0;font-size:19px}
.band li{padding:12px 0;border-top:1px solid rgba(255,255,255,.18);display:flex;gap:12px}
.band li:last-child{border-bottom:1px solid rgba(255,255,255,.18)}
.band li s{color:#8FB0BE;text-decoration-thickness:2px}
/* hero */
.hero{padding:48px 0 88px}
.herogrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}
.hero h1{font-size:clamp(54px,8.2vw,112px);line-height:.9;max-width:9.5em}
.hero .lede{font-size:21px;line-height:1.55;max-width:34em;margin-top:28px;color:var(--ink2)}
.ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.heronote{margin-top:22px;font-size:15px;color:var(--muted);max-width:32em}

/* morning board */
.board{background:var(--ink);color:#EAF3F7;border-radius:10px;padding:0;overflow:hidden;box-shadow:0 1px 0 rgba(18,48,58,.25),0 24px 48px -24px rgba(18,48,58,.5)}
.board .bh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.14)}
.board .bh b{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:600}
.board .bh span{font-size:14px;color:#A9C2CD}
.board .bs{padding:6px 22px 4px}
.board .bt{font-size:14px;color:#A9C2CD;padding:14px 0 6px}
.brow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.1)}
.brow:first-of-type{border-top:0}
.brow .n{font-weight:700;font-size:17px}
.brow .d{font-size:14px;color:#A9C2CD;line-height:1.4}
.chip{display:inline-flex;align-items:center;gap:7px;padding:3px 11px;border-radius:99px;font-size:14px;font-weight:700;white-space:nowrap}
.chip.ok{background:#DDF1E6;color:#17543A}
.chip.hold{background:#FBEBCF;color:#6B4200}
.chip.closed{background:#FBDEDB;color:#8A1F17}
.chip svg{flex:none}
.bfoot{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.14);margin-top:8px}
.bfoot div{padding:14px 22px;border-left:1px solid rgba(255,255,255,.14)}
.bfoot div:first-child{border-left:0}
.bfoot b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:34px;line-height:1;font-weight:600}
.bfoot span{font-size:13px;color:#A9C2CD;line-height:1.3;display:block;margin-top:4px}
.boardcap{font-size:14px;color:var(--muted);margin-top:12px}

/* problem band */
.band{background:var(--ink);color:#EAF3F7;padding:84px 0}
.band h2{font-size:clamp(40px,5.4vw,72px);line-height:.95;max-width:13em}
.band p{max-width:36em;font-size:20px;color:#C7DAE3;margin-top:26px}
.band .two{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:end}
.band ul{list-style:none;margin:0;padding:0;font-size:19px}
.band li{padding:12px 0;border-top:1px solid rgba(255,255,255,.18);display:flex;gap:12px}
.band li:last-child{border-bottom:1px solid rgba(255,255,255,.18)}
.band li s{color:#8FB0BE;text-decoration-thickness:2px}

/* section heads */
.sec{padding:96px 0}
.sec.alt{background:var(--glacier)}
.sh h2{font-size:clamp(40px,5.2vw,68px);line-height:.95;max-width:14em}
.sh p{font-size:20px;color:var(--ink2);max-width:36em;margin-top:20px}

/* the day */
.day{margin-top:56px;border-top:2px solid var(--ink)}
.stop{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1.15fr);gap:40px;padding:36px 0;border-bottom:1px solid var(--line)}
.stop .tm{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:52px;line-height:.9}
.stop .tm small{display:block;font-size:19px;font-weight:500;color:var(--muted);margin-top:8px;letter-spacing:0}
.stop h3{font-size:34px;line-height:1}
.stop .sub{margin-top:12px;color:var(--ink2)}
.stop ul{margin:0;padding:0;list-style:none}
.stop li{padding:8px 0 8px 22px;position:relative}
.stop li:before{content:'';position:absolute;left:0;top:19px;width:9px;height:9px;background:var(--trail);border-radius:50%}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.tag{font-size:14px;font-weight:700;padding:2px 10px;border:1.5px solid var(--ink);border-radius:99px;color:var(--ink)}
.callout{margin-top:16px;padding:14px 18px;border-left:6px solid var(--patrol);background:var(--white);font-weight:700}
.stopimg{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px;margin-top:20px}
.vista{margin:0;background:var(--ink)}
.vista img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover}
.vista figcaption{max-width:1180px;margin:0 auto;padding:10px 32px;font-size:14px;color:#A9C2CD}
.guest{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px}
.gp{background:var(--white);border:2px solid var(--ink);border-radius:10px;padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px}
.gp h3{font-size:30px;line-height:1}
.gp code{font-family:'Atkinson Hyperlegible',sans-serif;font-size:14.5px;font-weight:700;color:var(--trailDark);background:var(--glacier);border-radius:5px;padding:2px 8px;align-self:flex-start;word-break:break-all}
.gp p{font-size:16.5px;color:var(--ink2);line-height:1.5}
.gp .tag{align-self:flex-start;margin-top:auto}
.gp .tag.add{border-color:var(--trail);color:var(--trailDark)}
.addline{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;font-size:17px}
.addline b{font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:600;margin-right:6px}
.addline span{padding:4px 12px;border:1.5px solid var(--trail);border-radius:99px;font-weight:700;font-size:15px;color:var(--trailDark);background:var(--white)}
@media (max-width:1000px){.guest{grid-template-columns:repeat(2,minmax(0,1fr))}.stop .tm{flex-wrap:wrap}.stop .stopimg{flex-basis:100%;max-width:420px}}
@media (max-width:640px){.guest{grid-template-columns:minmax(0,1fr)}.vista figcaption{padding:10px 20px}}

/* apps switchboard */
.sw{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;margin-top:48px;align-items:start}
.appgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.app{display:flex;gap:14px;align-items:flex-start;text-align:left;padding:14px 16px;border-radius:8px;border:2px solid var(--ink);background:var(--white);color:var(--ink);cursor:pointer;font-family:inherit;font-size:16px;line-height:1.35;min-height:76px}
.app:hover{background:#F0F6F9}
.app .sw-t{flex:none;width:44px;height:26px;border-radius:99px;background:#9FB3BC;position:relative;margin-top:2px;transition:background .15s}
.app .sw-t:after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:var(--white);transition:left .15s}
.app.on .sw-t{background:var(--trail)}
.app.on .sw-t:after{left:21px}
.app b{display:block;font-size:17px}
.app span.bl{display:block;color:var(--muted);font-size:14.5px;margin-top:2px}
.app:not(.on){background:transparent;border-style:dashed;border-color:#7E97A2}
.preview{position:sticky;top:20px;background:var(--ink);color:#EAF3F7;border-radius:10px;padding:22px 24px 24px}
.preview .pc{font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:600;margin-bottom:4px}
.preview .pn{font-size:14.5px;color:#A9C2CD;min-height:44px;line-height:1.4}
.prow{padding:7px 0;font-size:17px;display:flex;align-items:center;gap:10px}
.prow.h{font-size:14px;color:#A9C2CD;padding-top:16px;padding-bottom:2px}
.prow.m{color:#9FBAC6}
.prow i{flex:none;width:8px;height:8px;border-radius:50%;background:#6FA5FF}
.prow.m i{background:#5A7C8B}

/* roles */
.roles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:48px;border-top:2px solid var(--ink)}
.role{padding:26px 22px 8px 0}
.role+.role{padding-left:22px;border-left:1px solid var(--line)}
.role h3{font-size:30px}
.role p{font-size:16px;color:var(--ink2);margin-top:10px;line-height:1.5}

/* trust */
.trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin-top:44px}
.tr{padding:22px 0;border-top:1px solid var(--line)}
.tr h3{font-size:28px;line-height:1.05}
.tr p{font-size:17px;color:var(--ink2);margin-top:8px}

/* faq */
.faq{margin-top:40px;border-top:2px solid var(--ink);max-width:880px}
.faq details{border-bottom:1px solid var(--line);padding:0}
.faq summary{cursor:pointer;list-style:none;padding:22px 44px 22px 0;font-weight:700;font-size:20px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';position:absolute;right:6px;top:14px;font-size:32px;font-weight:400;line-height:1;color:var(--trail)}
.faq details[open] summary:after{content:'\2212'}
.faq details p{padding:0 44px 24px 0;color:var(--ink2);max-width:44em}

/* contact */
.contact{background:var(--trail);color:var(--white);padding:92px 0}
.contact h2{font-size:clamp(44px,6vw,84px);line-height:.92;max-width:11em}
.contact p{font-size:20px;max-width:34em;margin-top:22px;color:#E6EFFC}
.contact .mail{margin-top:30px;font-size:22px;font-weight:700}
.contact .mail span{border-bottom:3px solid var(--white);padding-bottom:2px}
.contact .small{font-size:16px;margin-top:14px;color:#D2E2F8}


@media (max-width:1000px){
  .herogrid,.band .two,.sw{grid-template-columns:minmax(0,1fr)}
  .herogrid{gap:44px}
  .stop{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 32px}
  .stop .tm{grid-column:1 / -1;display:flex;align-items:baseline;gap:16px}
  .stop .tm small{margin-top:0}
  .roles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .role,.role+.role{padding:22px 18px 8px 0;border-left:0;border-bottom:1px solid var(--line)}
  .plans{grid-template-columns:minmax(0,1fr)}
  .preview{position:static}
  .band{padding:64px 0}.sec{padding:72px 0}
}
@media (max-width:640px){
  .wrap{padding:0 20px}
  .sx{font-size:17px}
  .navlinks a.l{display:none}
  .top{padding:14px 0}
  .hero{padding:24px 0 56px}
  .hero .lede,.band p,.sh p,.contact p{font-size:18px}
  .stop{grid-template-columns:minmax(0,1fr)}
  .appgrid,.trust,.roles{grid-template-columns:minmax(0,1fr)}
  .trust{gap:0}
  .bfoot b{font-size:28px}.bfoot div{padding:12px 14px}
  .brow{grid-template-columns:minmax(0,1fr)}
  .chip{justify-self:start}
  .ctas .btn{width:100%}
  .found{flex-direction:column;align-items:flex-start}
  .contact{padding:64px 0}
}
@media (prefers-reduced-motion:reduce){.app .sw-t,.app .sw-t:after{transition:none}}

/* product */
.gh{max-width:40em}
.gh h2{font-size:clamp(40px,5vw,64px);line-height:.95}
.gh p{font-size:20px;color:var(--ink2);margin-top:14px}
.applist{margin-top:40px;border-top:2px solid var(--ink)}
.app-r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px 56px;padding:32px 0;border-bottom:1px solid var(--line)}
.app-r h3{font-size:36px;line-height:1}
.app-r .one{margin-top:10px;color:var(--ink2);font-size:19px}
.app-r .note{margin-top:16px;padding:12px 16px;background:var(--white);border-left:6px solid var(--patrol);font-weight:700;font-size:16.5px;line-height:1.45}
.sec.alt .app-r{border-bottom-color:#B5CCD9}
.app-r ul{list-style:none;margin:0;padding:0}
.app-r li{padding:7px 0 7px 22px;position:relative;font-size:17.5px}
.app-r li:before{content:'';position:absolute;left:0;top:18px;width:9px;height:9px;background:var(--trail);border-radius:50%}
.always{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:40px;border-top:2px solid var(--ink)}
.always div{padding:22px 20px 8px 0}
.always div+div{padding-left:20px;border-left:1px solid var(--line)}
.always div:nth-child(3n+1){padding-left:0;border-left:0}
.always h3{font-size:28px}
.always p{font-size:16px;color:var(--ink2);margin-top:8px;line-height:1.5}
.vista{margin:0 0 0;background:var(--ink)}
.vista img{display:block;width:100%;height:auto;max-height:480px;object-fit:cover}
.app-r .add{display:inline-block;margin-left:10px;vertical-align:middle;font-family:'Atkinson Hyperlegible',sans-serif;font-size:14px;font-weight:700;padding:2px 10px;border:1.5px solid var(--trail);border-radius:99px;color:var(--trailDark);letter-spacing:0}
.gpl{margin-top:40px;border-top:2px solid var(--ink)}
.gpr{display:grid;grid-template-columns:280px minmax(0,1fr) minmax(0,1fr);gap:24px 44px;padding:36px 0;border-bottom:1px solid var(--line);align-items:start}
.gpr img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px}
.gpr .ph{width:100%;aspect-ratio:4 / 3;border-radius:8px;background:var(--glacier);display:flex;align-items:center;justify-content:center}
.gpr h3{font-size:36px;line-height:1}
.gpr code{display:inline-block;margin-top:10px;font-family:'Atkinson Hyperlegible',sans-serif;font-size:15px;font-weight:700;color:var(--trailDark);background:var(--glacier);border-radius:5px;padding:2px 8px;word-break:break-all}
.gpr .one{margin-top:12px;color:var(--ink2);font-size:18px}
.gpr .comes{margin-top:14px;font-size:15.5px;color:var(--muted)}
.gpr .comes b{color:var(--ink)}
.gpr h4{margin:0 0 4px;font-size:16px;font-weight:700}
.gpr ul{list-style:none;margin:0;padding:0}
.gpr li{padding:6px 0 6px 22px;position:relative;font-size:17px}
.gpr li:before{content:'';position:absolute;left:0;top:16px;width:9px;height:9px;background:var(--trail);border-radius:50%}
@media (max-width:1000px){.gpr{grid-template-columns:200px minmax(0,1fr)}.gpr ul{grid-column:1 / -1}.gpr>div:last-child{grid-column:1 / -1}}
@media (max-width:640px){.gpr{grid-template-columns:minmax(0,1fr)}.gpr img,.gpr .ph{max-width:360px}}
.where{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:40px}
.where h3{font-size:30px}
.where p{margin-top:10px;color:var(--ink2);font-size:17.5px}
@media (max-width:1000px){.app-r{grid-template-columns:minmax(0,1fr)}.always{grid-template-columns:repeat(2,minmax(0,1fr))}.always div,.always div+div{padding:20px 16px 8px 0;border-left:0;border-bottom:1px solid var(--line)}.where{grid-template-columns:minmax(0,1fr);gap:28px}}
@media (max-width:640px){.always{grid-template-columns:minmax(0,1fr)}.app-r h3{font-size:32px}}

/* pricing */
.bill{display:inline-flex;margin-top:30px;border:2px solid var(--ink);border-radius:8px;overflow:hidden}
.bill button{font-family:inherit;font-size:17px;font-weight:700;min-height:48px;padding:0 22px;background:transparent;color:var(--ink);border:0;cursor:pointer}
.bill button[aria-pressed="true"]{background:var(--ink);color:#fff}
.bill button+button{border-left:2px solid var(--ink)}
.bill small{font-weight:400;font-size:14px;margin-left:6px}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.plan{background:var(--white);border:2px solid var(--ink);border-radius:10px;padding:28px 26px;display:flex;flex-direction:column}
.plan.feat{border-width:3px;border-color:var(--trail)}
.plan .sym{display:flex;align-items:center;gap:12px}
.plan h2,.plan h3{font-size:40px;line-height:1}
.plan .who{margin-top:8px;color:var(--ink2);font-size:16px;min-height:50px}
.price{margin-top:18px;display:flex;align-items:baseline;gap:8px}
.price b{font-family:'Barlow Condensed',sans-serif;font-size:62px;font-weight:700;line-height:1}
.price span{color:var(--muted);font-size:16px}
.plan .setup{font-size:15px;color:var(--muted);margin-top:6px;min-height:46px}
.plan ul{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--line);flex:1}
.plan li{padding:9px 0 9px 26px;position:relative;font-size:16.5px;line-height:1.4}
.plan li:before{content:'';position:absolute;left:2px;top:15px;width:11px;height:6px;border-left:3px solid var(--spruce);border-bottom:3px solid var(--spruce);transform:rotate(-45deg)}
.plan li.plus{font-weight:700}
.plan li.plus:before{display:none}
.plan .go{margin-top:22px}
.fine{margin-top:26px;font-size:16px;color:var(--ink2);max-width:52em}
.tblwrap{position:relative;margin-top:36px;overflow-x:auto;border-top:2px solid var(--ink)}
table.cmp{border-collapse:collapse;width:100%;min-width:640px;font-size:17px}
.cmp th,.cmp td{padding:14px 12px;border-bottom:1px solid #B5CCD9;text-align:center}
.cmp th[scope="row"]{text-align:left;font-weight:700;padding-left:0}
.cmp thead th{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:700;text-align:center;vertical-align:bottom;padding-top:18px}
.cmp thead th:first-child{text-align:left}
.cmp .y,.cmp .n{display:inline-flex;align-items:center;justify-content:center}
.cmp .n{color:var(--muted)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
.cmp td,.cmp th{position:relative}
.extras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:40px}
.extras h3{font-size:30px}
.extras p{margin-top:10px;color:var(--ink2);font-size:17.5px}
.found{padding:30px 32px;background:var(--ink);color:#EAF3F7;border-radius:10px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.found b{font-family:'Barlow Condensed',sans-serif;font-size:36px;font-weight:600;display:block;line-height:1.05}
.found span{color:#C7DAE3;font-size:18px;display:block;margin-top:8px;max-width:40em}
@media (max-width:1000px){.plans{grid-template-columns:minmax(0,1fr)}.extras{grid-template-columns:minmax(0,1fr);gap:26px}.plan .who,.plan .setup{min-height:0}}
@media (max-width:640px){.bill{display:flex}.bill button{flex:1;padding:0 8px}.bill small{display:block;margin:0}}
.addons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px}
.addon .tops{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}
.addon ul{list-style:none;margin:14px 0 0;padding:0}
.addon li{padding:5px 0 5px 22px;position:relative;font-size:16.5px;line-height:1.45}
.addon li:before{content:'';position:absolute;left:0;top:14px;width:9px;height:9px;background:var(--trail);border-radius:50%}
.addon .fit{margin-top:auto;padding-top:14px;font-size:15.5px;color:var(--muted)}
.addon .fit b{color:var(--spruce)}
.cmp .ad{font-size:14px;font-weight:700;color:var(--trailDark);border:1.5px solid var(--trail);border-radius:99px;padding:1px 9px;white-space:nowrap}
.cmp tr.sub th{font-family:'Barlow Condensed',sans-serif;font-size:24px;padding-top:26px;text-align:left}
@media (max-width:1000px){.addons{grid-template-columns:minmax(0,1fr)}}
.addon{background:var(--white);border:2px solid var(--ink);border-radius:10px;padding:26px 28px;display:flex;flex-direction:column}
.addon h3{font-size:34px;line-height:1.05}
.addon p{margin-top:8px;color:var(--ink2);font-size:17.5px;max-width:42em}
.addon .ap{text-align:right}
.addon .ap b{font-family:'Barlow Condensed',sans-serif;font-size:52px;font-weight:700;line-height:1}
.addon .ap span{display:block;color:var(--muted);font-size:15.5px}
@media (max-width:760px){.addon{grid-template-columns:minmax(0,1fr)}.addon .ap{text-align:left}}

/* security */
.sg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:20px 64px;padding:40px 0;border-top:1px solid var(--line)}
.sg:first-of-type{border-top:2px solid var(--ink)}
.sg h2{font-size:clamp(34px,3.6vw,46px);line-height:1}
.sg .lead{margin-top:12px;color:var(--ink2);font-size:19px}
.sg ul{list-style:none;margin:0;padding:0}
.sg li{padding:8px 0 8px 22px;position:relative;font-size:17.5px}
.sg li:before{content:'';position:absolute;left:0;top:19px;width:9px;height:9px;background:var(--trail);border-radius:50%}
.sg li b{display:block}
.proof{margin-top:20px;padding:16px 20px;background:var(--glacier);border-radius:8px;font-size:17px}
.honest{padding:28px 32px;background:var(--white);border:2px solid var(--ink);border-radius:10px;max-width:880px}
.honest h2{font-size:34px}
.honest p{margin-top:10px;color:var(--ink2);font-size:18px}
@media (max-width:900px){.sg{grid-template-columns:minmax(0,1fr)}}


/* contact */
.cgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:56px;align-items:start}
.steps{margin:0;padding:0;list-style:none;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding:0 0 26px 58px}
.steps li:before{content:counter(s);position:absolute;left:0;top:-2px;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:24px;display:flex;align-items:center;justify-content:center}
.steps b{display:block;font-size:19px}
.steps span{color:var(--ink2);font-size:17px}
.form{background:var(--white);border:2px solid var(--ink);border-radius:10px;padding:30px 30px 32px}
.form h2{font-size:36px;line-height:1}
.fr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin-top:22px}
.fld{display:flex;flex-direction:column;gap:6px}
.fld.full{grid-column:1 / -1}
.fld label{font-weight:700;font-size:16px}
.fld .opt{font-weight:400;color:var(--muted)}
.fld input,.fld select,.fld textarea{font-family:inherit;font-size:17px;color:var(--ink);min-height:48px;padding:10px 12px;border:2px solid #7E97A2;border-radius:6px;background:#fff;width:100%}
.fld textarea{min-height:120px;resize:vertical;line-height:1.45}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--trail);outline:3px solid #BBD3F6;outline-offset:0}
.chk{display:flex;gap:12px;align-items:flex-start;margin-top:20px;font-size:17px}
.chk input{width:24px;height:24px;margin:2px 0 0;flex:none;accent-color:var(--trail)}
.send{margin-top:26px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.send button[disabled]{background:#C9D6DC;border-color:#C9D6DC;color:#42565F!important;cursor:not-allowed}
.hint{font-size:15.5px;color:var(--muted)}
.prev{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}
.prev b{font-size:16px}
.prev pre{white-space:pre-wrap;word-break:break-word;font-family:'Atkinson Hyperlegible',sans-serif;font-size:15.5px;line-height:1.5;background:var(--snow);border-radius:6px;padding:14px 16px;margin:8px 0 0;color:var(--ink2)}
@media (max-width:1000px){.cgrid{grid-template-columns:minmax(0,1fr);gap:40px}}
@media (max-width:640px){.fr{grid-template-columns:minmax(0,1fr)}.form{padding:22px 18px 26px}.send .btn,.send button{width:100%}}

/* site nav */
.sn{background:var(--snow)}
.sn-in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:18px;padding-bottom:18px}
.sn-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)!important}
.sn-brand span{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:28px;letter-spacing:.01em}
.sn-links{display:flex;gap:28px;align-items:center}
.sn-links a:not(.btn){color:var(--ink);text-decoration:none;font-weight:700;font-size:16px;padding:8px 0;border-bottom:3px solid transparent}
.sn-links a:not(.btn):hover{border-bottom-color:var(--line)}
.sn-links a[aria-current]{border-bottom-color:var(--trail)}
.sn-m{display:none;position:relative}
.sn-m summary{list-style:none;cursor:pointer;min-height:44px;min-width:88px;display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--ink);border-radius:6px;font-weight:700;font-size:16px;padding:0 14px}
.sn-m summary::-webkit-details-marker{display:none}
.sn-menu{position:absolute;right:0;top:54px;z-index:30;width:260px;background:var(--white);border:2px solid var(--ink);border-radius:8px;padding:8px 18px 18px;display:flex;flex-direction:column}
.sn-menu a:not(.btn){color:var(--ink);text-decoration:none;font-weight:700;font-size:18px;padding:13px 0;border-bottom:1px solid var(--line)}
.sn-menu a[aria-current]{color:var(--trailDark)}
.sn-menu .btn{margin-top:16px}
@media (max-width:900px){.sn-links{display:none}.sn-m{display:block}}
/* site footer */
.sf{background:var(--ink);color:#C7DAE3;padding:64px 0 40px;margin-top:0}
.sf-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:48px}
.sf-brand{display:flex;align-items:center;gap:10px;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:28px}
.sf p{font-size:16px;line-height:1.55;margin:14px 0 0;max-width:26em}
.sf h2{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:22px;color:#fff;margin:0 0 10px;letter-spacing:.01em}
.sf ul{list-style:none;margin:0;padding:0}
.sf li a{display:inline-block;padding:7px 0;color:#DCE9F0;font-size:16px}
.sf li a:hover{color:#fff}
.sf-base{margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14.5px;color:#A9C2CD}
@media (max-width:760px){.sf-grid{grid-template-columns:minmax(0,1fr);gap:28px}}


/* ---------- added for the live site ---------- */
.plans.home{margin-top:48px}
.plan .from{font-size:15px;color:var(--muted);margin-top:6px;min-height:22px}
.plan .apps{font-size:15.5px}
.paygrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.payway{background:var(--white);border:2px solid var(--ink);border-radius:10px;padding:24px 24px 26px}
.payway h3{font-size:30px;line-height:1}
.payway p{margin-top:10px;color:var(--ink2);font-size:17px}
.steps-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:40px;border-top:2px solid var(--ink)}
.steps-line div{padding:22px 20px 8px 0}
.steps-line div+div{padding-left:20px;border-left:1px solid var(--line)}
.steps-line b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:28px;line-height:1.05}
.steps-line span{display:block;margin-top:8px;font-size:16.5px;color:var(--ink2);line-height:1.5}
.cmp .note-c{font-size:14px;color:var(--muted);font-weight:400}
.whatsnew{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.wn{background:var(--white);border:2px solid var(--ink);border-radius:10px;padding:22px 22px 24px}
.wn h3{font-size:28px;line-height:1.05}
.wn p{margin-top:8px;font-size:16.5px;color:var(--ink2);line-height:1.5}
.wn .tag{display:inline-block;margin-top:14px}
.form .status{margin-top:18px;padding:14px 16px;border-radius:8px;font-size:17px;display:none}
.form .status.show{display:block}
.form .status.ok{background:#DDF1E6;color:#17543A}
.form .status.bad{background:#FBDEDB;color:#8A1F17}
.form .hp{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
.fld .err{color:#8A1F17;font-size:15px;display:none}
.fld.invalid input,.fld.invalid select{border-color:#B42318}
.fld.invalid .err{display:block}
.kinds{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.kinds label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px;border:2px solid #7E97A2;border-radius:99px;font-weight:700;font-size:16px;cursor:pointer;background:#fff}
.kinds input{width:18px;height:18px;margin:0;accent-color:var(--trail)}
.kinds label:has(input:checked){border-color:var(--trail);background:#E8F0FB;color:var(--trailDark)}
.legal{max-width:820px}
.legal h2{font-size:34px;line-height:1.05;margin-top:44px}
.legal h3{font-size:24px;margin-top:26px}
.legal p,.legal li{font-size:17.5px;color:var(--ink2)}
.legal p{margin-top:12px}
.legal ul{margin:12px 0 0;padding-left:22px}
.legal li{margin:6px 0}
.legal .updated{color:var(--muted);font-size:16px;margin-top:10px}
.lost{padding:60px 0 120px}
.lost h1{font-size:clamp(52px,7vw,96px);line-height:.92}
.lost p{font-size:20px;margin-top:20px;color:var(--ink2);max-width:34em}
.sf-legal{display:flex;gap:18px;flex-wrap:wrap}
.sf-legal a{color:#C7DAE3}
@media (max-width:1000px){.paygrid,.whatsnew{grid-template-columns:minmax(0,1fr)}.steps-line{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-line div,.steps-line div+div{padding:20px 16px 8px 0;border-left:0;border-bottom:1px solid var(--line)}}
@media (max-width:640px){.steps-line{grid-template-columns:minmax(0,1fr)}}