@font-face{font-family:'SSInter';src:url('/assets/fonts/inter-regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:'SSInter';src:url('/assets/fonts/inter-medium.woff') format('woff');font-weight:500;font-display:swap}
@font-face{font-family:'SSInter';src:url('/assets/fonts/inter-semibold.woff') format('woff');font-weight:600;font-display:swap}
@font-face{font-family:'SSInter';src:url('/assets/fonts/inter-bold.woff') format('woff');font-weight:700;font-display:swap}
@font-face{font-family:'SSInter';src:url('/assets/fonts/inter-extrabold.woff') format('woff');font-weight:800;font-display:swap}
/* ---------- Social Sphere · luxury typography & polish layer ---------- */
:root{--fd:'Cormorant Garamond','Disp',Georgia,serif;--fb:'SSInter',Inter,-apple-system,system-ui,sans-serif}
html{font-size:16px}
body{font-family:var(--fb);font-size:16px;line-height:1.65;letter-spacing:.1px;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}

/* display type */
.disp,.h1,.h2,.hero h1,.phero .h1,.prose h2,.stat b,.num{font-family:var(--fd)!important;font-weight:600;font-size-adjust:.46}
.hero h1{font-size:clamp(54px,7.6vw,112px);line-height:.96;letter-spacing:-1.5px}
.phero .h1{font-size:clamp(50px,7.2vw,100px);line-height:.98;letter-spacing:-1.2px}
.h2{font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-.8px}
h1 .shine,h1 .gold,.h1 .shine,.h2 .shine,.h2 .gold,.ctaband .shine,.disp .gold{font-style:italic;font-weight:600;padding-right:.06em}
.disp{letter-spacing:-.3px;line-height:1.08}

/* body type rhythm */
.lead{font-size:clamp(15.5px,1.25vw,18px);line-height:1.65;color:#adadb6;font-weight:400;letter-spacing:0}
.ey{font-family:var(--fb);font-size:11.5px;letter-spacing:.42em;font-weight:700}
.ul li{font-size:16.5px;line-height:1.6}
.chip{font-family:var(--fb);font-size:13px;font-weight:600;letter-spacing:.2px}
.btn{font-family:var(--fb);font-weight:700;letter-spacing:.3px;font-size:15px}
.mini,small{letter-spacing:.2px}
.kpi small,.dash small{font-family:var(--fb)}
.kpi b{font-family:var(--fd);font-size:34px;font-weight:600}
.stat b{font-size:clamp(54px,6vw,76px);font-weight:600;line-height:1}
.stat small{font-size:11.5px;letter-spacing:.32em;color:#a2a2aa;font-weight:600}
.faq summary{font-family:var(--fb);font-size:18px;font-weight:600}
.faq .a{font-size:16px;line-height:1.75}
.prose{font-family:var(--fb)}
.prose h2{font-size:clamp(30px,3.6vw,42px)}
.prose h3{font-family:var(--fb);font-weight:700}

/* header / logo */
.logo img{height:46px!important;width:auto;mix-blend-mode:normal!important;filter:drop-shadow(0 0 14px rgba(232,196,110,.25))}
.logo b{font-family:var(--fd);font-size:21px;letter-spacing:.24em;font-weight:600}
.logo small{font-family:var(--fb);font-size:8.5px;letter-spacing:.5em}
.ftr .logo img{height:58px!important}
.nav{font-family:var(--fb);font-size:14px;letter-spacing:.3px;gap:30px}
.ftr h5{font-family:var(--fb);font-size:11.5px;letter-spacing:.32em}
.ftr p,.ftr li{font-size:14.5px}

/* logos: no masks/blends on the transparent artwork */
.orbitwrap>img,.art img,.sphere-logo{-webkit-mask-image:none!important;mask-image:none!important;mix-blend-mode:normal!important;opacity:1!important}
.sphere-logo{filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}
#pre .pm{mix-blend-mode:normal;width:180px;filter:drop-shadow(0 0 30px rgba(232,196,110,.35))}
#pre .pt{font-family:var(--fd);font-size:18px;letter-spacing:.5em;font-style:italic}

/* surfaces: finer, more premium */
.glass{background:linear-gradient(150deg,rgba(255,255,255,.06),rgba(255,255,255,.012));border-color:rgba(255,255,255,.085)}
.gglass{border-color:rgba(232,196,110,.32)}
section.s{padding:clamp(80px,9vw,128px) 0}
.ctaband{padding:clamp(60px,8vw,110px) clamp(22px,4vw,48px)}
.ctaband .h2{font-size:clamp(38px,5.2vw,68px)!important}
hr,.line{border-color:rgba(232,196,110,.2)}

/* live odometer counters */
.odo{display:inline-flex;overflow:hidden;line-height:1.2;vertical-align:bottom;height:1.2em;-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}
.odo .col{display:inline-flex;flex-direction:column;transition:transform 1.8s cubic-bezier(.16,1,.3,1);transition-delay:var(--dl,0s)}
.odo .col span,.odo .fix{display:block;height:1.2em;line-height:1.2em}
.odo .fix{display:inline-block}
.gold .odo .col span,.gold .odo .fix{background:linear-gradient(100deg,#FBE7A6,#E8C46E 40%,#C9962E);-webkit-background-clip:text;background-clip:text;color:transparent}
.silver .odo .col span,.silver .odo .fix{background:linear-gradient(100deg,#fff,#C9CDD3 55%,#8E949C);-webkit-background-clip:text;background-clip:text;color:transparent}
.tick{animation:tick .5s ease}
@keyframes tick{0%{transform:translateY(-6px);opacity:.3}100%{transform:none;opacity:1}}

@media (max-width:760px){
 .logo img{height:36px!important}.logo b{font-size:16px;letter-spacing:.18em}.logo small{font-size:7px}
 .hero h1{font-size:clamp(50px,13vw,64px);letter-spacing:-.8px}
 .phero .h1{font-size:clamp(46px,12vw,60px)}
 .h2{font-size:clamp(34px,9vw,44px)}
 .stat b{font-size:54px}
}

/* headline reveal: never clip tall letters or italics */
.split .w{padding:.14em .06em .2em;margin:-.14em -.06em -.2em}
h1,.h1,.h2{overflow:visible}
@media (max-width:760px){
 .lead{font-size:15.5px;line-height:1.6}
 .hero .lead{font-size:16px}
 .ey{font-size:10px;letter-spacing:.26em}
 .ey:before{width:24px}
 .hero h1{font-size:clamp(46px,12.4vw,58px);line-height:1}
 body{font-size:15px}
}

/* v3: headline reveal without any clipping (fade + rise) */
.split .w{overflow:visible!important;padding:0!important;margin:0!important}
.split .w>span{transform:translateY(.35em);opacity:0;transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity 1s ease;transition-delay:var(--d,0s)}
.split.in .w>span{transform:none;opacity:1}
.hero h1,.phero .h1{padding-top:.08em}
/* hero meta row as tidy pills */
.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.hero-meta span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);font-size:13px;color:#c9c9cf}
@media (max-width:760px){
 .hero .lead{font-size:15.5px;line-height:1.6;color:#a9a9b2}
 .hero-ctas{display:grid!important;grid-template-columns:1fr;gap:12px!important}
 .hero-ctas .btn{width:100%;padding:16px 20px!important;font-size:15px!important}
 .hero-meta{gap:8px;margin-top:22px}.hero-meta span{font-size:12px;padding:7px 12px}
}

/* v4: gold gradient text must paint tall letters (background box covers ascenders) */
.shine,.gold,.silver{padding:.18em .1em .16em 0;margin:-.18em -.1em -.16em 0;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.split .w>span.shine,.split .w>span.gold{padding:.2em .1em .18em .02em;margin:-.2em -.1em -.18em -.02em}
.chip.gold,.btn .gold{padding:0;margin:0}
/* premium intro text */
.lead{font-family:var(--fd)!important;font-weight:500;font-size:clamp(19px,1.6vw,23px);line-height:1.5;color:#c4c4cb;letter-spacing:.1px;font-size-adjust:none}
.lead b{font-weight:700;color:#fff}
@media (max-width:760px){.lead,.hero .lead{font-size:18.5px;line-height:1.5;color:#bdbdc5}}

/* v5: slimmer marquee + straight (lining) numbers */
.marq{padding:12px 0!important;font-family:var(--fd)!important;font-size:17px!important;letter-spacing:.3em!important;font-weight:600}
.marq span.d{margin:0 16px!important;font-size:.8em}
.stat b,.kpi b,.odo,.disp,.h1,.h2{font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1}
@media (max-width:760px){.marq{padding:9px 0!important;font-size:13px!important;letter-spacing:.24em!important}.marq span.d{margin:0 12px!important}}

/* v6: tidy footer on phones */
@media (max-width:760px){
 .ftr{padding:56px 0 30px}
 .ftr .cols{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:34px 20px!important}
 .ftr .cols>div:first-child,.ftr .cols>div:last-child{grid-column:1/-1}
 .ftr h5{font-size:10.5px;letter-spacing:.28em;margin-bottom:12px}
 .ftr ul li{font-size:14px;line-height:1.35;margin:0 0 11px}
 .ftr ul li a{display:block}
 .ftr .cols>div:last-child ul li{margin-bottom:12px}
 .ftr .cols>div:last-child ul li a.ili,.ftr .cols>div:last-child ul li.ili{display:flex!important;align-items:flex-start;gap:10px}
 .ftr .cols>div:last-child .si{margin-top:2px}
 .ftr .bot{font-size:12px;line-height:1.6;text-align:center;align-items:center}
}

/* v7: clean counters + 2x2 stats on phones */
.stat b{display:inline-block;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1;line-height:1.1;white-space:nowrap}
.stat b.gold,.stat b.silver{padding:.08em .06em}
.stat small{display:block;margin-top:12px}
@media (max-width:760px){
 .stat{padding:6px 0}
 section .grid.g4.m1:has(.stat){grid-template-columns:1fr 1fr!important;gap:30px 12px!important}
 .stat b{font-size:46px}
 .stat small{font-size:9.5px;letter-spacing:.22em;margin-top:8px}
}