/* ABX LLC — premium cinematic homepage, V8 owner copy.
   Scoped under .abx8-home. Inherits previous cinematic hero without duplicating it. */
.abx8-home{--abx8-dark:#031322;--abx8-mid:#07243c;--abx8-card:#0a2b47;--abx8-border:#346b92;--abx8-azure:#149bff;--abx8-silver:#c7dae8;--abx8-white:#f8fbff;color:#eef8ff;background:#041626;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.abx8-home *,.abx8-home *::before,.abx8-home *::after{box-sizing:border-box}
.abx8-home .abx8-container{width:min(1430px,calc(100% - 84px));margin-inline:auto}
.abx8-home .abx8-section{padding:clamp(74px,7.2vw,112px) 0;position:relative;border-bottom:1px solid #255173}
.abx8-home .abx8-section:before{content:"";position:absolute;inset:0 0 auto;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#269ef936,transparent)}
.abx8-home .abx8-kicker{font-size:11px;font-weight:820;letter-spacing:.2em;text-transform:uppercase;color:#59bfff;line-height:1.55;margin:0 0 25px}
.abx8-home .abx8-section h2,.abx8-home .abx8-final h2{font-size:clamp(38px,4.15vw,62px);letter-spacing:-.055em;line-height:1.08;font-weight:840;color:#fff;margin:0;max-width:890px}
.abx8-home .abx8-section h2 em,.abx8-home .abx8-final h2 em{font-style:normal;color:#54b8ff}
.abx8-home .abx8-section h3{font-weight:780;line-height:1.16;letter-spacing:-.035em;color:#f4faff;margin:0}
.abx8-home .abx8-section-intro{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(310px,.66fr);gap:clamp(30px,5vw,96px);align-items:end;margin-bottom:45px}
.abx8-home .abx8-intro-copy{max-width:610px;color:#bcd2e1;font-size:clamp(16px,1.35vw,18px);line-height:1.7}
.abx8-home .abx8-intro-copy p{margin:0 0 13px;line-height:1.7}
.abx8-home .abx8-intro-copy p:last-child{margin-bottom:0}
.abx8-home .abx8-section-nav{background:linear-gradient(100deg,#061b2d,#0a2c47);border-block:1px solid #2d6085}
.abx8-home .abx8-section-nav>.abx8-container{min-height:71px;display:flex;align-items:center;gap:17px 31px;justify-content:space-between;flex-wrap:wrap;padding:12px 0}
.abx8-home .abx8-section-nav .abx8-container>span{font-size:10px;letter-spacing:.17em;color:#90bdd9;font-weight:850;margin-right:auto}
.abx8-home .abx8-section-nav a{color:#daedfa;font-size:13px;font-weight:770;text-decoration:none}
.abx8-home .abx8-section-nav a span{color:#5bc1ff;margin-left:7px}
.abx8-home .abx8-section-nav a:hover{color:#64c6ff}
.abx8-home .abx8-services{background:radial-gradient(ellipse at 95% 12%,#135e9678,transparent 42%),#04192d}
.abx8-home .abx8-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.abx8-home .abx8-service-card{border:1px solid #376d97;border-radius:12px;overflow:hidden;min-width:0;display:flex;flex-direction:column;box-shadow:0 24px 58px #0005;position:relative;isolation:isolate}
.abx8-home .abx8-service-design{background:radial-gradient(circle at 100% 0%,#1979c48a,transparent 45%),linear-gradient(145deg,#0b2f51,#03172b)}
.abx8-home .abx8-service-hosting{background:radial-gradient(circle at 85% 17%,#14558980,transparent 51%),linear-gradient(147deg,#062941,#041422)}
.abx8-home .abx8-service-top{padding:22px 31px;border-bottom:1px solid #467da275;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a8d0e9;font-size:11px;letter-spacing:.15em;font-weight:840}
.abx8-home .abx8-service-sign{font-size:24px;line-height:1;color:#74c9fd}
.abx8-home .abx8-service-main{padding:33px 38px;flex:1}
.abx8-home .abx8-service-icon{height:65px;width:65px;display:grid;place-items:center;border:1px solid #4c9cd3;background:#0c5d9b54;color:#5fc6ff;border-radius:13px;font-size:31px;margin:0 0 27px}
.abx8-home .abx8-service-main h3{font-size:clamp(31px,3.1vw,45px);max-width:580px;margin:0 0 20px}
.abx8-home .abx8-service-main>p:not(.abx8-scope-note){color:#cbddeb;line-height:1.68;font-size:16px;margin:0 0 14px}
.abx8-home .abx8-checks{margin:22px 0 20px;padding:0;list-style:none;display:grid;gap:7px}
.abx8-home .abx8-checks li{position:relative;padding:8px 0 8px 28px;font-size:14px;line-height:1.55;color:#ecf7ff}
.abx8-home .abx8-checks li:before{content:"✓";position:absolute;left:0;top:7px;color:#54bfff;font-weight:850}
.abx8-home .abx8-scope-note{font-size:12px;color:#add0e7;line-height:1.65;margin:19px 0 0;padding-top:16px;border-top:1px solid #487c9d63}
.abx8-home .abx8-scope-note a{color:#84d6ff;text-decoration:underline;text-underline-offset:3px}
.abx8-home .abx8-service-action{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 38px;background:#072e4b;border-top:1px solid #3f7ba0;color:#f2faff;text-decoration:none;font-size:15px;font-weight:800;transition:background .2s}
.abx8-home .abx8-service-action span{color:#80d2ff;font-size:23px}
.abx8-home .abx8-service-action:hover{background:#0e527d;color:#fff}
.abx8-home .abx8-why{background:linear-gradient(115deg,#031321,#09233a)}
.abx8-home .abx8-expertise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid #2f5877}
.abx8-home .abx8-expertise-grid article{padding:27px 25px 31px 0;position:relative;min-width:0}
.abx8-home .abx8-expertise-grid article:not(:first-child){padding-left:26px;border-left:1px solid #2f5877}
.abx8-home .abx8-expertise-num{color:#62bbf9;letter-spacing:.14em;font-size:11px;font-weight:840}
.abx8-home .abx8-expertise-mark{font-size:41px;line-height:1;color:#4fb7fb;margin:24px 0}
.abx8-home .abx8-expertise-grid h3{font-size:clamp(20px,1.75vw,25px);line-height:1.2}
.abx8-home .abx8-expertise-grid p{color:#b2ccdc;font-size:14px;line-height:1.7;margin:16px 0 0}
.abx8-home .abx8-reference{display:flex;gap:15px;align-items:flex-start;border:1px solid #2e5775;background:#082a42;padding:18px 22px;margin-top:26px;border-radius:8px}
.abx8-home .abx8-reference>span{font-size:20px;color:#71c9ff}
.abx8-home .abx8-reference p{color:#b9d3e4;font-size:13px;line-height:1.55;margin:0}
.abx8-home .abx8-reference a{color:#8ad8ff;text-underline-offset:3px}
.abx8-home .abx8-button{display:inline-flex;align-items:center;justify-content:space-between;gap:21px;min-height:54px;padding:15px 22px;font:800 14px/1.3 Inter,system-ui,sans-serif;border-radius:6px;cursor:pointer;text-decoration:none;transition:background .2s,transform .2s;color:#fff}
.abx8-home .abx8-button:hover{transform:translateY(-2px)}
.abx8-home .abx8-button>span{font-size:22px;font-weight:550;line-height:1}
.abx8-home .abx8-button-outline{background:#0a2e4d;border:1px solid #4ca3d6}
.abx8-home .abx8-button-outline:hover{background:#135c88}
.abx8-home .abx8-button-primary{background:linear-gradient(112deg,#076ed0,#129bff);border:1px solid #1e9cf4;box-shadow:0 16px 35px #006bc13a}
.abx8-home .abx8-button-primary:hover{background:linear-gradient(112deg,#0863b7,#0c81de)}
.abx8-home .abx8-process{background:linear-gradient(145deg,#031420,#062038)}
.abx8-home .abx8-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0}
.abx8-home .abx8-process-card{background:#0a2b46;border:1px solid #3381b0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.abx8-home .abx8-process-photo{aspect-ratio:1.55/1;background:linear-gradient(140deg,#12496e,#04182a);border-bottom:1px solid #33709b}
.abx8-home .abx8-process-photo img{display:block;width:100%;height:100%;object-fit:cover}
.abx8-home .abx8-process-text{padding:27px 23px 31px;flex:1}
.abx8-home .abx8-process-text>span{font-size:11px;color:#5fc2ff;font-weight:850;letter-spacing:.14em}
.abx8-home .abx8-process-text h3{font-size:clamp(21px,1.8vw,27px);margin:28px 0 14px;line-height:1.15}
.abx8-home .abx8-process-text p{font-size:14px;color:#d1e3ee;line-height:1.7;margin:0}
.abx8-home .abx8-process-note{font-size:12px;color:#aec9da;margin:20px 0 0}
.abx8-home .abx8-getstarted{background:radial-gradient(circle at 92% 6%,#155e8f59,transparent 46%),#041b2e}
.abx8-home .abx8-getstarted-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,118px);align-items:center}
.abx8-home .abx8-getstarted-intro>p:not(.abx8-kicker){color:#c3d9e8;font-size:18px;max-width:530px;margin:20px 0 0}
.abx8-home .abx8-minor-link{display:inline-flex;gap:13px;color:#8dd8ff;font-size:15px;font-weight:800;text-decoration:underline;text-underline-offset:4px;margin-top:30px}
.abx8-home .abx8-choice{border:1px solid #397da8;border-radius:14px;padding:clamp(24px,3vw,42px);background:linear-gradient(135deg,#0b3555,#061c30);box-shadow:0 26px 70px #0007}
.abx8-home .abx8-choice fieldset{border:0;padding:0;margin:0;min-width:0}
.abx8-home .abx8-choice legend{font-size:22px;font-weight:800;letter-spacing:-.04em;margin:0 0 19px;color:#f4fbff}
.abx8-home .abx8-choice-item{position:relative;border:1px solid #42769b;background:#0b2b45;display:grid;grid-template-columns:46px minmax(0,1fr) 22px;gap:16px;align-items:center;padding:18px;border-radius:9px;margin-bottom:12px;cursor:pointer;transition:background .16s,border-color .16s}
.abx8-home .abx8-choice-item:hover{border-color:#66bfff;background:#124064}
.abx8-home .abx8-choice-item:has(input:checked){background:#0b4773;border-color:#44adf6;box-shadow:0 0 0 1px #3698d76b}
.abx8-home .abx8-choice-item input{position:absolute;opacity:0;width:1px;height:1px;top:15px;left:15px}
.abx8-home .abx8-choice-item:has(input:focus-visible){outline:3px solid #91d8ff;outline-offset:3px}
.abx8-home .abx8-choice-item input:focus-visible + .abx8-choice-symbol{outline:3px solid #91d8ff;outline-offset:3px}
.abx8-home .abx8-choice-symbol{width:45px;height:45px;display:grid;place-items:center;color:#61c2fc;border:1px solid #337eb8;border-radius:9px;background:#082540;font-size:24px}
.abx8-home .abx8-choice-description{display:flex;flex-direction:column;gap:6px;min-width:0}
.abx8-home .abx8-choice-description strong{font-size:17px;color:#eff9ff;line-height:1.2}
.abx8-home .abx8-choice-description small{font-size:13px;color:#b7d3e6;line-height:1.5}
.abx8-home .abx8-choice-indicator{height:17px;width:17px;border:2px solid #85abc4;border-radius:100%;position:relative}
.abx8-home .abx8-choice-item:has(input:checked) .abx8-choice-indicator{border-color:#61befe}
.abx8-home .abx8-choice-item:has(input:checked) .abx8-choice-indicator:after{content:"";position:absolute;inset:3px;background:#64bfff;border-radius:50%}
.abx8-home .abx8-choice button{width:100%;margin-top:11px}
.abx8-home .abx8-choice-note{font-size:12px;color:#a8c9de;line-height:1.6;margin-top:15px}
.abx8-home .abx8-choice-note a{color:#87d3fb}
.abx8-home .abx8-nextstep{margin-top:25px;padding:25px 30px;border:1px solid #36617f;border-left:3px solid #269af0;border-radius:8px;background:#08263e;display:grid;grid-template-columns:.3fr 1fr;gap:32px}
.abx8-home .abx8-nextstep h3{font-size:22px;margin:0}
.abx8-home .abx8-nextstep p{color:#bfd7e7;font-size:15px;line-height:1.65;margin:0}
.abx8-home .abx8-faq-section{background:linear-gradient(120deg,#051626,#081f34)}
.abx8-home .abx8-faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(42px,7vw,115px)}
.abx8-home .abx8-faq-heading>p:not(.abx8-kicker){font-size:16px;color:#aec9d9;margin-top:24px}
.abx8-home .abx8-questions details{border-top:1px solid #37617d}
.abx8-home .abx8-questions details:last-child{border-bottom:1px solid #37617d}
.abx8-home .abx8-questions summary{list-style:none;cursor:pointer;font-size:17px;font-weight:780;color:#eef8ff;line-height:1.4;padding:23px 41px 23px 0;position:relative}
.abx8-home .abx8-questions summary::-webkit-details-marker{display:none}
.abx8-home .abx8-questions summary:after{content:"+";position:absolute;right:7px;top:15px;font-size:27px;color:#61baff}
.abx8-home .abx8-questions details[open] summary:after{content:"−"}
.abx8-home .abx8-questions details p{font-size:15px;color:#c0d8e8;line-height:1.75;padding:0 20px 25px 0}
.abx8-home .abx8-questions details a{color:#7bd0ff;text-decoration:underline;text-underline-offset:3px}
.abx8-home .abx8-final{background:linear-gradient(105deg,#031724f7,#09283fe4),url("images/abx-home-hero-20261015.webp") center/cover,#06192b;padding:clamp(84px,7vw,120px) 0;border-top:1px solid #286a96}
.abx8-home .abx8-final-layout{display:grid;grid-template-columns:minmax(0,1.35fr) auto;gap:45px;align-items:center}
.abx8-home .abx8-final-copy>p:not(.abx8-kicker){font-size:17px;color:#cbdfed;max-width:720px;line-height:1.7;margin:20px 0 0}
.abx8-home .abx8-final-copy .abx8-final-tagline{color:#79cbff!important;font-size:20px!important;font-weight:800;letter-spacing:-.025em;margin-top:25px!important}
.abx8-home .abx8-final-links{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.abx8-home .abx8-final-secondary{color:#8bd6ff;font-size:15px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.abx8-home .abx8-final-region{font-size:11px;color:#96b7cb;line-height:1.5}
.abx8-home a:focus-visible,.abx8-home button:focus-visible,.abx8-home summary:focus-visible{outline:3px solid #93d8ff;outline-offset:4px}
@media(max-width:1120px){
.abx8-home .abx8-expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.abx8-home .abx8-expertise-grid article{border-bottom:1px solid #2f5877}
.abx8-home .abx8-expertise-grid article:nth-child(3){border-left:0;padding-left:0}
.abx8-home .abx8-process-grid{gap:12px}
.abx8-home .abx8-process-text{padding:24px 18px}
.abx8-home .abx8-process-text h3{font-size:23px}
}
@media(max-width:840px){
.abx8-home .abx8-container{width:calc(100% - 54px)}
.abx8-home .abx8-section-intro,.abx8-home .abx8-getstarted-layout,.abx8-home .abx8-faq-layout,.abx8-home .abx8-final-layout{grid-template-columns:1fr;gap:24px}
.abx8-home .abx8-intro-copy{max-width:750px}
.abx8-home .abx8-service-grid{grid-template-columns:1fr}
.abx8-home .abx8-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.abx8-home .abx8-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.abx8-home .abx8-process-text{padding:24px}
.abx8-home .abx8-process-text h3{font-size:25px}
.abx8-home .abx8-work-bottom{align-items:flex-start;flex-direction:column}
.abx8-home .abx8-nextstep{grid-template-columns:1fr;gap:12px}
}
@media(max-width:560px){
.abx8-home .abx8-container{width:calc(100% - 36px)}
.abx8-home .abx8-section{padding:69px 0}
.abx8-home .abx8-section h2,.abx8-home .abx8-final h2{font-size:clamp(36px,9.7vw,50px)}
.abx8-home .abx8-section-nav .abx8-container{gap:11px 19px}
.abx8-home .abx8-section-nav .abx8-container>span{flex-basis:100%}
.abx8-home .abx8-section-nav a{font-size:12px}
.abx8-home .abx8-service-main{padding:27px 23px}
.abx8-home .abx8-service-main h3{font-size:33px}
.abx8-home .abx8-service-action{padding:20px 23px}
.abx8-home .abx8-expertise-grid,.abx8-home .abx8-project-grid,.abx8-home .abx8-process-grid{grid-template-columns:1fr}
.abx8-home .abx8-expertise-grid article,.abx8-home .abx8-expertise-grid article:not(:first-child){border-left:0;padding:24px 0;border-bottom:1px solid #2f5877}
.abx8-home .abx8-expertise-grid article:last-child{border-bottom:0}
.abx8-home .abx8-expertise-mark{margin:16px 0}
.abx8-home .abx8-project-art{min-height:250px}
.abx8-home .abx8-project-art-title{font-size:48px}
.abx8-home .abx8-process-photo{aspect-ratio:1.85/1}
.abx8-home .abx8-choice{padding:25px 18px}
.abx8-home .abx8-choice-item{grid-template-columns:39px 1fr 18px;gap:11px;padding:15px 12px}
.abx8-home .abx8-choice-symbol{width:39px;height:39px}
.abx8-home .abx8-choice-description strong{font-size:16px}
.abx8-home .abx8-final{padding:80px 0}
.abx8-home .abx8-final-links,.abx8-home .abx8-final-links .abx8-button{width:100%}
}
@media(prefers-reduced-motion:reduce){
.abx8-home .abx8-button,.abx8-home .abx8-service-action,.abx8-home .abx8-choice-item{transition:none}
.abx8-home .abx8-button:hover{transform:none}
}

/* V8 hero message. Main service H1 remains separate. */
.abx8-home .abx8-hero-tagline{font-weight:680;line-height:1.38;letter-spacing:-.025em;max-width:675px}
.abx8-home .abx8-hero-tagline strong{color:#6ac4ff;font-weight:850}

/* Preview-only footer component. Not included by the homepage in production. */
.abx8-footer-proposal{background:#03111e;color:#e6f4fd;border-top:1px solid #23618a;font-family:Inter,system-ui,sans-serif;padding:48px 0 14px}
.abx8-footer-proposal *{box-sizing:border-box}
.abx8-footer-proposal .abx8-footer-inner{width:min(1430px,calc(100% - 84px));margin:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:40px}
.abx8-footer-proposal .abx8-footer-identity{display:flex;flex-direction:column;gap:10px}
.abx8-footer-proposal .abx8-footer-identity strong{font-size:28px;color:#fff;letter-spacing:-.06em;line-height:1}
.abx8-footer-proposal .abx8-footer-identity strong span{font-size:18px;font-weight:450;letter-spacing:-.025em;color:#b2c9db}
.abx8-footer-proposal .abx8-footer-identity p{font-size:16px;color:#76c8ff;font-weight:750;margin:7px 0}
.abx8-footer-proposal .abx8-footer-identity small{font-size:12px;color:#9fbdd0;line-height:1.5}
.abx8-footer-proposal nav{display:flex;align-items:center;justify-content:flex-end;gap:13px 27px;flex-wrap:wrap;max-width:540px}
.abx8-footer-proposal nav a{color:#ddebf6;text-decoration:none;font-size:13px;font-weight:730}
.abx8-footer-proposal nav a:hover{color:#72caff}
.abx8-footer-proposal .abx8-footer-proposal-note{width:min(1430px,calc(100% - 84px));margin:28px auto 0;border-top:1px solid #194161;padding-top:13px;color:#86a8bf;font-size:11px}
@media(max-width:720px){
.abx8-footer-proposal .abx8-footer-inner{width:calc(100% - 36px);flex-direction:column;gap:27px}
.abx8-footer-proposal .abx8-footer-proposal-note{width:calc(100% - 36px)}
.abx8-footer-proposal nav{justify-content:flex-start}
}


/* V8 refinement / oct 2026 — purposeful contrast, not blue-on-blue.
   Obsidian cinematic sections retain ABX atmosphere; the principal service
   and choice surfaces alternate satin platinum with graphite.
   Scoped to V8, preserving V7's separate design history. */
.abx8-home .abx8-services{
  background:
    radial-gradient(ellipse at 82% 12%,rgba(67,133,188,.13),transparent 39%),
    radial-gradient(ellipse at 6% 87%,rgba(184,209,227,.075),transparent 32%),
    linear-gradient(155deg,#050e19 0%,#0b1521 45%,#040e19 100%);
}
.abx8-home .abx8-service-grid{gap:23px;align-items:stretch}
.abx8-home .abx8-service-card{
  border-radius:12px;box-shadow:0 32px 82px rgba(0,0,0,.58);
  transition:transform .22s ease,box-shadow .22s ease;
}
.abx8-home .abx8-service-card:hover{transform:translateY(-3px);box-shadow:0 40px 90px rgba(0,0,0,.62)}
.abx8-home .abx8-service-design{
  background:
    radial-gradient(ellipse at 110% 0%,rgba(27,127,188,.07),transparent 55%),
    linear-gradient(145deg,#fefefe 0%,#f0f4f8 52%,#dce6ed 100%);
  color:#14283b;border:1px solid #bdcbd8;
}
.abx8-home .abx8-service-hosting{
  background:
    radial-gradient(ellipse at 100% 0%,rgba(146,171,195,.19),transparent 51%),
    repeating-linear-gradient(120deg,transparent 0 26px,rgba(255,255,255,.014) 26px 27px),
    linear-gradient(140deg,#262b34,#141a25 52%,#080f19);
  color:#eff7fb;border:1px solid #7b8c9c;
}
.abx8-home .abx8-service-design .abx8-service-top{
  border-bottom:1px solid #c1d0da;color:#466073;
}
.abx8-home .abx8-service-design .abx8-service-sign{color:#075fa9}
.abx8-home .abx8-service-design .abx8-service-icon{
  background:#e7f0f7;border-color:#bed1df;color:#086caf;
}
.abx8-home .abx8-service-design .abx8-service-main h3{color:#12283e}
.abx8-home .abx8-service-design .abx8-service-main>p:not(.abx8-scope-note){color:#374e61}
.abx8-home .abx8-service-design .abx8-checks li{color:#263b4e}
.abx8-home .abx8-service-design .abx8-checks li:before{color:#006dae}
.abx8-home .abx8-service-design .abx8-scope-note{
  border-top-color:#c1d0dc;color:#496172;
}
.abx8-home .abx8-service-design .abx8-scope-note a{color:#005fa8}
.abx8-home .abx8-service-design .abx8-service-action{
  background:#e0e9f1;border-top-color:#bdcbd6;color:#12304a;
}
.abx8-home .abx8-service-design .abx8-service-action span{color:#005fa8}
.abx8-home .abx8-service-design .abx8-service-action:hover{
  background:#d0e2ef;color:#092a42;
}
.abx8-home .abx8-service-hosting .abx8-service-top{
  border-bottom-color:rgba(207,221,233,.21);color:#bed2e0;
}
.abx8-home .abx8-service-hosting .abx8-service-icon{
  background:rgba(224,235,244,.08);border-color:#698aa3;color:#9dd6ff;
}
.abx8-home .abx8-service-hosting .abx8-service-main>p:not(.abx8-scope-note){color:#d2dde6}
.abx8-home .abx8-service-hosting .abx8-checks li{color:#e6edf3}
.abx8-home .abx8-service-hosting .abx8-checks li:before{color:#81cfff}
.abx8-home .abx8-service-hosting .abx8-scope-note{color:#c4d3df;border-top-color:rgba(208,224,237,.2)}
.abx8-home .abx8-service-hosting .abx8-scope-note a{color:#a0ddff}
.abx8-home .abx8-service-hosting .abx8-service-action{
  background:#303c4b;border-top-color:#677f95;color:#f1f8fc;
}
.abx8-home .abx8-service-hosting .abx8-service-action:hover{background:#42556b;color:#fff}
.abx8-home .abx8-getstarted{
  background:
    radial-gradient(ellipse at 12% 16%,rgba(77,148,197,.13),transparent 45%),
    linear-gradient(125deg,#071321,#121923 56%,#050e19);
}
.abx8-home .abx8-choice{
  background:linear-gradient(143deg,#fbfdff 0%,#edf2f6 57%,#dce6ed 100%);
  color:#122a3f;border:1px solid #b6c8d6;
  box-shadow:0 32px 75px rgba(0,0,0,.49),inset 0 1px 0 #fff;
}
.abx8-home .abx8-choice legend{color:#162d42}
.abx8-home .abx8-choice-item{
  background:#fff;border:1px solid #c1d0dd;
  color:#1d3449;box-shadow:0 5px 14px rgba(17,41,63,.045);
}
.abx8-home .abx8-choice-item:hover{
  background:#edf6fc;border-color:#448ebf;
}
.abx8-home .abx8-choice-item:has(input:checked){
  background:#e1f1fb;border-color:#087bcb;
  box-shadow:0 0 0 1px rgba(8,123,203,.26),0 8px 21px rgba(27,77,116,.11);
}
.abx8-home .abx8-choice-symbol{
  background:#ebf3f8;color:#006eae;border-color:#b8d2e3;
}
.abx8-home .abx8-choice-description strong{color:#152e44}
.abx8-home .abx8-choice-description small{color:#455d6f}
.abx8-home .abx8-choice-indicator{border-color:#6b879d}
.abx8-home .abx8-choice-item:has(input:checked) .abx8-choice-indicator{border-color:#0070b8}
.abx8-home .abx8-choice-item:has(input:checked) .abx8-choice-indicator:after{background:#0879c3}
.abx8-home .abx8-choice-note{color:#516879}
.abx8-home .abx8-choice-note a{color:#075f9d}
.abx8-home .abx8-nextstep{
  background:linear-gradient(115deg,#eaf0f5,#d7e2eb);
  border:1px solid #afc3d2;border-left:3px solid #087fc9;color:#102638;
}
.abx8-home .abx8-nextstep h3{color:#122b41}
.abx8-home .abx8-nextstep p{color:#41566a}
.abx8-home .abx8-process{background:linear-gradient(143deg,#050f19,#121a26,#050f19)}
.abx8-home .abx8-process-card{background:linear-gradient(150deg,#242d39,#131b26);border-color:#5d7b92}
.abx8-home .abx8-process-text>span{color:#86cfff}
.abx8-home .abx8-process-text p{color:#cfdee8}
@media(prefers-reduced-motion:reduce){
  .abx8-home .abx8-service-card{transition:none}
  .abx8-home .abx8-service-card:hover{transform:none}
}


/* ABX V8 / cinematic photographic art direction — approved visual reference:
   full-bleed Florida blue-hour image, left-aligned text under dark gradient,
   alternating editorial photo + text service features, no clip-art glyphs.
   Public page is NOT changed: this stylesheet is staging source only. */
.abx8-home .abx8-services{
  background:
    radial-gradient(ellipse at 85% 12%,rgba(74,125,167,.14),transparent 46%),
    linear-gradient(145deg,#040e19 0%,#121c29 52%,#030c16 100%);
}
.abx8-home .abx8-service-grid{grid-template-columns:minmax(0,1fr);gap:36px}
.abx8-home .abx8-service-card{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  grid-template-rows:auto minmax(0,1fr) auto;
  grid-template-areas:"top image" "copy image" "action image";
  min-height:590px;
  isolation:isolate;
  overflow:hidden;
  border-radius:10px;
  box-shadow:0 32px 75px rgba(0,0,0,.5);
}
.abx8-home .abx8-service-hosting{
  grid-template-areas:"image top" "image copy" "image action";
}
.abx8-home .abx8-service-top{grid-area:top;z-index:1;padding:24px clamp(26px,3.3vw,53px)}
.abx8-home .abx8-service-main{grid-area:copy;z-index:1;padding:29px clamp(26px,3.3vw,53px) 35px}
.abx8-home .abx8-service-main h3{font-size:clamp(34px,3.4vw,53px);letter-spacing:-.051em;line-height:1.065}
.abx8-home .abx8-service-main>p:not(.abx8-scope-note){font-size:15px;line-height:1.64}
.abx8-home .abx8-service-main .abx8-checks li{font-size:13px;padding-block:6px}
.abx8-home .abx8-service-action{grid-area:action;z-index:1;padding:20px clamp(26px,3.3vw,53px)}
.abx8-home .abx8-service-media{
  grid-area:image;
  min-width:0;
  min-height:590px;
  position:relative;
  overflow:hidden;
  margin:0;
  isolation:isolate;
  background:#061627;
}
.abx8-home .abx8-service-media:before{
  content:"";pointer-events:none;position:absolute;inset:0;z-index:1;
  background:linear-gradient(0deg,rgba(2,13,23,.89) 0%,transparent 36%),
             linear-gradient(115deg,rgba(2,13,23,.12),rgba(2,13,23,.34));
}
.abx8-home .abx8-service-media:after{
  content:"";pointer-events:none;position:absolute;inset:0;z-index:1;
  box-shadow:inset 0 0 80px rgba(0,0,0,.24);
}
.abx8-home .abx8-service-media img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:52% center;
  filter:saturate(.92) contrast(1.06) brightness(.83);
  transform:scale(1.015);
  transition:transform .6s ease;
}
.abx8-home .abx8-service-card:hover .abx8-service-media img{transform:scale(1.045)}
.abx8-home .abx8-service-media figcaption{
  position:absolute;z-index:2;bottom:30px;left:32px;right:26px;
  font-size:11px;letter-spacing:.17em;font-weight:820;
  color:#f5faff;text-transform:uppercase;
  text-shadow:0 2px 10px #000;
}
.abx8-home .abx8-service-media figcaption span{color:#5fbdfa;padding-inline:6px}
.abx8-home .abx8-service-design .abx8-service-main{padding-top:40px}
.abx8-home .abx8-service-hosting .abx8-service-main{padding-top:40px}
.abx8-home .abx8-service-hosting .abx8-service-top,
.abx8-home .abx8-service-hosting .abx8-service-main,
.abx8-home .abx8-service-hosting .abx8-service-action{background:#171d29d6}

/* Immersive geographic photography — same art direction as the approved
   waterfront section, not Pinellas County-only copy on the national homepage. */
.abx8-home .abx8-why{
  background:#041523;
  isolation:isolate;
  overflow:hidden;
}
.abx8-home .abx8-why::after{
  content:"";position:absolute;pointer-events:none;z-index:0;
  inset:0 0 auto;
  height:clamp(590px,48vw,740px);
  background:
    linear-gradient(90deg,#031320f7 0%,#041726ec 32%,#051a2ad1 56%,#061b2985 81%,#05172555 100%),
    linear-gradient(0deg,#041523 0%,transparent 33%),
    url("images/abx-home-hero-20261015.webp") center 48% / cover no-repeat;
  filter:saturate(1.06);
}
.abx8-home .abx8-why .abx8-container{position:relative;z-index:1}
.abx8-home .abx8-why-intro{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:19px;
  min-height:425px;
  padding-block:5px 72px;
  margin-bottom:13px;
}
.abx8-home .abx8-why-intro>div{max-width:790px}
.abx8-home .abx8-why-intro h2{max-width:840px;font-size:clamp(42px,4.4vw,68px)}
.abx8-home .abx8-why-intro .abx8-intro-copy{
  max-width:720px;
  font-size:clamp(15px,1.18vw,17px);
  color:#ebf4fb;
  text-shadow:0 2px 16px #001221c0;
}
.abx8-home .abx8-why-intro .abx8-intro-copy p{line-height:1.63}
.abx8-home .abx8-expertise-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  background:#061a29ec;
  border:1px solid #496d87ad;
  border-radius:5px;
  overflow:hidden;
  box-shadow:0 27px 70px #0006;
}
.abx8-home .abx8-expertise-grid article,
.abx8-home .abx8-expertise-grid article:not(:first-child){
  min-height:192px;
  padding:29px clamp(20px,3vw,43px)!important;
  border:0;
  background:linear-gradient(145deg,#0b2639f0,#061523f5);
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  grid-template-rows:auto 1fr;
  gap:9px 15px;
  align-content:center;
}
.abx8-home .abx8-expertise-grid article:nth-child(odd){
  border-right:1px solid #456a84!important;
}
.abx8-home .abx8-expertise-grid article:nth-child(-n+2){
  border-bottom:1px solid #456a84!important;
}
.abx8-home .abx8-expertise-num{
  grid-row:1 / span 2;
  font-size:19px;
  line-height:1.4;
  letter-spacing:.055em;
  color:#8dcfff;
  font-weight:800;
}
.abx8-home .abx8-expertise-mark{display:none}
.abx8-home .abx8-expertise-grid h3{
  grid-column:2;
  color:#f7fbff;
  font-size:clamp(21px,2vw,28px);
}
.abx8-home .abx8-expertise-grid p{
  grid-column:2;
  color:#c2d8e7;
  margin:0;
  font-size:14px;
  max-width:500px;
}
.abx8-home .abx8-reference{background:linear-gradient(110deg,#071c2e,#102b3f);border-color:#365c76}
@media(max-width:950px){
  .abx8-home .abx8-service-card,
  .abx8-home .abx8-service-hosting{
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .abx8-home .abx8-service-top{order:0}
  .abx8-home .abx8-service-media{order:1;min-height:0;height:clamp(240px,43vw,390px)}
  .abx8-home .abx8-service-main{order:2}
  .abx8-home .abx8-service-action{order:3}
  .abx8-home .abx8-service-main{padding:32px clamp(22px,5vw,45px)}
  .abx8-home .abx8-service-hosting .abx8-service-main{background:transparent}
  .abx8-home .abx8-why-intro{min-height:0;padding-block:43px 64px}
}
@media(max-width:640px){
  .abx8-home .abx8-service-grid{gap:20px}
  .abx8-home .abx8-service-media{height:230px}
  .abx8-home .abx8-service-media figcaption{left:19px;right:19px;bottom:22px;font-size:9px;letter-spacing:.09em}
  .abx8-home .abx8-why::after{height:660px;background-position:center 45%}
  .abx8-home .abx8-why-intro{padding:25px 0 45px}
  .abx8-home .abx8-why-intro h2{font-size:clamp(38px,10vw,53px)}
  .abx8-home .abx8-why-intro .abx8-intro-copy{font-size:15px}
  .abx8-home .abx8-expertise-grid{grid-template-columns:1fr}
  .abx8-home .abx8-expertise-grid article,
  .abx8-home .abx8-expertise-grid article:not(:first-child){
    padding:24px 20px!important;
    min-height:0;
    border-right:0!important;
    border-bottom:1px solid #456a84!important;
    grid-template-columns:34px minmax(0,1fr);
  }
  .abx8-home .abx8-expertise-grid article:last-child{border-bottom:0!important}
  .abx8-home .abx8-expertise-num{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .abx8-home .abx8-service-media img{transition:none}
  .abx8-home .abx8-service-card:hover .abx8-service-media img{transform:none}
}


/* V8 published-portfolio gallery: actual website screenshots, no fake cards.
   Mirrors owner's screenshot of "Homepage Design Work", October 2026. */
.abx8-home .abx8-showcase{
  background:#031624;
  padding:clamp(66px,6.4vw,94px) 0 clamp(70px,7vw,108px);
  border-bottom:1px solid #0e3149;
}
.abx8-home .abx8-showcase .abx8-container{
  width:min(1390px,calc(100% - 84px));
}
.abx8-home .abx8-showcase-header{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:28px;
  margin-bottom:31px;
}
.abx8-home .abx8-showcase .abx8-kicker{
  display:flex;
  align-items:center;
  gap:18px;
  margin:0 0 21px;
  letter-spacing:.075em;
  font-size:13px;
  color:#f0f6fb;
}
.abx8-home .abx8-showcase-rule{
  width:51px;height:1px;background:#319fee;display:inline-block;
}
.abx8-home .abx8-showcase h2{
  font-size:clamp(30px,2.6vw,40px);
  letter-spacing:-.036em;
  font-weight:630;
  line-height:1.16;
  color:#f5f9ff;
  margin:0;
  max-width:none;
}
.abx8-home .abx8-showcase-all{
  color:#8bd6fc;
  text-decoration:none;
  font-size:13px;
  line-height:1.3;
  font-weight:580;
  flex:none;
  margin-bottom:8px;
}
.abx8-home .abx8-showcase-all:hover,
.abx8-home .abx8-showcase-item a:hover h3{color:#b4e5ff}
.abx8-home .abx8-showcase-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:21px;
}
.abx8-home .abx8-showcase-item{min-width:0}
.abx8-home .abx8-showcase-item a{
  display:block;
  color:inherit;
  text-decoration:none;
}
.abx8-home .abx8-showcase-preview{
  aspect-ratio:2.16 / 1;
  overflow:hidden;
  position:relative;
  border-radius:6px;
  background:#132b3a;
  outline:1px solid #789bb352;
  outline-offset:-1px;
}
.abx8-home .abx8-showcase-preview{
  background-image:url("images/abx-portfolio-previews-20261018.webp");
  background-repeat:no-repeat;
  background-size:300% 100%;
  background-position:0 50%;
  transition:filter .2s ease;
}
.abx8-home .abx8-showcase-preview-therapy{background-position:0% center}
.abx8-home .abx8-showcase-preview-shine{background-position:50% center}
.abx8-home .abx8-showcase-preview-reta{background-position:100% center}
.abx8-home .abx8-showcase-item a:hover .abx8-showcase-preview{filter:brightness(1.065)}
.abx8-home .abx8-showcase-item h3{
  margin:15px 0 4px;
  color:#fff;
  font-size:16px;
  font-weight:720;
  letter-spacing:-.018em;
  line-height:1.32;
}
.abx8-home .abx8-showcase-item p{
  color:#99c1d8;
  font-size:12px;
  margin:0;
  line-height:1.4;
}
@media(max-width:850px){
  .abx8-home .abx8-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .abx8-home .abx8-showcase .abx8-container{width:calc(100% - 36px)}
  .abx8-home .abx8-showcase-header{align-items:start;flex-direction:column;gap:13px}
  .abx8-home .abx8-showcase-all{margin:0}
  .abx8-home .abx8-showcase-grid{grid-template-columns:1fr;gap:25px}
  .abx8-home .abx8-showcase-preview{aspect-ratio:2.16 / 1}
}
@media(prefers-reduced-motion:reduce){
  .abx8-home .abx8-showcase-preview{transition:none}
  .abx8-home .abx8-showcase-item a:hover .abx8-showcase-preview{filter:none}
}