.sp-page .sp-hero-graphic{position:relative;isolation:isolate;background:#a60008;min-height:clamp(570px,47.26vw,790px);color:#fff;overflow:hidden}
.sp-hero-scene{position:absolute;inset:0;z-index:-1;overflow:hidden}.sp-hero-scene img{width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;display:block}
.sp-page .sp-hero-graphic .sp-hero-layout{display:flex;align-items:center;min-height:inherit;padding-block:38px}.sp-hero-graphic .sp-hero-copy{width:46%;position:relative;z-index:1}
.sp-page .sp-hero-graphic h1{font-size:clamp(2.1rem,.7rem + 2.8vw,3.6rem);line-height:1.16;color:#fff;letter-spacing:-.04em;margin-bottom:18px}.sp-page .sp-hero-graphic h1 span{color:#ffe3a1;background:linear-gradient(#fff9df,#ffe3a1 65%,#f4bb61);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-right:.08em;margin-right:-.08em}
.sp-hero-graphic .sp-breadcrumb{color:#ffe6e6;margin-bottom:22px}.sp-hero-graphic .sp-breadcrumb a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}.sp-hero-graphic .sp-service-name{color:#fff;font-size:1.25rem;margin-bottom:10px}.sp-hero-graphic .sp-description{color:#fff0f0;font-size:1.06rem;max-width:39ch;margin-bottom:16px;text-wrap:pretty}.sp-hero-graphic .sp-starting{color:#fff2ed}.sp-hero-graphic .sp-starting strong{color:#ffe6ad;font-size:2.5rem}
.sp-hero-graphic .sp-button{background:#fff;border-color:#fff;color:#a00015;box-shadow:0 8px 20px #50000025}.sp-hero-graphic .sp-outline{color:white;background:#ffffff0a;border-color:#ffffffba;box-shadow:none}.sp-hero-graphic .sp-button:focus-visible{outline:3px solid #92edff;outline-offset:5px}
@media(hover:hover) and (pointer:fine){.sp-hero-graphic .sp-button:hover{background:#fff6e6;box-shadow:0 13px 25px #4b000040}.sp-hero-graphic .sp-outline:hover{background:#ffffff20}}
@media(min-width:761px) and (max-width:1100px){.sp-page .sp-hero-graphic{min-height:580px}.sp-hero-graphic .sp-hero-copy{width:46%}.sp-page .sp-hero-graphic h1{font-size:clamp(1.9rem,.5rem + 3vw,2.5rem)}.sp-hero-graphic .sp-description{font-size:.95rem}.sp-hero-graphic .sp-actions{gap:10px}.sp-hero-graphic .sp-button{padding:11px 16px;font-size:.9rem}.sp-hero-graphic .sp-starting strong{font-size:2.2rem}}
@media(max-width:760px){.sp-page .sp-hero-graphic{display:flex;flex-direction:column;min-height:0;background:linear-gradient(130deg,#8e0005,#cf000b)}.sp-page .sp-hero-graphic .sp-hero-layout{order:1;min-height:0;padding-top:25px;padding-bottom:20px;display:block}.sp-hero-graphic .sp-hero-copy{width:100%;text-align:center}.sp-page .sp-hero-graphic h1{font-size:clamp(1.9rem,.55rem + 6vw,3rem);line-height:1.18}.sp-hero-graphic .sp-breadcrumb{margin-bottom:20px}.sp-hero-graphic .sp-service-name{font-size:1.1rem}.sp-hero-graphic .sp-description{font-size:.97rem;margin:0 auto 14px;max-width:35ch}.sp-hero-graphic .sp-starting strong{font-size:2rem}.sp-hero-graphic .sp-actions{margin-bottom:0}.sp-hero-scene{position:relative;inset:auto;z-index:0;order:2;aspect-ratio:1.18;mask-image:linear-gradient(transparent,#000 7%);-webkit-mask-image:linear-gradient(transparent,#000 7%)}.sp-hero-scene img{width:180%;height:auto;object-fit:initial;transform:translateX(-44.4444%)}.sp-hero-graphic .sp-button{font-size:.9rem;padding:12px 18px}}
@media(prefers-reduced-motion:reduce){.sp-hero-graphic *{transition:none!important}}
/* Approved distinct compositions: editorial white/ivory type, not the rejected fiber stage. */
.sp-page .sp-hero-graphic{min-height:clamp(580px,47.26vw,930px)}
.sp-page .sp-hero-graphic .sp-hero-layout{width:min(1800px,90%);padding-block:40px}.sp-hero-graphic .sp-hero-copy{width:42%}.sp-hero-graphic .sp-breadcrumb{display:none}.sp-hero-graphic .sp-service-name{font-size:clamp(1.1rem,.6rem + .8vw,1.75rem);font-weight:400;margin-bottom:20px}
.sp-page .sp-hero-graphic h1{font-size:clamp(2.4rem,.8rem + 4vw,5.75rem);line-height:1.12;margin-bottom:22px}.sp-page .sp-hero-graphic h1 span{font-size:.8em;color:#fff0cf;background:none;-webkit-text-fill-color:currentColor}.sp-hosting .sp-hero-graphic h1 span{font-size:.9em}.sp-domain .sp-hero-graphic h1 span{font-size:.7em}
.sp-hero-graphic .sp-description{font-size:clamp(.95rem,.5rem + .5vw,1.1rem);line-height:1.6;max-width:40ch;margin-bottom:16px}.sp-hero-graphic .sp-starting{font-size:clamp(1rem,.5rem + .8vw,1.5rem);margin-bottom:25px;gap:10px}.sp-hero-graphic .sp-starting strong{font-size:clamp(2rem,1rem + 2vw,3.5rem);color:#fff5df}.sp-hero-graphic .sp-button{font-size:clamp(.9rem,.5rem + .55vw,1.2rem);padding:14px 25px;min-height:52px}
@media(min-width:761px) and (max-width:1100px){.sp-page .sp-hero-graphic{min-height:580px}.sp-page .sp-hero-graphic h1{font-size:clamp(2rem,.4rem + 4vw,3.2rem)}.sp-hero-graphic .sp-hero-copy{width:45%}.sp-hero-graphic .sp-description{font-size:.9rem}.sp-hero-graphic .sp-button{padding:12px 16px;font-size:.9rem}.sp-hero-graphic .sp-actions{flex-wrap:wrap}}
@media(max-width:760px){.sp-page .sp-hero-graphic{min-height:0}.sp-page .sp-hero-graphic .sp-hero-layout{width:calc(100% - 40px);padding-top:30px;padding-bottom:12px}.sp-hero-graphic .sp-hero-copy{width:100%}.sp-hero-graphic .sp-service-name{font-size:1.05rem;margin-bottom:12px}.sp-page .sp-hero-graphic h1{font-size:clamp(2.1rem,.8rem + 6vw,3.3rem);line-height:1.15;margin-bottom:16px}.sp-page .sp-hero-graphic h1 span{font-size:.85em}.sp-domain .sp-hero-graphic h1 span{font-size:.75em}.sp-hero-graphic .sp-description{font-size:.95rem;margin-bottom:14px}.sp-hero-graphic .sp-starting{font-size:1rem;margin-bottom:18px}.sp-hero-graphic .sp-starting strong{font-size:2rem}.sp-hero-graphic .sp-button{font-size:.9rem;padding:12px 18px;min-height:46px}.sp-hero-scene{aspect-ratio:1.18}}
@media(max-width:760px){.sp-hero-scene{aspect-ratio:1.354}.sp-hero-scene img{width:156.25%;transform:translateX(-36%)}}
/* Poster coordinates are proportional to each approved 1824×862 concept. */
@media(min-width:761px){
.sp-page .sp-hero-graphic{min-height:0;aspect-ratio:1824/862}
.sp-page .sp-hero-graphic .sp-hero-layout{position:absolute;inset:0;width:100%;min-height:0;padding:0;display:block}
.sp-hero-graphic .sp-hero-copy{position:absolute;inset:0;width:100%}
.sp-hero-graphic .sp-service-name,.sp-page .sp-hero-graphic h1,.sp-hero-graphic .sp-starting,.sp-hero-graphic .sp-actions{position:absolute;left:var(--poster-left);margin:0;max-width:45%}
.sp-hero-graphic .sp-service-name{top:var(--poster-label);font-size:clamp(1rem,1.6vw,2rem);line-height:1.2}
.sp-page .sp-hero-graphic h1{top:var(--poster-title);font-size:clamp(2.4rem,var(--poster-font),8rem);line-height:1.12;letter-spacing:-.035em}
.sp-page .sp-hero-graphic h1 span{font-size:var(--poster-secondary);white-space:nowrap;color:#fff0d2}
.sp-hero-graphic .sp-starting{top:var(--poster-price);font-size:clamp(1rem,var(--poster-price-font),3rem);gap:.45vw;line-height:1.2;white-space:nowrap;flex-wrap:nowrap;align-items:baseline;font-weight:700}
.sp-hero-graphic .sp-starting strong{font-size:var(--poster-price-number);font-weight:800;line-height:1.05;color:white}
.sp-hero-graphic .sp-actions{top:var(--poster-actions);gap:1.3vw;flex-wrap:nowrap}
.sp-hero-graphic .sp-button{width:var(--poster-button);min-height:0;height:3.8vw;max-height:74px;padding:8px;font-size:clamp(.8rem,1.3vw,1.55rem);border-radius:40px;white-space:nowrap;color:#101217}
.sp-hero-graphic .sp-outline{color:white;width:var(--poster-button-two)}
.sp-hero-graphic .sp-button span{display:none}.sp-email .sp-hero-graphic .sp-button span{display:block}
.sp-domain{--poster-left:4.9%;--poster-label:17%;--poster-title:25%;--poster-price:54.7%;--poster-actions:65.6%;--poster-font:6.4vw;--poster-secondary:.73em;--poster-price-font:1.85vw;--poster-price-number:3.2vw;--poster-button:12.3vw;--poster-button-two:11vw}
.sp-hosting{--poster-left:5.6%;--poster-label:18.3%;--poster-title:23.2%;--poster-price:54.8%;--poster-actions:66.8%;--poster-font:6.6vw;--poster-secondary:.8em;--poster-price-font:2.19vw;--poster-price-number:4.05vw;--poster-button:15.3vw;--poster-button-two:14.7vw}
.sp-vps{--poster-left:7.5%;--poster-label:22%;--poster-title:27.3%;--poster-price:55.5%;--poster-actions:65%;--poster-font:5.75vw;--poster-secondary:1em;--poster-price-font:2.08vw;--poster-price-number:2.68vw;--poster-button:13.2vw;--poster-button-two:12.85vw}
.sp-email{--poster-left:4.4%;--poster-label:21%;--poster-title:26.7%;--poster-price:52.5%;--poster-actions:64.7%;--poster-font:5.55vw;--poster-secondary:.82em;--poster-price-font:2.63vw;--poster-price-number:3.84vw;--poster-button:12.9vw;--poster-button-two:12.6vw}
}
.sp-page .sp-facts>.sp-hero-intro{grid-column:1/-1;display:block;max-width:85ch;margin:0 auto 22px;padding:0 15px 20px;border:0;border-bottom:1px solid #e8eaf1;border-radius:0;color:#616775;text-align:center;font-size:1rem}
@media(max-width:760px){.sp-hero-graphic .sp-actions{gap:10px}.sp-hero-graphic .sp-button span{display:none}.sp-hero-graphic .sp-starting{margin-top:16px}.sp-hero-graphic .sp-service-name{margin-bottom:14px}.sp-page .sp-facts>.sp-hero-intro{font-size:.9rem}}
.sp-page .sp-hero-graphic h1 .sp-title-first{position:relative;top:0;font-size:1em;color:white;background:none;-webkit-text-fill-color:white;white-space:normal;padding:0;margin:0}
@media(min-width:761px){.sp-domain .sp-hero-graphic h1 .sp-title-first{top:1.65vw}.sp-hosting .sp-hero-graphic h1 .sp-title-first{top:1.1vw}.sp-vps{--poster-title:28%}}
@media(min-width:761px){.sp-email .sp-hero-graphic h1>span:not(.sp-title-first){position:relative;top:-.9vw}}