/* Socialllab Idea Labs 2026 — standalone cinematic design; isolated from other SEO pages */
:root{--ink:#0E1116;--paper:#F7F5F0;--brand:#E64626;--brand-dark:#C9341B;--disp:'Space Grotesk',sans-serif;--body:'Inter',sans-serif;--mono:'JetBrains Mono',monospace;--pad:28px;--text:#F7F5F0;--muted:#AAB5C3;--line:rgba(255,255,255,.14)}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body.labs-page{background:#0e1116;color:var(--paper);font-family:var(--body);overflow-x:clip}
body.labs-page *,body.labs-child *{box-sizing:border-box}
body.labs-page a,body.labs-child a{text-decoration:none}
.lab-wrap{max-width:1280px;width:calc(100% - 80px);margin:0 auto}
.lab-skip{position:absolute;left:-9999px;top:12px;z-index:100;color:#fff}.lab-skip:focus{left:12px;background:var(--ink);padding:12px}
.lab-header{position:sticky;top:0;z-index:100;background:#0e1116f3;border-bottom:1px solid #ffffff27;backdrop-filter:blur(18px)}
.lab-header-inner{min-height:78px;display:flex;align-items:center;gap:28px;justify-content:space-between}
.lab-brand{position:relative;display:flex;align-items:center;justify-content:center;overflow:visible;flex:0 0 156px;width:156px;height:48px}
.lab-brand img{width:150px;height:40px;object-fit:contain;transform:scale(2.7);display:block}
.lab-nav{display:flex;gap:32px;align-items:center}
.lab-nav a{color:#b7bfcc;font:500 12px var(--body);transition:color .2s}.lab-nav a:hover{color:#fff}
.lab-header-cta{font:700 12px var(--body);color:#fff;border:1px solid #E64626ad;display:inline-flex;align-items:center;gap:30px;padding:14px 21px;white-space:nowrap}
.lab-header-cta:hover{background:#E64626;color:#0e1116}
.lab-header-cta span,.lab-btn span,.lab-text-link span{font-family:Arial,sans-serif;font-variant-emoji:text}
.lab-hero{background:radial-gradient(circle at 70% 38%,#e6462615,transparent 48%),#0e1116;border-bottom:1px solid #ffffff27;overflow:hidden}
.lab-hero-grid{min-height:665px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:55px}
.lab-eyebrow{font:600 10px var(--mono);letter-spacing:.18em;color:#E88971;display:flex;gap:10px;align-items:center}
.lab-live{width:7px;height:7px;display:inline-block;background:#E64626;border-radius:50%;box-shadow:0 0 18px #E64626}
.lab-hero h1,.lab-tools h2,.lab-strategy h2,.lab-convert h2{font-family:var(--disp);letter-spacing:-.08em;font-weight:700;line-height:.93}
.lab-hero h1{font-size:clamp(65px,7vw,118px);margin:28px 0 28px}
.lab-hero h1 em,.lab-tools h2 em,.lab-strategy h2 em,.lab-convert h2 em{color:#E64626;font-style:normal}
.lab-hero-copy>p{font-size:clamp(15px,1.34vw,18px);color:#AFB5C1;line-height:1.82;max-width:580px}
.lab-hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:32px}
.lab-btn{display:inline-flex;align-items:center;gap:28px;background:#E64626;color:#111!important;font:700 13px var(--body);padding:18px 23px;min-height:55px;transition:background .2s}
.lab-btn:hover{background:#ff7755}
.lab-text-link{font:600 13px var(--body);color:#EDECE8;border-bottom:1px solid #ffffff6a;min-height:48px;display:inline-flex;align-items:center;gap:20px}
.lab-hero-foot{display:flex;gap:27px;font:600 9px var(--mono);letter-spacing:.14em;color:#7A818F;margin-top:70px}
.lab-hero-visual{height:485px;position:relative;border:1px solid #ffffff19;background:radial-gradient(circle,#df462123,transparent 58%),linear-gradient(180deg,#151b25,#0e1116);overflow:hidden}
.lab-visual-grid{position:absolute;inset:0;opacity:.4;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:64px 64px}
.lab-orb{position:absolute;inset:7%;filter:drop-shadow(0 0 18px #e6462679)}
.lab-orb canvas{display:block;width:100%;height:100%}
.lab-visual-note{position:absolute;top:20px;left:22px;font:600 9px var(--mono);letter-spacing:.14em;color:#C1C5CD;display:flex;align-items:center;gap:9px}
.lab-orb-caption{position:absolute;right:22px;bottom:22px;text-align:right;font:600 10px/1.6 var(--mono);letter-spacing:.1em;color:#BFC4CD}
.lab-orb-caption strong{color:#F7F5F0}
.lab-ticker{overflow:hidden;background:#C6321B;padding:17px 0;white-space:nowrap}
.lab-ticker>div{display:flex;align-items:center;justify-content:space-around;min-width:1350px;gap:26px;font:700 11px var(--mono);letter-spacing:.14em;color:#fff}
.lab-ticker span{font-family:Arial,sans-serif;font-variant-emoji:text;font-size:24px;line-height:.6;color:#FFE7E0}
.lab-tools,.lab-strategy{padding:110px 0 112px}
.lab-section-top{border-top:1px solid #ffffff40;padding-top:15px;display:flex;justify-content:space-between;gap:24px;color:#9199A8;letter-spacing:.15em;font:600 10px var(--mono)}
.lab-tools-heading,.lab-strategy-intro{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:end;margin:58px 0 46px}
.lab-tools-heading h2,.lab-strategy-intro h2{font-size:clamp(53px,5.5vw,86px);margin:0}
.lab-tools-heading p,.lab-strategy-intro p{color:#AEB6C4;font:400 14px/1.85 var(--body)}
.lab-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lab-tool{display:flex;flex-direction:column;gap:25px;min-height:360px;padding:26px 25px;border:1px solid #ffffff29;background:linear-gradient(140deg,#1b222d,#121820);color:#F7F5F0;transition:border-color .2s,transform .2s,background .2s}
.lab-tool:hover{border-color:#E64626;transform:translateY(-4px);background:linear-gradient(140deg,#2a2023,#121820)}
.lab-card-meta{display:flex;justify-content:space-between;align-items:center;font:600 9px var(--mono);letter-spacing:.14em;color:#E68F7A}
.lab-card-icon{width:43px;height:43px;border:1px solid #E6462665;border-radius:50%;display:grid;place-items:center;color:#E64626}
.lab-card-icon svg{width:22px;height:22px}
.lab-tool h3{font:700 clamp(30px,3.3vw,50px)/.99 var(--disp);letter-spacing:-.064em;margin:24px 0 0;color:#F7F5F0}
.lab-tool p{font:400 13px/1.8 var(--body);color:#AEB6C4;max-width:36ch}
.lab-card-link{font:600 12px var(--body);margin-top:auto;color:#F5ECE9;border-top:1px solid #ffffff2b;padding-top:18px;display:flex;justify-content:space-between;align-items:center}
.lab-strategy{background:linear-gradient(#121720,#0E1116);border-top:1px solid #ffffff1c}
.lab-strategy-intro h2{font-size:clamp(52px,5.6vw,88px)}
.lab-strategy .idea-v4-panel{padding:2px!important;margin:0}
body.labs-page #socialllab-idea-lab{--sil-bg:#151c26;--sil-bg-2:#0e1116;--sil-text:#F7F5F0;--sil-muted:#aab5c3;--sil-border:#ffffff2e;--sil-accent:#111720;color:#F7F5F0;background:linear-gradient(140deg,#1b2531,#0E1116 75%)!important}
body.labs-page #socialllab-idea-lab .sil-form input,body.labs-page #socialllab-idea-lab select{border-radius:6px;background:#19202B;color:#fff;border:1px solid #ffffff3b}
body.labs-page #socialllab-idea-lab .sil-form input::placeholder{color:#929AAA}
body.labs-page #socialllab-idea-lab #sil-button{border-radius:6px;min-height:52px}
body.labs-page #socialllab-idea-lab .sil-map{border-radius:13px}
body.labs-page #socialllab-idea-lab .sil-cta-link{color:#F7F5F0}
.lab-after-map{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;font:600 10px var(--mono);letter-spacing:.11em;color:#8C92A0}
.lab-after-map a{color:#E5E3DF;border-bottom:1px solid #E64626;padding-bottom:8px}
.lab-convert{border-top:1px solid #ffffff2c;background:radial-gradient(circle at 70% 60%,#E6462617,transparent 48%),#0d1015;padding:110px 0}
.lab-convert-row{display:grid;grid-template-columns:1fr 1.6fr 1fr;align-items:start;gap:35px}
.lab-convert h2{font-size:clamp(42px,4.8vw,78px);margin:0}
.lab-convert p{font:400 13px/1.85 var(--body);color:#AEB6C4}
.lab-convert a{display:inline-flex;align-items:center;margin-top:25px;padding-bottom:8px;border-bottom:1px solid #E64626;color:#F7F5F0;font:600 12px var(--body)}
.lab-footer{border-top:1px solid #ffffff26;padding:47px 0 34px}
.lab-footer>.lab-wrap{display:flex;align-items:center;gap:32px;justify-content:space-between}
.lab-foot-brand{font:700 27px var(--disp);letter-spacing:-.075em;color:#E64626!important}.lab-foot-brand span{color:#E64626}
.lab-footer nav{display:flex;gap:19px;flex-wrap:wrap}
.lab-footer nav a{font:500 11px var(--body);color:#A8B0BE}.lab-footer nav a:hover{color:#fff}
.lab-footer small{font:500 10px var(--mono);color:#747B88}
@media(max-width:1070px){
.lab-wrap{width:calc(100% - 54px)}
.lab-nav{gap:15px}.lab-hero-grid{gap:28px;min-height:560px}.lab-hero h1{font-size:clamp(52px,7.4vw,82px)}
.lab-hero-visual{height:410px}.lab-tools-heading,.lab-strategy-intro{grid-template-columns:1fr 250px}
.lab-tools h2,.lab-strategy h2{font-size:clamp(52px,6.4vw,78px)}
}
@media(max-width:740px){
html{scroll-padding-top:72px}
.lab-wrap{width:calc(100% - 36px)}
.lab-header-inner{min-height:66px;gap:7px}
.lab-brand{width:138px;flex-basis:138px;height:43px}.lab-brand img{width:140px;transform:scale(3)}
.lab-nav{display:none}
.lab-header-cta{padding:12px 13px;gap:14px;font-size:11px}
.lab-hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:30px;padding:69px 0 54px}
.lab-hero h1{font-size:clamp(43px,11.5vw,70px);line-height:.95;margin:20px 0 22px}
.lab-hero-copy>p{font-size:14px;line-height:1.7}
.lab-hero-actions{gap:12px}.lab-btn{font-size:12px;padding:14px 15px;min-height:49px}.lab-text-link{font-size:12px}
.lab-hero-foot{margin-top:33px;gap:12px;font-size:8px;flex-wrap:wrap}
.lab-hero-visual{width:100%;height:335px}.lab-orb{inset:0}
.lab-ticker{padding:13px 0}.lab-ticker>div{font-size:9px}
.lab-tools,.lab-strategy{padding:74px 0}
.lab-section-top{font-size:8px;gap:8px;line-height:1.6}.lab-section-top span:last-child{display:none}
.lab-tools-heading,.lab-strategy-intro{display:block;margin:40px 0 26px}
.lab-tools-heading h2,.lab-strategy-intro h2{font-size:clamp(39px,10.2vw,67px)}
.lab-tools-heading p,.lab-strategy-intro p{margin-top:18px;font-size:13px;line-height:1.75}
.lab-tools-grid{grid-template-columns:1fr;gap:10px}.lab-tool{min-height:260px;padding:23px;gap:15px}
.lab-tool h3{font-size:clamp(34px,8.5vw,46px);margin:0}.lab-tool p{font-size:13px}.lab-card-meta{font-size:9px}
body.labs-page #socialllab-idea-lab{padding:22px 0!important}
body.labs-page #socialllab-idea-lab .sil-inner{padding:0 14px}
body.labs-page #socialllab-idea-lab .sil-map{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px;min-height:0!important;height:auto!important;align-items:stretch;padding:13px 10px!important}
body.labs-page #socialllab-idea-lab .sil-map .sil-center{grid-column:1/-1!important;position:relative!important;left:auto!important;top:auto!important;inset:auto!important;transform:none!important;margin:0 auto 12px!important;width:min(100%,260px)!important;height:246px!important;min-height:246px!important}
body.labs-page #socialllab-idea-lab .sil-map .sil-node{position:relative!important;inset:auto!important;transform:none!important;margin:0!important;width:100%!important;min-height:130px!important;height:auto!important;padding:12px 11px!important}
body.labs-page #socialllab-idea-lab .sil-form{grid-template-columns:1fr;gap:10px}
body.labs-page #socialllab-idea-lab .sil-form input{font-size:16px!important}
.lab-after-map{display:block;font-size:9px;line-height:1.7}.lab-after-map a{display:inline-block;margin-top:15px}
.lab-convert{padding:75px 0}.lab-convert-row{display:block}.lab-convert h2{font-size:clamp(43px,11vw,65px);margin:21px 0 18px}
.lab-footer>.lab-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.lab-footer nav{gap:13px}
}
@media(max-width:355px){
body.labs-page #socialllab-idea-lab .sil-map{grid-template-columns:1fr!important}
body.labs-page #socialllab-idea-lab .sil-map .sil-center{grid-column:1!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lab-tool{transition:none}}
/* Make legacy Idea Labs subpages visually coherent without modifying global SEO styles */
body.labs-child{background:#0E1116;color:#F7F5F0;--paper:#0E1116;--ink:#F7F5F0;--muted:#AAB5C3;--line:#ffffff25;--brand:#E64626;--disp:'Space Grotesk',sans-serif;--body:'Inter',sans-serif}
body.labs-child .nav{background:#0E1116f0;border-color:#ffffff24;backdrop-filter:blur(18px)}
body.labs-child .logo{color:#E64626}
body.labs-child .links{color:#B4BECA}
body.labs-child .links a:hover{color:#fff}
body.labs-child .hero{background:radial-gradient(circle at 83% 20%,#E6462623,transparent 45%),linear-gradient(135deg,#1b222e,#0E1116);border-color:#ffffff28;padding:104px 0 98px}
body.labs-child .breadcrumb{color:#A5AFBE}
body.labs-child .hero h1{font-size:clamp(52px,7vw,106px);max-width:15ch;color:#F7F5F0;line-height:.96}
body.labs-child .hero p{color:#BEC4CD}
body.labs-child .btn{background:#E64626;border-radius:4px;color:#0E1116!important}
body.labs-child .btn.secondary{color:#fff!important;background:transparent;border:1px solid #ffffff58}
body.labs-child .section{background:#121821;border-color:#ffffff25;padding:90px 0}
body.labs-child .section h2{color:#F7F5F0}
body.labs-child .card{background:linear-gradient(150deg,#242B38,#151B24);border:1px solid #ffffff26;border-radius:9px;min-height:240px;color:#fff}
body.labs-child .card h3{color:#F7F5F0}
body.labs-child .card p{color:#AFB7C5}
body.labs-child .cta{background:#0e1116;border-color:#ffffff28}
body.labs-child .cta h2{color:#F7F5F0}
body.labs-child .cta p{color:#B0B8C5}
body.labs-child .footer{background:#0E1116;color:#939BA9;border-color:#ffffff26}
@media(max-width:800px){
body.labs-child .nav-inner{padding:13px 18px;flex-wrap:wrap}
body.labs-child .links{gap:12px;flex-wrap:wrap;font-size:11px}
body.labs-child .hero{padding:65px 0 70px}
body.labs-child .hero h1{font-size:clamp(42px,10vw,68px)}
body.labs-child .section{padding:66px 0}
body.labs-child .grid{grid-template-columns:1fr}
}