/* HOUR Orbit — scoped visual layer, local assets and no external dependencies. */
.home-v2 { --container: 1240px; min-width: 0; background: #080808; }
.home-v2 .site-header { background: #080808e8; border-color: #ffffff12; }
.home-v2 .site-header__inner { min-height: 82px; }
.home-v2 .site-nav { gap: 18px; }
.home-v2 .site-nav a { font-weight: 450; }
.home-v2 .site-nav a[aria-current] { background: transparent; color: #fff; }
.home-v2 .hero { position: relative; min-height: 760px; padding: 62px 0 0; overflow: hidden; background: radial-gradient(ellipse at 80% 44%, #30303066, transparent 49%), #080808; }
.home-v2 .hero::before { width: 650px; height: 650px; left: 27%; top: 63%; opacity: .04; transform: translate(-50%,-50%); -webkit-mask-image:linear-gradient(#000 65%,transparent); mask-image:linear-gradient(#000 65%,transparent); }
.home-v2 .hero__stage { gap: 12px; }
.home-v2 .hero__stage h1 { font-size: clamp(4rem,6.7vw,6.7rem); font-weight: 550; line-height: .98; letter-spacing: -.075em; max-width: 10ch; }
.home-v2 .hero h1 span { color: #a7a7a7; -webkit-text-stroke: 0; background: linear-gradient(120deg,#fafafa 0%,#bcbcbc 42%,#666 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
/* Negative tracking extends the last glyph beyond its advance. Give each
   wrapped gradient fragment enough paint area to retain the whole letter. */
.home-v2 .hero h1 span { padding-inline-end:.1em; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.orbit-eyebrow { display: flex; align-items: center; gap: 10px; color: #bababa; font-size: 10px; letter-spacing: .2em; margin: 0 0 30px; }
.orbit-eyebrow span { width: 6px; height: 6px; border-radius: 50%; background: #fff; box-shadow: 0 0 12px #ffffff80; }
.home-v2 .hero__stage .hero__lead { max-width: 37ch; font-size: 17px; color: #aaa; line-height: 1.8; margin-top: 27px; }
.home-v2 .hero__actions { gap: 10px; margin-top: 32px; }
.home-v2 .btn { border-radius: 999px; min-height: 52px; font-size: 11px; letter-spacing: .04em; padding-inline: 23px; transition: transform .22s, background .22s, box-shadow .22s; }
.home-v2 .btn:hover { transform: translateY(-3px); box-shadow: 0 8px 30px #ffffff18; }
.home-v2 .btn--ghost { border-color: #555; }
.home-v2 .hero__note { max-width: 42ch; color: #8c8c8c; font-size: 10px; line-height: 1.8; margin-top: 24px; letter-spacing: .08em; }
.hero-bottom { display: flex; align-items: center; justify-content: space-between; min-height: 85px; border-top: 1px solid #ffffff18; margin-top: 20px; color: #939393; font-size: 10px; letter-spacing: .12em; }
.hero-bottom a { display: flex; align-items: center; gap: 25px; text-decoration: none; letter-spacing: .02em; font-size: 12px; }
.hero-bottom a span { font-size: 22px; color: #fff; }
.orbit-halo { position: absolute; width: 650px; height: 650px; left: -50px; top: -12px; transform: perspective(900px) rotateX(calc(var(--tx)*2deg)) rotateY(calc(var(--ty)*4deg)); pointer-events: none; }
.orbit-halo__ring { position: absolute; inset: 4%; border-radius: 50%; border: 1px solid #ffffff3b; box-shadow: inset 2px 0 2px #ffffff30, 2px 0 8px #ffffff12; transform: rotate(-32deg) scaleY(.65); }
.orbit-halo__ring::after { content: ''; position: absolute; width: 10px; height: 10px; border-radius: 50%; top: 19%; left: 11%; background: #fff; box-shadow: 0 0 24px #fff; }
.orbit-halo__ring--cross { inset: 9%; transform: rotate(54deg) scaleY(.76); opacity: .35; }
.home-v2 .hero-3d__rig--primary { left: 58px; top: 68px; }
.home-v2 .hero-3d__rig--secondary { right: 4px; top: 10px; }
.home-v2 .hero-3d__device--hour { transform: translate3d(0,calc(var(--sp)*-.06px),0) perspective(1500px) rotateX(calc(6deg + var(--tx)*-4deg)) rotateY(calc(-19deg + var(--ty)*7deg)) rotateZ(-9deg); border-color: #a4a4a4; box-shadow: inset 0 0 0 2px #ffffff40,-3px 1px 0 #999,-6px 3px 0 #454545,-9px 4px 0 #222,-22px 36px 45px #000b; }
.home-v2 .hero-3d__device--hours { transform: translate3d(0,calc(var(--sp)*-.1px),0) perspective(1500px) rotateX(calc(6deg + var(--tx)*-2deg)) rotateY(calc(12deg + var(--ty)*4deg)) rotateZ(12deg); border-color: #777; }
.home-v2 .hero-3d__screen { background: radial-gradient(ellipse at top left,#282828,#090909 70%); }
.home-v2 .hero-3d__ui { gap: 15px; }
.home-v2 .hero-3d__ui-title { font-size: 29px; font-weight: 550; letter-spacing: -.045em; margin-block: 6px; }
.home-v2 .hero-3d__device--hours .hero-3d__ui-title { font-size: 25px; }
.home-v2 .hero-3d__ui-card { background: linear-gradient(130deg,#e7e7e7,#a1a1a1); color: #282828; border: 0; padding: 16px 12px; }
.home-v2 .hero-3d__ui-card strong,.home-v2 .hero-3d__ui-card span::before { color: #111; }
.home-v2 .hero-3d__caption { bottom: -4px; color: #aaa; font-size: 9px; }
.home-v2 .section { padding-block: 110px; border-color: #ffffff15; }
.home-v2 .section h2 { max-width: 21ch; font-weight: 450; font-size: clamp(2.1rem,4.1vw,3.6rem); letter-spacing: -.055em; line-height: 1.12; }
.home-v2 .eyebrow { font-size: 10px; letter-spacing: .18em; color: #a1a1a1; margin-bottom: 23px; }
.home-v2 .ecosystem-heading { margin-bottom: 48px; }
.home-v2 .ecosystem-grid { gap: 20px; border: 0; background: none; }
.home-v2 .ecosystem-panel { display: flex; flex-direction: column; align-items: stretch; position: relative; overflow: hidden; border: 1px solid #ffffff26; border-radius: 24px; background: linear-gradient(145deg,#202020,#0e0e0e 65%); }
.home-v2 .ecosystem-panel + .ecosystem-panel { background: linear-gradient(145deg,#f0f0ed,#c8c8c5); color: #111; }
.home-v2 .ecosystem-panel__body { padding: 36px 40px 40px; }
.home-v2 .ecosystem-panel h3 { max-width: 14ch; font-size: clamp(2rem,3.3vw,3rem); font-weight: 500; }
.home-v2 .ecosystem-panel__body > p:not(.audience-label) { font-size: 14px; line-height: 1.8; margin-top: 18px; }
.home-v2 .text-link { width: 100%; justify-content: space-between; font-size: 12px; font-weight: 500; border-top: 1px solid #ffffff26; padding-top: 22px; margin-top: 32px; }
.home-v2 .ecosystem-panel--provider .text-link { border-color: #0003; }
.home-v2 .text-link span { font-size: 22px; transition: transform .2s; }
.home-v2 .text-link:hover span { transform: translate(3px,-3px); }
.orbit-art { position: relative; height: 230px; display: grid; place-items: center; overflow: hidden; border-bottom: 1px solid #ffffff0d; }
.orbit-art::before { content:''; position:absolute; width: 330px; height: 330px; border: 1px solid #ffffff16; border-radius:50%; transform: rotateX(60deg) rotateZ(-25deg); }
.orbit-art__label { position:absolute; bottom:18px; left:40px; font-size:9px; letter-spacing:.18em; opacity:.6; }
.orbit-coin { width:166px; height:166px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(135deg,#777,#171717 48%,#555); border:3px solid #888; box-shadow:3px 3px 0 #ddd,7px 7px 0 #666,11px 11px 0 #444,22px 30px 25px #0004,inset 0 0 0 8px #333; transform:perspective(600px) rotateY(-28deg) rotateX(20deg) rotateZ(12deg); }
.orbit-coin img { width:90px; height:90px; opacity:.85; }
.orbit-art--value::before { border-color:#0002; }
.home-v2 .trust-section { background:#0d0d0d; }
.home-v2 .trust-list { grid-template-columns:repeat(3,minmax(0,1fr)); border:0; gap:1px; background:#ffffff20; margin-top:48px; }
.home-v2 .trust-list li { display:flex; flex-direction:column; padding:28px; border:0; background:#0d0d0d; gap:22px; }
.home-v2 .trust-list li span { display:grid; place-items:center; color:#eee; font-weight:400; width:34px; height:34px; border:1px solid #ffffff38; border-radius:50%; }
.home-v2 .trust-list li p { font-size:13px; line-height:1.9; color:#bbb; }
.home-v2 .faq-section > .container { display:grid; grid-template-columns:1fr 1.1fr; column-gap:90px; }
.home-v2 .faq-section .eyebrow { grid-column:1; }
.home-v2 .faq-section h2 { grid-column:1; align-self:start; }
.home-v2 .faq-list { grid-column:2; grid-row:1 / 3; margin-top:0; }
.home-v2 .faq-item summary { font-size:14px; padding-block:24px; font-weight:450; }
.home-v2 .faq-item__answer { font-size:13px; color:#aaa; }
.home-v2 .final-section { padding-block:50px 100px; }
.home-v2 .final-cta { min-height:300px; padding:60px; border:1px solid #ffffff26; border-radius:24px; background:radial-gradient(ellipse at 80% 100%,#444,#151515 65%); }
.home-v2 .final-cta h2 { font-size:clamp(3rem,5vw,5rem); }
.home-v2 .final-cta h2 { color:#fff; }
.home-v2 .final-cta .eyebrow { color:#bdbdbd; }
.home-v2 .final-cta .btn--light { background:#fff; color:#111; }
.home-v2 .final-cta .btn--outline-light { color:#fff; border-color:#777; }
.home-v2 .site-footer { border-top:1px solid #ffffff1a; background:#080808; }
.home-v2 .site-footer__brand img { max-width:125px; }
.home-v2 .site-footer__top { padding-block:60px; }
@media (min-width:861px) and (max-width:1100px) { .home-v2 .hero-3d { --s:.78; } .home-v2 .hero__stage h1 { font-size:5.9vw; } }
@media (max-width:860px) {
 .home-v2 .hero::before { left:44%; top:370px; width:500px; height:500px; opacity:.035; }
 .home-v2 .hero { min-height:auto; padding-top:55px; }
 .home-v2 .hero__stage { grid-template-columns:1fr; gap:35px; }
 .home-v2 .hero__inner { text-align:center; margin-inline:auto; }
 .orbit-eyebrow,.home-v2 .hero__actions { justify-content:center; }
 .home-v2 .hero__stage h1 { max-width:12ch; font-size:clamp(3.7rem,10vw,5.7rem); margin:auto; }
 .home-v2 .hero__stage .hero__lead,.home-v2 .hero__note { margin-inline:auto; }
 .home-v2 .hero-3d { --s:.82; justify-self:center; }
 .home-v2 .section { padding-block:75px; }
 .home-v2 .trust-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .home-v2 .faq-section > .container { display:block; }
 .home-v2 .faq-list { margin-top:35px; }
 .home-v2 .final-cta { padding:38px; }
}
@media (max-width:620px) {
 .home-v2 .site-header__inner { min-height:68px; }
 .home-v2 .hero__stage h1 { font-size:clamp(3.35rem,13.5vw,4.8rem); }
 .orbit-eyebrow { font-size:9px; letter-spacing:.13em; margin-bottom:24px; }
 .home-v2 .hero__stage .hero__lead { font-size:15px; }
 .home-v2 .hero__actions { flex-direction:column; align-items:stretch; }
 .home-v2 .hero-3d { --s:.79; --scene-w:380px; --scene-h:610px; }
 .home-v2 .hero-3d__rig--primary { left:4px; top:65px; }
 .home-v2 .hero-3d__rig--secondary { right:-12px; top:10px; }
 .orbit-halo { width:520px; height:550px; left:-70px; top:30px; }
 .hero-bottom { min-height:72px; margin-top:0; }
 .hero-bottom > span { display:none; }
 .hero-bottom a { width:100%; justify-content:space-between; }
 .home-v2 .ecosystem-grid { grid-template-columns:1fr; }
 .home-v2 .ecosystem-panel__body { padding:28px; }
 .home-v2 .trust-list { grid-template-columns:1fr; }
 .home-v2 .trust-list li { flex-direction:row; align-items:flex-start; padding:24px 12px; }
 .home-v2 .trust-list li span { flex:0 0 30px; }
 .home-v2 .final-cta { padding:30px 23px; }
 .home-v2 .final-cta__actions { display:grid; gap:12px; }
}
@media (max-width:360px) { .home-v2 .hero-3d { --s:.72; } }
@media (prefers-reduced-motion:reduce) { .home-v2 .btn:hover { transform:none; } }