/* Insight Dial public website: "Waveform" theme (dark, coral to amber) */
:root{
  --bg:#0d0920; --bg2:#110b27; --bg3:#080515; --card:#150f30; --card2:#1a1338; --line:#2c2552; --line2:#3a3262;
  --txt:#b9b3d6; --mute:#8d86b3; --white:#fff; --coral:#ff5d73; --amber:#ffb347; --mint:#7dffb8; --sky:#8fd3ff; --violet:#a99bff;
  --grad:linear-gradient(90deg,#ff5d73,#ffb347); --grad2:linear-gradient(110deg,#ff5d73,#ff9a4d);
  --f-head:'Unbounded','Segoe UI',system-ui,sans-serif; --f-body:'Figtree','Segoe UI',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.site{margin:0;background:var(--bg);color:var(--txt);font:400 1.0625rem/1.65 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.site img,.site svg{max-width:100%}
.site a{color:var(--amber)}
.wrap{width:min(1180px,100% - 3rem);margin-inline:auto}
.skip{position:absolute;left:-999px;top:0;background:#fff;color:#0d0920;padding:.6rem 1rem;z-index:200}
.skip:focus{left:0}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:8px}

h1,h2,h3{font-family:var(--f-head);color:#fff;line-height:1.1;margin:0;letter-spacing:-.02em;font-weight:700}
h1{font-size:clamp(2.2rem,5.4vw,4rem);font-weight:800}
h1 em,.h2 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.h2{font-size:clamp(1.55rem,3.2vw,2.5rem);font-weight:800;max-width:22ch;margin-bottom:2rem}
h3{font-size:1.1rem;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.on-ink{color:#fff}
.lead{font-size:1.15rem;max-width:58ch;color:var(--txt)}
.fine{font-size:.93rem;color:var(--mute)}
.center{text-align:center}
.eyebrow{display:inline-block;font:700 .78rem var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:1rem}
.eyebrow::before{content:"";display:inline-block;width:22px;height:2px;background:var(--grad);vertical-align:middle;margin-right:.6rem;border-radius:2px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:700 1rem var(--f-body);padding:.8rem 1.5rem;border-radius:999px;border:0;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s,color .15s;white-space:nowrap}
.site .btn-solid{background:var(--coral);color:#fff;box-shadow:0 10px 26px -10px rgba(255,93,115,.75)}
.site .btn-solid:hover{background:#ff7387;color:#fff;transform:translateY(-2px)}
.site .btn-line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px var(--line2)}
.site .btn-line:hover{box-shadow:inset 0 0 0 1.5px var(--amber);color:#fff}
.btn-lg{padding:1rem 1.8rem;font-size:1.05rem}
.btn-block{display:flex;width:100%;white-space:normal}
.ctas{display:flex;flex-wrap:wrap;gap:.9rem;margin:1.8rem 0 1rem}
.ctas-stack{flex-direction:column;align-items:stretch;margin:0;min-width:270px}
.site .band-cta .btn-solid{background:#fff;color:#0d0920;box-shadow:none}
.site .band-cta .btn-solid:hover{background:#fff4ee;color:#0d0920}
.site .band-cta .btn-line{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}

/* nav */
.nav{position:sticky;top:0;z-index:60;background:rgba(13,9,32,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(58,50,98,.55)}
.nav-in{display:flex;align-items:center;justify-content:space-between;min-height:74px}
.brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;color:#fff!important;font:700 1.08rem var(--f-head)}
.brand b{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#ff5d73,#ffb347);display:inline-block;flex:0 0 auto;box-shadow:0 0 0 5px rgba(255,93,115,.16)}
.menu{display:flex;align-items:center;gap:.25rem}
.menu a{padding:.5rem 1rem;text-decoration:none;color:#cfc9ee;font-weight:600;border-radius:999px;transition:color .15s,background .15s}
.menu a:hover{color:#fff;background:rgba(255,255,255,.07)}
.menu a.on{color:#fff;background:rgba(255,255,255,.1)}
.site .menu a.btn{margin-left:.35rem;color:#fff;background:var(--coral)}
.site .menu a.btn:hover{background:#ff7387}
.menu-gap{width:.8rem}
.nav-toggle{display:none;background:none;border:0;padding:.6rem;cursor:pointer}
.nav-toggle span{display:block;width:24px;height:2.5px;background:#fff;margin:5px 0;border-radius:2px;transition:transform .2s,opacity .2s}
.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* hero (waveform) */
.hero-g{position:relative;text-align:center;padding:clamp(3rem,7vw,5.5rem) 0 0;overflow:hidden;background:radial-gradient(900px 420px at 50% 0,rgba(255,93,115,.16),transparent 70%),radial-gradient(700px 360px at 85% 30%,rgba(169,155,255,.12),transparent 70%)}
.hero-g h1{max-width:16ch;margin:0 auto}
.hero-g .lead{margin:1.4rem auto 0;max-width:56ch}
.hero-g .ctas{justify-content:center;margin:2rem 0 0}
.hero-pts{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem .6rem;margin:1.6rem 0 0;padding:0}
.hero-pts li{font-size:.88rem;font-weight:600;color:#cfc9ee;padding:.35rem .85rem;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line)}
.wave{height:clamp(150px,22vw,260px);display:flex;align-items:center;gap:clamp(3px,.45vw,6px);margin-top:clamp(1.5rem,4vw,3rem);position:relative;padding:0 .5rem}
.wave i{flex:1;min-width:0;height:var(--h);border-radius:5px;background:linear-gradient(#ff5d73,#ffb347);animation:eq 1.7s ease-in-out infinite alternate;animation-delay:var(--d);transform-origin:center}
@keyframes eq{from{transform:scaleY(1)}to{transform:scaleY(.28)}}
.wave::before,.wave::after{content:"";position:absolute;top:0;bottom:0;width:clamp(60px,14vw,200px);z-index:2;pointer-events:none}
.wave::before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}
.wave::after{right:0;background:linear-gradient(-90deg,var(--bg),transparent)}
.chips-g{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:-1.2rem;position:relative;z-index:3;padding-bottom:3rem}
.chip-g{background:rgba(25,18,52,.94);border:1px solid var(--line2);border-radius:16px;padding:.85rem 1.15rem;color:#fff;font-weight:700;min-width:215px;text-align:left;box-shadow:0 20px 40px -24px #000}
.chip-g small{display:block;color:var(--mute);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.15rem}
.chip-g b{color:var(--mint);font-weight:700}
.sample{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-top:.8rem}

/* bands */
.band{padding:clamp(3rem,6vw,5rem) 0;position:relative}
.band-tight{padding-top:0;padding-bottom:clamp(1rem,3vw,2rem)}
.band-soft{background:var(--bg2)}
.band-night{background:var(--bg3)}
.band-cta{background:var(--grad2);color:#fff}
.band-cta .h2,.band-cta .lead{color:#fff}
.cta-in{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.band-head{margin-bottom:2.4rem}
.band-head .h2{margin-bottom:0}

/* pillars and cards */
.pillars,.quad,.grid6,.tiles-f{display:grid;gap:1.2rem}
.pillars{grid-template-columns:repeat(3,1fr)}
.quad{grid-template-columns:repeat(4,1fr)}
.grid6{grid-template-columns:repeat(3,1fr)}
.tiles-f{grid-template-columns:repeat(4,1fr)}
.pillars article,.quad article,.grid6 article,.tile-f,.trio-c,.pick-card,.gate-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:1.6rem;transition:border-color .2s,transform .2s}
.pillars article:hover,.quad article:hover,.grid6 article:hover,.tile-f:hover{border-color:#5a4c9a;transform:translateY(-3px)}
.pillars article svg,.quad article svg,.grid6 article svg,.tile-f svg{width:38px;height:38px;margin-bottom:.9rem;display:block}
.pillars h3,.quad h3,.grid6 h3,.tile-f h3{margin-bottom:.45rem}
.pillars p,.quad p,.grid6 p,.tile-f p{margin:0;font-size:.98rem}
.grid6 a{display:inline-block;margin-top:.8rem;font-weight:700;text-decoration:none;font-size:.93rem}
.grid6 a:hover{text-decoration:underline}

/* alternating feature blocks */
.feat{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;padding:clamp(1.8rem,4vw,3rem) 0}
.feat+.feat{border-top:1px solid var(--line)}
.feat-flip .feat-copy{order:2}
.feat-copy h3{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:800;margin-bottom:1rem;line-height:1.15}
.feat-copy p{margin:0 0 .4rem}
.feat-art,.role-art,.trio-art,.gate-art,.ph-art .ui{min-width:0}
.tick{list-style:none;padding:0;margin:1.2rem 0 1.5rem;display:grid;gap:.65rem}
.tick li{padding-left:1.9rem;position:relative}
.tick li::before{content:"";position:absolute;left:0;top:.38em;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--grad)}
.tick li::after{content:"";position:absolute;left:.3rem;top:.56em;width:.42rem;height:.22rem;border-left:2.5px solid #0d0920;border-bottom:2.5px solid #0d0920;transform:rotate(-45deg)}

/* product windows (sample UI) */
.ui{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -34px #000,0 0 0 1px rgba(255,255,255,.02) inset;color:var(--txt);font-size:.95rem}
.ui-bar{display:flex;align-items:center;gap:.4rem;padding:.75rem 1rem;background:var(--card2);border-bottom:1px solid var(--line);font-size:.82rem;font-weight:600;color:#cfc9ee}
.ui-bar i{width:10px;height:10px;border-radius:50%;background:#3a3262;display:inline-block}
.ui-bar i:nth-child(1){background:#ff5d73}.ui-bar i:nth-child(2){background:#ffb347}.ui-bar i:nth-child(3){background:#7dffb8}
.ui-bar span{margin-left:.6rem}
.ui-live{margin-left:auto;font-style:normal;display:inline-flex;align-items:center;gap:.4rem;color:var(--mint);font-weight:700;font-size:.78rem}
.ui-live b{width:8px;height:8px;border-radius:50%;background:var(--mint);animation:blink 1.4s ease-in-out infinite}
@keyframes blink{50%{opacity:.25}}
.ui-body{padding:1.1rem 1.1rem 1.2rem}
.ui-note{margin:.9rem 0 0;font-size:.86rem;color:var(--mute)}
.ui-btn{margin-top:.9rem;display:inline-block;padding:.45rem 1rem;border-radius:999px;background:rgba(255,255,255,.07);color:#fff;font-weight:700;font-size:.84rem;border:1px solid var(--line2)}
.up{color:var(--mint);font-weight:700;font-size:.82rem}
/* dashboard */
.ui-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;padding:1rem 1rem 0}
.ui-stats div{background:var(--card2);border-radius:12px;padding:.65rem .75rem}
.ui-stats small{display:block;color:var(--mute);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.ui-stats b{display:block;color:#fff;font:700 1.25rem var(--f-head);margin:.1rem 0}
.ui-chart{display:block;width:calc(100% - 2rem);height:104px;margin:.9rem 1rem 0}
.ui-chart .ui-line{stroke:#ff8a6b}
.ui-feed{list-style:none;margin:0;padding:.7rem 1rem 1rem;display:grid;gap:.1rem}
.ui-body .ui-feed{padding:.2rem 0 0}
.ui-feed li{display:grid;grid-template-columns:12px 1fr auto auto;gap:.7rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--line);font-size:.9rem}
.ui-feed li:last-child{border-bottom:0}
.ui-feed span{color:#fff;font-weight:600}.ui-feed em{font-style:normal;color:var(--mute);font-size:.85rem}.ui-feed b{color:#fff;font-weight:700}
.ui-feed .d{width:9px;height:9px;border-radius:50%;background:var(--mint)}.ui-feed .d.ring{background:var(--amber);animation:blink 1s infinite}.ui-feed .d.no{background:var(--coral)}
.ui-feed.q li{grid-template-columns:1fr auto}
.ui-feed.q em{padding:.15rem .7rem;border-radius:999px;font-weight:700;font-size:.78rem}
.ui-feed.q em.g{background:rgba(125,255,184,.14);color:var(--mint)}.ui-feed.q em.w{background:rgba(255,179,71,.15);color:var(--amber)}.ui-feed.q em.p{background:rgba(255,93,115,.16);color:#ff8a9a}
/* live call card */
.ui-call{padding:1.1rem}
.ui-call-top{display:flex;align-items:center;gap:.8rem}
.ui-call-top b{display:block;color:#fff}.ui-call-top small{color:var(--mute)}
.av,.av2{width:42px;height:42px;border-radius:50%;background:var(--grad2);color:#fff;font-weight:800;display:grid;place-items:center;flex:0 0 auto}
.ui-call .wave{height:56px;margin:.9rem 0;padding:0;gap:3px;display:flex;align-items:center}
.ui-call .wave::before,.ui-call .wave::after{display:none}
.ui-call .wave i{width:5px;flex:1;height:auto;animation:eq 1.1s ease-in-out infinite alternate}
.ui-call-foot{display:flex;justify-content:space-between;align-items:center;color:var(--mute);font-size:.9rem}
.ui-call-foot strong{color:var(--mint);font:700 1.15rem var(--f-head)}
/* routing (svg) */
.ui-route{padding:1rem;background:var(--card)}
.ui-svg{display:block;width:100%;height:auto}
.flow{animation:flow 1.6s linear infinite}
@keyframes flow{to{stroke-dashoffset:-26}}
/* sources and bars */
.bar-row{display:grid;grid-template-columns:96px 1fr 44px;gap:.7rem;align-items:center;padding:.38rem 0;font-size:.9rem}
.bar-row span{color:#fff;font-weight:600}.bar-row b{text-align:right;color:#fff}
.bar{height:10px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.bar i{display:block;height:100%;width:var(--w);border-radius:99px;animation:grow 1.4s cubic-bezier(.2,.8,.2,1) both}
@keyframes grow{from{width:0}}
.ui-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}
.ui-chips span{padding:.3rem .8rem;border-radius:999px;background:var(--card2);border:1px solid var(--line);font-size:.82rem;color:var(--mute)}.ui-chips b{color:#fff}
/* earnings */
.pay-total{padding-bottom:.5rem;border-bottom:1px solid var(--line);margin-bottom:.4rem}
.pay-total small{display:block;color:var(--mute);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.pay-total b{display:block;color:#fff;font:800 1.9rem var(--f-head);margin:.1rem 0 .2rem}
/* auction */
.auc-call{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem;padding:.7rem;background:var(--card2);border-radius:14px}
.auc-call b{display:block;color:#fff}.auc-call small{color:var(--mute)}
.auc-row{display:grid;grid-template-columns:70px 1fr 64px;gap:.7rem;align-items:center;padding:.4rem 0;font-size:.92rem}
.auc-row>span{color:#cfc9ee;font-weight:600}.auc-row>b{text-align:right;color:#fff}
.auc-row .bar{height:14px}.auc-row .bar i{background:linear-gradient(90deg,#5a4c9a,#a99bff)}
.auc-row.win .bar i{background:var(--grad)}.auc-row.win>b{color:var(--amber)}
.auc-row.r1 .bar i{animation-delay:.1s}.auc-row.r2 .bar i{animation-delay:.25s}.auc-row.r3 .bar i{animation-delay:.4s}.auc-row.r4 .bar i{animation-delay:.55s}
.auc-win{margin-top:.8rem;padding:.7rem .9rem;border-radius:12px;background:rgba(125,255,184,.1);color:var(--mint);font-weight:600;animation:fadeup .6s 1.6s both}
.auc-win span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--mint);color:#0d0920;font-size:.75rem;margin-right:.4rem}
.auc-win b{color:#fff}
@keyframes fadeup{from{opacity:0;transform:translateY(8px)}}
/* transcript */
.tr-l{padding:.65rem .9rem;margin-bottom:.5rem;border-radius:14px;background:var(--card2);color:#fff;max-width:92%;animation:fadeup .6s both}
.tr-l em{display:block;font-style:normal;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--amber);font-weight:700;margin-bottom:.1rem}
.tr-l.c{margin-left:auto;background:#2a1f55}.tr-l.c em{color:var(--sky)}
.tr-l.t1{animation-delay:.2s}.tr-l.t2{animation-delay:1s}.tr-l.t3{animation-delay:1.8s}.tr-l.t4{animation-delay:2.6s}
.tr-sum{margin-top:.8rem;padding:.9rem;border-radius:14px;border:1px dashed var(--line2);color:#fff;animation:fadeup .6s 3.4s both}
.tr-sum small{display:block;color:var(--amber);text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:.7rem;margin-bottom:.2rem}
.tr-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}
.tr-chips span{padding:.2rem .7rem;border-radius:999px;background:var(--card2);font-size:.78rem;color:#cfc9ee}.tr-chips .g{background:rgba(125,255,184,.14);color:var(--mint)}
/* webhook */
.ui-wh{padding:1.1rem}
.wh-grid{display:grid;grid-template-columns:130px 40px 1fr;gap:.6rem;align-items:center}
.wh-ev{display:grid;gap:.4rem}.wh-ev small{color:var(--mute);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700}
.wh-ev span{padding:.4rem .7rem;border-radius:10px;background:var(--card2);color:#cfc9ee;font:600 .78rem ui-monospace,Menlo,Consolas,monospace;animation:hl 6s infinite}
.wh-ev .e1{animation-delay:0s}.wh-ev .e2{animation-delay:1.5s}.wh-ev .e3{animation-delay:3s}.wh-ev .e4{animation-delay:4.5s}
@keyframes hl{0%,22%{box-shadow:inset 0 0 0 1.5px var(--amber);color:#fff}26%,100%{box-shadow:none}}
.wh-arrow{display:flex;justify-content:center;gap:3px}.wh-arrow i{width:7px;height:7px;border-top:2.5px solid var(--amber);border-right:2.5px solid var(--amber);transform:rotate(45deg);animation:blink 1.2s infinite}
.wh-arrow i:nth-child(2){animation-delay:.2s}.wh-arrow i:nth-child(3){animation-delay:.4s}
.wh-code{margin:0;padding:.9rem 1rem;border-radius:14px;background:#080515;border:1px solid var(--line);font:500 .8rem/1.6 ui-monospace,Menlo,Consolas,monospace;color:#cfc9ee;overflow:auto;white-space:pre}
.wh-code b{color:var(--amber)}.wh-code u{text-decoration:none;color:var(--sky)}.wh-code s{text-decoration:none;color:var(--mint)}
.wh-dest{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.9rem}
.wh-dest span{padding:.3rem .8rem;border-radius:999px;border:1px solid var(--line2);font-size:.8rem;color:#cfc9ee}
/* setup */
.su-prog{height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin-bottom:.9rem}
.su-prog i{display:block;height:100%;width:100%;background:var(--grad);animation:prog 8s ease-in-out infinite;transform-origin:left}
@keyframes prog{0%{transform:scaleX(.05)}60%,100%{transform:scaleX(1)}}
.su-row{display:flex;align-items:center;gap:.8rem;padding:.7rem .8rem;border-radius:14px;margin-bottom:.45rem;background:var(--card2)}
.su-row b{display:block;color:#fff;font-size:.95rem}.su-row small{color:var(--mute)}
.su-ck{width:28px;height:28px;border-radius:50%;background:var(--grad);display:grid;place-items:center;flex:0 0 auto;animation:pop .5s both}
.su-ck svg{stroke:#0d0920}
.su-row.s1 .su-ck{animation-delay:.4s}.su-row.s2 .su-ck{animation-delay:1.2s}.su-row.s3 .su-ck{animation-delay:2s}.su-row.s4 .su-ck{animation-delay:2.8s}
@keyframes pop{from{transform:scale(0);opacity:0}}
/* number swap */
.dni-visit{display:grid}.dni-visit span,.dni-num b{grid-area:1/1}
.dni-visit span{padding:.5rem .8rem;border-radius:12px;background:var(--card2);color:#cfc9ee;font-size:.88rem;animation:swap 9s infinite}.dni-visit b{color:var(--amber)}
.dni-visit .v2,.dni-num .n2{animation-delay:3s}.dni-visit .v3,.dni-num .n3{animation-delay:6s}
.dni-card{margin-top:.8rem;padding:1rem 1.1rem;border-radius:16px;border:1px solid var(--line2);background:linear-gradient(135deg,rgba(255,93,115,.14),rgba(255,179,71,.08))}
.dni-card small{display:block;color:var(--mute);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700}
.dni-num{display:grid}.dni-num b{color:#fff;font:800 1.5rem var(--f-head);animation:swap 9s infinite}
@keyframes swap{0%,4%{opacity:0;transform:translateY(8px)}8%,30%{opacity:1;transform:none}34%,100%{opacity:0;transform:translateY(-8px)}}
.dni-visit span,.dni-num b{opacity:0}
.dni-visit .v1,.dni-num .n1{animation-delay:0s}

/* globe */
.world-in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.globe{position:relative;max-width:520px;margin-inline:auto;width:100%}
.globe canvas{width:100%;height:auto;aspect-ratio:1;display:block}
.regions{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0 0}
.regions span{padding:.4rem .95rem;border-radius:999px;border:1px solid var(--line2);background:var(--card);color:#fff;font-weight:600;font-size:.9rem}
.regions p{flex-basis:100%;margin:.6rem 0 0;font-size:.88rem;color:var(--mute)}
.world .lead{margin-bottom:0}
.world .h2{margin-bottom:1.2rem}
.world .globe{margin-bottom:1rem}
.ctas-dark{}

/* setup + roles */
.setup{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.trio-c{display:flex;flex-direction:column;gap:.8rem;padding:1.2rem}
.trio-c h3{font-size:1.25rem;margin-top:.4rem}
.trio-c p{margin:0 0 .6rem;flex:1}
.trio-art{margin-bottom:.4rem}
.trio-art .ui{box-shadow:none;background:var(--card2)}
.trio-art .ui-bar{background:var(--bg2)}

/* sub pages */
.page-hero{padding:clamp(3rem,7vw,5.5rem) 0 clamp(2rem,4vw,3rem);background:radial-gradient(800px 380px at 20% 0,rgba(255,93,115,.14),transparent 70%),radial-gradient(600px 300px at 90% 20%,rgba(169,155,255,.12),transparent 70%)}
.ph-in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.page-hero h1{font-size:clamp(1.9rem,4.2vw,3.2rem);max-width:19ch;margin-bottom:1.1rem}
.page-hero.compact{padding-bottom:0}
.page-hero.compact .wrap{text-align:center}.page-hero.compact h1{margin-inline:auto}.page-hero.compact .lead{margin-inline:auto}
.jump{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem}
.jump a{padding:.42rem .95rem;border-radius:999px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:#cfc9ee;font-weight:600;font-size:.88rem;transition:border-color .15s,color .15s}
.jump a:hover{border-color:var(--amber);color:#fff}
.role{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.role-flip .role-art{order:2}
.role-copy .h2{margin-bottom:1rem}
.split-bar{display:flex;gap:.6rem;border-radius:24px;overflow:hidden;margin-top:1rem}
.split-bar>div{flex:0 0 auto;width:0;padding:1.6rem 1.4rem;min-width:0;transition:width 1.4s cubic-bezier(.2,.8,.2,1);border-radius:18px}
.split-bar.in>div{width:calc(var(--w) - .3rem)}
.split-bar .seg-a{background:var(--grad2)}.split-bar .seg-b{background:var(--card2);border:1px solid var(--line2)}
.split-bar b{display:block;font:800 clamp(1.4rem,3vw,2.3rem) var(--f-head);color:#fff;white-space:nowrap}
.split-bar span{font-weight:600;color:#fff}.split-bar .seg-b span{color:var(--txt)}
.split-note{margin-top:1.2rem;color:var(--mute);max-width:70ch}
.chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.chips span{padding:.55rem 1.1rem;border-radius:999px;background:var(--card);border:1px solid var(--line);color:#fff;font-weight:600}

/* log in / sign up */
.gate{padding:clamp(2.5rem,6vw,4.5rem) 0}
.gate-in{display:grid;grid-template-columns:minmax(0,480px) 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:start;justify-content:center}
.gate-card{padding:2rem}
.gate-card h1{font-size:2rem;margin-bottom:1.2rem}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding:.3rem;border-radius:999px;background:var(--bg3);border:1px solid var(--line);margin-bottom:1.2rem}
.seg label{display:block;cursor:pointer}.seg input{position:absolute;opacity:0}
.seg span{display:block;text-align:center;padding:.55rem;border-radius:999px;font-weight:700;color:var(--mute)}
.seg input:checked+span{background:var(--grad2);color:#fff}
.seg input:focus-visible+span{outline:3px solid var(--amber)}
.fld{display:block;margin-bottom:1rem;font-weight:600;color:#fff;font-size:.93rem}
.fld input{display:block;width:100%;margin-top:.4rem;padding:.8rem 1rem;border-radius:12px;border:1.5px solid var(--line2);background:var(--bg3);color:#fff;font:400 1rem var(--f-body)}
.fld input:focus{outline:0;border-color:var(--amber);box-shadow:0 0 0 3px rgba(255,179,71,.18)}
.gate-card .fine{margin:1rem 0 0}
.gate-side h2{font-size:1.3rem;margin:1.4rem 0 .6rem}
.gate-side p{margin:.3rem 0}.gate-side b{color:#fff}
.pick{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;max-width:980px;margin:0 auto 1.6rem}
.pick-card{padding:2rem}
.pick-card h2{font-size:1.5rem;margin-bottom:.3rem}
.pick-role{color:var(--amber);font-weight:700;margin:0 0 .6rem}
.site .alert,.site .flash{border-radius:12px}

/* footer */
.foot{background:var(--bg3);border-top:1px solid var(--line);padding-top:3.5rem;color:var(--txt)}
.foot-in{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2rem}
.foot-note{max-width:38ch;margin:.9rem 0 0;color:var(--mute)}
.foot h2{font:700 .78rem var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0 0 .8rem}
.foot nav a{display:block;text-decoration:none;color:#cfc9ee;padding:.2rem 0}.foot nav a:hover{color:#fff}
.foot-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;margin-top:2.5rem;padding:1.4rem 0;border-top:1px solid var(--line);font-size:.92rem;color:var(--mute)}
.foot-base .bfount{color:#fff;font-weight:700}

/* scroll reveal */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.js .rv.in{opacity:1;transform:none}

/* chat */
.chat-fab{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;align-items:center;gap:.6rem;background:var(--grad2);color:#fff;border:0;border-radius:999px;padding:.85rem 1.2rem .85rem 1rem;font:700 1rem var(--f-body);cursor:pointer;box-shadow:0 14px 30px -10px rgba(255,93,115,.8);transition:transform .15s}
.chat-fab:hover{transform:translateY(-2px)}
.chat-fab svg{width:24px;height:24px}
.chat-fab .badge{background:#fff;color:#d6304a;border-radius:999px;font-size:.75rem;min-width:20px;height:20px;display:none;align-items:center;justify-content:center;padding:0 5px}
.chat-fab.has-new .badge{display:inline-flex}
.chat{position:fixed;right:20px;bottom:20px;z-index:95;width:min(380px,100vw - 24px);height:min(560px,100vh - 40px);background:var(--card);border:1px solid var(--line2);border-radius:24px;box-shadow:0 30px 70px -20px #000;display:none;flex-direction:column;overflow:hidden}
.chat.open{display:flex;animation:chatin .22s ease}
@keyframes chatin{from{opacity:0;transform:translateY(14px) scale(.98)}}
.chat-head{background:var(--grad2);color:#fff;padding:1rem 1.1rem;display:flex;align-items:center;gap:.8rem}
.chat-head .av{width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center}
.chat-head .av svg{stroke:#d6304a}
.chat-head b{display:block;font:700 1rem var(--f-head);color:#fff}.chat-head small{opacity:.92}
.chat-head button{margin-left:auto;background:rgba(255,255,255,.22);border:0;color:#fff;width:34px;height:34px;border-radius:50%;font-size:1.2rem;cursor:pointer}
.chat-log{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.55rem;background:var(--bg)}
.msg{max-width:84%;padding:.6rem .9rem;border-radius:18px;font-size:.96rem;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}
.msg.them{background:var(--card2);color:#fff;border-bottom-left-radius:5px;align-self:flex-start}
.msg.me{background:var(--coral);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}
.msg small{display:block;opacity:.6;font-size:.72rem;margin-top:.15rem}
.quick{display:flex;flex-wrap:wrap;gap:.45rem;padding:0 1rem .7rem;background:var(--bg)}
.quick button{background:transparent;border:1.5px solid var(--line2);color:#fff;border-radius:999px;padding:.4rem .85rem;font:600 .86rem var(--f-body);cursor:pointer}
.quick button:hover{border-color:var(--amber)}
.chat-intro{padding:.8rem 1rem;background:var(--card);border-top:1px solid var(--line);display:none;gap:.5rem;flex-direction:column}
.chat-intro.show{display:flex}
.chat-intro input,.chat-form textarea{width:100%;font:400 .98rem var(--f-body);padding:.6rem .8rem;border:1.5px solid var(--line2);border-radius:12px;background:var(--bg3);color:#fff}
.chat-intro input:focus,.chat-form textarea:focus{outline:0;border-color:var(--amber)}
.chat-form{display:flex;gap:.5rem;padding:.7rem;background:var(--card);border-top:1px solid var(--line);align-items:flex-end}
.chat-form textarea{resize:none;height:44px;max-height:100px}
.chat-form button{background:var(--grad2);border:0;border-radius:50%;width:44px;height:44px;cursor:pointer;display:grid;place-items:center;flex:0 0 auto}
.chat-form button svg{width:20px;height:20px;stroke:#fff}
.hp{position:absolute;left:-9999px}

@media (max-width:1020px){
  .quad,.tiles-f{grid-template-columns:repeat(2,1fr)}
  .feat,.role,.world-in,.setup,.ph-in,.gate-in,.pick{grid-template-columns:1fr}
  .feat-flip .feat-copy,.role-flip .role-art{order:0}
  .trio,.pillars,.grid6{grid-template-columns:1fr 1fr}
  .ctas-stack{min-width:0;width:100%}
  .globe{max-width:420px}
}
@media (max-width:760px){
  .wrap{width:min(1180px,100% - 2.2rem)}
  .nav-toggle{display:block}
  .menu{position:absolute;left:0;right:0;top:74px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:.75rem 1.1rem 1.25rem;display:none}
  .menu.open{display:flex}
  .menu a{padding:.85rem 1rem}
  .menu-gap{display:none}.site .menu a.btn{margin:.5rem 0 0;justify-content:center}
  .quad,.tiles-f,.trio,.pillars,.grid6{grid-template-columns:1fr}
  .foot-in{grid-template-columns:1fr}
  .split-bar{flex-direction:column}.split-bar>div{width:100%!important;transition:none}
  .ui-stats{grid-template-columns:repeat(2,1fr)}
  .wh-grid{grid-template-columns:1fr}.wh-arrow{transform:rotate(90deg);padding:.4rem 0}
  .chips-g{margin-top:-1.4rem}.chip-g{min-width:0;width:100%}
  .wave i:nth-child(n+41){display:none}
  .bar-row{grid-template-columns:78px 1fr 40px}
  .gate-card,.pick-card{padding:1.4rem}
  .chat{right:0;bottom:0;width:100vw;height:100dvh;max-height:none;border-radius:0}
  .chat-fab span.t{display:none}.chat-fab{padding:.9rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .dni-visit .v1,.dni-num .n1{opacity:1}
  .js .rv{opacity:1;transform:none}
}

/* brand logo + demo video */
.brand-img{height:50px;width:auto;display:block}.foot .brand-img{height:56px}
.demo-head{text-align:center;margin-bottom:1.6rem}
.demo-frame{max-width:980px;margin:0 auto;border-radius:20px;overflow:hidden;background:#000;border:1px solid var(--line2);box-shadow:0 30px 80px -30px rgba(255,93,115,.45),0 0 0 6px rgba(255,255,255,.03)}
.demo-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000}
@media(max-width:640px){.brand-img{height:34px}.demo-frame{border-radius:14px}}
.demo{scroll-margin-top:90px}