/* Presentation polish: preserve the approved content, imagery and brand. */
body{ -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility; }
body[data-design="3"]{--muted:#625d5a;--line:#e7e1dd}
h1,h2,h3{text-wrap:balance}
header{background:rgba(250,249,247,.97)}
.navlinks a{transition:color .2s ease}
.navlinks a:hover{color:var(--primary)}
.btn{box-shadow:0 2px 3px #27150908,0 7px 18px #a300080c;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}
.btn:hover{box-shadow:0 4px 9px #2715090a,0 10px 24px #a3000814}
.btn.outline{box-shadow:none}
.hero p{font-size:16px;line-height:1.8}
.promotionalArtworkLink{border-radius:14px;box-shadow:0 1px 0 #ffffff inset,0 12px 36px #35211a0b;outline:1px solid #30180c06}
.promotionalArtwork{image-rendering:auto}
.stackhouseConnection{box-shadow:0 4px 10px #35211a04,0 14px 34px #35211a07;border-color:#e6dcd7}
.stackhouseConnection>.connectionTrigger{font-size:9px;letter-spacing:.1em;padding:17px 19px}
.stackhouseConnection .connectionTrigger small{font-size:10px;line-height:1.55}
.sectionhead{margin-bottom:34px}
.step h3{font-weight:600;letter-spacing:-.035em}
.step p{font-size:14px;line-height:1.8;max-width:32em}
body[data-design="3"] #how .step{transition:box-shadow .2s ease,border-color .2s ease}
.launchPlans{gap:24px}
.launchPlans .plan{border-radius:18px;border-color:#e7dfda;background:linear-gradient(145deg,#fff,#fffdfb);box-shadow:0 2px 6px #35211a03,0 18px 44px #35211a06;padding:34px}
.launchPlans .plan.managed{background:linear-gradient(145deg,#fff7f5,#fbeeea);border-color:#e8cec7}
.launchPlans h3{font-size:25px;letter-spacing:-.04em}
.launchPlans .launchPrice strong{font-variant-numeric:lining-nums;letter-spacing:-.055em}
.launchPlans .plan>p,.launchPlans ul{font-size:13px;line-height:1.8}
.launchPlans li{border-bottom:1px solid #35211a09;padding-top:12px;padding-bottom:12px}
.launchPlans li:last-child{border-bottom:0}
.launchPlans .btn{min-height:48px}
.request.requestCompact{margin-top:26px;margin-bottom:32px;border-radius:18px;border-color:#e6dcd7;background:linear-gradient(135deg,#f7f1ed,#f3ece7);box-shadow:0 14px 40px #35211a04}
.form.compactForm{border-radius:13px;box-shadow:0 2px 8px #35211a04,0 16px 32px #35211a05;padding:28px;gap:18px}
.compactForm label{font-size:11px;line-height:1.55;letter-spacing:.005em}
.compactForm input,.compactForm select,.compactForm textarea{border-color:#ded8d3;border-radius:7px;min-height:46px;transition:border-color .2s,box-shadow .2s}
.compactForm input:focus,.compactForm textarea:focus,.compactForm select:focus{border-color:#d47b7d;box-shadow:0 0 0 3px #e5091408}
.compactForm input::placeholder,.compactForm textarea::placeholder{color:#8a8581}
.requestTabs{padding:5px;border:1px solid #e9e2dd}
.requestTab{padding:12px 9px}
.optionalExtras{border-color:#e7dfda;background:#fffdfa}
.faq details{border-color:#e5dcd7}
.faq summary{line-height:1.6;padding-top:22px;padding-bottom:22px}
.faq details p{font-size:14px;line-height:1.85}
.foot{border-color:#e5dcd7}
@media(max-width:800px){.launchPlans .plan{padding:28px}.form.compactForm{padding:24px}}
@media(max-width:650px){
 .hero p{font-size:14px}
 .promotionalArtworkLink{border-radius:10px}
 .stackhouseConnection>.connectionTrigger{font-size:8px;padding:15px}
 .stackhouseConnection .connectionTrigger small{font-size:9px}
 .sectionhead{margin-bottom:26px}
 .step p{font-size:14px}
 .launchPlans{gap:20px}
 .launchPlans .plan{padding:26px 23px;border-radius:15px}
 .launchPlans h3{font-size:23px}
 .launchPlans .plan>p,.launchPlans ul{font-size:12px}
 .request.requestCompact{margin-top:22px;margin-bottom:22px;border-radius:15px}
 .form.compactForm{padding:20px 16px;gap:16px 12px}
 .compactForm input,.compactForm select,.compactForm textarea{font-size:16px}
 .faq summary{font-size:14px;padding-top:19px;padding-bottom:19px}
 .faq details p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.btn,.navlinks a,.compactForm input,.compactForm select,.compactForm textarea{transition:none}}

/* Keep the complete ordering panel beneath its trigger on the opening screen. */
@media(max-height:800px) and (min-width:651px){body[data-design] .hero{padding-top:30px;padding-bottom:30px}}
@media(max-width:650px){body[data-design] .hero{padding-top:18px;padding-bottom:24px;gap:18px}body[data-design] .hero h1{font-size:clamp(32px,9vw,42px)}.hero p{margin:12px 0 16px;line-height:1.5}.hero .btn{min-height:42px;padding:11px 16px}.stackhouseConnection{margin-top:12px}.connectionContent{padding:16px}.connectionContent h3{font-size:16px}.connectionContent .connectionAsk{margin-top:12px}}

/* Brand confidence card, replacing the introductory copy and hero action. */
.foundTogether{display:inline-block;white-space:nowrap}.foundTogether .found-glass{display:inline-block;vertical-align:baseline;margin-left:.05em}
.hero .copy{min-width:0}
.brandConfidence{container-type:inline-size;background:#e50914;color:#fff;border-radius:10px;padding:26px 28px;margin-top:25px;text-align:left;box-shadow:0 12px 32px #b5071110}
.confidenceEyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.17em;margin-bottom:19px}
.hero .brandConfidence h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(28px,8.5cqw,44px);font-weight:650;letter-spacing:-.055em;line-height:1.08;color:#fff;max-width:none}
.hero .brandConfidence p{color:#ffdadc;font-size:clamp(12px,3cqw,15px);line-height:1.6;margin:20px 0 22px;max-width:none}
.brandConfidence ul{list-style:none;padding:0;margin:0}.brandConfidence li{position:relative;border-top:1px solid #ffffff26;padding:12px 0 12px 23px;font-size:clamp(11px,2.8cqw,14px);line-height:1.5;letter-spacing:0}
.brandConfidence li:before{content:'✓';position:absolute;left:0;top:12px;color:#ffc784;font-weight:800}
.brandConfidence li.conceptSingle{white-space:nowrap;font-size:clamp(9px,2.85cqw,14px)}
.confidenceCaption{display:block;white-space:nowrap;color:#ffd7da;margin-top:18px;font-size:1.97cqw;line-height:1.5;letter-spacing:0}
@media(max-width:650px){.brandConfidence{padding:20px;margin-top:18px}.confidenceEyebrow{font-size:8px;margin-bottom:13px}.hero .brandConfidence h2{font-size:clamp(26px,8.5cqw,36px)}.hero .brandConfidence p{font-size:12px;margin:13px 0 15px;line-height:1.5}.brandConfidence li{padding-top:9px;padding-bottom:9px;font-size:11px}.brandConfidence li:before{top:9px}.confidenceCaption{margin-top:13px}}

/* Stable hero: full-width headline above two balanced columns. */
body[data-design] .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:26px 44px;padding:34px 0 42px}
body[data-design] .hero>.heroHeadline{grid-column:1/-1;font-size:clamp(40px,4.5vw,64px);line-height:1.08;max-width:none;margin:0;letter-spacing:-.055em}
.hero .brandConfidence{margin-top:0;padding:25px 28px;border-radius:16px}
.hero .brandConfidence h2{font-size:clamp(28px,7.5cqw,38px)}
.hero .brandConfidence p{margin:16px 0 18px;font-size:14px;line-height:1.6}
.brandConfidence li{padding-top:11px;padding-bottom:11px}.brandConfidence li:before{top:11px}
body[data-design] .hero .promotionalArtwork{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.hero .stackhousePreviewGroup{align-self:start;padding-bottom:160px}
.hero .promotionalArtworkLink{border-radius:16px;box-shadow:0 10px 32px #39131809}
.hero .stackhouseConnection{max-width:none;margin-top:16px}
@media(min-width:651px) and (max-height:820px){
 .nav{min-height:82px}.brandArtwork img{max-height:72px}
 body[data-design] .hero{padding-top:22px;gap:20px 36px}
 body[data-design] .hero>.heroHeadline{font-size:clamp(36px,3.8vw,54px)}
 .hero .brandConfidence{padding:22px 24px}.hero .brandConfidence h2{font-size:32px}.hero .brandConfidence p{font-size:13px;margin:12px 0 14px}.brandConfidence li{padding-top:9px;padding-bottom:9px}.brandConfidence li:before{top:9px}.confidenceEyebrow{margin-bottom:14px}.confidenceCaption{margin-top:14px}
 .hero .stackhouseConnection{margin-top:12px}.stackhouseConnection>.connectionTrigger{padding:13px 17px}.connectionContent{padding:16px 20px}.connectionContent h3{font-size:16px;margin-bottom:7px}.connectionContent .connectionAsk{margin-top:10px}
}
@media(max-width:650px){
 body[data-design] .hero{display:flex;gap:22px;padding:22px 0 30px}
 body[data-design] .hero>.heroHeadline{order:0;font-size:clamp(32px,8.5vw,44px);line-height:1.12}
 .hero .stackhousePreviewGroup{order:1;width:100%;padding-bottom:166px}
 .hero .copy{order:2;width:100%}
 .hero .brandConfidence{padding:24px 20px}
 .hero .brandConfidence h2{font-size:clamp(27px,8.5cqw,36px)}
 .hero .brandConfidence p{font-size:13px}
 .hero .stackhouseConnection{margin-top:14px}
}

@media(min-width:651px){.heroHeadline .headlineLine{display:inline-block;white-space:nowrap}.heroHeadline{width:100%}}

/* Static service card: preserve its appearance, without an interactive affordance. */
.stackhouseConnection>.connectionTrigger{cursor:default}

/* Requested vertical offsets; keep the slogan and header geometry in place. */
body[data-design] .hero{margin-top:.3in}
/* Keep the approved header logo treatment identical in the footer. */
:is(header,footer) .brandArtwork{position:relative;top:.1in}

/* Navigation anchors own their header offsets individually. */
html{scroll-padding-top:0}

/* Recognizable delivery wordmarks inside the existing static information card. */
.deliveryLogos{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-left:auto;flex-shrink:0}
.deliveryLogos img{display:block;object-fit:contain;height:25px;max-width:83px}
@media(min-width:651px) and (max-width:1100px){.stackhouseConnection>.connectionTrigger{flex-wrap:wrap}.deliveryLogos{flex-basis:100%;justify-content:center;margin:5px 0 0;padding-top:12px;border-top:1px solid #eee5e1}}
@media(max-width:650px){.stackhouseConnection>.connectionTrigger{flex-wrap:wrap}.deliveryLogos{flex-basis:100%;justify-content:center;gap:22px;margin:4px 0 0;padding-top:12px;border-top:1px solid #eee5e1}.deliveryLogos img{height:24px}}

/* V25: the artwork fills the space above the unchanged ordering card. */
@media(min-width:651px){
 .hero .stackhousePreviewGroup{align-self:stretch;padding-bottom:0;display:flex;flex-direction:column;min-height:0}
 .hero .stackhousePreviewGroup>.visual.promotionalPreview{flex:1 1 0;min-height:0;position:relative}
 .hero .stackhousePreviewGroup .promotionalArtworkLink{position:absolute;inset:0;height:100%}
 body[data-design] .hero .stackhousePreviewGroup .promotionalArtwork{width:100%;height:100%;object-fit:fill}
 .hero .stackhouseConnection{flex:0 0 auto}
}

/* Preserve the approved breathing room before the three-step section. */
@media(min-width:651px){body[data-design] .hero{padding-bottom:202px}}