/* ARFAON cinematic hub: presentation only; account and billing flows remain in app.js. */
body{background:#06111c}
.topbar{background:rgba(3,12,22,.76)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,211,145,.16)}
.hero-v5{position:relative;isolation:isolate;overflow:hidden;background:#071421!important;padding:116px max(24px,calc((100vw - 1500px)/2)) 42px!important;min-height:700px!important}
.hero-v5::before{content:"";position:absolute;inset:0;z-index:-2;background:url("assets/hero-cinematic.webp") 62% 48%/cover no-repeat}
.hero-v5::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,10,19,.86) 0%,rgba(2,10,19,.64) 39%,rgba(2,10,19,.05) 73%),linear-gradient(0deg,#061321 0%,transparent 22%)}
.hero-v5 .hero-aurora,.hero-v5 .hero-grid{display:none!important}
.hero-v5__layout{width:100%;max-width:1500px;min-height:500px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:24px;align-items:center}
.hero-v5__copy{position:relative;z-index:2;align-items:flex-start!important;text-align:left!important}
.hero-v5 .hero-kicker{color:#f5bd68!important}
.hero-v5 h1{max-width:760px;font-size:clamp(48px,5.3vw,86px)!important;line-height:.98!important;letter-spacing:-.065em!important;text-shadow:0 3px 22px rgba(0,0,0,.3)}
.hero-v5 h1 span{font-size:1em!important;line-height:1!important;letter-spacing:inherit!important;color:#ffc578!important;margin-top:0!important;font-weight:900!important}
.hero-v5 .hero-lead{max-width:600px;margin:18px 0 0!important;font-size:clamp(17px,1.5vw,22px)!important;line-height:1.35!important}
.hero-v5 .hero-copy{max-width:540px;color:#d8e0e8!important;font-size:14px!important;line-height:1.55!important}
.hero-actions-v5{margin-top:27px!important;align-items:center}
.hero-actions-v5 .button-primary{background:linear-gradient(110deg,#ffdfa0,#f4a94c)!important;box-shadow:0 0 28px rgba(255,185,92,.4)!important}
.hero-actions-v5 .button-drive{background:rgba(5,20,34,.7)!important;border:1px solid rgba(255,222,174,.62)!important;box-shadow:none!important}
.hero-v5__visual{min-height:420px!important;display:grid;place-items:center}
.hero-v5 .ecosystem-orbit{width:min(350px,30vw)!important;aspect-ratio:1;transform:translate(11%,5%)}
.hero-v5 .orbit-ring,.hero-v5 .orbit-node,.hero-v5 .orbit-core-wordmark,.hero-v5 .orbit-core small{display:none!important}
.hero-v5 .orbit-core{position:static!important;transform:none!important;width:100%!important;height:100%!important;border:none!important;border-radius:0!important;box-shadow:none!important;background:none!important;overflow:visible!important}
.hero-v5 .orbit-core-mark{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;filter:drop-shadow(0 20px 25px rgba(0,0,0,.65)) drop-shadow(0 0 26px rgba(255,186,95,.5))}
.floating-stats-v5{position:relative;z-index:2;max-width:1500px;margin:8px auto 0!important;border-top:1px solid rgba(255,213,147,.27)!important}
.floating-stats-v5 article strong{color:#ffc578!important}
.experts-section{max-width:none!important;padding:46px max(24px,calc((100vw - 1500px)/2)) 62px!important;background:linear-gradient(180deg,#061421,#091c2c 82%,#061421)!important}
.experts-section .section-heading{max-width:1500px;margin:0 auto 24px}
.experts-section .section-heading h2{font-size:clamp(30px,3vw,46px)!important;line-height:1.04}
.experts-section .section-heading p{max-width:640px}
.ecosystem-grid{max-width:1500px!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:10px!important}
.ecosystem-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.ecosystem-card{height:440px!important;min-height:0!important;display:flex!important;flex-direction:column;justify-content:flex-end;padding:20px!important;border:1px solid rgba(255,217,160,.3)!important;border-radius:16px!important;box-shadow:0 14px 26px rgba(0,0,0,.3)}
.ecosystem-card-art{inset:0!important;width:100%!important;height:100%!important;opacity:1!important;transform:none!important;filter:none!important;object-fit:cover!important;object-position:50% 42%}
.ecosystem-card-shade{background:linear-gradient(180deg,rgba(2,10,18,.04) 10%,rgba(2,10,18,.36) 48%,rgba(2,10,18,.98) 100%)!important}
.ecosystem-card .card-number{position:absolute!important;top:12px;left:13px}
.ecosystem-card .card-status{position:absolute!important;top:10px;right:10px;max-width:118px}
.ecosystem-card .card-name{margin:0 0 5px!important;display:flex!important;flex-direction:column;align-items:flex-start;gap:2px}
.ecosystem-card .card-wordmark{width:85px!important;height:20px!important;object-fit:contain!important;object-position:left center}
.ecosystem-card .division-label{display:block;font-size:25px!important;letter-spacing:.1em!important}
.ecosystem-card .card-desc{font-size:13px!important;line-height:1.4!important;min-height:55px!important;margin:2px 0 12px!important;color:#e5edf4!important}
.ecosystem-card .ecosystem-open{position:relative!important;left:auto!important;bottom:auto!important;display:block;text-align:center;margin-top:0;width:100%;min-height:38px;padding:10px 4px;font-size:11px;background:rgba(8,24,39,.8);border-color:rgba(255,210,146,.55)}
.ecosystem-card:hover .ecosystem-card-art{transform:scale(1.04)!important}
.launch-section{background:#071624!important}
@media(max-width:1090px){
 .hero-v5{padding:98px 24px 32px!important;min-height:640px!important}
 .hero-v5__layout{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr)}
 .ecosystem-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:4px 0 20px}
 .ecosystem-card{flex:0 0 270px;scroll-snap-align:start}
}
@media(max-width:700px){
 .topbar{min-height:76px}
 .hero-v5{padding:78px 18px 24px!important;min-height:auto!important}
 .hero-v5::before{height:380px;bottom:auto;background-position:64% 50%;background-size:auto 100%}
 .hero-v5::after{background:linear-gradient(180deg,rgba(2,11,21,.08) 0%,rgba(2,11,21,.16) 185px,#061421 385px,#061421 100%)}
 .hero-v5__layout{min-height:0;display:flex;flex-direction:column-reverse;gap:0}
 .hero-v5__visual{height:230px;min-height:230px!important;width:100%;display:grid;place-items:center}
 .hero-v5 .ecosystem-orbit{width:165px!important;transform:translate(26%,-8%)}
 .hero-v5__copy{width:100%}
 .hero-v5 h1{font-size:clamp(42px,11vw,68px)!important;line-height:.99!important}
 .hero-v5 .hero-kicker{font-size:10px!important;margin:0 0 12px!important}
 .hero-v5 .hero-lead{font-size:17px!important;margin-top:16px!important}
 .hero-v5 .hero-copy{font-size:13px!important;margin-top:10px!important}
 .hero-actions-v5{display:grid!important;grid-template-columns:1fr!important;width:100%;gap:10px!important}
 .hero-actions-v5 .button{width:100%;min-height:52px!important}
 .hero-login-link{text-align:center!important}
 .hero-trust{margin-top:15px!important}
 .hero-trust>span{font-size:10px!important}
 .floating-stats-v5{display:grid!important;grid-template-columns:repeat(3,1fr);gap:0;margin-top:22px!important}
 .floating-stats-v5 article{padding:12px 5px!important;text-align:center}
 .floating-stats-v5 article strong{font-size:23px!important}
 .floating-stats-v5 article span{font-size:9px!important}
 .floating-stats-v5 article small{display:none}
 .experts-section{padding:35px 18px 42px!important}
 .experts-section .section-heading h2{font-size:32px!important}
 .ecosystem-card{flex-basis:270px;height:420px!important}
}
@media(prefers-reduced-motion:reduce){.ecosystem-card:hover .ecosystem-card-art{transform:none!important}}


/* All seven directions are visible without a hidden horizontal carousel. */
.ecosystem-card { height: auto !important; min-height: 440px !important; }
.ecosystem-card .ecosystem-open { min-height: 44px; }
@media (max-width:1090px) {
 .ecosystem-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; overflow: visible; padding: 0; }
 .ecosystem-card { width: auto; min-width: 0; }
}
@media (max-width:700px) {
 .hero-v5 { padding-top: 28px !important; }
 .hero-v5 h1 { font-size: clamp(32px,10vw,60px) !important; overflow-wrap: anywhere; }
 .hero-v5__copy { text-align: left !important; }
 .hero-v5 h1, .hero-v5 .hero-lead, .hero-v5 .hero-copy { text-align: left !important; }
 .ecosystem-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
 .ecosystem-card { min-height: 420px !important; height: auto !important; }
 .ecosystem-card .card-desc { font-size: 15px !important; line-height: 1.5 !important; min-height: 0 !important; }
 .ecosystem-card .ecosystem-open { font-size: 14px; padding: 12px; }
 .floating-stats-v5 { width: 100% !important; grid-template-columns: repeat(3,minmax(0,1fr)); }
 .floating-stats-v5 article small { display: block; font-size: 10px; line-height: 1.4; }
}