/* The visual direction for the Mac + Max service: quiet product photography,
   precise type, and one warm accent for human assistance. */
.site-header{background:#f7f6f1}
.site-header nav{gap:28px}
.hero{grid-template-columns:54% 46%;min-height:710px;padding-block:62px 75px;gap:0}
.hero-copy{padding-right:32px}
.hero h1{font-size:clamp(42px,4.35vw,64px);line-height:1.3;margin:26px 0 28px;letter-spacing:-.07em}
.hero-lede{max-width:580px;font-size:16px;line-height:1.95}
.hero-note{margin-top:20px}
.hero-art{height:535px;margin:0;overflow:hidden;border-radius:3px;background:#233735;box-shadow:20px 28px 55px #17352b20}
.hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:58% center}
.hero-art:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#10231ed1);pointer-events:none}
.hero-photo-caption{position:absolute;z-index:1;left:31px;bottom:30px;display:flex;flex-direction:column;color:#fff;gap:5px}
.hero-photo-caption span{font:10px var(--mono);letter-spacing:.18em;color:#c8d9d1}
.hero-photo-caption strong{font-family:var(--display);font-weight:500;font-size:25px;letter-spacing:-.05em}
.hero-visual-label{position:absolute;z-index:1;top:22px;right:21px;background:#f7f6efed;border:1px solid #ffffff99;border-radius:2px;padding:9px 11px;font:9px var(--mono);letter-spacing:.09em;color:#294441;white-space:nowrap}
.visual-label-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ae7358;margin-right:6px;vertical-align:1px}
.feature-strip{background:#e9eee8}
.strip-inner{grid-template-columns:repeat(4,1fr)}
.strip-inner p{white-space:nowrap}
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.service .section-head h2{max-width:620px}
.service-card{min-height:390px;padding:25px}
.service-card h3{font-size:23px}
.service-card p{max-width:340px}
.card-symbol{font-size:12px;letter-spacing:.04em}
.eyebrow,.kicker,.card-meta,.statement-label{font-family:var(--body);letter-spacing:.05em;font-weight:700}
.offer-section{padding-block:115px;background:#eceee7;border-block:1px solid #dce3da}
.offer-heading{display:grid;grid-template-columns:1fr 2fr 1.25fr;gap:30px;margin-bottom:52px;align-items:start}
.offer-heading h2{font-size:clamp(38px,4vw,62px);margin:0}
.offer-heading h2 em{font-style:normal;color:#9d6b54}
.offer-heading>p:last-child{font-size:14px;color:var(--muted);line-height:1.9;margin:10px 0}
.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.offer-card{display:flex;flex-direction:column;min-height:530px;padding:34px 37px 31px;border:1px solid #d4ded4}
.offer-hardware{background:#213b39;color:#f4f5ee}
.offer-account{background:#fafbf7;color:var(--ink)}
.offer-top{display:flex;justify-content:space-between;align-items:center;font:11px var(--mono);letter-spacing:.08em}
.offer-badge{font:10px var(--body);letter-spacing:0;padding:5px 9px;border:1px solid currentColor;border-radius:99px}
.offer-hardware .offer-top{color:#bbd0c5}.offer-account .offer-top{color:#798d80}
.offer-card h3{font:600 clamp(35px,3.2vw,52px)/1.3 var(--display);letter-spacing:-.07em;margin:43px 0 19px}
.offer-card>p{font-size:14px;line-height:1.9;max-width:440px;margin:0 0 24px;color:inherit;opacity:.83}
.offer-card ul{padding:0;list-style:none;margin:0 0 28px;border-top:1px solid #91a59870}
.offer-card li{padding:10px 0;border-bottom:1px solid #91a59870;font-size:13px}
.offer-card li:before{content:"↗";color:#d7a688;margin-right:12px}
.offer-card a{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:13px;font-weight:700;padding-top:16px}
.offer-card a:hover{color:#cf9679}
.offer-disclosure{font-size:12px;color:#667971;line-height:1.8;max-width:850px;margin:21px 0 0}
.statement-inner{padding-block:88px 95px}
.statement p{font-size:clamp(35px,3.7vw,55px)}
.steps .step-list{align-self:start}
.request-intro h2{font-size:clamp(42px,4vw,62px)}
.selection-summary{background:#eaf0e8;color:#285047;border:1px solid #c4d5c5;padding:12px 14px;font-size:12px;font-weight:700;margin:-6px 0 24px}
.selection-summary:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;background:#476d5d;color:white;border-radius:50%;margin-right:9px;font-size:10px}
.faq-list{max-width:940px}
@media(max-width:1050px){
  .site-header nav{gap:14px}
  .hero{grid-template-columns:52% 48%}
  .hero h1{font-size:clamp(38px,4.25vw,48px)}
  .hero-art{height:455px;transform:none}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-card{min-height:310px}
  .offer-heading{grid-template-columns:1fr 2fr}
  .offer-heading>p:last-child{grid-column:2}
}
@media(max-width:700px){
  .hero{display:flex;flex-direction:column;min-height:0;padding-block:50px 42px}
  .hero-copy{padding-right:0}
  .hero h1{font-size:clamp(38px,9.3vw,50px);line-height:1.3}
  .hero-lede{font-size:14px}
  .hero-art{width:100%;height:370px;transform:none;margin:34px 0 0}
  .hero-photo{object-position:61% center}
  .hero-photo-caption{left:19px;bottom:20px}
  .hero-photo-caption strong{font-size:20px}
  .hero-visual-label{top:14px;right:12px;font-size:8px}
  .feature-strip .strip-inner{grid-template-columns:1fr 1fr;gap:0}
  .strip-inner p{font-size:11px;padding:10px 0}
  .strip-inner p:nth-child(odd){border-right:1px solid #cdd8ce}
  .strip-icon{font-size:15px;margin-right:5px}
  .offer-section{padding-block:75px}
  .offer-heading{display:block;margin-bottom:32px}
  .offer-heading h2{font-size:39px;margin:17px 0}
  .offer-heading>p:last-child{font-size:13px}
  .offer-grid{grid-template-columns:1fr}
  .offer-card{min-height:0;padding:25px 24px 26px}
  .offer-card h3{font-size:37px;margin:31px 0 16px}
  .offer-card ul{margin-bottom:18px}
  .offer-card a{margin-top:20px}
  .offer-disclosure{font-size:11px}
  .service-grid{grid-template-columns:1fr}
  .service-card{min-height:260px}
}
@media(max-width:390px){
  .hero h1{font-size:36px}
  .hero-art{height:320px;transform:none;margin:28px 0 0}
  .hero-visual-label{font-size:7px}
  .strip-inner p{font-size:10px}
  .offer-card h3{font-size:33px}
}