/* HiHiro V10 — Owner-selected premium nine-service homepage showcase.
   Only #ecosystem-services; no change to Hero, brand lockup, Hiro globe,
   service IDs, execution authority, consent, HC or the 24-service catalog. */
#ecosystem-services:has(.hf-showcase){
  --hf-page:#061326;--hf-card:#0b2040;--hf-surface:#102a50;
  --hf-ink:#f4f8ff;--hf-muted:#bcd0eb;--hf-gold:#f3c977;
  --hf-blue:#70a5ff;--hf-border:rgba(99,159,255,.50);
  position:relative;isolation:isolate;overflow:hidden;
  width:100%;max-width:1280px;margin-inline:auto;padding:clamp(24px,4vw,68px) clamp(14px,2.2vw,32px) clamp(32px,5vw,70px);
  border-radius:clamp(18px,3vw,34px);
  background:
    radial-gradient(ellipse 58% 25% at 106% 1%,rgba(36,112,238,.25),transparent 85%),
    radial-gradient(ellipse 50% 19% at -8% 16%,rgba(21,91,194,.17),transparent 90%),
    linear-gradient(165deg,#071c3b 0%,var(--hf-page) 38%,#061a37 100%);
  color:var(--hf-ink);box-shadow:inset 0 0 0 1px rgba(76,131,221,.12);
}
#ecosystem-services:has(.hf-showcase)::before{
  content:"";position:absolute;inset:-240px -15% auto;height:460px;
  border:2px solid rgba(79,148,255,.19);border-radius:50%;transform:rotate(-17deg);
  box-shadow:0 0 64px rgba(56,112,220,.17);pointer-events:none;z-index:-1;
}
#home-service-grid.hf-showcase{display:block;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--hf-ink);}
#home-service-grid .hf-section-top{max-width:900px;text-align:center;margin:0 auto clamp(24px,3.8vw,54px);}
#home-service-grid .hf-eyebrow{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(241,193,100,.66);border-radius:999px;padding:6px 20px;font-size:clamp(.77rem,1vw,.9rem);font-weight:650;letter-spacing:.04em;color:var(--hf-gold);background:rgba(3,19,39,.55)}
#home-service-grid .hf-title{max-width:920px;margin:19px auto 12px;color:var(--hf-ink);font-size:clamp(1.55rem,3.7vw,3.2rem);font-weight:780;letter-spacing:-.045em;line-height:1.33;text-wrap:balance}
#home-service-grid .hf-intro{max-width:720px;margin:0 auto 21px;color:var(--hf-muted);font-size:clamp(.93rem,1.3vw,1.14rem);line-height:1.8;text-wrap:pretty}
#home-service-grid .hf-advantages{display:flex;align-items:stretch;justify-content:center;gap:clamp(8px,1.2vw,18px);flex-wrap:wrap}
#home-service-grid .hf-advantage{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(118,165,235,.28);border-radius:999px;background:rgba(9,28,58,.78);padding:9px 16px;color:#e6f0fc;font-size:clamp(.75rem,.95vw,.91rem)}
#home-service-grid .hf-adv-icon{color:var(--hf-gold);font-size:1.13rem}
#home-service-grid .hf-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.6vw,21px);align-items:stretch}
#home-service-grid .hf-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);direction:ltr;align-items:center;gap:8px;padding:clamp(17px,2vw,31px);border:1px solid var(--hf-border);border-radius:clamp(14px,1.6vw,20px);background:linear-gradient(133deg,#0a1e3b,#112954 63%,#0b2348);box-shadow:inset 0 1px 0 rgba(197,221,255,.14),0 12px 25px rgba(0,6,29,.22);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
#home-service-grid .hf-card::before{content:"";position:absolute;pointer-events:none;inset:0;background:radial-gradient(ellipse at 86% 22%,rgba(60,123,241,.19),transparent 61%),linear-gradient(115deg,transparent 53%,rgba(22,63,136,.14));z-index:-1}
#home-service-grid .hf-card:hover{transform:translateY(-3px);border-color:rgba(244,197,110,.75);box-shadow:0 16px 33px rgba(0,8,31,.30),inset 0 1px 0 rgba(197,221,255,.15)}
#home-service-grid .hf-card-1{grid-column:span 12;min-height:340px;grid-template-columns:minmax(0,41fr) minmax(0,59fr);border-color:rgba(236,187,110,.72);background:linear-gradient(115deg,#0b1b36,#0a2758 70%,#071a38)}
#home-service-grid .hf-card-2,#home-service-grid .hf-card-3{grid-column:span 6;min-height:270px}
#home-service-grid .hf-card-4,#home-service-grid .hf-card-5,#home-service-grid .hf-card-6,#home-service-grid .hf-card-7,#home-service-grid .hf-card-8,#home-service-grid .hf-card-9{grid-column:span 4;min-height:253px;grid-template-columns:minmax(0,1fr) minmax(0,.88fr)}
#home-service-grid .hf-card-8{background:linear-gradient(130deg,#102b56,#071a36)}
#home-service-grid .hf-story{direction:var(--hf-text-dir,rtl);text-align:start;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;position:relative;z-index:2}
html[dir="ltr"] #home-service-grid .hf-story{--hf-text-dir:ltr}
#home-service-grid .hf-card-title{margin:0!important;color:var(--hf-ink)!important;font-size:clamp(1.04rem,1.4vw,1.45rem);font-weight:770;line-height:1.4;letter-spacing:-.028em;overflow-wrap:normal}
#home-service-grid .hf-card-1 .hf-card-title{font-size:clamp(1.7rem,2.8vw,2.65rem);line-height:1.23}
#home-service-grid .hf-card-2 .hf-card-title,#home-service-grid .hf-card-3 .hf-card-title{font-size:clamp(1.28rem,1.9vw,1.88rem)}
#home-service-grid .hf-card-tagline{font-size:clamp(.78rem,.97vw,1.02rem);line-height:1.73;color:var(--hf-muted)!important;margin:12px 0 17px!important;max-width:30ch}
#home-service-grid .hf-card-1 .hf-card-tagline{font-size:clamp(.93rem,1.18vw,1.12rem);max-width:34ch}
#home-service-grid .hf-picked{display:inline-flex;align-self:flex-start;border:1px solid rgba(245,202,126,.72);border-radius:999px;padding:5px 12px;background:rgba(12,30,56,.72);font-size:.78rem;color:var(--hf-gold);margin-bottom:20px}
#home-service-grid .hf-card-link{color:var(--hf-gold);font-size:clamp(.82rem,1vw,1.02rem);font-weight:700;display:inline-flex;align-items:center;gap:13px;min-height:44px;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s;white-space:normal}
#home-service-grid .hf-card-link:hover{color:#fff1ca;text-decoration:underline;text-underline-offset:5px}
#home-service-grid .hf-card-1 .hf-card-link{background:linear-gradient(120deg,#f6d998,#deb363);color:#092245;padding:9px 22px;border-radius:11px;border:1px solid #ffe4a7;box-shadow:0 0 25px rgba(241,184,85,.27)}
#home-service-grid .hf-card-1 .hf-card-link:hover{color:#06152e;background:#ffe6b0}
#home-service-grid .hf-link-arrow{font-size:1.25em;display:inline-block;transform:scaleX(-1);direction:ltr}
html[dir="ltr"] #home-service-grid .hf-link-arrow{transform:none}
#home-service-grid .hf-service-boundary{font-size:.68rem;color:#9ebde5;line-height:1.5;margin-top:7px;opacity:.88}
#home-service-grid .hf-visual{min-width:0;width:100%;display:flex;align-items:center;justify-content:center;align-self:stretch;filter:drop-shadow(0 14px 28px rgba(13,57,145,.33))}
#home-service-grid .hf-art-svg{display:block;width:100%;height:auto;max-height:310px;overflow:visible}
#home-service-grid .hf-card-1 .hf-art-svg{max-height:350px}
#home-service-grid .hf-card-4 .hf-visual,#home-service-grid .hf-card-5 .hf-visual,#home-service-grid .hf-card-6 .hf-visual,#home-service-grid .hf-card-7 .hf-visual,#home-service-grid .hf-card-8 .hf-visual,#home-service-grid .hf-card-9 .hf-visual{margin-inline:-7px}
#home-service-grid .hf-all-services{max-width:640px;min-height:60px;margin:clamp(25px,3.5vw,48px) auto 0;display:flex;gap:14px;justify-content:center;align-items:center;direction:inherit;border:1px solid var(--hf-gold);border-radius:100px;padding:15px 22px;background:linear-gradient(100deg,rgba(21,55,115,.44),rgba(8,26,59,.9));box-shadow:0 10px 29px rgba(0,13,44,.24);text-align:center;color:var(--hf-ink);text-decoration:none;font-weight:750;transition:transform .2s,background .2s}
#home-service-grid .hf-all-services:hover{transform:translateY(-2px);background:#173968}
#home-service-grid .hf-all-services:focus-visible,#home-service-grid .hf-card-link:focus-visible{outline:3px solid #f4cf80;outline-offset:4px}
#home-service-grid .hf-all-icon{font-size:1.35rem;color:var(--hf-gold)}
#home-service-grid .hf-all-arrow{font-size:1.25rem;color:var(--hf-gold)}
/* Bright preference: full-light section and light cards, retain brand accent and contrast. */
html[data-theme="light"] #ecosystem-services:has(.hf-showcase){--hf-page:#f3f7fc;--hf-ink:#0a2343;--hf-muted:#3e5573;--hf-gold:#9a6011;--hf-blue:#245ab9;--hf-border:rgba(64,111,191,.29);background:radial-gradient(ellipse at 95% 1%,#e4efff,transparent 53%),linear-gradient(160deg,#fff,#edf5ff);box-shadow:inset 0 0 0 1px #cfdded}
html[data-theme="light"] #home-service-grid .hf-card{background:linear-gradient(135deg,#fff,#eaf3ff);box-shadow:0 10px 28px rgba(33,71,120,.085),inset 0 1px 0 #fff}
html[data-theme="light"] #home-service-grid .hf-card-1{background:linear-gradient(115deg,#f8fbff,#e3efff 70%,#dbe9ff)}
html[data-theme="light"] #home-service-grid .hf-card-8{background:linear-gradient(115deg,#ecf5ff,#e0edff)}
html[data-theme="light"] #home-service-grid .hf-eyebrow{background:#fffaf0;border-color:#c28c36}
html[data-theme="light"] #home-service-grid .hf-advantage{background:#fff;color:#274466;border-color:#cbdcf4}
html[data-theme="light"] #home-service-grid .hf-picked{background:#fff7e5;color:#976414}
html[data-theme="light"] #home-service-grid .hf-card-title{color:#0b284e!important}
html[data-theme="light"] #home-service-grid .hf-card-tagline{color:#3c5979!important}
html[data-theme="light"] #home-service-grid .hf-service-boundary{color:#44618a}
html[data-theme="light"] #home-service-grid .hf-all-services{background:#f8fbff;color:#12325b}
@media(max-width:900px){
  #home-service-grid .hf-card-4,#home-service-grid .hf-card-5,#home-service-grid .hf-card-6,#home-service-grid .hf-card-7,#home-service-grid .hf-card-8,#home-service-grid .hf-card-9{grid-column:span 6;min-height:225px}
  #home-service-grid .hf-card-1{min-height:300px}
  #home-service-grid .hf-card{padding:20px}
}
@media(max-width:620px){
  #ecosystem-services:has(.hf-showcase){padding:30px 12px 36px;border-radius:18px}
  #home-service-grid .hf-title{font-size:clamp(1.43rem,6vw,2.25rem)}
  #home-service-grid .hf-gallery{gap:12px}
  #home-service-grid .hf-card,#home-service-grid .hf-card-1,#home-service-grid .hf-card-2,#home-service-grid .hf-card-3,#home-service-grid .hf-card-4,#home-service-grid .hf-card-5,#home-service-grid .hf-card-6,#home-service-grid .hf-card-7,#home-service-grid .hf-card-8,#home-service-grid .hf-card-9{grid-column:span 12;min-height:200px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);padding:16px;gap:4px}
  #home-service-grid .hf-card-1{min-height:260px}
  #home-service-grid .hf-card-title{font-size:clamp(1.02rem,4.7vw,1.46rem)}
  #home-service-grid .hf-card-1 .hf-card-title{font-size:clamp(1.38rem,6vw,2rem)}
  #home-service-grid .hf-card-tagline{font-size:.82rem;margin:8px 0 11px!important}
  #home-service-grid .hf-card-1 .hf-card-tagline{font-size:.87rem}
  #home-service-grid .hf-picked{margin-bottom:9px;font-size:.7rem}
  #home-service-grid .hf-art-svg{max-height:210px}
  #home-service-grid .hf-card-1 .hf-art-svg{max-height:250px}
  #home-service-grid .hf-advantage{font-size:.73rem;padding:7px 9px}
  #home-service-grid .hf-section-top{margin-bottom:22px}
  #home-service-grid .hf-all-services{min-height:58px}
}
@media(max-width:370px){
  #home-service-grid .hf-card,#home-service-grid .hf-card-1,#home-service-grid .hf-card-2,#home-service-grid .hf-card-3,#home-service-grid .hf-card-4,#home-service-grid .hf-card-5,#home-service-grid .hf-card-6,#home-service-grid .hf-card-7,#home-service-grid .hf-card-8,#home-service-grid .hf-card-9{grid-template-columns:minmax(0,1fr) minmax(0,.75fr);padding:13px}
  #home-service-grid .hf-card-link{font-size:.8rem}
}
@media(prefers-reduced-motion:reduce){#home-service-grid .hf-card,#home-service-grid .hf-all-services{transition:none!important}#home-service-grid .hf-card:hover,#home-service-grid .hf-all-services:hover{transform:none!important}}