/* Socialllab secondary experience: shared dark futuristic design */
body.sll-hub,body.sll-detail{--ink:#0e1116;--paper:#f7f5f0;--muted:#aeb6c4;--line:#ffffff28;--brand:#e64626;--brand-dark:#c9341b;background:#0e1116;color:#f7f5f0;overflow-x:clip;-webkit-font-smoothing:antialiased}
body.sll-hub *,body.sll-detail *{box-sizing:border-box}
body.sll-hub a,body.sll-detail a{text-decoration:none;color:inherit}
body.sll-hub .wrap,body.sll-detail .wrap{max-width:1240px;width:calc(100% - 76px);margin:0 auto;padding:0}
.hub-header{position:sticky;top:0;z-index:80;background:#0d1016f5;border-bottom:1px solid #ffffff26;backdrop-filter:blur(18px)}
.hub-nav-row{display:flex;gap:24px;align-items:center;justify-content:space-between;min-height:78px;position:relative}
.hub-logo{color:#e64626!important;font:700 29px/.95 'Space Grotesk',sans-serif;letter-spacing:-.08em;display:inline-flex;align-items:baseline;white-space:nowrap}
.hub-logo span,.hub-foot-logo span{color:#e64626}.hub-logo small{font:700 6px 'JetBrains Mono',monospace;align-self:flex-end;margin-left:-8px;transform:translateY(7px)}
.hub-nav{display:flex;gap:clamp(14px,2vw,32px);align-items:center}.hub-nav a{font:500 12px 'Inter',sans-serif;color:#b7beca!important;white-space:nowrap}.hub-nav a:hover{color:#fff!important}
.hub-actions{display:flex;align-items:center;gap:10px}.hub-contact{display:flex;gap:24px;align-items:center;min-height:44px;padding:10px 15px;border:1px solid #e6462680;color:#fff!important;font:700 12px 'Inter',sans-serif;white-space:nowrap}
.hub-contact:hover{background:#e64626;color:#0e1116!important}.hub-contact svg{width:16px;height:16px}
.hub-menu{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;border:1px solid #ffffff45;background:#141923;cursor:pointer}.hub-menu span{width:21px;height:2px;background:#fff}
body.sll-hub .hub-hero{padding:0!important;background:radial-gradient(ellipse at 72% 45%,#e646261b,transparent 50%),#0e1116!important;border-bottom:1px solid #ffffff2b}
.hub-hero-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:48px;align-items:center;min-height:600px;padding-top:62px!important;padding-bottom:72px!important}
.hub-hero-copy{min-width:0}.hub-index{color:#e98772;font:600 10px 'JetBrains Mono',monospace;letter-spacing:.15em;margin-bottom:26px}
body.sll-hub .hub-hero .breadcrumb{font:500 11px 'JetBrains Mono',monospace;color:#a5adba;margin:0 0 17px}.hub-hero .kicker{display:none}
body.sll-hub .hub-hero h1{font:700 clamp(49px,6.2vw,96px)/.96 'Space Grotesk',sans-serif;letter-spacing:-.085em;max-width:none;color:#f7f5f0;overflow-wrap:normal}
.hub-hero h1 em{color:#e64626;font-style:normal}
body.sll-hub .hub-hero-copy>p{max-width:52ch;font:400 clamp(14px,1.3vw,17px)/1.8 'Inter',sans-serif;color:#b1b9c6;margin:26px 0 0}
.hub-action{display:inline-flex;align-items:center;gap:27px;min-height:52px;background:#e64626;color:#101216!important;padding:14px 19px;margin-top:28px;font:700 12px 'Inter',sans-serif}.hub-action:hover{background:#ff7b57}.hub-action svg{width:17px;height:17px}
.hub-orb-panel{height:435px;position:relative;min-width:0;overflow:hidden;border:1px solid #ffffff23;background:radial-gradient(circle at center,#cd3b212b,transparent 56%),linear-gradient(140deg,#18212c,#0e1116)}
.hub-orb-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0e 1px,transparent 1px),linear-gradient(90deg,#ffffff0e 1px,transparent 1px);background-size:65px 65px}
.hub-orb-core{position:absolute;inset:3%;filter:drop-shadow(0 0 23px #e6462660)}.hub-orb-core canvas{width:100%;height:100%;display:block}
.hub-orb-top,.hub-orb-bottom{position:absolute;color:#bac2ce;font:600 9px/1.7 'JetBrains Mono',monospace;letter-spacing:.1em}.hub-orb-top{left:20px;top:20px}.hub-orb-bottom{right:20px;bottom:20px;text-align:right}
body.sll-hub .section,body.sll-detail .section{background:#111820;border-bottom:1px solid #ffffff21;padding:88px 0 95px}body.sll-hub .section:nth-of-type(even),body.sll-detail .section:nth-of-type(even){background:#171d27}
.hub-section-label{border-top:1px solid #ffffff37;padding-top:15px;margin-bottom:45px;color:#929ba9;font:600 10px 'JetBrains Mono',monospace;letter-spacing:.15em}
body.sll-hub .section h2{font:700 clamp(40px,5vw,75px)/1 'Space Grotesk',sans-serif;letter-spacing:-.078em;margin:0 0 33px;max-width:850px;color:#f7f5f0}
body.sll-hub .section-lead{color:#b8c0cb;line-height:1.8}
body.sll-hub .grid,body.sll-detail .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
body.sll-hub .card,body.sll-detail .card{background:linear-gradient(145deg,#1e2632,#121923);border:1px solid #ffffff2b;border-radius:3px;min-width:0;padding:26px;color:#fff;min-height:250px;transition:transform .2s,border-color .2s}
body.sll-hub a.card:hover,body.sll-detail a.card:hover{border-color:#e64626;transform:translateY(-3px)}
body.sll-hub .card h3,body.sll-detail .card h3{font:700 clamp(23px,2.3vw,34px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-.05em;color:#f7f5f0;margin:11px 0 15px}
body.sll-hub .card p,body.sll-detail .card p,body.sll-detail .card li{font:400 13px/1.78 'Inter',sans-serif;color:#b0b9c8}
body.sll-hub .hub-card{display:flex;flex-direction:column;min-height:310px}
.hub-card-top{display:flex;align-items:center;justify-content:space-between;color:#eb947e;font:600 9px 'JetBrains Mono',monospace;letter-spacing:.12em;gap:10px}
.hub-card-star{font:20px Arial,sans-serif;font-variant-emoji:text;color:#e64626}
.hub-card-foot{margin-top:auto;border-top:1px solid #ffffff2b;padding-top:16px;display:flex;align-items:center;justify-content:space-between;color:#fff;font:600 11px 'Inter',sans-serif}.hub-card-foot svg{width:17px;height:17px;color:#e64626}
body.sll-hub .cta,body.sll-detail .cta{background:radial-gradient(circle at 83% 30%,#e646261f,transparent 44%),#0e1116!important;border-top:1px solid #e646263d;color:#f7f5f0;padding:100px 0}
body.sll-hub .cta h2,body.sll-detail .cta h2{font:700 clamp(40px,5.6vw,77px)/1 'Space Grotesk',sans-serif;letter-spacing:-.07em;max-width:820px;color:#f7f5f0}
body.sll-hub .cta p,body.sll-detail .cta p{color:#b3bdca;line-height:1.8;margin:21px 0 28px}
body.sll-hub .btn,body.sll-detail .btn{border-radius:3px;border:1px solid #e64626;background:#e64626;color:#111!important;padding:14px 19px;min-height:48px;font:700 12px 'Inter',sans-serif}
body.sll-hub .btn:hover,body.sll-detail .btn:hover{background:#fb7450!important}
.hub-footer{background:#0e1116;border-top:1px solid #ffffff28;padding:52px 0 36px}
.hub-foot-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:28px}
.hub-foot-logo{font:700 29px 'Space Grotesk',sans-serif;letter-spacing:-.08em;color:#e64626!important}.hub-foot-inner p{margin-top:13px;color:#828e9f;font:600 9px/1.8 'JetBrains Mono',monospace;letter-spacing:.14em}
.hub-footer nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.hub-footer nav a{font:500 11px 'Inter',sans-serif;color:#b1bbc9!important}.hub-footer nav a:hover{color:#fff!important}.hub-footer small{color:#848d9d;font:500 10px 'JetBrains Mono',monospace}
body.sll-detail .hero{background:radial-gradient(circle at 80% 24%,#e646261c,transparent 43%),#131b25;padding:85px 0 77px;border-color:#ffffff24}
body.sll-detail .hero h1{font:700 clamp(46px,6vw,90px)/1 'Space Grotesk',sans-serif;letter-spacing:-.075em;max-width:18ch;overflow-wrap:break-word;color:#fff}
body.sll-detail .hero p{color:#bac3cf;line-height:1.8}
body.sll-detail .hero .breadcrumb{color:#a4acb9}body.sll-detail .kicker{color:#ea917c}
body.sll-detail .section{padding:76px 0 86px}body.sll-detail .section h2{font:700 clamp(36px,4vw,61px)/1.02 'Space Grotesk',sans-serif;letter-spacing:-.06em;color:#f7f5f0}
body.sll-detail .copy p,body.sll-detail .copy li,body.sll-detail .section-lead{color:#b8c0cc}body.sll-detail .copy h3{color:#f7f5f0}body.sll-detail .copy a{color:#e9866c}
body.sll-detail .faq-item{background:#202735;border:1px solid #ffffff2b;border-radius:5px}body.sll-detail .faq-answer p{color:#b5c0cd}body.sll-detail .faq-item summary{color:#fff}
body.sll-detail .platform-strip{background:#161c26;border-color:#ffffff25}body.sll-detail .platform-card{background:#f7f5f0;border-radius:4px}body.sll-detail .platform-card span{color:#565e6c}
body.sll-detail .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}body.sll-detail .article-meta span{color:#b1bac9;border-color:#ffffff34}
@media(max-width:1080px){.hub-nav{gap:13px}.hub-nav a{font-size:11px}.hub-hero-grid{gap:26px;min-height:550px}.hub-orb-panel{height:375px}body.sll-hub .hub-hero h1{font-size:clamp(46px,6.5vw,77px)}body.sll-hub .grid,body.sll-detail .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){body.sll-hub .wrap,body.sll-detail .wrap{width:calc(100% - 38px)}.hub-nav-row{min-height:68px}.hub-menu{display:flex}.hub-nav{display:none;position:absolute;top:100%;left:-19px;right:-19px;background:#121923;padding:12px 20px 20px;border:1px solid #ffffff32;box-shadow:0 18px 32px #000a;flex-direction:column;align-items:stretch;gap:0}.hub-nav[data-open=true]{display:flex}.hub-nav a{min-height:48px;display:flex;align-items:center;border-bottom:1px solid #ffffff20;font-size:14px}.hub-contact{padding:10px 11px;gap:12px}.hub-hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:61px!important;padding-bottom:53px!important;gap:32px}body.sll-hub .hub-hero h1{font-size:clamp(43px,10vw,73px);line-height:.97}.hub-orb-panel{height:325px}body.sll-hub .section,body.sll-detail .section{padding:65px 0 75px}body.sll-hub .section h2{font-size:clamp(37px,10vw,63px)}.hub-section-label{margin-bottom:30px}.hub-foot-inner{flex-direction:column}.hub-footer nav{max-width:100%}body.sll-hub .grid,body.sll-detail .grid,body.sll-detail .grid.two{grid-template-columns:1fr}body.sll-hub .card,body.sll-detail .card{min-height:auto;padding:23px}body.sll-hub .hub-card{min-height:235px}body.sll-detail .hero{padding:70px 0}body.sll-detail .hero h1{font-size:clamp(41px,9.4vw,68px)}body.sll-hub .cta,body.sll-detail .cta{padding:72px 0 80px}}
@media(max-width:390px){.hub-contact{padding:10px 9px;gap:7px;font-size:10px}.hub-logo{font-size:26px}.hub-actions{gap:7px}body.sll-hub .hub-hero h1{font-size:40px}.hub-orb-panel{height:295px}}
@media(prefers-reduced-motion:reduce){body.sll-hub .card,body.sll-detail .card{transition:none}body.sll-hub a.card:hover,body.sll-detail a.card:hover{transform:none}}
