:root{
      --bg:#fdfdfd;
      --ink:#111111;
      --muted:#6f6a61;
      --line:#cfc9bf;
      --card:#f4f4f2;
      --dark:#151515;
      --white:#fdfdfd;
      --accent:#6e1f2a;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:var(--bg);
      color:var(--ink);
      font-family:Arial, Helvetica, sans-serif;
      -webkit-font-smoothing:antialiased;
    }

    a{color:inherit;text-decoration:none}
    img{display:block;width:100%;height:100%;object-fit:cover}

    .wrap{
      width:min(1500px, calc(100% - 48px));
      margin:0 auto;
    }

    header{
      position:sticky;
      top:0;
      z-index:20;
      background:rgba(253,253,253,.94);
      backdrop-filter:blur(10px);
      border-bottom:1px solid rgba(17,17,17,.08);
    }

    .nav{
      height:76px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
    }

    .brand{
      display:flex;
      align-items:baseline;
      gap:10px;
      font-weight:700;
      letter-spacing:-.03em;
    }

    .brand-mark{
      font-size:30px;
      line-height:1;
    }

    .brand-name{
      font-size:12px;
      letter-spacing:.12em;
      text-transform:uppercase;
      color:var(--muted);
    }

    .nav-links{
      display:flex;
      gap:24px;
      font-size:13px;
      text-transform:uppercase;
      letter-spacing:.09em;
    }
.resource{padding:clamp(36px,7vw,90px) 0}
.resource h1,.resource h2,.resource h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;line-height:1.08}
.resource h1{font-size:clamp(40px,6.6vw,98px);max-width:1050px;margin:22px 0}
.resource h2{font-size:clamp(25px,3vw,42px);margin:0 0 14px}
.resource h3{font-size:25px;margin:0 0 8px}
.resource p{max-width:68ch;line-height:1.65;margin:0 0 18px}
.resource .intro{font-size:clamp(18px,2vw,23px);color:var(--muted)}
.resource .crumbs,.resource-footer{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.resource a{text-decoration:underline;text-underline-offset:.2em}
.resource section,.resource aside{border-top:1px solid var(--line);padding:30px 0;margin-top:24px}
.resource li{margin:.65em 0;line-height:1.45}
.resource-footer{padding:26px 0;border-top:1px solid var(--line)}
@media(max-width:800px){.wrap{width:min(100% - 28px,1500px)}.nav{height:66px}.brand-name{display:none}.nav-links{gap:14px;font-size:11px}}
@media(max-width:365px){.nav,.nav-links{gap:8px}.nav-links{flex-wrap:wrap}}

.service-logos{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px}
.service-logo{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}
.resource .service-logos img,.resource .service-logo img{width:auto;height:auto;max-width:100%;object-fit:contain}
.resource .service-logos > img{width:150px}
.resource .service-logo img{width:22px}

.guide-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,30%);align-items:start;gap:clamp(24px,5vw,80px)}
.guide-price{background:var(--ink);color:var(--bg);padding:clamp(22px,3vw,40px)}
.guide-price-label,.guide-price dt{font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.guide-price dl{margin:0 0 18px}
.guide-price dl div{border-top:1px solid #777;padding:12px 0}
.guide-price dd,.guide-cost-number{font-family:Georgia,'Times New Roman',serif}
.guide-price dd{font-size:clamp(26px,3vw,44px);margin:4px 0 0}
.guide-price dd span{font-size:16px}
#costs{scroll-margin-top:90px}
.guide-cost-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 44px}
.guide-cost-grid > div{border-top:1px solid var(--line);padding-top:20px}
.guide-cost-number{font-size:clamp(20px,2vw,28px)}
@media(max-width:800px){.guide-heading,.guide-cost-grid{grid-template-columns:1fr}}

.guide-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.resource .guide-button{position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:16px;min-height:160px;padding:clamp(16px,3vw,36px);border:1px solid var(--line);background:var(--card);text-decoration:none}
.guide-button::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:scaleX(0);transform-origin:left}
.guide-button:is(:hover,:focus-visible){color:var(--white)}
.guide-button:is(:hover,:focus-visible)::before{transform:scaleX(1)}
.guide-button:last-child{grid-column:1/-1}
.guide-number{font-size:13px;letter-spacing:.1em}
.guide-button-copy{display:grid;gap:10px}
.guide-button-copy strong{font:normal clamp(24px,3vw,42px)/1.08 Georgia,serif;letter-spacing:-.035em}
.guide-arrow{font-size:26px;line-height:1}
.guide-button:is(:hover,:focus-visible) .guide-arrow{transform:translate(4px,-4px)}
@media(prefers-reduced-motion:no-preference){.guide-button{transition:color .25s}.guide-button::before,.guide-arrow{transition:transform .28s ease}}
@media(max-width:800px){.guide-buttons{grid-template-columns:1fr}.resource .guide-button{min-height:120px}}

.guide-heading h1{font-size:clamp(34px,5vw,76px);overflow-wrap:anywhere;text-wrap:balance}
.guide-price{margin-top:22px;min-width:0}
@media(max-width:800px){.guide-price{margin-top:0}}