@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f8fafc;--white:#fff;--ink:#101820;--muted:#62717d;--cyan:#00dfea;--cyan-deep:#00b6c9;--pink:#f307ae;--blue:#075dff;--line:#e4eaf0;--dark:#080f19;--dark2:#101d29;--max:1250px;font-family:'DM Sans',Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth}
*{box-sizing:border-box}html{scroll-padding-top:102px}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:4px}.shell{width:min(var(--max),calc(100% - 64px));margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:absolute;top:-120px;left:12px;background:#fff;padding:14px;z-index:80}.skip:focus{top:12px}h1,h2,h3,h4{font-family:'Space Grotesk',ui-sans-serif,sans-serif;letter-spacing:-.055em;margin:0;line-height:1.06}p{margin-top:0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';width:19px;height:2px;background:var(--pink);display:block}.muted{color:var(--muted)}.small-note{font-size:11px;color:var(--muted);line-height:1.55}.accent{background:linear-gradient(104deg,#0389cb,#00bbce 37%,#e20ba7 94%);background-clip:text;-webkit-background-clip:text;color:transparent}.btn{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:52px;border:1px solid transparent;padding:13px 20px;border-radius:13px;font-size:13px;font-weight:800;white-space:nowrap;transition:transform .16s,box-shadow .16s,background .16s}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--dark);color:#fff;box-shadow:0 15px 35px #10182021}.btn-dark:hover{background:#192637}.btn-primary{background:var(--cyan);color:var(--dark)}.btn-primary:hover{background:#6ff8fa}.btn-outline{border-color:#c9d2dc;color:var(--ink);background:#ffffffb5}.btn-outline:hover{border-color:var(--cyan-deep);box-shadow:0 10px 25px #00b6c915}.btn-ghost-dark{border:1px solid #405464;background:#192636;color:#fff}.btn-sm{min-height:42px;padding:11px 16px;font-size:12px;border-radius:10px}
.announce{background:#091320;color:#dbeefa;text-align:center;font-size:10px;letter-spacing:.14em;font-weight:800;padding:10px 18px}.announce b{color:var(--cyan)}.announce span{color:#fba0d6}.header{position:sticky;top:0;z-index:30;background:#fffffff0;border-bottom:1px solid #dce3e9;backdrop-filter:blur(22px)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-logo{width:65px;height:51px;object-fit:contain;background:#07101c;border-radius:10px;padding:5px;box-shadow:0 4px 16px #0a172c1f}.brand-text{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:800;line-height:1;letter-spacing:-.055em;white-space:nowrap}.brand-text strong{color:#009fad}.brand-text small{display:block;margin-top:8px;color:#71808c;font-family:'DM Sans',sans-serif;letter-spacing:.13em;font-size:8px;font-weight:900}.nav-links{display:flex;align-items:center;gap:7px;margin-left:auto}.nav-links a{padding:13px 12px;border-radius:10px;font-size:12px;font-weight:800;color:#465561;white-space:nowrap}.nav-links a:hover,.nav-links a.active{background:#e3f9fb;color:#058a9e}.header-actions{display:flex;gap:12px;align-items:center}.header-actions .btn{min-height:40px;font-size:11px}.mobile-toggle{display:none;background:white;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-weight:800}.mobile-nav{display:none;border-top:1px solid var(--line);background:white;padding:12px 28px 24px}.mobile-nav a{display:block;padding:14px 10px;border-bottom:1px solid #edf1f4;font-size:14px;font-weight:800}.mobile-nav:not([hidden]){display:block}
.hero{position:relative;padding:94px 0 72px;overflow:hidden;background:radial-gradient(circle at 100% -10%,#00dbe51e,transparent 43%),radial-gradient(circle at -10% 85%,#f307ae12,transparent 42%),linear-gradient(140deg,#fdfefe,#eff7fa)}.hero:before{content:'';position:absolute;pointer-events:none;inset:0;background-image:radial-gradient(#06485c11 .7px,transparent .7px);background-size:25px 25px;mask-image:linear-gradient(to bottom,transparent 10%,black)}.hero-inner{display:grid;grid-template-columns:.99fr 1.01fr;gap:55px;align-items:center;position:relative}.hero h1{font-size:clamp(55px,6.2vw,94px);letter-spacing:-.075em;margin:26px 0 25px}.hero h1 span{display:block}.hero .lead{font-size:17px;line-height:1.73;color:#536776;max-width:545px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-meta{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:800;color:#485c66;margin-top:37px}.hero-meta i{width:9px;height:9px;background:#00cdb9;border-radius:50%;box-shadow:0 0 0 6px #00cdb924}.hero-meta span{font-weight:500;color:#83929b}.hero-art{position:relative;min-height:520px}.hero-glow{position:absolute;width:510px;height:510px;border-radius:50%;top:0;right:0;background:linear-gradient(135deg,#00dae7,#efffff 37%,#f107b6 100%);filter:blur(1px);opacity:.78}.hero-device{position:absolute;inset:45px 5px 40px 30px;background:#0b141e;color:white;border-radius:25px;border:1px solid #284455;box-shadow:0 40px 80px #12334d3e,0 0 0 12px #ffffffe3;overflow:hidden;transform:rotate(-2deg)}.device-top{height:52px;background:#101e2b;display:flex;align-items:center;justify-content:space-between;padding:0 21px;border-bottom:1px solid #233846;font-size:10px;letter-spacing:.14em;font-weight:800}.device-top b{color:#00e2e6}.dots{display:flex;gap:6px}.dots i{display:block;background:#f35c93;width:8px;height:8px;border-radius:50%}.dots i:nth-child(2){background:#f5bc5e}.dots i:nth-child(3){background:#4ae5c9}.device-visual{padding:25px 26px 19px}.device-visual h3{font-size:24px;letter-spacing:-.04em;margin:0 0 8px}.device-visual p{color:#9db8c6;font-size:12px}.signal{display:inline-flex;gap:7px;align-items:center;color:#7ef5e8;font-size:10px;font-weight:800;letter-spacing:.13em}.signal:before{content:'';display:inline-block;width:7px;height:7px;background:#47e9c6;border-radius:50%;box-shadow:0 0 12px #57f6da}.device-tiles{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:24px}.device-tiles .tile{background:#132937;border:1px solid #28495a;border-radius:13px;padding:17px;min-height:118px}.tile small{color:#97b5c2;letter-spacing:.1em;font-size:9px;font-weight:800}.tile strong{display:block;font-family:'Space Grotesk';font-size:27px;margin-top:13px}.tile em{font-style:normal;color:#03e6ed}.tile .pink{color:#ff31be}.device-pipeline{background:#0e222e;margin-top:13px;border-radius:13px;border:1px solid #2a5059;padding:18px}.device-pipeline>div{display:flex;gap:8px;align-items:center}.device-pipeline strong{font-size:12px}.step-chip{padding:7px 9px;border:1px solid #36616a;border-radius:8px;color:#a0e9e8;font-size:9px;font-weight:800}.pipe-arrow{color:#f938bc}.hero-floating{position:absolute;z-index:2;bottom:10px;right:-3px;background:#fff;box-shadow:0 18px 45px #0d365c22;border:1px solid #e6eaf0;border-radius:15px;padding:13px 18px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800}.hero-floating span{display:grid;place-items:center;width:32px;height:32px;background:#e9fbf8;color:#079e9d;border-radius:9px}.section{padding:106px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.section-head h2{font-size:clamp(37px,4.7vw,62px);max-width:800px;margin-top:18px}.section-head>p{color:#697b87;line-height:1.75;font-size:14px;max-width:337px}.divider-title{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 0;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.13em;font-weight:900}.highlight{color:#de119e}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.product-card{background:white;border:1px solid #e2e9ef;border-radius:22px;box-shadow:0 16px 45px #1027390a;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-6px);box-shadow:0 25px 55px #0c3a571a}.product-card .product-preview{height:212px;background:#091723;position:relative;overflow:hidden;padding:23px;color:#eaffff}.product-card:nth-child(2) .product-preview{background:#101721}.product-card:nth-child(3) .product-preview{background:#111926}.product-count{position:absolute;right:20px;top:19px;font-size:10px;letter-spacing:.18em;color:#a8c7d2;font-weight:800}.product-name-top{font-size:10px;color:#61e4e3;font-weight:800;letter-spacing:.14em}.product-card-body{padding:27px;display:flex;flex-direction:column;gap:15px;flex:1}.product-card h3{font-size:25px}.product-card p{color:#6b7c87;font-size:13px;line-height:1.76;margin:0}.pill{font-size:9px;letter-spacing:.08em;display:inline-flex;align-self:flex-start;padding:8px 10px;background:#e5fafb;color:#077c8c;border-radius:99px;font-weight:900}.pill.planned{background:#fff2fb;color:#b21c87}.product-link{display:inline-flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:900;color:#071823;margin-top:auto;padding-top:12px;border-top:1px solid #edf0f3}.product-link span{color:#009fae;font-size:20px}.mock-minibar{height:30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b4455;font-size:9px;color:#a5b5c4;letter-spacing:.1em}.mini-map{position:relative;margin:15px 0;height:100px;border:1px solid #235265;background:linear-gradient(30deg,#203341,#0b1c29),repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 20px);overflow:hidden}.mini-map:before{content:'';width:100px;height:70px;position:absolute;background:#48596955;transform:rotate(23deg);left:23px;top:10px;box-shadow:180px 35px #43586799,40px 100px #435969}.map-marker{position:absolute;display:grid;place-items:center;border:2px solid white;width:24px;height:24px;border-radius:50%;background:#12bec8;color:#061721;font-size:10px;font-weight:900;z-index:1}.map-marker.a{top:20%;left:20%}.map-marker.b{left:67%;top:52%;background:#dc22b0}.mini-path{position:absolute;border-top:2px dashed #00e6ee;transform:rotate(20deg);width:53%;top:52%;left:23%}.mini-bracket{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;margin-top:24px}.match{border:1px solid #365062;background:#162637;border-radius:8px;font-size:10px;color:#c6d9df;overflow:hidden}.match>div{padding:8px 10px;display:flex;justify-content:space-between;gap:7px}.match>div+div{border-top:1px solid #3d5969}.match b{color:#47ecdd}.mini-bracket .match:nth-child(2){border-color:#8a3d81}.mini-channel{background:#1d3042;padding:12px;font-size:11px;color:#bfd2dd;margin-top:13px;border-radius:7px}.mini-channel span{color:#08dcea;margin-right:11px;font-size:16px}.mini-channel:nth-last-child(1){border-left:3px solid #e622ac}
.flow-section{background:#eaf7f9;position:relative}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.flow-card{background:#fff;border:1px solid #cfe3e7;border-radius:17px;padding:27px;min-height:230px}.flow-no{color:#cc1495;letter-spacing:.13em;font-size:10px;font-weight:900}.flow-icon{font-size:35px;margin:20px 0 14px;color:#05b7c1}.flow-card h3{font-size:21px;margin-bottom:9px}.flow-card p{font-size:12px;line-height:1.7;color:#657886}.flow-note{margin-top:18px;font-size:12px;color:#576f76}
.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-split h2{font-size:clamp(37px,4vw,57px);margin:20px 0}.feature-split p{line-height:1.85;color:#61737e;font-size:15px}.access-pills{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.access-pills span{background:#ecf4f6;border-radius:8px;padding:10px 13px;font-size:11px;font-weight:900;color:#316372}.light-ui{border-radius:20px;background:#0f1b27;color:#efffff;padding:24px;box-shadow:0 35px 60px #10394d1e}.ui-cap{display:flex;justify-content:space-between;font-size:10px;color:#84e7e8;letter-spacing:.12em;padding-bottom:16px;border-bottom:1px solid #35515e}.ui-row{display:grid;grid-template-columns:110px 1fr 100px;align-items:center;gap:10px;border-bottom:1px solid #284452;padding:16px 5px;font-size:12px}.ui-row b{font-weight:800}.ui-row span:first-child{color:#90aebe}.ui-row span:last-child{color:#64eade;text-align:right;font-size:10px}.ui-row:nth-child(3) span:last-child{color:#fe7cd2}.cta-section{padding:65px 0 110px}.cta-surface{background:linear-gradient(112deg,#081723,#113546 75%,#0d4c58);color:white;border-radius:29px;padding:70px 76px;position:relative;overflow:hidden}.cta-surface:after{content:'';position:absolute;right:-90px;top:-100px;width:390px;height:390px;border-radius:50%;border:60px solid #00e9f017;box-shadow:0 0 0 58px #f40bb008;pointer-events:none}.cta-surface h2{font-size:clamp(37px,4.8vw,65px);max-width:690px;margin:21px 0}.cta-surface p{color:#b9d1dd;font-size:14px;line-height:1.8;max-width:610px}.cta-surface .btn{margin-top:12px}.site-footer{background:#07121d;color:white;padding:55px 0 26px}.footer-top{display:flex;justify-content:space-between;gap:50px;align-items:start}.site-footer .brand-text{color:#fff}.site-footer .brand-text strong{color:#00ebec}.site-footer p{color:#8da7b7;margin:18px 0;font-size:12px}.footer-links{display:flex;flex-wrap:wrap;gap:25px;align-items:center}.footer-links a{color:#b7cbd5;font-size:12px;font-weight:700}.footer-links a:hover{color:#00e8e8}.footer-bottom{border-top:1px solid #223440;padding-top:25px;margin-top:40px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#819bad}
.page-hero{background:radial-gradient(circle at 80% 20%,#00ebea20,transparent 40%),#f2f9fb;padding:84px 0 70px}.page-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.page-hero h1{font-size:clamp(53px,5.1vw,75px);margin:22px 0}.page-hero p.lead{font-size:17px;line-height:1.78;color:#60747f}.page-overline{font-size:11px;letter-spacing:.16em;font-weight:900;color:#018f9b}.page-banner-logo{width:160px;max-height:100px;object-fit:contain;background:#06131d;border-radius:18px;padding:9px;margin-bottom:12px}
.mock-large{background:#091622;border:1px solid #18354a;border-radius:22px;overflow:hidden;box-shadow:0 30px 65px #14344137;color:#e9fcff}.mock-large-head{background:#112335;border-bottom:1px solid #274759;padding:16px 21px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;letter-spacing:.15em;color:#b0cbd7;font-weight:850}.mock-large-head strong{color:#51f4eb}.mock-content{padding:24px}.mock-content h3{font-size:22px}.mock-content>p{font-size:12px;line-height:1.65;color:#9bb9c7;margin:8px 0 15px}.large-map{height:285px;border:1px solid #376070;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,#ffffff05 0 1px,transparent 1px 22px),linear-gradient(30deg,#192837,#2c3f48);position:relative;overflow:hidden}.large-map:before{content:'';position:absolute;width:42%;height:30%;background:#56677855;left:-5%;top:13%;transform:rotate(13deg);box-shadow:260px 64px #5c718055,120px 180px #5b6c7877}.large-map:after{content:'';position:absolute;border:3px dashed #ef20b3;left:61%;top:24%;width:50px;height:50px;border-radius:9px}.large-map .map-marker.a{left:19%;top:55%;width:37px;height:37px}.large-map .map-marker.b{left:64%;top:29%;width:37px;height:37px}.large-map .map-marker.c{left:31%;top:18%;width:37px;height:37px;background:#44d6b9}.large-map .mini-path{top:52%;left:21%;width:52%;border-top-width:3px}.mock-foot{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#72e7dc;margin-top:16px}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.benefit{border:1px solid var(--line);background:#fff;border-radius:18px;padding:32px;min-height:227px}.benefit .symbol{font-size:33px;color:#00bcca;margin-bottom:20px}.benefit h3{font-size:23px;margin-bottom:11px}.benefit p{color:#697e8a;font-size:13px;line-height:1.76}.panel-title{font-size:clamp(34px,4.2vw,54px);margin:16px 0 24px}.demo-section{background:#f1f7f8}.bracket-show{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:20px 0;align-items:center}.round-label{font-size:10px;letter-spacing:.15em;color:#8fc0c6;margin-bottom:12px;font-weight:900}.score-match{border:1px solid #365666;background:#172d3b;border-radius:11px;overflow:hidden;margin-bottom:13px}.score-match>small{display:block;background:#274257;color:#c2d7dc;font-size:10px;padding:10px 12px;letter-spacing:.08em}.score-match>div{display:flex;justify-content:space-between;border-top:1px solid #35505f;padding:12px;font-size:12px}.score-match b{color:#0becde}.score-match .loser{opacity:.52}.role-views{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.role-views .role-pane{border:1px solid #dde7ee;border-radius:17px;padding:28px;background:#fff}.role-pane b{font-size:10px;color:#009faf;letter-spacing:.13em}.role-pane h3{margin:15px 0;font-size:22px}.role-pane p{line-height:1.72;color:#70818c;font-size:12px}.role-pane ul{margin:0;padding:0;list-style:none}.role-pane li{font-size:12px;padding:12px 0;border-top:1px solid #e9eff3}.role-pane li:before{content:'✓';margin-right:9px;color:#05b8ac}
.roster-show{display:grid;grid-template-columns:1fr 1fr;gap:14px}.registration-form,.roster-list{background:#122330;border:1px solid #335463;border-radius:14px;padding:22px}.registration-form label{display:block;margin:14px 0 8px;font-size:10px;letter-spacing:.1em;color:#9db5c4}.fake-input{border-radius:9px;background:#0a1925;padding:14px;border:1px solid #355363;color:#f2ffff;font-size:12px}.mock-action{margin-top:18px;padding:13px;background:#03d8de;color:#09202a;font-size:11px;font-weight:900;text-align:center;border-radius:9px}.roster-item{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#d9e7ef;padding:11px 0;border-bottom:1px solid #2a4555}.roster-item span{color:#72dcd9;font-size:10px}.channel-box{border:1px solid #375366;background:#182f3f;border-radius:10px;margin-top:10px;padding:17px;display:flex;justify-content:space-between;font-size:12px;gap:10px;color:#c3dbe3}.channel-box span{color:#00e4ea}.channel-box em{font-size:10px;font-style:normal;color:#83aebd}.bot-progression{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.bot-scenario{border:1px solid #355466;border-radius:14px;background:#132c3a;padding:25px}.bot-scenario small{color:#89e7e4;font-size:10px;letter-spacing:.14em}.bot-scenario h3{font-size:22px;margin-top:14px}.bot-scenario p{color:#aec5d0;font-size:12px;line-height:1.8;margin-top:13px}.bot-arrow{font-size:37px;color:#ff29b8}.owner-note{margin-top:24px;border-left:4px solid #f20db0;background:#fff2fc;padding:18px 20px;border-radius:7px;font-size:12px;color:#7b4f6a;line-height:1.7}
@media(max-width:1100px){.nav-links{gap:0}.nav-links a{padding:10px 8px;font-size:11px}.brand-text{font-size:14px}.brand-logo{width:55px;height:47px}.header-actions .btn{font-size:10px}.hero-inner{gap:30px}.hero h1{font-size:clamp(50px,5.9vw,80px)}.hero-art{min-height:450px}.hero-device{inset:35px 10px 35px 15px}.device-visual{padding:19px}.hero-glow{height:420px;width:420px}.section{padding:80px 0}.feature-split{gap:40px}}
@media(max-width:900px){.nav-links,.header-actions{display:none}.mobile-toggle{display:block}.hero-inner,.page-hero-inner,.feature-split{grid-template-columns:1fr}.hero{padding:62px 0 54px}.hero h1{font-size:clamp(54px,10vw,78px)}.hero-art{min-height:480px;max-width:620px;width:100%;margin:auto}.product-grid,.benefits,.role-views{grid-template-columns:1fr 1fr}.flow-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head>p{max-width:620px;margin-top:20px}.page-hero{padding:65px 0}.page-hero .mock-large{max-width:720px}.footer-top{display:block}.footer-links{margin-top:24px}}
@media(max-width:610px){.shell{width:calc(100% - 36px)}.nav{min-height:70px}.brand-text{font-size:13px}.brand-text small{font-size:7px;letter-spacing:.07em}.brand-logo{width:50px;height:42px}.announce{font-size:8px}.hero{padding:45px 0 44px}.hero h1{font-size:clamp(48px,12vw,63px)}.hero .lead{font-size:14px}.hero-actions .btn{width:100%}.hero-art{min-height:385px}.hero-device{inset:24px 8px 35px 8px;border-radius:17px;transform:none;box-shadow:0 17px 45px #143e5628,0 0 0 5px #fff}.hero-glow{height:320px;width:90%;top:18px}.device-visual{padding:14px}.device-visual h3{font-size:18px}.device-tiles .tile{padding:12px;min-height:85px}.tile strong{font-size:19px;margin-top:10px}.device-pipeline{padding:12px}.step-chip{font-size:7px;padding:6px}.hero-floating{bottom:0;right:0;font-size:10px}.section{padding:64px 0}.section-head h2,.panel-title{font-size:clamp(36px,9vw,48px)}.product-grid,.benefits,.role-views,.flow-grid,.roster-show{grid-template-columns:1fr}.product-card .product-preview{height:190px}.flow-card{min-height:0}.ui-row{grid-template-columns:77px 1fr 76px;font-size:10px}.cta-section{padding:40px 0 75px}.cta-surface{padding:42px 26px;border-radius:20px}.cta-surface h2{font-size:39px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:10px}.page-hero h1{font-size:clamp(43px,11vw,62px)}.mock-content{padding:15px}.large-map{height:215px}.bracket-show{display:flex;overflow-x:auto;gap:12px}.bracket-show>div{min-width:200px}.bot-progression{grid-template-columns:1fr;gap:8px}.bot-arrow{text-align:center;transform:rotate(90deg)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Shared status typography for the coaching and tournament product previews */
.signal{display:inline-flex;align-items:center;gap:9px;color:#55e9df;font-size:10px;letter-spacing:.13em;font-weight:900;margin-bottom:9px}.signal:before{content:'';width:7px;height:7px;background:#40e5ce;border-radius:50%;box-shadow:0 0 12px #40e5ce}

/* Interactive, isolated public Phantasm demo panel */
.live-demo-section{background:linear-gradient(160deg,#edf8fa,#fff 65%)}
.live-demo-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:20px;align-items:start}
.interactive-demo-shell{min-width:0;background:#07121e;border:1px solid #bfd2da;border-radius:20px;box-shadow:0 30px 72px #0d344b26;overflow:hidden}
.interactive-demo-title{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;background:#102332;color:#b5cfd9;letter-spacing:.12em;font-weight:900;font-size:10px}
.interactive-demo-live{color:#69eddb;font-weight:900}
.interactive-demo-frame{display:block;border:0;width:100%;height:785px;background:#08131e}
.demo-howto{display:grid;gap:12px}
.demo-howto>div{background:white;border:1px solid #dae7ed;border-radius:15px;padding:19px}
.demo-step-no{display:block;color:#db18a9;font-weight:900;font-size:10px;letter-spacing:.13em;margin-bottom:13px}
.demo-howto strong{font-family:'Space Grotesk',sans-serif;font-size:17px;letter-spacing:-.035em}
.demo-howto p{font-size:12px;line-height:1.75;color:#6b818d;margin:8px 0 0}
.demo-howto .demo-safety{background:#edf9fb;border-color:#b6e7e9}
.demo-safety .btn{display:flex;white-space:normal;margin-top:16px;font-size:11px;padding:10px;line-height:1.3}
@media(max-width:1180px){.live-demo-layout{grid-template-columns:1fr}.interactive-demo-frame{height:800px}.demo-howto{grid-template-columns:repeat(4,1fr)}.demo-howto>div{padding:16px}}
@media(max-width:900px){.interactive-demo-frame{height:835px}.demo-howto{grid-template-columns:1fr 1fr}}
@media(max-width:610px){.interactive-demo-title{font-size:8px;padding:12px}.interactive-demo-frame{height:970px}.demo-howto{grid-template-columns:1fr}}

/* Smaller, self-sizing Phantasm preview: no nested scrollbar. */
.live-demo-layout{grid-template-columns:minmax(0,735px) minmax(250px,305px);justify-content:center;gap:20px}
.interactive-demo-frame{width:100%;height:585px;overflow:hidden}
@media(max-width:1180px){.live-demo-layout{grid-template-columns:minmax(0,735px);justify-content:center}.interactive-demo-frame{height:595px}.demo-howto{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.interactive-demo-frame{height:620px}}
@media(max-width:610px){.interactive-demo-frame{height:730px}.demo-howto{grid-template-columns:1fr}}

/* The product demo is a compact center-column preview, not a secondary dashboard. */
.live-demo-layout{display:block;width:min(100%,735px);margin:0 auto}
.preview-hint{margin:12px auto 0;color:#637b86;font-size:12px;line-height:1.6}
.preview-hint strong{color:#084b59}
.preview-hint span{color:#8a9ca8}
@media(max-width:1180px){.live-demo-layout{width:min(100%,735px)}}