/* CYBER SCENE — v4 / Modern Noir
   Opt-in theme. Shared stylesheet remains untouched.
   Tokens → layout → components → section compositions → responsive rules.
   Decorative diagrams use a single brass engraving language. No JS required. */
.home-v4 {
  --cream:#f4f1e9; --cream-deep:#eae6dc; --paper:#fcfaf5;
  --ink:#121613; --ink-soft:#222720; --bg-dark:#141815;
  --brass:#806335; --brass-light:#d0b079; --brass-deep:#74592e;
  --green:#203d32; --text:#292e28; --muted:#63665c;
  --text-ondark:#d4d4c8; --muted-ondark:#b5b8ac;
  --line:#d5d2c7; --line-dark:#373c32; --radius:3px;
  --wrap-max:1320px; --header-h:80px;
  --section-y:clamp(76px,8vw,116px); --head-gap:44px;
  --gap:24px; --card-pad:36px; --stack:20px;
  --fs-title:clamp(27px,3vw,42px); --lh-body:1.9;
  --v4-hairline:rgba(208,176,121,.24);
  --v4-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  background:var(--cream); overflow-x:clip;
}
.home-v4 .wrap {padding-inline:40px;}
.home-v4 main {overflow:clip;}
.home-v4 section[id] {scroll-margin-top:100px;}
.home-v4 a:focus-visible {outline:3px solid #ac853f; outline-offset:5px;}
.home-v4 .hero a:focus-visible,.home-v4 .section-dark a:focus-visible,.home-v4 .cta-band a:focus-visible,.home-v4 .site-header a:focus-visible {outline-color:#efcf91;}
.home-v4 .site-header {background:rgba(18,22,19,.96); border-bottom:1px solid var(--v4-hairline); color:var(--cream);}
.home-v4 .brand-logo {color:var(--cream); font-size:24px; letter-spacing:.015em;}
.home-v4 .brand-tag {color:#b7b8ac; font-size:11px; letter-spacing:.14em; margin-left:4px;}
.home-v4 .nav-links {gap:23px;}
.home-v4 .nav-links a {color:#d9dbd0; font-size:12px;}
.home-v4 .nav-links a:hover {color:#ebcc93;}
.home-v4 .nav-links .nav-cta {color:#e3c895; border:1px solid #807150; border-radius:2px; font-size:11px; padding:12px 16px;}
.home-v4 .nav-links .nav-cta:hover {background:#d0b079; color:#121613;}
.home-v4 .nav-toggle {background-image:linear-gradient(var(--cream),var(--cream));}
.home-v4 .nav-toggle::before,.home-v4 .nav-toggle::after {background:var(--cream);}
.home-v4 .nav-check:checked ~ .nav-toggle {background-image:none;}
.home-v4 .hero {padding:78px 0 0; background:#121613; border-bottom:1px solid #393d32;}
.home-v4 .hero::before {background:radial-gradient(ellipse at 76% 48%,#3a382329,transparent 55%),linear-gradient(90deg,transparent 49.9%,#c3a36606 50%,transparent 50.1%); background-size:auto,80px 100%;}
.home-v4 .hero::after {inset:0; width:auto; aspect-ratio:auto; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.18' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E"); opacity:.15; pointer-events:none;}
.home-v4 .hero-layout {display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); column-gap:48px; align-items:center; z-index:1;}
.home-v4 .hero-copy {padding:10px 0 48px; min-width:0; position:relative; z-index:2;}
.home-v4 .hero-eyebrow,.home-v4 .sec-eyebrow,.home-v4 .cta-offer {font-family:var(--v4-mono); font-size:11px; letter-spacing:.09em; gap:12px; color:var(--brass); font-weight:500;}
.home-v4 .hero-eyebrow,.home-v4 .cta-offer {color:#d0b079;}
.home-v4 .hero-eyebrow {margin-bottom:30px; font-size:11px;}
.home-v4 .sec-eyebrow::before,.home-v4 .hero-eyebrow::before,.home-v4 .cta-offer::before {mask:none; -webkit-mask:none; width:7px; height:7px; background:transparent; border:1px solid currentColor; transform:rotate(45deg); flex-shrink:0;}
.home-v4 .hero h1 {font-size:clamp(38px,3.85vw,55px); font-weight:500; line-height:1.45; letter-spacing:-.035em; margin-bottom:28px; text-wrap:nowrap; word-break:normal;}
.home-v4 .hero h1 em {color:#d8b879; position:relative;}
.home-v4 .hero h1 em::after {content:""; position:absolute; left:0; right:0; bottom:-8px; height:1px; background:linear-gradient(90deg,#b99a61,transparent);}
.home-v4 .hero .lead {font-size:14px; line-height:2.15; max-width:40em; color:#bfc3b7; margin:0 0 32px;}
.home-v4 .hero .lead strong {color:#ecebe1; font-weight:500;}
.home-v4 .hero-actions {gap:12px;}
.home-v4 .btn {border-radius:2px; letter-spacing:.015em; padding:17px 22px; font-size:12px; line-height:1.6; box-shadow:none; transition:background .2s,border-color .2s,transform .2s;}
.home-v4 .btn-accent {background:#d0b079; border-color:#d0b079; color:#171c15; box-shadow:none;}
.home-v4 .btn-accent:hover {background:#e7cd9e; border-color:#e7cd9e; box-shadow:0 4px 24px #d0b07920; transform:translateY(-2px);}
.home-v4 .btn-ghost-light {border-color:#53594b; color:#e8e9de;}
.home-v4 .btn-ghost-light:hover {background:#ffffff09; border-color:#ccb17a;}
.home-v4 .hero-art {position:relative; align-self:stretch; display:flex; flex-direction:column; justify-content:center; padding:8px 0 28px; min-width:0;}
.home-v4 .hero-art img {width:100%; max-width:100%; margin:0; height:auto;}
.home-v4 .art-topline,.home-v4 .art-baseline {display:flex; align-items:center; justify-content:space-between; gap:12px; font:8px/1.6 var(--v4-mono); letter-spacing:.12em; color:#c0b48f; margin:0 10px;}
.home-v4 .art-topline {border-top:1px solid var(--v4-hairline); padding-top:14px;}
.home-v4 .art-baseline {border-bottom:1px solid var(--v4-hairline); padding-bottom:0; margin-top:0;}
.home-v4 .hero-footer {grid-column:1/-1; display:flex; justify-content:space-between; gap:20px; padding:23px 0; margin-top:25px; border-top:1px solid var(--v4-hairline); font:9px/1.5 var(--v4-mono); letter-spacing:.13em; color:#939b88;}
/* Editorial section heads: full-width hairline, narrow prose, offset engraving. */
.home-v4 .section {position:relative;}
.home-v4 .section-head {position:relative; padding-right:220px; margin-bottom:44px;}
.home-v4 .section-head .sec-eyebrow {margin-bottom:20px;}
.home-v4 .sec-title {font-weight:500; line-height:1.55; letter-spacing:.01em; text-wrap:pretty;}
.home-v4 .sec-intro {font-size:14px; line-height:2; max-width:46em;}
.home-v4 .section-art {position:absolute; width:184px; height:auto; right:0; top:12px; opacity:.85; pointer-events:none;}
.home-v4 .grid-2,.home-v4 .grid-3,.home-v4 .grid-4 {gap:24px;}
.home-v4 #cases-teaser {background:var(--cream);}
.home-v4 #cases-teaser .grid-2 {grid-template-columns:1.16fr 1fr; align-items:start; gap:36px;}
.home-v4 .case-teaser {border:0; box-shadow:none; background:transparent; overflow:visible; position:relative;}
.home-v4 .case-teaser:nth-child(2) {margin-top:68px;}
.home-v4 .case-teaser img {height:310px; border-radius:2px; filter:saturate(.8); transition:filter .35s,transform .35s;}
.home-v4 .case-teaser:nth-child(2) img {height:276px; object-position:center 40%;}
.home-v4 .case-teaser .body {padding:24px 0 0;}
.home-v4 .case-teaser .body h3 {font-size:23px; line-height:1.6; font-weight:500; margin:12px 0;}
.home-v4 .case-teaser .body p {font-size:13px; line-height:1.95; max-width:43em;}
.home-v4 .case-teaser .card-more {border-bottom:1px solid var(--line); padding:24px 0 16px; display:flex; justify-content:space-between;}
.home-v4 .card-tag {font-size:10px; color:var(--muted); letter-spacing:.06em;}
.home-v4 .card-more {color:var(--brass-deep); font-size:12px;}
.home-v4 .card-more::after {content:"↗"; font-size:18px; font-weight:400; margin-left:14px;}
.home-v4 a.case-teaser:hover {box-shadow:none; transform:none;}
.home-v4 .case-teaser:hover img {filter:saturate(1); transform:translateY(-3px);}
/* Asymmetric bento. Source order stays 01 → 02 → 03 → 04. */
.home-v4 #services {background:#eae7de; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.home-v4 #services .section-head {padding-right:0; display:grid; grid-template-columns:1fr 1fr; gap:0 40px;}
.home-v4 #services .sec-eyebrow {grid-column:1/-1;}
.home-v4 #services .sec-title {margin:0; font-size:48px;}
.home-v4 #services .sec-intro {align-self:center; max-width:39em;}
.home-v4 #services .grid-4 {grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px;}
.home-v4 #services .card {grid-column:span 3; min-height:314px; padding:32px; background:#f8f6ef; position:relative; overflow:hidden; border-color:#cecec0; box-shadow:none;}
.home-v4 #services .card:nth-child(2),.home-v4 #services .card:nth-child(4) {grid-column:span 2;}
.home-v4 #services .card:nth-child(3) {background:#19231c; color:var(--cream); border-color:#19231c;}
.home-v4 #services .card .spot-art {position:absolute; width:220px; right:-6px; top:14px; opacity:.85;}
.home-v4 #services .card:nth-child(2) .spot-art,.home-v4 #services .card:nth-child(4) .spot-art {width:162px; top:16px; right:8px;}
.home-v4 #services .card-idx {font:14px/1.4 var(--v4-mono); margin-bottom:40px;}
.home-v4 #services .card-tag {width:60%;}
.home-v4 #services .card h3 {font-size:25px; font-weight:500; position:relative; margin:8px 0 16px;}
.home-v4 #services .card p {font-size:13px; max-width:40em; color:#606458; line-height:1.95; position:relative;}
.home-v4 #services .card .card-more {padding-top:24px; display:flex; align-items:center; justify-content:space-between;}
.home-v4 #services .card:nth-child(3) h3 {color:#f0f0e4;}
.home-v4 #services .card:nth-child(3) p {color:#c9cebd;}
.home-v4 #services .card:nth-child(3) .card-tag,.home-v4 #services .card:nth-child(3) .card-more,.home-v4 #services .card:nth-child(3) .card-idx {color:#d6b980;}
.home-v4 #services a.card:hover {box-shadow:0 12px 36px #1216130d; transform:translateY(-3px); border-color:#a38c59;}
.home-v4 #clients {background:var(--paper);}
.home-v4 .logo-grid {gap:1px; border-color:#deded5; background:#deded5;}
.home-v4 .logo-grid div {min-height:86px; padding:22px; background:#fcfcf8;}
.home-v4 .logo-grid img {opacity:.76; max-height:32px;}
/* Deliverables: an editorial spread with real, unmodified evidence. */
.home-v4 #deliverables {background:#171c18; color:#d4d6c9;}
.home-v4 #deliverables .sec-title {color:#f1f0e7;}
.home-v4 #deliverables .sec-eyebrow {color:#d0b079;}
.home-v4 #deliverables .sec-intro {color:#b9bfb0;}
.home-v4 #deliverables .proof-reviews {grid-template-columns:1fr 1fr; gap:50px; align-items:start; margin-top:56px;}
.home-v4 #deliverables figure {position:relative; padding:24px; background:#232921; border:1px solid #424838; border-radius:3px;}
.home-v4 #deliverables figure:first-child {margin-top:64px;}
.home-v4 #deliverables figure::before {content:""; display:block; width:24px; height:3px; background:#bc9b60; margin-bottom:20px;}
.home-v4 .proof-reviews img {border-radius:3px; border-color:#4c503f; box-shadow:0 14px 40px #0002;}
.home-v4 .proof-reviews figcaption {color:#c1c7b7; font-size:13px; margin-top:22px; line-height:1.9;}
.home-v4 .proof-reviews figcaption strong {color:#f0f0e4; font-size:14px; font-weight:500; display:inline-block; margin-bottom:6px;}
.home-v4 #ba {background:var(--cream);}
.home-v4 .ba-grid {gap:0; border:1px solid var(--line); border-top:2px solid #a38a58;}
.home-v4 .ba-card {padding:30px; background:transparent; border:0; border-radius:0; box-shadow:none;}
.home-v4 .ba-card + .ba-card {border-left:1px solid var(--line);}
.home-v4 .ba-card .task {font-size:14px; padding-bottom:26px; margin-bottom:24px; border-bottom:1px solid var(--line);}
.home-v4 .ba-row {gap:12px;}
.home-v4 .ba-before .v {font-size:23px;}
.home-v4 .ba-after {margin-top:20px;}
.home-v4 .ba-after .v {font-size:36px; line-height:1.5; color:#294b3a;}
.home-v4 .ba-after .k {color:var(--brass-deep);}
.home-v4 .section-dark {background:#171b17; background-image:none;}
.home-v4 .section-dark .sec-eyebrow {color:#d0b079;}
.home-v4 #subsidy .sec-title {font-size:clamp(25px,2.7vw,37px);}
.home-v4 .sub-grid {gap:18px; margin-top:0;}
.home-v4 .sub-card {padding:28px; background:#20251e; border:1px solid #424735; box-shadow:none;}
.home-v4 .sub-card h3 {font-family:var(--font-sans); font-size:16px; font-weight:500;}
.home-v4 .sub-card .rate {font-size:36px; line-height:1.4; margin-top:25px; color:#d6b779;}
.home-v4 .sub-card .rate small {display:inline-block; color:#bec3b2; font-size:12px; line-height:1.8;}
.home-v4 .sub-card .stag {font-size:10px; color:#d6b779;}
.home-v4 .sub-support {background:transparent; border:0; border-top:1px solid #444a3b; padding:24px 0 0; color:#cbd0bf; font-size:13px; margin-top:30px;}
.home-v4 #results {background:#e9e5da;}
.home-v4 #results .case-card {position:relative; padding:38px; background:var(--paper); border:0; border-top:2px solid #a89162; box-shadow:none;}
.home-v4 .case-name {font-size:22px;}
.home-v4 .case-meta {color:var(--brass-deep);}
.home-v4 .case-story {max-width:65em; line-height:1.9; margin:24px 0 30px;}
.home-v4 .compare-table {min-width:0; table-layout:fixed;}
.home-v4 .compare-table th:first-child {width:36%;}
.home-v4 .compare-table th,.home-v4 .compare-table td {padding:20px 12px;}
.home-v4 .compare-table .after {font-size:36px;}
.home-v4 .compare-table .delta {font-size:17px; color:#785a2c;}
.home-v4 #why {background:#121713;}
.home-v4 #why .grid-3 {gap:0; border-top:1px solid #484d3c;}
.home-v4 #why .card {padding:30px 32px 0; border:0; border-right:1px solid #3c4233; box-shadow:none; background:transparent; position:relative;}
.home-v4 #why .card:first-child {padding-left:0;}
.home-v4 #why .card:last-child {padding-right:0; border-right:0;}
.home-v4 #why .spot-art {width:190px; margin:0 auto 25px;}
.home-v4 #why .card-idx {font:12px var(--v4-mono); position:absolute; top:34px;}
.home-v4 #why .card h3 {font-size:21px; font-weight:500; min-height:65px;}
.home-v4 #why .card p {color:#bec5b4; font-size:13px; line-height:2;}
.home-v4 .cta-band {background:#203d32; padding:110px 0; border-block:1px solid #8b906344;}
.home-v4 .cta-band::before {background:radial-gradient(ellipse at 50% 100%,#67734435,transparent 70%);}
.home-v4 .cta-band h2 {font-size:clamp(27px,3.3vw,44px); font-weight:500; line-height:1.65;}
.home-v4 .cta-band h2 em {color:#e0c289;}
.home-v4 .cta-band p {color:#d4dacc; font-size:14px; line-height:2.1; max-width:650px; margin-bottom:32px;}
.home-v4 .cta-band .btn {padding:19px 28px; font-size:13px;}
.home-v4 .cta-band .btn-ghost-light {border-color:#80927d;}
.home-v4 .consult-orbit {position:absolute; width:1100px; height:1100px; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid #c9b07722; border-radius:50%; pointer-events:none;}
.home-v4 .consult-orbit i {position:absolute; inset:65px; border:1px solid #c9b07718; border-radius:50%;}
.home-v4 .consult-orbit i:nth-child(2) {inset:140px;}
.home-v4 .consult-orbit i:nth-child(3) {inset:215px;}
.home-v4 .site-footer {background:#101511; color:#a9b09f; padding:70px 0 28px;}
.home-v4 .site-footer::before {width:6px; height:6px; mask:none; -webkit-mask:none; transform:translate(-50%,-50%) rotate(45deg);}
.home-v4 .foot-grid {grid-template-columns:1.7fr 1fr 1fr; gap:44px; margin-bottom:60px;}
.home-v4 .foot-name {font-size:30px; margin-bottom:20px;}
.home-v4 .foot-addr {font-size:12px;}
.home-v4 .foot-head {font:10px var(--v4-mono); color:#d0b079; margin:12px 0 20px;}
.home-v4 .foot-nav a {color:#bdc4b3; font-size:12px;}
.home-v4 .foot-legal {border-top-color:#323b2d; font-size:10px;}
@media(min-width:1600px) {
  .home-v4 .hero {padding-top:100px;}
  .home-v4 .hero-copy {padding-bottom:65px;}
}
@media(max-width:1199px) {
  .home-v4 .brand-tag {display:none;}
  .home-v4 .nav-links {gap:14px;}
  .home-v4 .nav-links a {font-size:11px;}
  .home-v4 .hero h1 {font-size:3.8vw;}
  .home-v4 .hero .lead {font-size:13px;}
  .home-v4 .hero-actions .btn {font-size:11px; padding:15px;}
  .home-v4 #services .card h3 {font-size:23px;}
  .home-v4 #services .card .spot-art {width:180px;}
  .home-v4 .ba-card {padding:24px;}
  .home-v4 .sub-card {padding:24px;}
}
@media(max-width:959px) {
  .home-v4 {--header-h:72px;}
  .home-v4 .wrap {padding-inline:28px;}
  .home-v4 .nav-check {display:block; position:absolute; right:28px; top:14px; width:44px; height:44px; opacity:0; z-index:2; cursor:pointer;}
  .home-v4 .nav-check:focus-visible ~ .nav-toggle {outline:2px solid #ddc18a; outline-offset:2px;}
  .home-v4 .nav-links {left:0; right:0; background:#171d17; padding:20px 28px 28px; border-bottom:1px solid #817048; gap:0;}
  .home-v4 .nav-links a {font-size:14px; border-bottom:1px solid #394131; padding:15px 4px;}
  .home-v4 .nav-links .nav-cta {font-size:13px; padding:16px;}
  .home-v4 .hero {padding-top:58px;}
  .home-v4 .hero-layout {grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); column-gap:36px; row-gap:0;}
  .home-v4 .hero h1 {font-size:3.8vw;}
  .home-v4 .hero-eyebrow {font-size:9px; gap:8px;}
  .home-v4 .hero-art img {width:100%; margin:0;}
  .home-v4 .hero-actions {display:grid; grid-template-columns:1fr; width:min(100%,340px);}
  .home-v4 .art-topline {font-size:7px; letter-spacing:0;}
  .home-v4 .art-baseline {font-size:7px; letter-spacing:0;}
  .home-v4 .hero-footer {font-size:8px;}
  .home-v4 .hero-footer span:nth-child(2) {display:none;}
  .home-v4 .section-head {padding-right:150px;}
  .home-v4 .section-art {width:130px;}
  .home-v4 #cases-teaser .grid-2 {gap:24px;}
  .home-v4 .case-teaser img {height:250px;}
  .home-v4 .case-teaser:nth-child(2) img {height:225px;}
  .home-v4 .case-teaser .body h3 {font-size:20px;}
  .home-v4 #services .card {grid-column:span 1!important; padding:28px;}
  .home-v4 #services .grid-4 {grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-v4 #services .card .spot-art {width:155px; right:0;}
  .home-v4 #services .card h3 {font-size:21px;}
  .home-v4 #deliverables .proof-reviews {gap:24px;}
  .home-v4 #deliverables figure {padding:16px;}
  .home-v4 .ba-grid {grid-template-columns:1fr;}
  .home-v4 .ba-card {display:grid; grid-template-columns:1.2fr 1fr 1fr; align-items:center; gap:24px; padding:28px;}
  .home-v4 .ba-card + .ba-card {border-left:0; border-top:1px solid var(--line);}
  .home-v4 .ba-card .task {margin:0; border:0; padding:0;}
  .home-v4 .ba-row {display:block;}
  .home-v4 .ba-row .k {display:block; font-size:10px; margin-bottom:8px;}
  .home-v4 .ba-after {margin-top:0;}
  .home-v4 .ba-after .v {font-size:28px;}
  .home-v4 .sub-grid {grid-template-columns:1fr;}
  .home-v4 .sub-card {display:grid; grid-template-columns:1fr 1fr; column-gap:30px;}
  .home-v4 .sub-card .stag {grid-column:1;}
  .home-v4 .sub-card h3 {grid-column:1;}
  .home-v4 .sub-card .rate {grid-column:2; grid-row:1/3; margin:0;}
  .home-v4 #why .grid-3 {gap:24px; grid-template-columns:1fr;}
  .home-v4 #why .card,.home-v4 #why .card:first-child,.home-v4 #why .card:last-child {padding:28px 0 0 210px; border:0; border-bottom:1px solid #3c4233; min-height:206px; padding-bottom:28px;}
  .home-v4 #why .spot-art {position:absolute; width:180px; left:0; top:24px;}
  .home-v4 #why .card-idx {left:0; top:20px;}
  .home-v4 #why .card h3 {min-height:0;}
}
@media(max-width:719px) {
  .home-v4 {--section-y:68px; --header-h:64px; --head-gap:32px;}
  .home-v4 .wrap {padding-inline:22px;}
  .home-v4 .brand-logo {font-size:22px;}
  .home-v4 .nav-check {right:22px; top:10px;}
  .home-v4 .hero {padding-top:36px;}
  .home-v4 .hero-layout {grid-template-columns:1fr;}
  .home-v4 .hero-copy {padding:0;}
  .home-v4 .hero-eyebrow {font-size:10px; margin-bottom:20px;}
  .home-v4 .hero h1 {font-size:clamp(28px,7.5vw,47px); letter-spacing:-.035em; margin-bottom:23px; line-height:1.5;}
  .home-v4 .hero .lead {font-size:13px; line-height:1.95; margin-bottom:24px; max-width:100%;}
  .home-v4 .hero-actions {width:100%; gap:10px;}
  .home-v4 .hero-actions .btn {font-size:12px; padding:15px 12px;}
  .home-v4 .hero-art {margin:40px auto 0; padding:0; width:100%; max-width:460px;}
  .home-v4 .hero-art img {width:100%; margin:0;}
  .home-v4 .art-topline,.home-v4 .art-baseline {margin-inline:0; font-size:8px; letter-spacing:.06em;}
  .home-v4 .art-baseline {margin-top:0;}
  .home-v4 .hero-footer {padding:20px 0; margin-top:28px; font-size:7px; letter-spacing:.06em;}
  .home-v4 .section-head {padding:0; margin-bottom:32px;}
  .home-v4 .section-art {width:84px; top:-14px; right:-4px; opacity:.65;}
  .home-v4 .sec-eyebrow {font-size:10px; min-height:28px; max-width:calc(100% - 82px);}
  .home-v4 .section-head .sec-eyebrow {margin-bottom:22px;}
  .home-v4 .sec-title {font-size:27px; margin-bottom:18px; line-height:1.6;}
  .home-v4 .sec-intro {font-size:13px; line-height:2;}
  .home-v4 #cases-teaser .grid-2 {grid-template-columns:1fr; gap:36px;}
  .home-v4 .case-teaser:nth-child(2) {margin-top:0;}
  .home-v4 .case-teaser img,.home-v4 .case-teaser:nth-child(2) img {height:auto; aspect-ratio:1.5; object-fit:cover;}
  .home-v4 .case-teaser .body {padding-top:20px;}
  .home-v4 .case-teaser .body h3 {font-size:21px;}
  .home-v4 .case-teaser .body p {font-size:13px;}
  .home-v4 .case-teaser .card-more {padding-top:20px;}
  .home-v4 #services .section-head {display:block;}
  .home-v4 #services .sec-title {font-size:36px; margin-bottom:20px;}
  .home-v4 #services .grid-4 {grid-template-columns:1fr; gap:14px;}
  .home-v4 #services .card {padding:25px; min-height:315px;}
  .home-v4 #services .card .spot-art,.home-v4 #services .card:nth-child(2) .spot-art,.home-v4 #services .card:nth-child(4) .spot-art {width:168px; top:3px; right:4px;}
  .home-v4 #services .card-idx {margin-bottom:36px;}
  .home-v4 #services .card h3 {font-size:22px;}
  .home-v4 #services .card p {font-size:13px;}
  .home-v4 #services .card .card-more {padding-top:20px;}
  .home-v4 .logo-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
  .home-v4 .logo-grid div {padding:16px 12px; min-height:64px;}
  .home-v4 .logo-grid img {max-height:25px;}
  .home-v4 #deliverables .proof-reviews {grid-template-columns:1fr; margin-top:32px; gap:24px;}
  .home-v4 #deliverables figure:first-child {margin-top:0;}
  .home-v4 #deliverables figure {padding:18px;}
  .home-v4 .proof-reviews figcaption {font-size:12px;}
  .home-v4 .proof-reviews figcaption strong {font-size:13px;}
  .home-v4 .ba-card {grid-template-columns:1fr 1fr; gap:20px; padding:24px;}
  .home-v4 .ba-card .task {grid-column:1/-1; border-bottom:1px solid var(--line); padding-bottom:18px; font-size:13px;}
  .home-v4 .ba-after .v {font-size:30px;}
  .home-v4 .ba-before .v {font-size:24px;}
  .home-v4 .sub-card {display:block; padding:25px;}
  .home-v4 .sub-card .rate {margin-top:20px; font-size:34px;}
  .home-v4 #subsidy .sec-title {font-size:26px;}
  .home-v4 #results .case-card {padding:24px 18px;}
  .home-v4 .case-story {font-size:13px; padding-left:13px;}
  .home-v4 .compare-table th,.home-v4 .compare-table td {padding:16px 3px; font-size:11px;}
  .home-v4 .compare-table th:first-child {width:31%;}
  .home-v4 .compare-table th:last-child {width:19%;}
  .home-v4 .compare-table .before {font-size:13px;}
  .home-v4 .compare-table .after {font-size:19px;}
  .home-v4 .compare-table .delta {font-size:12px; letter-spacing:0;}
  .home-v4 #why .grid-3 {gap:0;}
  .home-v4 #why .card,.home-v4 #why .card:first-child,.home-v4 #why .card:last-child {padding:145px 0 28px;}
  .home-v4 #why .spot-art {width:185px; left:auto; right:0; top:8px; margin:0;}
  .home-v4 #why .card-idx {top:33px; font-size:17px;}
  .home-v4 #why .card h3 {font-size:22px; margin-bottom:15px;}
  .home-v4 .cta-band {padding:72px 0;}
  .home-v4 .cta-band h2 {font-size:26px; line-height:1.65; margin-bottom:24px;}
  .home-v4 .cta-band p {font-size:13px; text-align:left; line-height:2;}
  .home-v4 .cta-band .btn {font-size:12px; padding:17px 10px;}
  .home-v4 .cta-offer {font-size:11px; margin-bottom:25px;}
  .home-v4 .consult-orbit {width:820px; height:820px;}
  .home-v4 .site-footer {padding-top:48px;}
  .home-v4 .foot-grid {grid-template-columns:1fr 1fr; gap:28px 18px; margin-bottom:36px;}
  .home-v4 .foot-grid > div:first-child {grid-column:1/-1;}
  .home-v4 .foot-name {font-size:27px;}
  .home-v4 .foot-nav a {font-size:11px; padding-block:10px;}
  .home-v4 .foot-head {margin-bottom:14px;}
}
@media(prefers-reduced-motion:reduce) {
  html:has(.home-v4) {scroll-behavior:auto;}
  .home-v4 *,.home-v4 *::before,.home-v4 *::after {transition:none!important; animation:none!important;}
}

/* =============================================================
   Round 2 — art direction refinements
   The seven editorial scenes have their own reserved grid track.
   All original text and card ordering remain intact.
   ============================================================= */
.home-v4 {
  --v4-scene-width:350px;
  --v4-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h128v128H0z' fill='%23cfbd94' opacity='.35' filter='url(%23grain)'/%3E%3C/svg%3E");
}
/* Identical gallery frames: contain reserves every pixel of both original photographs. */
.home-v4 #cases-teaser .grid-2 {grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:32px;}
.home-v4 #cases-teaser .case-teaser {display:flex; flex-direction:column; margin-top:0;}
.home-v4 #cases-teaser .case-visual {
  width:100%; aspect-ratio:1; position:relative; flex:none;
  background:#e8e4d9; border:1px solid #d3cab5; border-radius:2px;
  box-shadow:inset 0 0 0 5px var(--cream),inset 0 0 0 6px #b99b6529;
}
.home-v4 #cases-teaser .case-visual img {
  position:absolute; inset:16px; width:calc(100% - 32px); height:calc(100% - 32px);
  aspect-ratio:auto; object-fit:contain; object-position:50% 50%;
  border-radius:0; filter:none; transform:none;
}
.home-v4 #cases-teaser .case-teaser .body {flex:1; display:flex; flex-direction:column;}
.home-v4 #cases-teaser .case-teaser .card-more {margin-top:auto;}
.home-v4 #cases-teaser .case-teaser:hover .case-visual {border-color:#9c8352;}
/* Approximately 1.9× the previous desktop illustration width, 2× on small screens. */
.home-v4 .section-head.section-head-illustrated {
  display:grid; grid-template-columns:minmax(0,1fr) var(--v4-scene-width);
  column-gap:44px; padding:0; min-height:228px;
}
.home-v4 .section-head-illustrated > .section-art {
  position:static; grid-column:2; grid-row:1/4; align-self:center;
  width:100%; height:auto; max-width:none; opacity:1;
}
.home-v4 .section-head-illustrated > .sec-eyebrow {grid-column:1; grid-row:1; align-self:end; max-width:none;}
.home-v4 .section-head-illustrated > .sec-title {grid-column:1; grid-row:2;}
.home-v4 .section-head-illustrated > .sec-intro {grid-column:1; grid-row:3;}
.home-v4 #why .section-head-illustrated {grid-template-rows:auto auto 1fr;}
.home-v4 #why .spot-art {width:240px; max-width:100%;}
/* Readable labels, including the diagram's surrounding instrumentation. */
.home-v4 .hero-eyebrow,.home-v4 .sec-eyebrow,.home-v4 .card-tag,
.home-v4 .art-topline,.home-v4 .art-baseline,.home-v4 .hero-footer,
.home-v4 .foot-head,.home-v4 .foot-legal,.home-v4 .ba-row .k,.home-v4 .sub-card .stag {font-size:11px;}
.home-v4 .sec-eyebrow {color:#785b2f;}
.home-v4 .section-dark .sec-eyebrow,.home-v4 #deliverables .sec-eyebrow {color:#d6b980;}
.home-v4 .art-topline,.home-v4 .art-baseline {color:#cfc09c; letter-spacing:.055em; flex-wrap:wrap;}
.home-v4 .hero-footer {color:#adb49f; flex-wrap:wrap;}
.home-v4 .hero-footer span {max-width:100%;}
/* Different material treatments, not another repeated dark fill.
   Overlays sit behind content and never intercept pointer or keyboard events. */
.home-v4 #deliverables,.home-v4 #subsidy,.home-v4 #why {isolation:isolate;}
.home-v4 #deliverables > .wrap,.home-v4 #subsidy > .wrap,.home-v4 #why > .wrap {position:relative; z-index:1;}
.home-v4 #deliverables {
  background-color:#1c201b;
  background-image:radial-gradient(ellipse at 85% 5%,#b99b6512,transparent 62%),
    repeating-linear-gradient(90deg,transparent 0,transparent 119px,#c1a16309 119px,#c1a16309 120px);
  border-top:1px solid #b99b6570; border-bottom:1px solid #b99b6533;
}
.home-v4 #deliverables::before {
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:var(--v4-grain); opacity:.09;
}
.home-v4 #deliverables figure {background:#262b22; box-shadow:0 18px 42px #060b061c;}
.home-v4 #subsidy {
  background-color:#23221c;
  background-image:repeating-linear-gradient(0deg,transparent 0,transparent 4px,#c1a16307 4px,#c1a16307 5px);
  border-block:1px solid #b99b6540;
}
.home-v4 #subsidy .sub-card {background:#28291f; border-color:#81764a65;}
.home-v4 #subsidy::before {
  content:""; position:absolute; width:36%; height:1px; left:32%; top:0;
  background:linear-gradient(90deg,transparent,#dbc28c,transparent); pointer-events:none;
}
.home-v4 #why {
  background:#101511;
  background-image:radial-gradient(ellipse at 72% 2%,#b99b650d,transparent 55%);
}
.home-v4 #why::before {
  content:""; position:absolute; inset:24px; border:1px solid #b99b6517; z-index:0; pointer-events:none;
}
.home-v4 #why .grid-3 {border-top-color:#b99b6577;}
.home-v4 .cta-band {background-color:#254638; border-top-color:#bfa67580;}
.home-v4 .cta-band::before {
  background-image:radial-gradient(ellipse at 50% 100%,#acaa5530,transparent 65%),var(--v4-grain);
  background-size:auto,128px 128px; opacity:.28;
}
.home-v4 .consult-orbit {border-color:#d7bc792e;}
.home-v4 .consult-orbit i {border-color:#d7bc7920;}
@media(max-width:1199px) {
  .home-v4 {--v4-scene-width:290px;}
  .home-v4 .section-head.section-head-illustrated {column-gap:32px; min-height:200px;}
}
@media(min-width:720px) and (max-width:959px) {
  .home-v4 {--v4-scene-width:250px;}
  .home-v4 .section-head.section-head-illustrated {column-gap:26px;}
  .home-v4 #cases-teaser .grid-2 {gap:24px;}
  .home-v4 #why .spot-art {width:190px;}
  .home-v4 .hero-art .art-topline,.home-v4 .hero-art .art-baseline {position:relative; z-index:1;}
}
@media(max-width:719px) {
  .home-v4 {--v4-scene-width:168px;}
  .home-v4 .section-head.section-head-illustrated {
    grid-template-columns:minmax(0,1fr) var(--v4-scene-width);
    grid-template-rows:auto auto auto; column-gap:12px; min-height:0; row-gap:0;
  }
  .home-v4 .section-head-illustrated > .section-art {grid-column:2; grid-row:1; margin-bottom:18px;}
  .home-v4 .section-head-illustrated > .sec-eyebrow {
    grid-column:1; grid-row:1; align-self:center; margin-bottom:18px; min-height:0;
    font-size:11px; line-height:1.9; letter-spacing:.045em; gap:10px;
  }
  .home-v4 .section-head-illustrated > .sec-title {grid-column:1/-1; grid-row:2;}
  .home-v4 .section-head-illustrated > .sec-intro {grid-column:1/-1; grid-row:3;}
  .home-v4 #why .section-head-illustrated {grid-template-rows:auto auto;}
  .home-v4 #cases-teaser .grid-2 {grid-template-columns:1fr; gap:38px;}
  .home-v4 #cases-teaser .case-visual img {inset:12px; width:calc(100% - 24px); height:calc(100% - 24px);}
  .home-v4 .hero-eyebrow,.home-v4 .sec-eyebrow,.home-v4 .card-tag,
  .home-v4 .art-topline,.home-v4 .art-baseline,.home-v4 .hero-footer,.home-v4 .foot-head {font-size:11px;}
  .home-v4 .hero-eyebrow {letter-spacing:.035em;}
  .home-v4 .sec-eyebrow {max-width:100%;}
  .home-v4 .hero-footer {gap:10px 20px; letter-spacing:.03em;}
  .home-v4 .art-topline,.home-v4 .art-baseline {gap:8px; letter-spacing:0;}
  .home-v4 #why .spot-art {width:220px; top:8px;}
  .home-v4 #why .card,.home-v4 #why .card:first-child,.home-v4 #why .card:last-child {padding-top:163px;}
  .home-v4 #why::before {inset:12px;}
}

/* Round 4: keep each numeric value inside its own column with a visible gutter.
   Explicit track allocation prevents the 720px CPA/delta collision. */
.home-v4 #results .compare-table th:first-child {width:28%;}
.home-v4 #results .compare-table th:nth-child(2) {width:20%;}
.home-v4 #results .compare-table th:nth-child(3) {width:32%;}
.home-v4 #results .compare-table th:last-child {width:20%;}
.home-v4 #results .compare-table th,.home-v4 #results .compare-table td {padding-inline:clamp(6px,1.2vw,18px);}
.home-v4 #results .compare-table th:not(:first-child),.home-v4 #results .compare-table td:not(:first-child) {text-align:right; white-space:nowrap;}
.home-v4 #results .compare-table .before {font-size:clamp(12px,1.5vw,17px);}
.home-v4 #results .compare-table .after {font-size:clamp(19px,3.8vw,36px);}
.home-v4 #results .compare-table .delta {font-size:clamp(12px,1.8vw,17px);}
