.demo-page .nav-actions .btn.active{box-shadow:0 0 0 1px rgba(7,17,31,.08),0 18px 44px rgba(0,112,171,.28)}
.demo-hero{padding:160px 0 80px;background:linear-gradient(145deg,#02050c,#07101f 60%,#0a1a2e);text-align:center}
.demo-hero h1{font-size:clamp(2rem,5vw,3.2rem);color:#fff;margin:.6rem 0 1rem}
.demo-hero p{color:#8195aa;font-size:1.05rem;max-width:540px;margin:0 auto 2rem}
.demo-hero .hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.demo-page .demo-panel{border-color:rgba(83,187,237,.22);border-radius:32px}
.demo-page .phase-hero-grid{grid-template-columns:.9fr 1.1fr}
.demo-page .demo-selector button[aria-pressed="true"]{border-color:rgba(83,187,237,.62);background:linear-gradient(135deg,rgba(83,187,237,.14),rgba(255,255,255,.055))}
.demo-page .demo-result{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.demo-page .lead-card.dark{background:radial-gradient(circle at 92% 8%,rgba(83,187,237,.2),transparent 30%),linear-gradient(145deg,#06101e,#0b2743)}
.demo-page .footer-bottom span:last-child{letter-spacing:.02em}
.demo-panel-simple{position:relative;min-height:520px;padding:26px;border:1px solid rgba(83,187,237,.2);border-radius:28px;background:linear-gradient(150deg,rgba(11,27,47,.94),rgba(4,10,20,.96));box-shadow:0 32px 90px rgba(0,0,0,.45);overflow:hidden;display:flex;flex-direction:column}
.demo-panel-simple:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(83,187,237,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(83,187,237,.03) 1px,transparent 1px);background-size:28px 28px;opacity:.7;pointer-events:none}
.demo-panel-simple .panel-top{position:relative;z-index:2}
.simple-stats{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:14px;flex:1;align-content:center;padding:40px 20px}
.simple-stat{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:22px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.035)}
.simple-stat .stat-value{font:700 clamp(2.8rem,4vw,4.2rem) "Space Grotesk";letter-spacing:-.05em;color:#fff;line-height:1}
.simple-stat .stat-unit{font:800 9px "JetBrains Mono";letter-spacing:.08em;color:#80dbbd;text-transform:uppercase}
.simple-stat .stat-label{width:100%;color:rgba(255,255,255,.5);font-size:12px}
.simple-cta{position:relative;z-index:2;margin-top:auto;padding:20px 0 4px;border-top:1px solid rgba(255,255,255,.06);text-align:center}
.simple-cta p{margin-bottom:14px;color:rgba(255,255,255,.5);font-size:12px}
.demo-builder-section{position:relative;padding:108px 0;background:#07111f;color:#fff;overflow:hidden}
.demo-builder-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(83,187,237,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(83,187,237,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.43),transparent)}
.demo-builder-layout{position:relative;z-index:1;display:grid;grid-template-columns:.72fr 1.28fr;gap:48px;align-items:start}
.demo-builder-copy{position:sticky;top:130px}
.demo-builder-copy h2{max-width:660px;margin:18px 0;font-size:clamp(2.45rem,4.8vw,4.7rem);letter-spacing:-.055em}
.demo-builder-copy p{color:#95a8ba;font-size:15px}
.demo-builder-console{display:grid;grid-template-columns:.95fr 1.05fr;gap:14px;min-height:680px;padding:14px;border:1px solid rgba(83,187,237,.14);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:0 34px 90px rgba(0,0,0,.28)}
.builder-steps{display:grid;gap:12px}
.builder-step{padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(255,255,255,.04)}
.builder-step>span{display:block;margin-bottom:12px;color:#80dbbd;font:800 8px "JetBrains Mono";letter-spacing:.14em}
.builder-step h3{margin-bottom:16px;font-size:24px;color:#fff}
.builder-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.builder-options button{min-height:58px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:15px;color:#dfeaf4;background:rgba(255,255,255,.035);font:800 11px Inter,sans-serif;text-align:left;cursor:pointer;transition:.22s}
.builder-options.compact button{min-height:50px}
.builder-options button:hover,.builder-options button.active{transform:translateY(-2px);border-color:rgba(83,187,237,.48);background:rgba(83,187,237,.1)}
.builder-checks{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.builder-checks label{display:flex;gap:9px;align-items:center;min-height:50px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:15px;color:#dfeaf4;background:rgba(255,255,255,.035);font-size:11px;font-weight:800}
.builder-checks input{accent-color:#53bbed}
.live-agenda{position:relative;display:flex;flex-direction:column;min-height:100%;padding:30px;border:1px solid rgba(83,187,237,.18);border-radius:24px;background:radial-gradient(circle at 82% 12%,rgba(83,187,237,.16),transparent 32%),linear-gradient(145deg,#081828,#050b14);overflow:hidden}
.live-agenda:after{content:"";position:absolute;right:-82px;bottom:-82px;width:245px;height:245px;border:1px solid rgba(83,187,237,.1);border-radius:50%;background:rgba(83,187,237,.055)}
.agenda-top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;color:#71869b;font:800 8px "JetBrains Mono";letter-spacing:.13em}
.agenda-top b{display:flex;align-items:center;gap:8px;color:#80dbbd}.agenda-top i{width:6px;height:6px;border-radius:2px;background:var(--green);box-shadow:0 0 10px var(--green)}
.live-agenda h3{position:relative;z-index:1;margin:78px 0 16px;font-size:clamp(2rem,3.4vw,3.55rem);line-height:.98;letter-spacing:-.055em}
.live-agenda p{position:relative;z-index:1;color:#9dafbf;font-size:14px;line-height:1.75}
.live-agenda ol{position:relative;z-index:1;display:grid;gap:12px;margin:30px 0 0;counter-reset:none}
.live-agenda li{display:grid;grid-template-columns:72px 1fr;gap:13px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:15px;color:#afbdca;background:rgba(255,255,255,.035);font-size:12px}
.live-agenda li span{color:var(--cyan);font:800 9px "JetBrains Mono"}
.live-agenda .btn{position:relative;z-index:1;margin-top:auto}
.demo-day-section{position:relative;padding:104px 0;background:#f8fafc;color:var(--ink);overflow:hidden}
.demo-day-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,112,171,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,112,171,.05) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.1),transparent)}
.demo-day-layout{position:relative;z-index:1;display:grid;grid-template-columns:.76fr 1.24fr;gap:42px;align-items:stretch}
.demo-day-card{position:relative;min-height:430px;padding:34px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#ffffff,#f1f5f9);overflow:hidden}
.demo-day-card h2{max-width:520px;margin:18px 0 14px;font-size:clamp(2.25rem,4vw,4.1rem);letter-spacing:-.05em;color:var(--ink)}
.demo-day-card p{max-width:430px;color:var(--muted);font-size:14px}
.demo-clock{position:absolute;right:28px;bottom:28px;width:154px;height:154px;display:grid;place-items:center;border:1px solid rgba(0,112,171,.1);border-radius:50%;background:#ffffff;box-shadow:inset 0 0 34px rgba(0,112,171,.03)}
.demo-clock span{font:800 54px "Space Grotesk";letter-spacing:-.05em;color:var(--blue)}.demo-clock small{margin-top:-46px;color:var(--blue);font:800 10px "JetBrains Mono";letter-spacing:.16em}
.demo-agenda{display:grid;gap:14px}
.demo-agenda article{position:relative;min-height:132px;padding:26px 28px 26px 104px;border:1px solid var(--line);border-radius:22px;background:#ffffff;box-shadow:0 12px 34px rgba(15,23,42,.04)}
.demo-agenda article:before{content:"";position:absolute;left:52px;top:0;bottom:-14px;width:1px;background:var(--line)}
.demo-agenda article:last-child:before{bottom:50%}
.demo-agenda span{position:absolute;left:22px;top:26px;width:60px;height:44px;display:grid;place-items:center;border:1px solid rgba(0,112,171,.1);border-radius:14px;color:var(--blue);background:#f2f7fb;font:800 9px "JetBrains Mono"}
.demo-agenda h3{font-size:25px;margin-bottom:8px;color:var(--ink)}.demo-agenda p{color:var(--muted);font-size:12px}
@media(max-width:1050px){.demo-page .phase-hero-grid,.demo-builder-layout,.demo-builder-console,.demo-day-layout{grid-template-columns:1fr}.demo-builder-copy{position:relative;top:auto}.demo-day-card{min-height:360px}}
@media(max-width:780px){.demo-builder-section,.demo-day-section{padding:82px 0}.demo-builder-console{min-height:0}.live-agenda h3{margin-top:44px}.demo-agenda article{padding-left:28px}.demo-agenda article:before{display:none}.demo-agenda span{position:relative;left:auto;top:auto;margin-bottom:18px}}
@media(max-width:560px){.demo-page .demo-result h3{font-size:26px}.demo-page .nav-actions .btn.active{display:none}.builder-options,.builder-checks{grid-template-columns:1fr}.demo-builder-console,.live-agenda{padding:18px}.live-agenda li{grid-template-columns:1fr}.demo-clock{position:relative;right:auto;bottom:auto;margin-top:34px}.demo-day-card{padding:26px}}