.elementor-12820 .elementor-element.elementor-element-a000002{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a000004{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a00000c{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a00000b{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a00000a{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a00000f{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a000015{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a000014{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a000026{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a000025{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a00002c{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a00002b{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a000035{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a000034{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a000033{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a000044{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a000043{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a000042{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a00003b{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a00003e{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a000041{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a000046{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a000051{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a000050{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a000048{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a00004f{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a00004e{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a00005d{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a00005c{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a00005f{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a000061{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a000063{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a000069{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a000068{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a000067{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a00006c{--display:flex;}.elementor-12820 .elementor-element.elementor-element-a00006b{--display:flex;}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@300;400;500;600;700&display=swap');
/* ============================================================
THE AI FREEDOM SUMMIT — built on the Quantum design system.
============================================================ */
:root{--bg:#0B0F12;--accent:#00BEFF;--ink:#00BEFF;--body:#3A4148;--muted:#5B5B5B;--section:#F6F9FC;--card:#13191F;--gold:#d8b45a;}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:'Poppins',sans-serif;color:var(--body);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,.display{font-family:'Bebas Neue',sans-serif;font-weight:400;line-height:.95;letter-spacing:.5px}
.accent{color:var(--accent)}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.narrow{max-width:760px;margin:0 auto}
.eyebrow{font-family:'Poppins';font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:13px;color:var(--ink)}
.hero .eyebrow,.promise .eyebrow,.speakers .eyebrow,.tiers .eyebrow,.room .eyebrow,.close .eyebrow{color:#4fd0ff}
a{color:inherit;text-decoration:none}
.btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#22c8ff,#00a6e6);color:#04222e;font-family:'Poppins';font-weight:600;padding:17px 36px;border-radius:999px;text-decoration:none;font-size:16px;transition:transform .18s,box-shadow .18s;border:1.5px solid transparent;cursor:pointer;box-shadow:0 8px 22px rgba(0,190,255,.28)}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(0,190,255,.45);color:#04222e}
.btn-lg{font-size:18px;padding:19px 46px}
.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.28);box-shadow:none}
.btn.ghost:hover{border-color:var(--accent);color:var(--accent);box-shadow:none}
.btn.gold{background:linear-gradient(135deg,#e6cb82,#c2a15a);color:#1a1407;box-shadow:0 8px 22px rgba(194,161,90,.3)}
.btn.gold:hover{color:#1a1407;box-shadow:0 16px 38px rgba(194,161,90,.45)}
.cta-block{text-align:center;margin-top:34px}
/* nav (sticky) */
.ubar{background:#070a0c;color:#cfd6dc;text-align:center;font-size:13px;font-weight:500;padding:9px 16px}.ubar b{color:#fff}
.nav{position:sticky;top:0;z-index:100;background:#0b0f12;border-bottom:1px solid rgba(255,255,255,.08);transition:box-shadow .2s,border-color .2s}
.nav.is-stuck{border-bottom-color:rgba(255,255,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.55)}
.nav .wrap{height:76px;display:flex;align-items:center;justify-content:space-between}
.nav .brand{display:flex;align-items:center;gap:10px}
.nav .brand .mk{height:22px;width:auto;display:block}
.nav .brand b{font-family:'Bebas Neue';font-weight:400;font-size:22px;line-height:1;letter-spacing:1px;color:#fff;position:relative;top:1px}
.nav-links{display:flex;align-items:center;gap:26px}
.nav-links a{font-size:14px;font-weight:500;color:#cdd2d8}
.nav-links a:hover{color:#fff}
.nav a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.nav .btn{padding:11px 22px;font-size:14px;box-shadow:none}
@media(max-width:900px){.nav-links{gap:18px}.nav-links a{font-size:13px}}
@media(max-width:720px){.nav-links{display:none}}
@media(max-width:520px){
.nav .wrap{height:64px;padding:0 16px}
.nav .brand{gap:8px}
.nav .brand .mk{height:16px}
.nav .brand b{font-size:17px;white-space:nowrap}
.nav .btn{padding:9px 14px;font-size:12px;gap:6px;white-space:nowrap}
.ubar{font-size:11.5px;padding:8px 12px}
.ubar-venue{display:none}
}
@media(max-width:374px){
.nav .wrap{padding:0 12px}
.nav .brand .mk{height:13px}
.nav .brand b{font-size:14px}
.nav .btn{padding:8px 10px;font-size:11px}
}
/* hero — full-bleed stage image under a blue→dark gradient */
.hero{position:relative;color:#fff;overflow:hidden;background:
linear-gradient(0deg,#070a0c 0%,rgba(7,10,12,0) 26%),
linear-gradient(103deg,#0B0F12 0%,rgba(11,15,18,.95) 30%,rgba(16,34,44,.58) 66%,rgba(16,34,44,.26) 100%),
url("https://www.danmartell.com/wp-content/uploads/2026/07/aifs-dan-stage.jpg") center/cover no-repeat,#0B0F12}
.hero-inner{position:relative;z-index:2;max-width:660px;padding:100px 0 110px}
.hero h1{font-size:clamp(40px,6.4vw,72px);color:#fff;margin:14px 0 20px;max-width:620px}
.hero p.sub{font-size:19px;color:#cfd6dc;max-width:540px;margin-bottom:26px}
.ticks{list-style:none;margin:0 0 30px;display:flex;flex-direction:column;gap:11px}
.ticks li{position:relative;padding-left:30px;font-weight:400;color:#dfe5ea;font-size:15.5px}
.ticks li b{font-weight:600;color:#fff}
.ticks li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--accent);-webkit-mask:url("data:image/svg+xml;utf8,") center/13px no-repeat;mask:url("data:image/svg+xml;utf8,") center/13px no-repeat}
/* stats */
.stats{background:#070a0c;color:#fff;border-top:1px solid #1b232b;border-bottom:1px solid #1b232b}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:24px}
.stat{text-align:center}.stat b{display:block;font-family:'Bebas Neue';font-size:34px;color:var(--accent);line-height:1;letter-spacing:.5px}
.stat span{color:#8b97a0;font-size:12px}
/* why (shifts pattern) */
.shifts{background:var(--section);padding:84px 0}
.shifts h2{font-size:52px;color:#0b0f12;margin:8px 0 26px;max-width:820px}
.shift{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:11px 14px;border-radius:14px;align-items:start;transition:background .2s,transform .2s}
.shift .num{font-family:'Bebas Neue';font-size:46px;color:var(--accent);line-height:1}
.shift h3{font-family:'Bebas Neue';font-size:27px;color:#0b0f12;letter-spacing:.4px}
.shift p{margin-top:4px;color:#51606a;font-size:15px;line-height:1.5;max-width:820px}
@media(hover:hover){.shift:hover{background:#fff;transform:translateX(4px);box-shadow:0 10px 30px rgba(11,15,18,.06)}}
/* problem (letter pattern) */
.letter{background:#fff;padding:84px 0}
.letter h2{font-size:44px;color:#0b0f12;margin:8px 0 22px;line-height:1.0}
.letter p{font-size:17.5px;color:#39424a;margin:0 0 18px}
.letter p strong{color:#0b0f12}.letter p .em{color:var(--accent)}
.letter .kick{font-weight:600;color:#0b0f12;font-size:19px}
/* promise (room pattern) */
.promise{background:radial-gradient(120% 120% at 20% 0%,#16222c,#0B0F12 60%);color:#dfe5ea;padding:84px 0}
.promise h2{color:#fff;font-size:48px;margin:8px 0 18px}
.promise .lead{font-size:20px;color:#fff;font-weight:500;line-height:1.42;margin:0 0 16px;max-width:760px}
.promise .body{color:#aeb8c0;font-size:16.5px;max-width:720px;margin-bottom:30px}
.promise .pq{font-size:22px;color:#fff;font-weight:500;line-height:1.4;margin:30px 0 0;padding-left:20px;border-left:3px solid var(--accent);font-style:italic;max-width:760px}
.promise .lbl{font-family:'Poppins';font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#4fd0ff;font-size:12.5px;margin-bottom:16px}
.promise .ticks li{color:#dfe5ea;font-size:16px}
/* who (clean cards) */
.who{background:#fff;padding:84px 0}
.who h2{font-size:52px;color:#0b0f12;margin:8px 0 8px}
.who .lead{color:#51606a;margin-bottom:36px;max-width:720px;font-size:16.5px}
.who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.wcard{background:var(--section);border:1px solid #e9edf1;border-radius:16px;padding:30px;transition:transform .2s,box-shadow .2s}
@media(hover:hover){.wcard:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(11,15,18,.08)}}
.wcard .k{font-family:'Poppins';font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:11.5px;color:#0a7ba6;margin-bottom:12px}
.wcard h3{font-family:'Bebas Neue';font-size:30px;color:#0b0f12;letter-spacing:.4px;margin-bottom:8px}
.wcard p{color:#51606a;font-size:14.5px}
/* speakers (board/bcard pattern) */
.speakers{background:var(--card);color:#dfe5ea;padding:84px 0}
.speakers h2{color:#fff;font-size:52px;margin:8px 0 6px}
.speakers .lead{color:#aeb8c0;margin-bottom:34px;max-width:680px;font-size:15.5px}
.bgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.bcard{background:#0e141a;border:1px solid #222a31;border-radius:16px;overflow:hidden;transition:transform .25s,box-shadow .25s;position:relative}
@media(hover:hover){.bcard:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(0,0,0,.4)}}
.bcard .photo{aspect-ratio:4/5;overflow:hidden;background:#10151a}
.bcard .photo img{width:100%;height:100%;object-fit:cover;object-position:top center}
.bcard .tag{position:absolute;top:14px;left:14px;background:var(--accent);color:#04222e;font-family:'Poppins';font-weight:700;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:999px}
.bcard .body{padding:22px}
.bcard .name{font-family:'Bebas Neue';font-size:28px;color:#fff;letter-spacing:.5px}
.bcard .role{color:var(--accent);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}
.bcard p{color:#aeb8c0;font-size:13.5px}
.more{margin-top:26px;color:#7c878f;font-size:14.5px}.more b{color:#aeb8c0}
/* agenda (clean cards) */
.agenda{background:var(--section);padding:84px 0}
.agenda h2{font-size:52px;color:#0b0f12;margin:8px 0 26px}
.agenda-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.acard{background:#fff;border:1px solid #e9edf1;border-radius:16px;padding:30px 28px;transition:transform .2s,box-shadow .2s}
@media(hover:hover){.acard:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(11,15,18,.08)}}
.acard .dtop{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px;gap:10px}
.acard .day{font-family:'Poppins';font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#0a7ba6}
.acard .tag{font-family:'Poppins';font-weight:600;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#5f6a75}
.acard h3{font-family:'Bebas Neue';font-size:28px;color:#0b0f12;letter-spacing:.4px;margin-bottom:8px}
.acard p{color:#51606a;font-size:14.5px}
.agenda-note{margin-top:26px;color:#5b5b5b;font-size:14px;text-align:center}
/* tickets (ocol pattern — differentiated) */
.tiers{background:var(--card);color:#dfe5ea;padding:84px 0}
.tiers h2{color:#fff;font-size:52px;margin:8px 0 8px}
.tiers .lead{color:#aeb8c0;margin-bottom:42px;max-width:720px;font-size:16.5px}
.tiers .lead b{color:#fff}.tiers .lead .accent{color:#4fd0ff}
.tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:stretch}
.tier{background:#0e141a;border:1px solid #222a31;border-radius:16px;padding:28px 28px 30px;display:flex;flex-direction:column;min-width:0;transition:opacity .7s ease,transform .3s ease,box-shadow .3s ease}
@media(hover:hover){.tier:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(0,0,0,.4)}}
.tier .plan-tag{font-family:'Poppins';font-weight:700;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#7b858f;min-height:17px;white-space:nowrap;margin-bottom:12px}
.tier .tname{font-family:'Bebas Neue';color:#fff;font-size:28px;letter-spacing:.4px}
.tier .seats{color:#8b97a0;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}
.tier .seats em{color:#4fd0ff;font-style:normal}
.tier .price{font-family:'Bebas Neue';font-size:48px;color:#fff;line-height:1}
.tier .price small{font-family:'Poppins';font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#8b97a0;margin-left:8px}
.tier ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin:20px 0 24px;padding-top:20px;border-top:1px solid #222a31}
.tier li{display:flex;gap:11px;align-items:flex-start;color:#c4ccd2;font-size:14px;line-height:1.45}
.tier li::before{content:"";flex:0 0 11px;height:11px;border-radius:3px;background:#3a4650;opacity:.9;margin-top:calc((1.45em - 11px) / 2)}
.tier li.lead{color:#fff;font-weight:600}
.tier .btn{width:100%;justify-content:center;margin-top:auto}
/* VIP — center-stage "most popular" */
.tier.pop{border-color:rgba(0,190,255,.55);box-shadow:0 22px 54px rgba(0,0,0,.45)}
.tier.pop .plan-tag{color:#4fd0ff}
.tier.pop .price{color:var(--accent)}
.tier.pop li::before{background:var(--accent);opacity:.85}
/* CEO — premium */
.tier.premium{border-color:rgba(216,180,90,.5);background:linear-gradient(180deg,#14110b 0%,#0e141a 42%)}
.tier.premium .plan-tag{color:var(--gold)}
.tier-help{margin-top:26px;text-align:center;font-size:14.5px;color:#8b97a0}
.tier-help a{color:#4fd0ff;font-weight:600}
.tier-help a:hover{text-decoration:underline}
.close .cta-block{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.tier.premium .price{color:#e6cb82}
.tier.premium li::before{background:var(--gold);opacity:.85}
/* room / seating (real venue map) */
.room{background:var(--bg);color:#dfe5ea;padding:84px 0;border-top:1px solid rgba(255,255,255,.06)}
.room h2{color:#fff;font-size:48px;margin:8px 0 14px}
.room .lead{color:#aeb8c0;font-size:16px;max-width:640px;margin-bottom:40px}
.seatmap{background:#0e141a;border:1px solid #222a31;border-radius:18px;padding:30px 28px 26px}
.seatmap-img{width:100%;max-width:600px;margin:0 auto;display:block}
.legend{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 26px;margin-top:24px;padding-top:22px;border-top:1px solid #1b232b}
.legend span{display:inline-flex;align-items:center;gap:9px;font-family:'Poppins';font-size:12.5px;color:#aeb8c0}
.legend b{color:#fff;font-weight:600}
.legend .lg{width:11px;height:11px;border-radius:3px;flex:none}
.legend .gold{background:#d8b45a}.legend .cyan{background:#25c3ff}.legend .grey{background:#3f4a55}
.roomnote{margin:22px auto 0;text-align:center;color:#7c878f;font-size:12.5px;max-width:640px;line-height:1.6}
/* scarcity (letter/narrow) */
.scarcity{background:var(--section);padding:84px 0}
.scarcity h2{font-size:44px;color:#0b0f12;margin:8px 0 20px}
.scarcity p{font-size:17.5px;color:#39424a;margin:0 0 18px;max-width:760px}
.scarcity p strong{color:#0b0f12}
/* faq */
.faq{background:#fff;padding:84px 0}
.faq h2{font-size:48px;color:#0b0f12;margin:8px 0 26px}
.faq-item{border-bottom:1px solid #e2e7ec;padding:4px 0}
.faq-item summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:600;color:#0b0f12;font-size:17px;display:flex;justify-content:space-between;gap:16px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";color:#0a7ba6;font-weight:700;font-size:22px;line-height:1}
.faq-item[open] summary::after{content:"\2212"}
.faq-item .a{padding:0 0 20px;color:#51606a;font-size:15.5px;max-width:760px}
/* close */
.close{background:radial-gradient(110% 120% at 50% 0%,#16222c,#0B0F12 60%);color:#fff;padding:92px 0;text-align:center}
.close h2{font-size:52px;max-width:860px;margin:0 auto 18px;color:#fff}
.close p{color:#aeb8c0;font-size:17.5px;max-width:660px;margin:0 auto 14px}
.close .mono{color:#4fd0ff;font-size:14px;font-weight:500;letter-spacing:.04em;margin:6px auto 0}
footer.site{background:#070a0c;color:#7c878f;padding:36px 0;font-size:13px;text-align:center}
footer.site a{color:#aeb8c0;text-decoration:none;margin:0 10px}
footer .fine{max-width:820px;margin:14px auto 0;color:#8a919a;font-size:11.5px;line-height:1.5}
@media(max-width:760px){
.who-grid,.bgrid,.agenda-grid,.tier-grid{grid-template-columns:1fr}
.stats .wrap{grid-template-columns:repeat(2,1fr);padding:18px;gap:16px 14px}.stat b{font-size:26px}
.shifts h2,.who h2,.speakers h2,.agenda h2,.tiers h2,.room h2,.faq h2,.close h2,.letter h2,.promise h2,.scarcity h2{font-size:34px}
.shift{grid-template-columns:46px 1fr;gap:12px;padding:10px 6px}.shift .num{font-size:38px}
.hero-inner{padding:56px 0 66px;max-width:100%}.hero h1{font-size:clamp(31px,8.4vw,42px);margin:10px 0 16px}.hero p.sub{font-size:16.5px}
.letter,.shifts,.who,.speakers,.agenda,.tiers,.room,.faq,.promise,.scarcity{padding:56px 0}.close{padding:62px 0}
}
@media(max-width:430px){.wrap{padding:0 18px}.hero h1{font-size:29px}.stat b{font-size:22px}}
/* ===== Elementor .e-con adapters (layout on the inner wrapper) ===== */
.e-con{--padding-block-start:0;--padding-block-end:0;--padding-inline-start:0;--padding-inline-end:0;--content-width:100%;--gap:0;gap:0;max-width:none}
.e-con>.e-con-inner{max-width:none;width:100%;gap:0}
.elementor-widget{margin-bottom:0}
.wrap.e-con,.e-con.wrap{max-width:1120px;margin-inline:auto;padding-inline:24px;width:100%}
.narrow.e-con,.e-con.narrow{max-width:760px}
.eyebrow-w{margin-bottom:2px}
/* section padding carried on the section containers (hero uses .hero-inner) */
.shifts.e-con,.letter.e-con,.who.e-con,.speakers.e-con,.agenda.e-con,.tiers.e-con,.room.e-con,.scarcity.e-con,.faq.e-con,.promise.e-con{padding:84px 0}
.close.e-con{padding:92px 0}
/* grids/flex move to the inner wrapper */
.hero-grid>.e-con-inner{display:grid;grid-template-columns:1.12fr .88fr;gap:52px;align-items:center}
.hero-left>.e-con-inner{display:flex;flex-direction:column;align-items:flex-start}
.stats .wrap>.e-con-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:24px 0}
.shift>.e-con-inner{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start}
.who-grid>.e-con-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bgrid>.e-con-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.agenda-grid>.e-con-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tier-grid>.e-con-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.tier.e-con>.e-con-inner{display:flex;flex-direction:column;height:100%}
.tier-body{flex:1 1 auto}
.cta-block>.e-con-inner{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.scar-cta>.e-con-inner{justify-content:flex-start}
/* direct-child (.e-con-full) model: single-class grid/flex containers lose their gap to .e-con{gap:0} — re-assert with higher specificity so cards breathe */
.who-grid.e-con{gap:26px}
.bgrid.e-con{gap:30px;display:grid;grid-template-columns:repeat(4,1fr)}
.tier-grid.e-con{gap:30px;align-items:stretch}
.shift.e-con{gap:16px}
.cta-block.e-con{flex-direction:row;justify-content:center;gap:14px;flex-wrap:wrap}
.scar-cta.e-con{justify-content:flex-start}
/* headings render as .elementor-heading-title */
.hero .elementor-heading-title{font-size:clamp(40px,6.4vw,72px);color:#fff;margin:14px 0 20px;max-width:640px}
.shifts .elementor-heading-title{font-size:52px;color:#0b0f12;margin:8px 0 26px;max-width:820px}
.letter .elementor-heading-title{font-size:44px;color:#0b0f12;margin:8px 0 22px}
.promise .elementor-heading-title{color:#fff;font-size:48px;margin:8px 0 18px}
.who .elementor-heading-title{font-size:52px;color:#0b0f12;margin:8px 0 8px}
.speakers .elementor-heading-title{color:#fff;font-size:52px;margin:8px 0 6px}
.agenda .elementor-heading-title{font-size:52px;color:#0b0f12;margin:8px 0 26px}
.tiers .elementor-heading-title{color:#fff;font-size:52px;margin:8px 0 8px}
.room .elementor-heading-title{color:#fff;font-size:48px;margin:8px 0 14px}
.scarcity .elementor-heading-title{font-size:44px;color:#0b0f12;margin:8px 0 20px}
/* ---- room: seat map left, the constraint right ---- */
.room.e-con{background:radial-gradient(120% 100% at 30% 10%,#141f28 0%,#0B0F12 62%);padding:88px 0;border-top:1px solid rgba(255,255,255,.07)}
.room-grid.e-con{align-items:center;gap:56px}
@media(min-width:981px){.room-grid.e-con{display:grid;grid-template-columns:1.05fr .95fr}}
.seatmap{background:transparent;border:0;padding:0}
.seatmap-svg{width:100%;max-width:560px;margin:0 auto;display:block;height:auto}
/* desktop map's dots go sub-pixel under ~700px, so swap to the coarse variant */
.map-mob{display:none}
@media(max-width:700px){.map-desk{display:none}.map-mob{display:block}}
@media(max-width:700px){
.room-map,.seatmap-w,.seatmap,.map-mob{width:100%;min-width:0;overflow:visible}
.map-mob .seatmap-svg{width:100%;height:auto;max-width:420px;margin:0 auto 10px;display:block}
.room-grid.e-con{gap:34px}
.room .lead{font-size:15.5px}
}
.room .elementor-heading-title{color:#fff;font-size:clamp(34px,4.2vw,48px);margin:8px 0 20px;line-height:1.02}
.room .lead{color:#aeb8c0;font-size:16.5px;line-height:1.65;margin:0 0 16px;max-width:520px}
.roomtiers{margin:26px 0 4px;border-top:1px solid rgba(255,255,255,.09)}
.rt{display:grid;grid-template-columns:auto 168px 1fr;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.rt b{white-space:nowrap}
.rt .lg{width:10px;height:10px;border-radius:50%;display:inline-block}
.rt .lg.gold{background:#e6c983;box-shadow:0 0 9px rgba(230,201,131,.6)}
.rt .lg.cyan{background:#3fc9ff;box-shadow:0 0 9px rgba(63,201,255,.6)}
.rt .lg.grey{background:#5b6a78}
.rt b{font-family:'Bebas Neue';font-size:21px;letter-spacing:.5px;color:#fff;font-weight:400}
.rt span{color:#8b97a0;font-size:14px;line-height:1.5}
@media(max-width:520px){.rt{grid-template-columns:auto 1fr;row-gap:2px}.rt span{grid-column:2}}
/* ---- waitlist modal ---- */
/* ---- ad video ----
Elementor's custom-CSS sanitiser SILENTLY DROPPED the previous desktop rule,
which sized the box with a nested viewport-clamp expression. Only the mobile
override survived into post-12820.css, so .adv-v resolved to full width at
every breakpoint and the video rendered full-bleed. Plain px values only here,
and the deploy asserts this rule is present in the GENERATED stylesheet before
it is accepted - a preflight on the source alone did not catch that drop.
349 = 620 * 9 / 16. */
/* is inline by default, which leaves a baseline gap under the photo */
.bcard .photo picture,.photo picture{display:block;width:100%;height:100%}
.adv-wrap.e-con{padding:64px 0 8px}
/* Sized and coloured to match .speakers h2 / .tiers h2, the other dark
sections, and it steps to 34px at the same 760px breakpoint they use,
so the video section reads as native furniture, not a bolted-on embed. */
.adv-wrap h2{color:#fff;font-size:52px;margin:0 0 28px;text-align:center;padding:0 24px}
@media(max-width:760px){.adv-wrap h2{font-size:34px;margin:0 0 20px}}
.adv{display:flex;justify-content:center;padding:0 24px}
.advp{position:relative;display:block;flex:0 0 auto;width:349px;height:620px;line-height:0}
.adv-v{display:block;width:100%;height:100%;object-fit:cover;
border-radius:18px;background:#000;border:1px solid rgba(255,255,255,.09);
box-shadow:0 26px 70px rgba(0,0,0,.55);cursor:pointer}
/* centred play button, hidden while playing */
.adv-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
width:84px;height:84px;padding:0;border:0;border-radius:50%;cursor:pointer;
background:rgba(255,255,255,.95);box-shadow:0 12px 42px rgba(0,0,0,.5);
display:flex;align-items:center;justify-content:center;
transition:opacity .2s ease,transform .18s ease,background .18s ease}
.adv-btn svg{width:32px;height:32px;margin-left:4px;fill:#0b0f12}
.advp:hover .adv-btn{background:#fff;transform:translate(-50%,-50%) scale(1.06)}
.advp.playing .adv-btn{opacity:0;pointer-events:none}
/* short laptop screens: keep the whole thing on one screen */
@media(max-height:820px){.advp{width:293px;height:520px}}
@media(max-width:620px){
.adv-wrap.e-con{padding:40px 0 4px}
.adv{padding:0 20px}
.advp{width:100%;height:auto;aspect-ratio:9/16}
.adv-v{border-radius:14px}
.adv-btn{width:72px;height:72px}
.adv-btn svg{width:28px;height:28px}
}
.wlmodal-wrap.e-con{padding:0}
/* Never let the modal's wrapper become a containing block for the fixed overlay.
WP Rocket LazyRender applies [data-wpr-lazyrender]{content-visibility:auto}, which
implies contain:paint and re-anchors position:fixed children to the wrapper. */
.wlmodal-wrap,.wlmodal-wrap.e-con{content-visibility:visible!important;contain:none!important}
.wlmodal{position:fixed;inset:0;background:rgba(5,8,10,.82);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
z-index:9998;display:none;align-items:center;justify-content:center;padding:20px}
.wlmodal.open{display:flex}
.wlmodal-card{position:relative;background:#fff;border-radius:18px;width:100%;max-width:540px;max-height:86vh;max-height:86dvh;overflow-y:auto;overscroll-behavior:contain;
padding:34px 32px 26px;box-shadow:0 40px 100px rgba(0,0,0,.6)}
.wlmodal-x{position:absolute;top:12px;right:14px;width:38px;height:38px;border-radius:50%;background:#0b0f12;color:#fff;
border:none;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.wlmodal-x:hover{background:#000}
.wlm-tag{font-family:'Poppins';font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#00BEFF;margin-bottom:8px}
.wlm-h{font-family:'Bebas Neue';font-size:30px;color:#0b0f12;letter-spacing:.5px;line-height:1}
.wlm-sub{font-size:14px;line-height:1.55;color:#5b6670;margin:8px 0 16px}
.wlmodal-body iframe{width:100%;border:0;display:block;min-height:280px}
/* native waitlist form */
.wlform{display:flex;flex-direction:column;gap:14px}
/* class body.elementor-page-12820s outrank the UA [hidden] rule, so state it explicitly */
.wlform[hidden],.wlsuccess[hidden]{display:none}
.wlf-row{display:flex;flex-direction:column;gap:5px}
.wlf-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
/* email and phone sit on their own full-width rows: the country select and the
number were fighting over half a modal, which squeezed the number field. */
.wlf-1{display:grid;grid-template-columns:1fr;gap:12px}
@media(max-width:560px){.wlf-2{grid-template-columns:1fr}}
.wlf-row label{font-family:'Poppins';font-size:12.5px;font-weight:600;color:#0b0f12;letter-spacing:.01em}
.wlf-row input,.wlf-row select,.wlf-row textarea{font-family:'Poppins';font-size:16px;color:#0b0f12;background:#fff;padding:11px 13px;
border:1.5px solid #d3dae0;border-radius:10px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}
.wlf-row input::placeholder{color:#a8b2bb}
.wlf-row input:focus,.wlf-row select:focus{border-color:#00BEFF;box-shadow:0 0 0 3px rgba(0,190,255,.18)}
.wlf-row select{appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 13px center;background-size:16px;padding-right:40px}
.wlf-row select:invalid,.wlf-row select option[value='']{color:#a8b2bb}
.wlf-row input.is-bad,.wlf-row select.is-bad{border-color:#e0453b}
.wlf-err{display:none;font-size:12px;color:#e0453b}
.wlf-check{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#3a4148;line-height:1.45;cursor:pointer;margin-top:2px}
.wlf-check input{width:18px;height:18px;margin:1px 0 0;accent-color:#00BEFF;flex:none}
.wlf-btn{margin-top:4px;width:100%;border:none;cursor:pointer;font-family:'Poppins';font-weight:600;font-size:16px;
color:#04222e;background:linear-gradient(135deg,#22c8ff,#00a6e6);padding:15px 20px;border-radius:999px;
box-shadow:0 8px 22px rgba(0,190,255,.28);transition:transform .15s,box-shadow .15s}
.wlf-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px rgba(0,190,255,.4)}
.wlf-btn:disabled{opacity:.65;cursor:default}
.wlf-legal{font-size:11.5px;color:#8a939c;text-align:center;margin:2px 0 0;line-height:1.5}
/* success state */
.wlsuccess{text-align:center;padding:6px 0 2px}
.wls-tick{width:54px;height:54px;border-radius:50%;background:rgba(0,190,255,.12);color:#00BEFF;
display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.wls-tick svg{width:26px;height:26px}
.wls-h{font-family:'Bebas Neue';font-size:32px;color:#0b0f12;letter-spacing:.5px;line-height:1}
.wls-sub{font-size:14.5px;color:#5b6670;line-height:1.6;margin:10px auto 0;max-width:380px}
@media(max-width:520px){
.wlmodal{padding:0;align-items:flex-end}
.wlmodal-card{max-width:none;border-radius:18px 18px 0 0;max-height:94vh;max-height:94dvh;padding:28px 20px 22px}
.wlm-h{font-size:32px}
}
.wlm-fine{margin-top:18px;padding-top:16px;border-top:1px solid #e8ecef;font-size:13px;color:#6f7a85;line-height:1.6}
.wlm-fine a{color:#00BEFF;font-weight:600}.wlm-fine a:hover{text-decoration:underline}
/* .wlf-row sets display:flex, which beats the UA stylesheet's [hidden]{display:none}.
Without this the CEO-only field stayed visible on GA and VIP even though the
hidden attribute was set correctly. Attribute body.elementor-page-12820 outranks the class. */
.wlf-row[hidden]{display:none !important}
/* optional SMS opt-in. Unticked by default: a pre-ticked consent box is not valid
express written consent, so the default must be off. */
.wlf-check{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;
margin:2px 0 2px;cursor:pointer}
.wlf-check input{width:17px;height:17px;margin:1px 0 0;accent-color:#00BEFF;flex:none;padding:0}
.wlf-check span{font-size:11.5px;line-height:1.45;color:#5c6a75}
.wlf-phone{display:grid;grid-template-columns:minmax(150px,180px) 1fr;gap:8px}
/* the country select carries a long option list, so stop it widening the grid */
.wlf-phone select{min-width:0;text-overflow:ellipsis}
.wlf-row textarea{resize:vertical;min-height:76px;line-height:1.45}
.wlf-row textarea::placeholder{color:#a8b2bb}
.js-wl,.js-wl a{cursor:pointer}
html{scroll-behavior:smooth}
/* scroll-padding-top on html already clears the sticky nav. Any scroll-margin
here ADDS to it and leaves the previous section visible above the target. */
#tiers,#speakers,#why,#seating,#top{scroll-margin-top:0}
/* Nav height comes from the Elementor container .nav-inner, which ships with zero
vertical padding - that is what made the bar feel cramped. min-height rather than
height so a wrapped CTA cannot clip. Kept just under scroll-padding-top:80px so
anchors still land clear of it. */
.nav-inner{min-height:76px}
@media(max-width:720px){.nav-inner{min-height:64px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* ---- 'why founders attend' flips to dark ------------------------------
It was #F6F9FC, sitting directly above two beige sections: three light
sections in a row, in two different tones. Dark here restores the
alternation and keeps one warm tone for the light chapter below it.
---------------------------------------------------------------------- */
body{background:#0B0F12}
.room.e-con,.close.e-con{background:#0B0F12}
/* Countdown carries the tiers tone so it reads as part of that section.
NOT transparent: body is #000, so an unpainted section falls through to
pure black - which is what made this strip look like a cut-out band. */
.ls-wrap.e-con{background:var(--card)}
.shifts.e-con{background:#0B0F12}
.shifts .elementor-heading-title{color:#fff}
.shifts .lead{color:#aeb8c0}
.shift h3{color:#fff}
.shift p{color:#aeb8c0}
.shift:hover{background:rgba(255,255,255,.04);box-shadow:none}
/* ---- light sections: the Quantum Inner Circle pattern -----------------
Measured off /quantum-inner-circle-lp/ rather than eyeballed:
"From the desk of Dan Martell" -> white #fff
"The five shifts" -> grey #F6F9FC
eyebrow on BOTH -> #00BEFF at full strength
The tone change from white to grey is the section break, so no divider
rule and no bespoke padding are needed here.
---------------------------------------------------------------------- */
.letter.e-con,.faq.e-con{background:#fff}
.who.e-con{background:#F6F9FC}
.letter .elementor-heading-title,.who .elementor-heading-title{color:#0b0f12}
.letter p,.who .lead{color:#51606a}
.letter .pq{color:#51606a;border-left-color:#00BEFF}
.who .tier-help{color:#6f767d}
.letter .eyebrow,.who .eyebrow,.faq .eyebrow{color:#00BEFF}
.faq-item{border-bottom-color:#e2e7ec}
.faq-item .a{color:#51606a}
/* ---- tier tag row: label + scarcity pill on one line -------------------
The pill used to be absolutely positioned in the card corner, which meant the
tag underneath needed a 120px right pad to dodge it. Inline is simpler and it
reads as one statement: BY APPLICATION - 9 SPOTS REMAINING.
---------------------------------------------------------------------- */
.tier{position:relative}
.tier .plan-tag{display:flex;flex-wrap:wrap;align-items:center;gap:8px;white-space:normal}
/* Scarcity sits at the foot of the card, immediately above the CTA. No chip,
no border: a small dot and a line of type reads as part of the card instead
of a badge stuck onto it. */
/* Elementor puts position:relative on the widget, so .tier-body is the
containing block, not .tier. Offsets are therefore measured from the top of
the tag row, which is exactly where this should sit. */
.tier-left{position:absolute;top:0;right:0;z-index:2;margin:0;
font-family:'Poppins';font-weight:700;font-size:10.5px;letter-spacing:.14em;
text-transform:uppercase;color:#ff6b5a;white-space:nowrap;
min-height:26px;display:flex;align-items:center}
/* CEO's tag row is taller than GA/VIP's because it carries the pill, which
pushed its card heading 9px lower than the other two. Match the tallest. */
.tier .plan-tag{min-height:26px}
/* ---- CTA layout fixes -------------------------------------------------
Elementor button widgets are block level and stretch to the container, so
two of them in .cta-block measured 805px each inside 1072px: the second
wrapped to its own line and "centering" a near-full-width item did nothing.
Pin them to their content width instead.
---------------------------------------------------------------------- */
.cta-block .elementor-widget-button{width:auto;flex:0 0 auto}
/* A CTA label should never wrap. The seating-section button was breaking
"Join the Waitlist" across three lines inside a 164px box. */
.cta,.cta.lg,.btn,.sc-btn{white-space:nowrap}
/* ---- speakers: more room now that there are four across ----------------
4 cards in the standard 1180px wrap left each one ~265px, which squeezed
the bios into very narrow columns on desktop only.
---------------------------------------------------------------------- */
@media(min-width:1101px){
.speakers .wrap{max-width:1340px}
}
/* ---- CEO tier: make it read as the premium one ------------------------
It was the same card with gold accents. Four changes give it weight:
a real gradient border (padding-box/border-box trick, not a flat colour),
a warm radial glow instead of a flat top tint, a brushed-metal gradient on
the price, and a deeper shadow with a gold cast so it sits forward of the
other two.
---------------------------------------------------------------------- */
.tier.premium{
border:1px solid transparent;
background:
radial-gradient(120% 80% at 12% 0%, #1d1810 0%, #14110b 38%, #0d1116 78%) padding-box,
linear-gradient(155deg, rgba(246,228,174,.9) 0%, rgba(216,180,90,.28) 38%,
rgba(184,145,47,.22) 62%, rgba(246,228,174,.65) 100%) border-box;
box-shadow:0 28px 70px rgba(0,0,0,.55), 0 0 34px rgba(216,180,90,.07);
}
@media(hover:hover){
.tier.premium:hover{
box-shadow:0 34px 84px rgba(0,0,0,.6), 0 0 46px rgba(216,180,90,.13);
}
}
/* brushed-metal number. small stays solid, otherwise it inherits the clip. */
.tier.premium .price{
background:linear-gradient(176deg,#fbf0cf 0%,#eed79a 32%,#d8b45a 62%,#b8912f 100%);
-webkit-background-clip:text;background-clip:text;
color:transparent;-webkit-text-fill-color:transparent;
}
.tier.premium .price small{
background:none;color:#9c8c66;-webkit-text-fill-color:#9c8c66;
}
.tier.premium .tname{color:#fbf3de}
.tier.premium ul{border-top-color:rgba(216,180,90,.22)}
.tier.premium li{color:#d3cbba}
.tier.premium li.lead{color:#fbf3de}
/* ---- what you learn: open grid ----------------------------------------
Cards minus the cards. Same 3x2 rhythm as before, but no boxes, no borders
and no rules. Whitespace does the separating. The page already leans on
boxes in the tiers, speakers and FAQ, so another container here read as one
more sales grid rather than a list of what is covered.
---------------------------------------------------------------------- */
.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 40px;margin-top:34px}
.li-tag{font-family:'Poppins';font-weight:600;font-size:10.5px;letter-spacing:.16em;
text-transform:uppercase;color:#00BEFF;margin-bottom:9px}
.li-t{font-family:'Bebas Neue';font-size:25px;line-height:1.08;letter-spacing:.4px;color:#0b0f12}
@media(max-width:980px){.learn-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:1100px){.bgrid>.e-con-inner,.bgrid.e-con{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.bgrid>.e-con-inner,.bgrid.e-con{grid-template-columns:1fr}}
@media(max-width:600px){.learn-grid{grid-template-columns:1fr;gap:26px;margin-top:26px}}
/* ---- speakers: the unannounced card ----------------------------------
Same card as the other three so the grid stays even, just desaturated and
slightly dimmed so it reads as a placeholder without breaking the row.
---------------------------------------------------------------------- */
.bcard-tba .photo img{filter:grayscale(1) contrast(1.05);opacity:.62}
.bcard-tba .name{color:#aeb8c0}
.bcard-tba .role{color:#4fd0ff}
/* why-attend lead sits on dark now */
.shifts .why-lead p{color:#aeb8c0;font-size:16.5px;line-height:1.6;max-width:760px;margin:0 0 6px}
/* ---- agenda roadmap ---- */
.ag{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:30px}
/* Cards carry --card (#13191F), the SAME tone as the .speakers section that
follows, so the grey section hands off into the dark one instead of cutting
to it. Card internals therefore use the dark-section palette: #4fd0ff for the
day tag (not #00BEFF, which is the on-light variant) and #e8c877 for CEO. */
.ag-col{background:var(--card);border:1px solid #222a31;border-radius:16px;
padding:26px 24px 22px;box-shadow:0 18px 44px rgba(11,15,18,.10)}
.ag-day{font-family:'Bebas Neue';font-size:30px;letter-spacing:.5px;color:#fff;line-height:1}
.ag-tag{font-family:'Poppins';font-weight:600;font-size:10.5px;letter-spacing:.16em;
text-transform:uppercase;color:#4fd0ff;margin:4px 0 18px}
.ag-list{list-style:none;margin:0;padding:0;position:relative}
.ag-list:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;
background:linear-gradient(#2b3947,rgba(43,57,71,0))}
.ag-list li{position:relative;padding:0 0 16px 24px}
.ag-list li:before{content:"";position:absolute;left:0;top:6px;width:11px;height:11px;
border-radius:50%;background:var(--card);border:2px solid #3d5468}
.ag-list li.ceo:before{border-color:#e8c877}
.ag-t{display:block;color:#dfe5ea;font-size:15px;line-height:1.4}
.ag-s{display:block;font-family:'Poppins';font-weight:600;font-size:11px;letter-spacing:.10em;
text-transform:uppercase;color:#8b97a0;margin-top:3px}
.ag-list li.ceo .ag-s{color:#e8c877}
@media(max-width:820px){
.ag{grid-template-columns:1fr;gap:20px}
}
/* ---- credibility marquee ---- */
.mq-wrap.e-con{background:#070a0c;border-block:1px solid rgba(255,255,255,.07);padding:0}
.mq{overflow:hidden;position:relative;padding:14px 0;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mq-track{display:flex;width:max-content;gap:52px;animation:mqs 38s linear infinite}
.mq-i{font-family:'Poppins';font-weight:600;font-size:13px;letter-spacing:.16em;
text-transform:uppercase;color:#6d7880;white-space:nowrap}
@keyframes mqs{to{transform:translateX(-50%)}}
.mq:hover .mq-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.mq-track{animation:none;justify-content:center;flex-wrap:wrap}}
/* ---- launch strip: countdown + waitlist size ---- */
.ls-wrap.e-con{padding:0}
/* The countdown belongs to the tiers section, so close the gap between them:
84px tiers padding + 26px here read as two separate blocks. */
.tiers.e-con{padding-bottom:40px}
.ls{max-width:1180px;margin:0 auto;padding:22px 24px 30px;text-align:center}
.ls-tag{font-family:'Poppins';font-weight:600;font-size:11.5px;letter-spacing:.18em;
text-transform:uppercase;color:#4fd0ff;margin-bottom:14px}
.ls-clock{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.ls-clock>span{background:#0e141a;border:1px solid #222a31;border-radius:14px;
min-width:82px;padding:12px 10px 10px;display:flex;flex-direction:column;gap:2px}
.ls-clock b{font-family:'Bebas Neue';font-size:34px;line-height:1;color:#fff;letter-spacing:.5px;
font-variant-numeric:tabular-nums}
.ls-clock i{font-family:'Poppins';font-style:normal;font-weight:600;font-size:10px;
letter-spacing:.14em;text-transform:uppercase;color:#7c878f}
.ls-open{font-family:'Bebas Neue';font-size:30px;color:var(--accent);letter-spacing:.5px}
.ls-count{margin-top:16px;font-size:15px;color:#aeb8c0}
.ls-count b{color:#fff;font-weight:600}
.ls-note{margin-top:10px;font-size:13.5px;color:#7c878f}
/* ---- sticky mobile CTA ---- */
.sticky-wrap.e-con,.cd-wrap.e-con{padding:0}
.sticky-cta{display:none}
@media(max-width:700px){
.sticky-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;
align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));
background:rgba(7,10,12,.94);backdrop-filter:blur(10px);
border-top:1px solid rgba(255,255,255,.10)}
.sc-l{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.sc-l b{font-family:'Poppins';font-weight:600;font-size:12.5px;color:#fff}
.sc-l span{font-family:'Poppins';font-size:11.5px;color:#8b97a0;font-variant-numeric:tabular-nums}
.sc-btn{flex:none;margin-left:auto;background:linear-gradient(135deg,#22c8ff,#00a6e6);
color:#04222e;font-family:'Poppins';font-weight:600;font-size:14px;
padding:12px 20px;border-radius:999px;white-space:nowrap}
/* keep the footer clear of the bar */
.wfooter.e-con{padding-bottom:96px}
.ls-clock>span{min-width:70px}
.ls-clock b{font-size:28px}
}
.wlph{border:2px dashed #cfd6dc;border-radius:12px;padding:40px 24px;text-align:center;background:#f7f9fb}
.wlph-tag{font-family:'Poppins';font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#00BEFF;margin-bottom:12px}
.wlph-note{font-family:'Bebas Neue';font-size:28px;color:#0b0f12;letter-spacing:.5px;margin-bottom:12px}
.wlph-sub{font-family:'Poppins';font-size:13px;line-height:1.6;color:#5b6670;max-width:400px;margin:0 auto}
.wl-fine{margin-top:20px;font-size:14px;color:#8b97a0;line-height:1.6}
.wl-fine a{color:#4fd0ff;font-weight:600}.wl-fine a:hover{text-decoration:underline}
/* tier seat-count line collapses cleanly when quantities are hidden */
.tier .seats:empty{display:none;margin:0}
/* sticky nav (top-level container -> sticks to page) + inlined seat-map sizing */
.nav.e-con{position:sticky;top:0;z-index:100}
.seatmap-svg{width:100%;max-width:600px;margin:0 auto;display:block;height:auto}
.faq .elementor-heading-title{font-size:48px;color:#0b0f12;margin:8px 0 26px}
.close .elementor-heading-title{font-size:52px;max-width:860px;margin:0 auto 18px;color:#fff}
/* native buttons */
.cta .elementor-button{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#22c8ff,#00a6e6);color:#04222e;font-family:'Poppins';font-weight:600;padding:17px 36px;border-radius:999px;font-size:16px;box-shadow:0 8px 22px rgba(0,190,255,.28);transition:transform .18s,box-shadow .18s;border:1.5px solid transparent}
.cta.lg .elementor-button{font-size:18px;padding:19px 46px}
.cta .elementor-button:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(0,190,255,.45);color:#04222e}
.tier .cta .elementor-button{width:100%;justify-content:center}
.ga-btn .elementor-button{background:transparent;color:#fff;border-color:rgba(255,255,255,.28);box-shadow:none}
.ga-btn .elementor-button:hover{border-color:var(--accent);color:var(--accent);box-shadow:none}
.top-btn .elementor-button{background:linear-gradient(135deg,#e4c877,#c2a15a);color:#1a1407;box-shadow:0 8px 22px rgba(194,161,90,.3)}
.top-btn .elementor-button:hover{color:#1a1407;box-shadow:0 16px 38px rgba(194,161,90,.45)}
/* faq accordion -> Quantum hairline style */
.faq-acc .elementor-accordion-item{border:none;border-bottom:1px solid #e2e7ec;background:transparent}
.faq-acc .elementor-tab-title{padding:18px 0;font-family:'Poppins';font-weight:600;color:#0b0f12;font-size:17px;background:transparent}
.faq-acc .elementor-tab-title a,.faq-acc .elementor-accordion-title{color:#0b0f12}
.faq-acc .elementor-accordion-icon{color:#00BEFF}
.faq-acc .elementor-tab-content{border:none;padding:0 0 20px;color:#51606a;font-size:15.5px;max-width:760px;background:transparent}
.faq-acc .elementor-tab-content p{margin:0}
/* footer + ubar full width */
.wfooter.e-con{background:#070a0c;padding:36px 0}
.footer-txt{text-align:center;color:#7c878f;font-size:13px}
.footer-txt a{color:#aeb8c0;text-decoration:none;margin:0 10px}
.footer-txt p{margin:0}.footer-txt p+p{margin-top:8px}
/* ---- CEO gold upgrade: scarcity pill, gold CTA, stronger frame ---- */
.tier.premium{
border-width:1.5px;
background:
radial-gradient(120% 80% at 12% 0%, #201a0f 0%, #16120b 38%, #0d1116 78%) padding-box,
linear-gradient(155deg, rgba(248,231,178,.95) 0%, rgba(222,186,95,.45) 38%,
rgba(190,150,52,.4) 62%, rgba(248,231,178,.85) 100%) border-box;
box-shadow:0 28px 70px rgba(0,0,0,.55), 0 0 44px rgba(222,186,95,.16);
}
.tier.premium:hover{box-shadow:0 34px 84px rgba(0,0,0,.6), 0 0 60px rgba(222,186,95,.24)}
.tier.premium .plan-tag span{
display:inline-flex;align-items:center;
background:linear-gradient(135deg,#f8e7b2 0%,#e8cd7f 48%,#cfa63f 100%);
color:#2a1f06;font-family:'Poppins';font-weight:700;font-size:11px;
letter-spacing:.12em;text-transform:uppercase;
padding:5px 13px;border-radius:999px;
box-shadow:0 4px 14px rgba(216,180,90,.35);
}
.tier.premium .cta .elementor-button{
background:linear-gradient(135deg,#f8e7b2 0%,#e6c979 45%,#c9a03e 100%);
color:#241a04;box-shadow:0 8px 24px rgba(216,180,90,.35);
}
.tier.premium .cta .elementor-button:hover{
color:#241a04;box-shadow:0 16px 40px rgba(216,180,90,.5);
}/* End custom CSS */