
.footer{grid-template-columns:minmax(0,1fr) minmax(0,auto);column-gap:35px;row-gap:0;padding-top:42px;padding-bottom:35px;align-items:start}
.footer-brand{grid-column:1;grid-row:1}
.footer-nav{grid-column:2;grid-row:1;align-self:center;justify-content:flex-end;display:flex;flex-wrap:wrap;gap:12px 24px;max-width:650px}
.footer-nav a{font-size:12px;white-space:nowrap}
.footer .site-legal-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.footer .site-legal-links a{color:var(--muted);font-family:"Courier New",monospace;font-size:10px;font-weight:700;text-decoration:none;text-underline-offset:3px;transition:color .18s}
.footer .site-legal-links a:hover,.footer .site-legal-links a:focus-visible{color:var(--ink);text-decoration:underline}
.footer .footer-bottom{grid-column:1/-1;grid-row:1;align-items:center;margin:0;padding:0;border-top:none}
.footer .site-credit{white-space:normal}
@media(max-width:800px){.footer{grid-template-columns:1fr;gap:0}.footer-brand{grid-column:1;grid-row:1}.footer-nav{grid-column:1;grid-row:2;justify-content:flex-start;max-width:none;margin-top:25px;gap:13px 20px}.footer .footer-bottom{grid-column:1;grid-row:1;flex-direction:column;align-items:flex-start;gap:10px}.footer .site-legal-links a{padding:5px 0}}
.package-category-heading .dd-compare-actions{display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:wrap;min-width:0}
.dd-compare-btn,.dd-hosting-compare{display:inline-flex;align-items:center;justify-content:center;gap:16px;width:fit-content;background:#181818;color:#fff!important;border:1px solid #181818;border-radius:4px;padding:14px 18px;font:800 12px/1.2 Arial,Helvetica,sans-serif;white-space:nowrap;text-decoration:none!important;transition:background .2s,transform .2s,border-color .2s}
.dd-compare-btn:hover,.dd-hosting-compare:hover{background:#aa6500;border-color:#aa6500;transform:translateY(-2px)}
.package-category-heading .dd-compare-actions>p{flex:1;min-width:170px;line-height:1.65}
@media(max-width:780px){.package-category-heading .dd-compare-actions{align-items:flex-start;flex-direction:column}.dd-compare-btn{white-space:normal}}
.dd-contact-process{background:#22221f;color:#f9f8f3;padding:74px 0 75px;font-family:Arial,Helvetica,sans-serif}
.dd-contact-process *{box-sizing:border-box}
.dd-contact-process-inner{width:min(1200px,calc(100% - 78px));margin:auto}
.dd-contact-process-top{display:grid;grid-template-columns:1.35fr .65fr;gap:35px;align-items:end;margin-bottom:35px}
.dd-contact-process .eyebrow{color:#ed8b00}
.dd-contact-process h2{font-size:clamp(35px,5.1vw,70px);line-height:1.03;letter-spacing:-.065em;margin:18px 0 0;color:#fff}
.dd-contact-process h2 span{color:#ed8b00}
.dd-contact-process-top>p{color:#c8c8bf;font-size:14px;line-height:1.8;max-width:380px}
.dd-contact-steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;list-style:none;margin:0;padding:0}
.dd-contact-steps li{border:1px solid #55554e;padding:22px 11px;display:flex;flex-direction:column;gap:13px;min-width:0;background:#2a2a27}
.dd-contact-steps li span{font-size:11px;font-weight:800;color:#ed8b00;letter-spacing:1px}
.dd-contact-steps li strong{font-size:15px;letter-spacing:-.02em;color:#fff;overflow-wrap:break-word}
.dd-contact-steps li small{font-size:11px;line-height:1.65;color:#bdbdb4}
.dd-contact-process .dd-process-note{font-size:13px;line-height:1.8;color:#c8c8bf;margin:26px 0 0;max-width:960px}
.dd-contact-process a{color:#ed8b00;text-underline-offset:4px;font-weight:700}
@media(max-width:1100px){.dd-contact-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.dd-contact-process{padding:55px 0}.dd-contact-process-inner{width:calc(100% - 40px)}.dd-contact-process-top{grid-template-columns:1fr;gap:15px}.dd-contact-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:370px){.dd-contact-steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.footer .site-legal-links a,.dd-compare-btn,.dd-hosting-compare{transition:none;transform:none!important}}
@media (min-width:1001px){.packages-page-hero>.eyebrow{grid-column:1/-1;grid-row:1} .packages-page-hero>h1{grid-column:1;grid-row:2} .packages-page-hero>.packages-page-intro{grid-column:2;grid-row:2} .package-category-heading>div:first-child{grid-column:1;grid-row:1} .package-category-heading>.dd-compare-actions{grid-column:2;grid-row:1}}
@media (max-width:1000px){.packages-page-hero{grid-template-columns:minmax(0,1fr)} .packages-page-hero>.eyebrow{grid-column:1;grid-row:1} .packages-page-hero>h1{grid-column:1;grid-row:2} .packages-page-hero>.packages-page-intro{grid-column:1;grid-row:3} .package-category-heading{grid-template-columns:minmax(0,1fr);gap:20px} .package-category-heading>div:first-child{grid-column:1;grid-row:1} .package-category-heading>.dd-compare-actions{grid-column:1;grid-row:2}}
.footer .footer-brand{justify-self:start;text-align:left}
.footer .footer-nav{width:auto;max-width:650px;justify-self:end;gap:14px 18px}
@media(max-width:800px){.footer .footer-nav{justify-self:start}}

/* Shared page heading: Services, Packages, Work, Reviews and Contact */
body.ddp-page .ddp-container,body .pf-wrap,body.ddr-reviews .ddr-wrap,body .ct-wrap{width:min(calc(100% - 2 * var(--gutter)),var(--max-width))}
body .services-page-hero,body.ddp-page .ddp-hero,body .pf-hero,body.ddr-reviews .ddr-main,body .ct-hero{padding-top:72px}
body .services-page-hero{align-items:start}
body.ddp-page .ddp-hero-grid{align-items:start;margin-top:0}
body .services-page-hero h1,body.ddp-page .ddp-hero h1,body .pf-hero h1,body.ddr-reviews .ddr-main h1,body .ct-hero h1{max-width:none;margin-top:0;font-size:clamp(58px,7.3vw,112px);font-weight:800;line-height:1;letter-spacing:-.082em}
@media(max-width:1000px){body .services-page-hero,body.ddp-page .ddp-hero,body .pf-hero,body.ddr-reviews .ddr-main,body .ct-hero{padding-top:60px}}
@media(max-width:750px){body .services-page-hero h1,body.ddp-page .ddp-hero h1,body .pf-hero h1,body.ddr-reviews .ddr-main h1,body .ct-hero h1{font-size:clamp(36px,11.5vw,58px)}}
@media(max-width:700px){body.ddp-page .ddp-container,body .pf-wrap,body.ddr-reviews .ddr-wrap,body .ct-wrap{width:calc(100% - 30px)}}

/* Shared black line under the page title: Services, Packages, Work, Reviews and Contact */
:root{--title-size:clamp(58px,7.3vw,112px);--title-block:calc(2 * var(--title-size) + 102px)}
@media(max-width:1200px){:root{--title-block:347px}}
body.ddp-page .ddp-hero .ddp-container,body .pf-hero .pf-wrap,body .ct-hero .ct-wrap{min-height:var(--title-block);border-bottom:2px solid #171717}
body .services-page-hero{min-height:calc(70px + var(--title-block));align-content:start}
body.ddp-page .ddp-hero{padding-bottom:36px}
body .pf-hero,body .ct-hero{padding-bottom:0}
body.ddr-reviews .ddr-divider{border-top:2px solid #171717;margin-top:calc(var(--title-block) - 2px - 2 * var(--title-size))}
body .pf-notes .pf-detail:first-of-type{border-top:none;padding-top:0}

body .ct-hero .ct-wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);gap:50px 90px;align-items:start;align-content:start}
body .ct-hero .ct-hero-bottom{display:block;margin:0;padding:0;border-top:none}
body .ct-hero .ct-hero-bottom p:first-child{max-width:none;font-size:clamp(21px,2vw,30px);font-weight:600;line-height:1.12;letter-spacing:normal}
body .ct-hero .ct-hero-bottom p:last-child{max-width:none;margin-top:26px;font-size:14px;color:#676762;line-height:1.65}
/* Reviews heading: two-line title + description, same as Services and Work */
body.ddr-reviews .ddr-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);gap:50px 90px;align-items:start}
body.ddr-reviews .ddr-main .ddr-hero h1{margin:0}
body.ddr-reviews .ddr-main h1 span{display:block}
body.ddr-reviews .ddr-hero-text p:first-child{font-size:clamp(21px,2vw,30px);font-weight:600;line-height:1.12;color:#171717}
body.ddr-reviews .ddr-hero-text p:last-child{margin-top:26px;font-size:14px;line-height:1.65;color:#676762}
/* Packages heading text: same columns, position, size and fonts as Services and Work */
body.ddp-page .ddp-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);gap:50px 90px}
body.ddp-page .ddp-hero-text{max-width:none;padding-bottom:0}
body.ddp-page .ddp-hero-text p{margin:0;font-size:clamp(21px,2vw,30px);font-weight:600;line-height:1.12;letter-spacing:normal;color:var(--ink,#171717)}
body.ddp-page .ddp-hero-text strong{display:block;margin-top:26px;font-size:14px;font-weight:400;line-height:1.65;color:#676762}
@media(max-width:1000px){
body.ddp-page .ddp-hero .ddp-container,body .pf-hero .pf-wrap,body .ct-hero .ct-wrap{min-height:0;padding-bottom:60px}
body .services-page-hero{min-height:0}
body .ct-hero .ct-wrap{grid-template-columns:1fr}
body.ddp-page .ddp-hero-grid{grid-template-columns:1fr}
body.ddr-reviews .ddr-hero{grid-template-columns:1fr;gap:32px}
body.ddr-reviews .ddr-divider{margin-top:40px}
}

/* Line the description up with the top of the big title's letters (all heading pages).
   Title letters start ~0.13em below their line box; the description's ~0.19em below its own. */
@media (min-width:1001px){
body .services-page-hero .services-page-intro,body.ddp-page .ddp-hero .ddp-hero-text,body .pf-hero .pf-hero-bottom,body .ct-hero .ct-hero-bottom,body.ddr-reviews .ddr-hero .ddr-hero-text{
  padding-top:max(0px,calc(.13 * var(--title-size) - .19 * clamp(21px,2vw,30px)))}
}
