/* Websites by Tyler: content pages (Packages, service pages, Terms, Privacy, Get a quote, Contact, Work).
   Same formula as the homepage: Inter Display 500 titles (48 px desktop / 30 px phone at the homepage's scale),
   gold key words, a grey second line, left edge 64 / 24, gold-check lists (no bullets), dark glass boxes with a thin gold edge. */
@font-face{font-family:ID;src:url(/preview-v1/f/InterDisplay-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
:root{--s:1}
h1{font:500 calc(48px*var(--s))/1.08 ID,sans-serif;letter-spacing:-.025em;color:#fff;margin:0;max-width:calc(1100px*var(--s))}
h1 em,.cp h2 em{font-style:normal;color:var(--gold)}
h1 .gr{color:rgba(255,255,255,.45)}
.port h1{font-size:calc(30px*var(--s))}
main{padding:calc(150px*var(--s)) calc(64px*var(--s)) 110px}
.port main{padding:calc(94px*var(--s)) calc(24px*var(--s)) 80px}
main.cp{display:block;min-height:0;padding-bottom:140px}
.cp h1+p,.cp h1+ul{margin-top:34px}
.cp .lead{margin:28px 0 0;max-width:720px;font:400 19px/1.6 IN,sans-serif;color:rgba(255,255,255,.72)}
.cp section{margin-top:112px}
.cp section:first-of-type{margin-top:88px}
.cp h2{font:500 calc(34px*var(--s))/1.1 ID,sans-serif;letter-spacing:-.025em;color:#fff;margin:0 0 30px;max-width:900px}
.cp h3{font:600 11px/1 IN,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:44px 0 18px}
.cp h3:first-child{margin-top:0}
.cp p{max-width:760px;margin:0 0 16px;font:400 17.5px/1.65 IN,sans-serif;color:rgba(255,255,255,.72)}
.cp p strong,.cp li strong,.cp td strong{color:#fff;font-weight:600}
.cp a:not(.btn){color:var(--gold);text-decoration:underline;text-decoration-color:rgba(214,182,124,.4);text-underline-offset:3px}
.cp code{font:500 .9em/1 IN,sans-serif;background:rgba(255,255,255,.07);padding:2px 6px;border-radius:5px}
/* gold-check list (Small business page 3's check, smaller for reading) */
.ck{list-style:none;margin:0 0 8px;padding:0;max-width:820px}
.ck li{position:relative;padding:0 0 0 42px;margin:0 0 16px;font:400 17.5px/1.6 IN,sans-serif;color:rgba(255,255,255,.78)}
.ck li i{position:absolute;left:0;top:2px;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--gold);box-sizing:border-box;transform:scale(0);opacity:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}
.ck li i:after{content:"";position:absolute;left:7.5px;top:3.5px;width:5.5px;height:10px;border:solid var(--gold);border-width:0 2px 2px 0;transform:rotate(45deg)}
.ck.in li i{transform:none;opacity:1}
.ck em.when{font-style:normal;font-size:13px;letter-spacing:.04em;color:var(--gold);margin-left:6px;white-space:nowrap}
/* dark glass boxes with a thin gold edge (Small business page 6) */
.gl{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.015) 60%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(214,182,124,.38);border-radius:14px;box-shadow:0 30px 60px rgba(0,0,0,.45)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1312px}
.grid.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid .gl{padding:28px 26px}
.grid .gl b{display:block;font:500 24px/1.12 ID,sans-serif;letter-spacing:-.02em;color:#fff;margin:0 0 10px}
.grid .gl span{display:block;font:400 15.5px/1.5 IN,sans-serif;color:rgba(255,255,255,.6)}
.grid .gl span.ai-n{margin-top:8px;font:400 13px/1.45 IN,sans-serif;color:rgba(255,255,255,.45)}
.grid .gl .n{display:block;font:500 15px/1 IN,sans-serif;color:var(--gold);margin:0 0 18px}
.port .grid,.port .grid.g4,.port .grid.g2{grid-template-columns:1fr;gap:14px}
/* tier boxes */
.tiers{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:24px;max-width:1312px;align-items:stretch}
.tier{display:flex;flex-direction:column;padding:34px 30px 30px}
.tier b.nm{font:500 34px/1.05 ID,sans-serif;letter-spacing:-.025em;color:#fff}
.tier .who{margin:12px 0 22px;font:400 15.5px/1.5 IN,sans-serif;color:rgba(255,255,255,.6)}
.tier .ck li{font-size:15.5px;margin-bottom:11px;padding-left:36px}
.tier .ck li i{width:21px;height:21px}.tier .ck li i:after{left:6.5px;top:3px;width:5px;height:9px}
.tier .btn{margin-top:auto;align-self:flex-start}
.tier .ex{font:500 13px/1.4 IN,sans-serif;color:var(--gold);margin:0 0 18px}
.port .tiers{grid-template-columns:1fr;gap:16px}
/* steps */
.steps{counter-reset:st}
/* table (compare) */
.tw{max-width:1312px;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px}
table.cmp{width:100%;border-collapse:collapse;font:400 15px/1.45 IN,sans-serif;color:rgba(255,255,255,.75);min-width:640px}
table.cmp th,table.cmp td{padding:15px 18px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}
table.cmp thead th{font:500 19px/1.2 ID,sans-serif;color:#fff;letter-spacing:-.01em;border-bottom:1px solid rgba(214,182,124,.38)}
table.cmp td:first-child{color:#fff}
table.cmp td.y{color:var(--gold);font-size:18px}
table.cmp td.no{color:rgba(255,255,255,.3)}
/* questions */
.faq{max-width:900px;border-top:1px solid rgba(255,255,255,.1)}
.faq details{border-bottom:1px solid rgba(255,255,255,.1)}
.faq summary{list-style:none;cursor:pointer;position:relative;padding:24px 56px 24px 0;font:500 22px/1.3 ID,sans-serif;letter-spacing:-.015em;color:#fff}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after,.faq summary:before{content:"";position:absolute;right:8px;top:50%;width:16px;height:1.5px;background:var(--gold);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.faq summary:before{transform:rotate(90deg)}
.faq details[open] summary:before{transform:rotate(0)}
.faq .a{padding:0 0 26px}
.faq .a p:last-child{margin-bottom:0}
.a .ast{margin-top:14px;font:400 14px/1.55 IN,sans-serif;color:rgba(255,255,255,.5)}
.cp p.ast{margin-top:18px;max-width:880px;font:400 14px/1.55 IN,sans-serif;color:rgba(255,255,255,.5)}
.port .faq summary{font-size:18px;padding:20px 44px 20px 0}
/* buttons: the homepage ending's buttons */
.btns{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px}
.btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:220px;height:54px;padding:0 28px;border-radius:99px;font:600 16.5px/1 IN,sans-serif;text-decoration:none;transition:background .25s ease,color .25s ease,border-color .25s ease;cursor:pointer}
.btn.ghost{color:#fff;border:1px solid rgba(255,255,255,.32);background:rgba(10,10,10,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.btn.ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn.gold{color:#0a0a0a;background:var(--gold);border:1px solid var(--gold)}
.btn.gold:hover{background:#e3c792;border-color:#e3c792}
.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.port .btn{min-width:0;width:100%}
/* internal: decisions still to make (remove before launch, like the build notes) */
mark.tbd{background:none;color:#d6b67c;border:1px dashed rgba(214,182,124,.6);border-radius:6px;padding:1px 6px;font:500 .86em/1.5 IN,sans-serif}
.bnote{margin-top:120px;overflow-wrap:anywhere}
/* rise-in */
[data-r]{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.19,1,.22,1),transform .9s cubic-bezier(.19,1,.22,1)}
[data-r].in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){[data-r]{opacity:1;transform:none;transition:none}.ck li i{transform:none;opacity:1;transition:none}}
.port .cp section{margin-top:76px}.port .cp section:first-of-type{margin-top:56px}
.port .cp .lead{font-size:16.5px}.port .cp p,.port .ck li{font-size:15.5px}