:root{
  --purple:#6741ee;
  --purple-2:#8a68ff;
  --purple-3:#b5a2ff;
  --deep:#0b0715;
  --deep-2:#151024;
  --ink:#16121f;
  --muted:#756f7f;
  --paper:#f7f6f8;
  --white:#fff;
  --line:#e7e3ea;
  --lime:#d8ff7c;
  --green:#2ba66d;
  --orange:#c57b35;
  --r:30px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:var(--paper);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
button{font:inherit;color:inherit}
.shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.scroll-progress{position:fixed;z-index:120;left:0;top:0;height:2px;width:0;background:linear-gradient(90deg,#8a68ff,#d8ff7c);pointer-events:none}
.cursor-light{position:fixed;z-index:0;width:340px;height:340px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(126,91,255,.09),transparent 68%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s}

/* GLASS NAV */
.header{position:fixed;top:14px;left:0;right:0;z-index:100;pointer-events:none}
.glass-nav{
  height:58px;border-radius:18px;padding:0 11px 0 17px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  background:rgba(250,249,252,.68);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 10px 35px rgba(18,10,39,.08),inset 0 1px 0 rgba(255,255,255,.8);
  backdrop-filter:blur(25px) saturate(150%);
  pointer-events:auto;
}
.brand{width:113px;display:flex}.brand img{width:100%;height:auto;display:block}
.nav-links{display:flex;gap:27px;align-items:center;font-size:12px;color:#5c5665;font-weight:600}
.nav-links a{transition:.22s}.nav-links a:hover{color:var(--purple)}
.nav-cta{display:flex;align-items:center;gap:12px}.nav-text{font-size:11px;font-weight:650;color:#4e475b}
.pill{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border-radius:999px;border:1px solid transparent;padding:12px 17px;
  font-size:12px;font-weight:700;transition:transform .22s,box-shadow .22s,background .22s;
}
.pill:hover{transform:translateY(-2px)}
.pill-purple{background:var(--purple);color:white;box-shadow:0 8px 20px rgba(103,65,238,.19);padding:10px 15px}
.pill-light{background:white;color:#201632;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.pill-glass{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22);color:white;backdrop-filter:blur(12px)}
.pill-large{padding:15px 21px;font-size:13px}
.menu{display:none;width:38px;height:38px;border:0;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu span{width:17px;height:1.5px;background:#2a2432}

/* HERO */
.hero{
  min-height:100svh;background:
    radial-gradient(circle at 72% 42%,rgba(119,80,255,.23),transparent 28rem),
    radial-gradient(circle at 45% 0%,rgba(105,69,239,.11),transparent 30rem),
    linear-gradient(180deg,#100a1d 0%,#0b0715 100%);
  color:white;position:relative;overflow:hidden;padding:130px 0 55px;
}
.hero:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:180px;
  background:linear-gradient(180deg,transparent,#0b0715);
  pointer-events:none
}
.hero-halo{position:absolute;border:1px solid rgba(255,255,255,.055);border-radius:50%;pointer-events:none}
.halo-a{width:900px;height:900px;right:-280px;top:-210px;box-shadow:0 0 0 110px rgba(255,255,255,.008),0 0 0 220px rgba(255,255,255,.006)}
.halo-b{width:540px;height:540px;left:-280px;bottom:-130px}
.hero-inner{position:relative;z-index:2}
.hero-copy{text-align:center;max-width:1000px;margin-inline:auto}
.overline{font-size:10px;letter-spacing:.18em;font-weight:700;color:#a993ff}
.hero h1{
  font-size:clamp(72px,10vw,150px);line-height:.86;letter-spacing:-.075em;
  margin:27px 0 30px;font-weight:700;
}
.hero h1 span{
  color:transparent;
  background:linear-gradient(90deg,#cabdff 0%,#8b68ff 45%,#e0d8ff 100%);
  -webkit-background-clip:text;background-clip:text;
}
.hero-lead{font-size:clamp(17px,2vw,22px);line-height:1.55;color:#a9a3b4;max-width:760px;margin:0 auto}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:33px}.hero-copy .hero-actions{justify-content:center}
.hero-device{width:min(1000px,94%);margin:72px auto 0;position:relative;perspective:1500px}
.device-glow{position:absolute;inset:12% 8% -8%;background:#7a4fff;filter:blur(110px);opacity:.24;border-radius:50%}
.device{
  position:relative;border-radius:25px;overflow:hidden;
  border:1px solid rgba(255,255,255,.17);
  background:rgba(255,255,255,.05);
  box-shadow:0 48px 120px rgba(0,0,0,.45),0 2px 0 rgba(255,255,255,.1) inset;
  transform:rotateX(2deg) translateZ(0);
}
.device-top{height:46px;display:grid;grid-template-columns:100px 1fr 100px;align-items:center;padding:0 15px;background:rgba(250,249,252,.94);color:#383140}
.traffic{display:flex;gap:6px}.traffic i{width:7px;height:7px;border-radius:50%;background:#d9d4dd}.traffic i:first-child{background:#ff8e98}.traffic i:nth-child(2){background:#f1cd6b}.traffic i:nth-child(3){background:#6fd191}
.browser-address{justify-self:center;width:min(350px,100%);text-align:center;background:#eeeaf1;border-radius:9px;padding:7px;font-size:8px;color:#777080}.browser-address span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#5cbf7f;margin-right:5px}
.device-actions{justify-self:end;font-size:11px;color:#a39da8}
.app-shell{display:grid;grid-template-columns:64px 1fr;background:#f7f6f9;min-height:500px;color:#1a1621}
.app-side{background:#f0edf4;border-right:1px solid #dfd9e4;display:flex;flex-direction:column;align-items:center;padding-top:17px;gap:15px}.app-side img{width:29px;height:29px;object-fit:contain;margin-bottom:13px}.side-dot{width:27px;height:27px;border:0;background:#e2dce7;border-radius:9px}.side-dot.active{background:#ded3ff}
.app-content{padding:22px 25px 27px}.app-header{display:flex;justify-content:space-between;align-items:center}.app-header small{font-size:7px;letter-spacing:.12em;color:#9a93a1}.app-header h3{font-size:17px;margin:3px 0}.app-avatar{width:31px;height:31px;border-radius:50%;background:#1e152c;color:white;display:grid;place-items:center;font-size:8px;font-weight:700}
.app-title{display:flex;justify-content:space-between;align-items:end;margin-top:22px}.app-title h4{font-size:25px;letter-spacing:-.045em;margin:0}.app-title button{font-size:7px;border:1px solid #ded9e2;background:white;padding:8px 9px;border-radius:8px}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.metrics article{background:white;border:1px solid #e5e0e9;border-radius:13px;padding:13px;box-shadow:0 8px 24px rgba(29,18,48,.03)}.metrics span,.metrics small{font-size:7px;color:#918a98;display:block}.metrics b{font-size:22px;display:block;margin:5px 0 2px}.metrics small.up{color:#2c9766}.metrics small.warn{color:#ce6f4a}
.dashboard{display:grid;grid-template-columns:1fr 1.08fr;gap:11px;margin-top:11px}.chart-card,.booking-card{background:white;border:1px solid #e5e0e9;border-radius:14px;padding:13px;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:start}.card-head div{display:flex;flex-direction:column}.card-head b{font-size:9px}.card-head small{font-size:6px;color:#9d96a3;margin-top:2px}.card-head strong{font-size:18px;color:var(--purple)}.live{font-size:5px;padding:4px 5px;background:#eee9ff;color:var(--purple);border-radius:999px;font-weight:800}
.mini-chart{height:145px;display:flex;align-items:end;gap:7px;padding:17px 2px 5px;border-bottom:1px solid #ece7ef}.mini-chart i{height:var(--h);flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#7955fa,#b09aff)}
.appt{display:grid;grid-template-columns:37px 1fr auto;gap:7px;align-items:center;padding:12px 0;border-bottom:1px solid #efebf2}.appt:last-child{border:0}.appt time{font-size:7px;color:#6e6774}.appt span{display:flex;flex-direction:column}.appt span b{font-size:7px}.appt span small{font-size:6px;color:#97909c;margin-top:2px}.appt em{font-size:5px;font-style:normal;padding:4px 5px;border-radius:999px;background:#e7f6ed;color:#31805b}.appt em.waiting{background:#fff1e5;color:#b77431}
.float-chip{position:absolute;z-index:5;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.76);box-shadow:0 18px 55px rgba(0,0,0,.18);backdrop-filter:blur(18px);border-radius:15px;padding:10px 12px;display:flex;align-items:center;gap:9px;color:#20172d}.float-chip>span{width:33px;height:33px;border-radius:10px;background:#e8e0ff;color:var(--purple);display:grid;place-items:center;font-size:10px}.float-chip div{display:flex;flex-direction:column}.float-chip small{font-size:6px;color:#827989}.float-chip b{font-size:9px;margin-top:2px}.chip-left{left:-34px;bottom:50px}.chip-right{right:-35px;top:85px}
.hero-caption{margin-top:33px;display:grid;grid-template-columns:auto auto 1fr auto;gap:13px;align-items:center;color:#70697c}.hero-caption span{font-size:8px;color:#a591ef}.hero-caption p{font-size:9px;letter-spacing:.08em;text-transform:uppercase}.hero-caption i{height:1px;background:#2d2638}.hero-caption small{font-size:7px;letter-spacing:.13em}

/* MANIFESTO */
.manifesto{background:#fff;padding:180px 0}
.dark-overline{color:var(--purple)}
.manifesto-title{margin:30px 0 0;font-size:clamp(58px,8.5vw,118px);line-height:.92;letter-spacing:-.07em;font-weight:650}
.manifesto-title .line{display:block}.manifesto-title em{font-style:normal;color:var(--purple)}.manifesto-title .muted-line{color:#d6d2d9}

/* STORY */
.story{background:#fff;padding:40px 0 160px}
.story-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:start}
.story-copy{padding-top:70px;position:sticky;top:100px}
.story-step{padding:35px 0;border-bottom:1px solid var(--line);opacity:.30;transition:opacity .35s,transform .35s;cursor:default}.story-step.active{opacity:1;transform:translateX(5px)}.story-step>span{font-size:9px;color:var(--purple);font-weight:800}.story-step h3{font-size:40px;letter-spacing:-.045em;margin:11px 0 8px}.story-step p{font-size:14px;line-height:1.65;color:var(--muted);max-width:440px;margin:0}
.story-stage{height:2100px;position:relative}.stage-light{position:absolute;left:50%;top:260px;transform:translateX(-50%);width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(114,76,242,.14),transparent 70%);filter:blur(15px)}
.phone-stage{position:sticky;top:105px;min-height:750px;display:flex;align-items:center;justify-content:center;flex-direction:column}
.phone{width:355px;height:690px;background:#0a0810;border-radius:54px;padding:9px;box-shadow:0 35px 85px rgba(36,18,75,.22),0 0 0 1px #2c2731 inset;position:relative}.phone:before{content:"";position:absolute;inset:3px;border:1px solid #403b44;border-radius:51px;pointer-events:none}.phone-island{position:absolute;z-index:10;top:17px;left:50%;transform:translateX(-50%);width:93px;height:24px;border-radius:16px;background:#08070b}.phone-screen{height:100%;border-radius:46px;background:#f7f6f8;color:var(--ink);padding:43px 22px 20px;overflow:hidden;position:relative}.phone-brand{display:flex;align-items:center;gap:8px}.phone-brand img{width:31px;height:31px;object-fit:contain}.phone-brand span{font-size:10px;font-weight:700}
.scene{position:absolute;left:22px;right:22px;top:92px;bottom:20px;opacity:0;transform:translateY(18px) scale(.985);pointer-events:none;transition:opacity .55s,transform .55s}.scene.active{opacity:1;transform:none;pointer-events:auto}.scene>small{font-size:7px;color:var(--purple);font-weight:800;letter-spacing:.12em}.scene h4{font-size:30px;line-height:1.02;letter-spacing:-.045em;margin:11px 0 24px}
.mobile-item{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;width:100%;padding:12px;border:1px solid #e8e3eb;border-radius:13px;background:#fff;text-align:left;margin-bottom:8px}.mobile-item.selected{border-color:#c5b5f8;background:#fcfaff}.mobile-item i{width:35px;height:35px;border-radius:10px;background:#eee9ff;color:var(--purple);display:grid;place-items:center;font-style:normal}.mobile-item span{display:flex;flex-direction:column}.mobile-item b{font-size:9px}.mobile-item small{font-size:7px;color:#948d9a;margin-top:2px}.mobile-item em{font-style:normal;color:#a19aa5}
.phone-dates{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:20px}.phone-dates span{padding:10px 4px;border:1px solid #e7e2e9;border-radius:10px;text-align:center;font-size:6px;color:#918a96;line-height:1.8}.phone-dates b{font-size:10px;color:#27222c}.phone-dates .chosen{background:var(--purple);color:#ddd3ff;border-color:var(--purple)}.phone-dates .chosen b{color:white}.phone-cta{position:absolute;left:0;right:0;bottom:0;width:100%;border:0;border-radius:13px;background:var(--purple);color:white;padding:13px;font-size:9px;font-weight:700}
.booking-detail{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;padding:13px;background:white;border:1px solid #e8e3eb;border-radius:14px}.profile{width:44px;height:44px;border-radius:50%;background:var(--deep-2);color:white;display:grid;place-items:center;font-size:10px}.booking-detail>div:nth-child(2){display:flex;flex-direction:column}.booking-detail b{font-size:10px}.booking-detail small{font-size:7px;color:#928b98;margin-top:3px}.booking-detail em{font-style:normal;font-size:6px;padding:5px 7px;border-radius:999px;background:#e7f6ed;color:#2d7c59}.detail-list{margin-top:16px;background:white;border:1px solid #e8e3eb;border-radius:14px;padding:5px 13px}.detail-list div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eeeaf0}.detail-list div:last-child{border:0}.detail-list span{font-size:8px;color:#938c99}.detail-list b{font-size:8px}.detail-list b.green{color:var(--green)}.connected-pill{margin-top:15px;padding:11px;border-radius:12px;background:#eee9ff;color:#6244d1;font-size:8px;text-align:center;font-weight:700}
.phone-kpi{background:white;border:1px solid #e8e3eb;border-radius:16px;padding:16px}.phone-kpi span,.phone-kpi small{display:block}.phone-kpi span{font-size:8px;color:#8b8491}.phone-kpi strong{font-size:49px;letter-spacing:-.06em;display:block;margin:7px 0 1px;color:var(--purple)}.phone-kpi small{font-size:7px;color:var(--green)}.phone-bars{height:150px;display:flex;align-items:end;gap:7px;border-bottom:1px solid #ded9e1;padding:20px 8px 0}.phone-bars i{height:var(--h);flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#7957f2,#b9a8ff)}.phone-insight{display:flex;gap:10px;align-items:center;margin-top:20px;padding:13px;border:1px solid #e4ddf7;border-radius:13px;background:#f1edff}.phone-insight>span{width:34px;height:34px;border-radius:10px;background:var(--purple);color:white;display:grid;place-items:center}.phone-insight p{display:flex;flex-direction:column;margin:0}.phone-insight b{font-size:8px}.phone-insight small{font-size:7px;color:#7c7486;margin-top:2px}
.stage-caption{display:flex;align-items:center;gap:12px;margin-top:23px}.stage-caption span{width:30px;height:30px;border-radius:50%;border:1px solid #d9d4dc;display:grid;place-items:center;font-size:7px;color:var(--purple)}.stage-caption p{font-size:10px;color:#77717c}

/* DATA REVEAL */
.data-reveal{background:#09060f;color:white;padding:170px 0;position:relative;overflow:hidden}.data-bg{position:absolute;width:900px;height:900px;border-radius:50%;right:-250px;top:-350px;border:1px solid rgba(255,255,255,.05);box-shadow:0 0 0 120px rgba(255,255,255,.008),0 0 0 240px rgba(255,255,255,.006)}.data-inner{position:relative}.light-overline{color:#ae98ff}.data-head{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}.data-head .overline{grid-column:1/-1}.data-head h2{font-size:clamp(55px,7vw,92px);line-height:.93;letter-spacing:-.06em;margin:17px 0 0}.data-head h2 span{color:#7760da}.data-head h2.secondary{text-align:right;color:#615b69}.data-head h2.secondary em{font-style:normal;color:white}
.data-visual{margin-top:85px}.data-glass{border-radius:30px;padding:32px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.11);box-shadow:0 35px 100px rgba(0,0,0,.28);backdrop-filter:blur(18px)}.data-glass-head{display:flex;justify-content:space-between;align-items:start}.data-glass-head small{font-size:7px;letter-spacing:.13em;color:#7e7589}.data-glass-head h3{font-size:18px;margin:6px 0}.data-glass-head>strong{font-size:48px;color:var(--lime);letter-spacing:-.05em}
.data-chart{height:360px;position:relative;margin-top:25px}.grid-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 88px,rgba(255,255,255,.06) 89px)}.data-chart svg{position:absolute;inset:0;width:100%;height:100%}.line{fill:none;stroke:url(#dataLine);stroke-width:3;vector-effect:non-scaling-stroke}.area{fill:url(#dataArea)}
.data-labels{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;color:#6c6474;font-size:7px}.data-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:27px;border-top:1px solid rgba(255,255,255,.08);padding-top:21px}.data-tabs{display:flex;gap:7px;flex-wrap:wrap}.data-tab{border:1px solid #332a3d;background:#17111f;color:#8c8495;border-radius:999px;padding:9px 11px;font-size:8px;cursor:pointer}.data-tab.active{background:var(--lime);color:#231832;border-color:var(--lime);font-weight:800}.insight{display:flex;align-items:center;gap:10px}.insight>span{width:36px;height:36px;border-radius:11px;background:#221731;color:var(--lime);display:grid;place-items:center}.insight p{display:flex;flex-direction:column;margin:0}.insight b{font-size:8px}.insight small{font-size:7px;color:#837b8b;margin-top:3px}
.big-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:100px;border-top:1px solid #272130}.big-stats article{padding:35px 30px;border-right:1px solid #272130}.big-stats article:last-child{border:0}.big-stats strong{font-size:clamp(52px,6vw,80px);letter-spacing:-.06em}.big-stats span{display:block;font-size:10px;color:#7f7788;margin-top:8px}

/* BUSINESS */
.business{background:#fff;padding:160px 0}.section-title h2{font-size:clamp(54px,7vw,91px);line-height:.94;letter-spacing:-.065em;margin:18px 0 65px}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.business-card{min-height:285px;padding:25px;border:1px solid var(--line);border-radius:24px;background:#fff;position:relative;transition:.25s}.business-card:hover{transform:translateY(-6px);box-shadow:0 22px 65px rgba(29,16,58,.08)}.business-card>span{position:absolute;right:22px;top:20px;font-size:8px;color:#aaa3ae}.business-icon{width:47px;height:47px;border-radius:15px;background:#eee9ff;color:var(--purple);display:grid;place-items:center;font-size:18px}.business-card h3{font-size:25px;letter-spacing:-.04em;margin:55px 0 8px}.business-card p{font-size:12px;line-height:1.6;color:var(--muted);max-width:270px}.business-card.accent{background:var(--purple);border-color:var(--purple);color:white}.business-card.accent .business-icon{background:white}.business-card.accent>span{color:#cdbfff}.business-card.accent p{color:#e0d7ff}

/* PRICING */
.v5-pricing{padding:150px 0;background:#f7f5fb;color:#17121f}
.v5-pricing-head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr);gap:70px;align-items:end;margin-bottom:54px}
.v5-pricing-head h2{font-size:clamp(46px,6vw,78px);line-height:.96;letter-spacing:-.06em;margin:18px 0 0}
.v5-pricing-head>p{font-size:14px;line-height:1.7;color:#716a78;margin:0 0 8px}
.v5-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}
.v5-price-card{position:relative;display:flex;flex-direction:column;min-height:505px;padding:30px;border:1px solid #e4dfe9;border-radius:28px;background:#fff;box-shadow:0 18px 55px rgba(34,19,61,.05)}
.v5-price-card.featured{background:#24183f;color:#fff;border-color:#24183f;transform:translateY(-12px);box-shadow:0 28px 75px rgba(58,32,108,.22)}
.v5-price-name{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6541ec}
.v5-price-card.featured .v5-price-name{color:#d8ff7c}
.v5-price-card h3{font-size:34px;letter-spacing:-.045em;margin:24px 0 12px}.v5-price-card h3 small{font-size:11px;letter-spacing:0;color:#8c8592;margin-left:6px}
.v5-price-card>p{font-size:13px;line-height:1.6;color:#77707d;min-height:64px}.v5-price-card.featured>p{color:#cfc7dd}
.v5-price-card ul{list-style:none;margin:20px 0 30px;padding:20px 0 0;border-top:1px solid #ece8f0;display:grid;gap:13px;font-size:12px;color:#4d4653}.v5-price-card.featured ul{border-color:rgba(255,255,255,.13);color:#eee9f7}
.v5-price-card li:before{content:'✓';color:#6741ee;font-weight:900;margin-right:9px}.v5-price-card.featured li:before{color:#d8ff7c}
.v5-price-card>a{margin-top:auto;min-height:50px;border-radius:15px;background:#eee9ff;color:#4d28d0;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:11px;font-weight:800}
.v5-price-card.featured>a{background:#d8ff7c;color:#1d1530}
.v5-price-badge{position:absolute;right:24px;top:22px;font-size:8px;letter-spacing:.13em;background:rgba(216,255,124,.13);color:#d8ff7c;border:1px solid rgba(216,255,124,.25);padding:8px 10px;border-radius:999px}
.v5-pricing-more{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:26px;padding:18px 22px;border:1px solid #e4dfe9;border-radius:18px;background:#fff;font-size:12px;color:#706978}
.v5-pricing-more a{font-weight:800;color:#4f2ed2}.v5-pricing-more b{margin-left:8px}

/* CLOSING */
.closing{min-height:850px;display:flex;align-items:center;background:linear-gradient(145deg,#6840ed,#4e27d2);color:white;position:relative;overflow:hidden;padding:130px 0}.closing-orb{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.15)}.orb-a{width:800px;height:800px;left:50%;top:-520px;transform:translateX(-50%);box-shadow:0 0 0 110px rgba(255,255,255,.025),0 0 0 220px rgba(255,255,255,.017)}.orb-b{width:430px;height:430px;right:-210px;bottom:-140px}.closing-inner{text-align:center;position:relative}.closing-logo{width:min(430px,78%);height:auto;display:block;margin-inline:auto;opacity:1;filter:none;image-rendering:auto;mix-blend-mode:normal}.closing h2{font-size:clamp(72px,10vw,140px);line-height:.86;letter-spacing:-.075em;margin:55px 0 30px}.closing p{font-size:clamp(16px,2vw,21px);line-height:1.55;color:#e1d8ff}.centered{justify-content:center}

/* FOOTER */
footer{background:#08060d;color:#837b89;padding:30px 0}.footer-inner{display:grid;grid-template-columns:135px 1fr auto;align-items:center;gap:30px}.footer-inner>img{width:110px;opacity:.9}.footer-inner p{font-size:9px;letter-spacing:.13em;text-align:center}.footer-inner>div{display:flex;gap:18px;font-size:9px}.footer-inner small{grid-column:1/-1;border-top:1px solid #25202b;padding-top:16px;font-size:8px}

/* REVEALS */
.reveal{opacity:0;transform:translateY(26px);filter:blur(8px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1),filter .85s}.reveal.visible{opacity:1;transform:none;filter:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}

/* RESPONSIVE */
@media(max-width:1050px){
  .story-shell{grid-template-columns:1fr;gap:20px}.story-copy{position:relative;top:0;padding-top:10px}.story-stage{height:1600px}.story-step{display:inline-block;width:31%;vertical-align:top;border-bottom:0;border-top:1px solid var(--line);margin-right:2%;padding:24px 0}.story-step h3{font-size:28px}.story-step p{font-size:12px}
  .data-head{grid-template-columns:1fr}.data-head h2.secondary{text-align:left}.business-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .shell{width:min(100% - 28px,1240px)}
  .header{top:8px}.glass-nav{height:54px;border-radius:16px;padding-left:14px}.brand{width:102px}.nav-links{display:none;position:absolute;top:61px;left:14px;right:14px;flex-direction:column;align-items:stretch;background:rgba(252,251,253,.95);border:1px solid white;border-radius:17px;padding:8px;box-shadow:0 20px 55px rgba(22,12,48,.14);backdrop-filter:blur(25px)}.nav-links.open{display:flex}.nav-links a{padding:12px 10px;border-bottom:1px solid #eeeaf1}.nav-links a:last-child{border:0}.nav-text,.nav-cta>.pill{display:none}.menu{display:flex}
  .hero{padding-top:110px}.hero h1{font-size:clamp(65px,20vw,96px)}.hero-lead{font-size:16px}.hero-device{width:100%;margin-top:55px}.device{border-radius:19px}.device-top{grid-template-columns:60px 1fr 60px}.app-shell{grid-template-columns:42px 1fr;min-height:390px}.app-side{gap:10px}.app-side img{width:24px;height:24px}.side-dot{width:23px;height:23px}.app-content{padding:15px 13px}.app-title h4{font-size:18px}.metrics{gap:6px}.metrics article{padding:9px}.metrics b{font-size:15px}.dashboard{grid-template-columns:1fr}.chart-card{display:none}.appt{padding:9px 0}.float-chip{display:none}.hero-caption{grid-template-columns:auto 1fr}.hero-caption p,.hero-caption small{display:none}
  .manifesto{padding:110px 0}.manifesto-title{font-size:clamp(54px,15vw,82px)}
  .story{padding-bottom:100px}.story-copy{display:block}.story-step{width:100%;display:block;margin:0;border-top:1px solid var(--line);padding:20px 0}.story-step p{display:none}.story-stage{height:1450px}.phone-stage{top:78px;min-height:650px}.phone{width:300px;height:590px;border-radius:48px}.phone-screen{border-radius:40px;padding-inline:18px}.scene{left:18px;right:18px;top:87px}.scene h4{font-size:25px}.phone-bars{height:120px}
  .data-reveal{padding:110px 0}.data-head h2{font-size:57px}.data-visual{margin-top:55px}.data-glass{padding:18px;border-radius:23px}.data-glass-head>strong{font-size:34px}.data-chart{height:250px}.data-bottom{align-items:flex-start;flex-direction:column}.insight{width:100%}.big-stats{grid-template-columns:1fr;margin-top:70px}.big-stats article{border-right:0;border-bottom:1px solid #272130;padding-inline:0}.big-stats article:last-child{border-bottom:0}
  .business{padding:100px 0}.section-title h2{font-size:56px}.business-grid{grid-template-columns:1fr}.business-card{min-height:220px}
  .closing{min-height:700px;padding:95px 0}.closing h2{font-size:clamp(70px,20vw,100px)}.closing p br{display:none}
  .footer-inner{grid-template-columns:1fr auto}.footer-inner p{display:none}.footer-inner>div{justify-content:flex-end;flex-wrap:wrap}
}
@media(max-width:480px){
  .hero-actions .pill{width:100%}
  .device-top{display:flex;justify-content:space-between}.browser-address{display:none}
  .metrics article:nth-child(3){display:none}.metrics{grid-template-columns:1fr 1fr}
  .phone{width:284px;height:565px}.stage-caption{margin-top:18px}
  .data-glass-head h3{font-size:14px}.data-chart{height:220px}
  .closing-logo{width:290px}
}
@media(pointer:coarse){.cursor-light{display:none}}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;filter:none;transition:none}.magnetic{transform:none!important}
}


/* ============================================================
   V3.3 — DEDICATED MOBILE EXPERIENCE
   Desktop rules above remain unchanged.
   ============================================================ */
.mobile-hero-demo,
.mobile-scene-dots,
.mobile-bottom-cta{display:none}

@media(max-width:760px){
  /* Mobile feels like its own product page, not compressed desktop. */
  body{background:#fff;padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .shell{width:min(100% - 32px,1240px)}
  .scroll-progress{height:3px}

  /* Navigation: large tactile controls and tighter glass treatment. */
  .header{top:8px}
  .glass-nav{
    height:58px;
    padding:0 8px 0 15px;
    border-radius:18px;
    background:rgba(250,249,252,.82);
    box-shadow:0 10px 35px rgba(18,10,39,.10),inset 0 1px 0 rgba(255,255,255,.86)
  }
  .brand{width:105px}
  .menu{display:flex;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.68)}
  .nav-links{
    top:65px;
    padding:8px;
    border-radius:20px;
  }
  .nav-links a{
    min-height:48px;
    display:flex;align-items:center;
    padding:0 12px;
    font-size:14px
  }

  /* HERO: prioritize message + a tactile booking interaction. */
  .hero{
    min-height:auto;
    padding:104px 0 46px;
    background:
      radial-gradient(circle at 70% 19%,rgba(126,91,255,.28),transparent 17rem),
      linear-gradient(180deg,#100a1d 0%,#090611 100%)
  }
  .hero:after{height:80px}
  .hero-halo{opacity:.6}
  .halo-a{width:500px;height:500px;right:-300px;top:-100px}
  .halo-b{display:none}
  .hero-copy{text-align:left;margin:0}
  .overline{font-size:9px;line-height:1.4}
  .hero h1{
    font-size:clamp(58px,17vw,76px);
    line-height:.91;
    letter-spacing:-.068em;
    margin:20px 0 22px
  }
  .hero-lead{
    margin:0;
    max-width:92%;
    font-size:16px;
    line-height:1.55;
    color:#b2acba
  }
  .hero-copy>.hero-actions{
    justify-content:flex-start;
    margin-top:26px
  }
  .hero-copy>.hero-actions .pill{
    min-height:48px;
    width:auto;
    padding-inline:18px
  }
  .hero-copy>.hero-actions .pill-glass{display:none}

  /* Desktop dashboard is intentionally removed on phone. */
  .hero-device{display:none!important}
  .hero-caption{display:none}

  .mobile-hero-demo{
    display:block;
    margin-top:34px;
    padding:16px;
    border-radius:26px;
    background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(243,239,255,.91));
    color:var(--ink);
    border:1px solid rgba(255,255,255,.76);
    box-shadow:
      0 30px 80px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(255,255,255,.9);
    backdrop-filter:blur(18px);
    position:relative;
    overflow:hidden
  }
  .mobile-hero-demo:after{
    content:"";
    position:absolute;
    width:190px;height:190px;border-radius:50%;
    right:-100px;top:-110px;
    background:rgba(112,75,239,.12);
    pointer-events:none
  }
  .mh-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
  .mh-brand{display:flex;align-items:center;gap:9px}
  .mh-brand img{width:34px;height:34px;object-fit:contain}
  .mh-brand span{display:flex;flex-direction:column}
  .mh-brand b{font-size:12px}
  .mh-brand small{font-size:8px;color:#8b8492;margin-top:2px}
  .mh-live{
    display:flex;align-items:center;gap:5px;
    border-radius:999px;padding:7px 9px;
    background:#eef8f2;color:#27825a;font-size:8px;font-weight:750
  }
  .mh-live i{width:6px;height:6px;border-radius:50%;background:#35a870}
  .mh-copy{padding:32px 2px 24px;display:flex;flex-direction:column}
  .mh-copy small{font-size:8px;letter-spacing:.13em;color:#8b8492;font-weight:800}
  .mh-copy strong{
    font-size:60px;
    letter-spacing:-.065em;
    line-height:.9;
    margin:9px 0 7px;
    color:#21153c
  }
  .mh-copy span{font-size:11px;color:#6f6878}
  .mh-times{
    display:grid;grid-template-columns:repeat(4,1fr);
    gap:7px;padding:10px 0 14px;
    border-top:1px solid #e4deeb
  }
  .mh-times button{
    min-height:46px;
    border:1px solid #e4deeb;
    border-radius:13px;
    background:#fff;
    font-size:11px;font-weight:700;
    transition:.18s;
    -webkit-tap-highlight-color:transparent
  }
  .mh-times button.active{
    background:var(--purple);
    border-color:var(--purple);
    color:white;
    box-shadow:0 8px 20px rgba(103,65,238,.2)
  }
  .mh-footer{
    display:flex;justify-content:space-between;align-items:center;
    padding-top:13px;border-top:1px solid #e4deeb
  }
  .mh-footer>span{font-size:8px;color:#766f7d;display:flex;align-items:center;gap:6px}
  .mh-footer>span i{
    width:21px;height:21px;border-radius:7px;background:#e8f6ee;color:#25805a;
    display:grid;place-items:center;font-style:normal;font-size:9px
  }
  .mh-footer>a{
    min-height:44px;padding:0 15px;border-radius:999px;
    display:flex;align-items:center;gap:8px;
    background:#1d142b;color:#fff;font-size:10px;font-weight:800
  }

  /* Manifesto: fewer giant words visible at once, more rhythm. */
  .manifesto{padding:100px 0 76px}
  .manifesto-title{
    margin-top:22px;
    font-size:clamp(48px,14vw,65px);
    line-height:.96
  }
  .manifesto-title .line{margin-bottom:4px}
  .manifesto-title .muted-line{color:#cbc7cf}

  /* STORY: mobile becomes user-controlled carousel, not forced 1450px sticky scroll. */
  .story{padding:22px 0 95px}
  .story-shell{display:block}
  .story-copy{position:relative;top:0;padding:0}
  .story-copy>.overline{margin-bottom:17px}
  .story-step{
    display:none!important;
    width:auto;margin:0;
    border:0;padding:0
  }
  .story-step.active{display:block!important;transform:none}
  .story-step>span{font-size:8px}
  .story-step h3{
    margin:8px 0 5px;
    font-size:34px
  }
  .story-step p{
    display:block;
    font-size:13px;line-height:1.55;
    max-width:320px
  }

  .story-stage{
    height:auto;
    position:relative;
    margin-top:27px
  }
  .stage-light{
    width:360px;height:360px;
    top:90px
  }
  .phone-stage{
    position:relative;
    top:auto;
    min-height:0
  }
  .phone{
    width:min(318px,91vw);
    height:620px;
    border-radius:50px;
    padding:8px;
    box-shadow:0 32px 75px rgba(36,18,75,.20),0 0 0 1px #2c2731 inset
  }
  .phone-screen{border-radius:42px;padding:42px 18px 18px}
  .scene{left:18px;right:18px;top:87px;bottom:18px}
  .scene h4{font-size:27px;margin-bottom:19px}
  .mobile-item{min-height:58px}
  .phone-cta{min-height:46px}
  .stage-caption{
    width:min(318px,91vw);
    justify-content:flex-start;
    margin-top:18px
  }
  .stage-caption p{font-size:10px}
  .mobile-scene-dots{
    display:flex;
    gap:7px;
    margin-top:15px;
    align-items:center
  }
  .mobile-scene-dots button{
    width:42px;height:8px;
    border:0;border-radius:999px;
    background:#dfd9e4;
    padding:0;
    transition:.22s;
    -webkit-tap-highlight-color:transparent
  }
  .mobile-scene-dots button.active{background:var(--purple);width:62px}

  /* Data: full-bleed premium card with horizontal tabs. */
  .data-reveal{padding:95px 0 90px}
  .data-bg{opacity:.6}
  .data-head{gap:0}
  .data-head h2{
    font-size:clamp(50px,14vw,66px);
    line-height:.95
  }
  .data-head h2.secondary{margin-top:15px}
  .data-visual{margin-top:48px}
  .data-glass{
    margin-inline:-6px;
    padding:17px;
    border-radius:25px
  }
  .data-glass-head h3{font-size:13px}
  .data-glass-head>strong{font-size:32px}
  .data-chart{height:210px;margin-top:16px}
  .data-bottom{gap:18px}
  .data-tabs{
    width:calc(100% + 5px);
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:2px;
    scrollbar-width:none
  }
  .data-tabs::-webkit-scrollbar{display:none}
  .data-tab{
    min-height:44px;
    flex:0 0 auto;
    padding:0 15px;
    font-size:9px
  }
  .insight{align-items:flex-start}
  .insight>span{flex:0 0 38px}
  .insight b{font-size:9px;line-height:1.4}
  .insight small{font-size:8px;line-height:1.45}
  .big-stats{margin-top:55px}
  .big-stats article{padding:25px 0}
  .big-stats strong{font-size:58px}

  /* Business sectors: horizontal snap instead of a very long 6-card stack. */
  .business{padding:95px 0 100px;overflow:hidden}
  .section-title h2{
    font-size:clamp(49px,14vw,64px);
    margin-bottom:38px
  }
  .business-grid{
    display:flex;
    gap:12px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-padding-left:16px;
    padding:0 16px 20px;
    margin-inline:-16px;
    scrollbar-width:none
  }
  .business-grid::-webkit-scrollbar{display:none}
  .business-card{
    flex:0 0 min(82vw,315px);
    min-height:285px;
    scroll-snap-align:start;
    padding:24px
  }
  .business-card:hover{transform:none}
  .business-card h3{font-size:28px}

  /* Closing: compact, dramatic and readable. */
  .closing{
    min-height:660px;
    padding:90px 0 105px
  }
  .closing-logo{width:min(275px,80%)}
  .closing h2{
    font-size:clamp(66px,19vw,90px);
    margin:40px 0 24px
  }
  .closing p{
    font-size:15px;
    line-height:1.5
  }
  .closing .hero-actions{display:none}

  footer{padding-bottom:35px}
  .footer-inner>div{display:none}

  /* Persistent mobile action: visible, safe-area aware, thumb friendly. */
  .mobile-bottom-cta{
    position:fixed;
    left:10px;right:10px;
    bottom:calc(10px + env(safe-area-inset-bottom));
    z-index:110;
    min-height:62px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:7px 7px 7px 12px;
    border:1px solid rgba(255,255,255,.75);
    border-radius:20px;
    background:rgba(248,247,250,.88);
    box-shadow:0 18px 50px rgba(19,10,40,.20);
    backdrop-filter:blur(25px) saturate(160%);
    transform:translateY(100px);
    opacity:0;
    transition:.35s cubic-bezier(.2,.8,.2,1)
  }
  .mobile-bottom-cta.visible{transform:none;opacity:1}
  .mobile-bottom-cta>div{display:flex;align-items:center;gap:8px;min-width:0}
  .mobile-bottom-cta img{width:35px;height:35px;object-fit:contain}
  .mobile-bottom-cta>div span{display:flex;flex-direction:column;min-width:0}
  .mobile-bottom-cta>div b{font-size:11px}
  .mobile-bottom-cta>div small{
    font-size:7px;color:#827b88;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    max-width:145px
  }
  .mobile-bottom-cta>a{
    min-width:105px;min-height:48px;
    padding:0 14px;border-radius:15px;
    background:var(--purple);color:#fff;
    display:flex;align-items:center;justify-content:center;gap:7px;
    font-size:10px;font-weight:800;
    box-shadow:0 9px 22px rgba(103,65,238,.22)
  }

  /* Never make tap targets tiny. */
  button,a{-webkit-tap-highlight-color:transparent}
}

@media(max-width:390px){
  .hero h1{font-size:56px}
  .mh-copy strong{font-size:54px}
  .mh-times{grid-template-columns:repeat(2,1fr)}
  .phone{width:286px;height:575px}
  .phone-screen{padding-inline:16px}
  .scene{left:16px;right:16px}
  .scene h4{font-size:25px}
  .mobile-item{padding:10px}
  .business-card{flex-basis:85vw}
}

@media(max-width:760px) and (prefers-reduced-motion:reduce){
  .mobile-bottom-cta{transition:none}
  .scene{transition:opacity .2s}
}

@media(max-width:1050px) and (min-width:761px){
  .v5-pricing-head{grid-template-columns:1fr;gap:22px}
  .v5-pricing-grid{grid-template-columns:1fr 1fr}.v5-price-card.featured{transform:none}.v5-price-card:last-child{grid-column:1/-1;min-height:420px}
}

@media(max-width:760px){
  .mx5-nav{grid-template-columns:82px minmax(18px,1fr) auto auto}
}

@media(max-width:760px){
  .mx5-nav{grid-template-columns:82px minmax(18px,1fr) auto auto;gap:7px;padding-left:11px}
  .mx5-logo,.mx5-logo img{width:82px}
  .mx5-nav-product{display:flex;align-items:center;justify-content:center;min-height:38px;padding:0 9px;border-radius:12px;color:#fff;font-size:8px;font-weight:800;white-space:nowrap;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07)}
  .mx5-nav.light-nav .mx5-nav-product{color:#4e28cf;border-color:#ded8ec;background:#fff}
  .mx5-nav-cta{min-width:73px;min-height:38px}
  .mx5-pricing{display:block;padding:94px 18px 86px;background:#f7f5fa;color:#17121f}
  .mx5-pricing-kicker{font-size:7px;font-weight:900;letter-spacing:.16em;color:#6741ee;margin:0 0 15px}
  .mx5-pricing h2{font-size:42px;line-height:.96;letter-spacing:-.055em;margin:0 0 32px}
  .mx5-pricing h2 em{font-style:normal;color:#6741ee}
  .mx5-pricing-list{display:grid;gap:12px}
  .mx5-pricing-list article{position:relative;padding:22px;border:1px solid #e3deea;border-radius:22px;background:#fff;box-shadow:0 12px 36px rgba(36,21,60,.05)}
  .mx5-pricing-list article.featured{background:#251940;border-color:#251940;color:#fff;box-shadow:0 22px 52px rgba(56,31,102,.2)}
  .mx5-pricing-list article>b{position:absolute;right:17px;top:17px;color:#d8ff7c;font-size:6px;letter-spacing:.12em}
  .mx5-pricing-list article>span{display:block;color:#6741ee;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
  .mx5-pricing-list article.featured>span{color:#d8ff7c}
  .mx5-pricing-list strong{display:block;font-size:28px;letter-spacing:-.045em;margin:16px 0 7px}.mx5-pricing-list strong small{font-size:9px;color:#91899a;margin-left:5px}
  .mx5-pricing-list p{font-size:10px;line-height:1.55;color:#77707f;margin:0 0 17px}.mx5-pricing-list .featured p{color:#ccc4da}
  .mx5-pricing-list a{min-height:43px;padding:0 13px;border-radius:13px;background:#eee9ff;color:#4c2bcf;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:900}
  .mx5-pricing-list .featured a{background:#d8ff7c;color:#1f1730}
  .mx5-pricing-list a i{font-style:normal}
  .mx5-pricing-detail{display:flex;justify-content:center;margin-top:18px;color:#5331d5;font-size:9px;font-weight:850;text-decoration:underline;text-underline-offset:4px}
  .v5-pricing{display:none}
}

@media(max-width:370px){
  .mx5-nav-product{font-size:0;padding:0 8px}
  .mx5-nav-product:after{content:'Produit';font-size:8px}
}


/* ==========================================================
   V3.4 — iPHONE / MOBILE COMPOSITION FIX
   ========================================================== */

html,body{
  max-width:100%;
  overflow-x:clip;
}

img,svg,video,canvas{max-width:100%}

.hero-inner,.hero-copy,.hero-grid,.app-content,
.story-shell,.story-copy,.story-stage,.data-inner,.data-board{
  min-width:0;
}

@media(max-width:760px){
  html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  .shell{
    width:auto !important;
    max-width:none !important;
    margin-left:max(16px, env(safe-area-inset-left)) !important;
    margin-right:max(16px, env(safe-area-inset-right)) !important;
  }

  .header{
    left:0;right:0;width:100%;
    padding-left:max(8px, env(safe-area-inset-left));
    padding-right:max(8px, env(safe-area-inset-right));
  }

  .header .glass-nav{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }

  .brand{
    flex:0 0 96px;
    width:96px !important;
    min-width:96px;
    overflow:visible;
  }

  .brand img{
    display:block;
    width:96px !important;
    height:auto;
    object-fit:contain;
    object-position:left center;
  }

  .menu{
    flex:0 0 44px;
    min-width:44px;
    min-height:44px;
  }

  .hero{
    width:100%;
    overflow:hidden;
    padding-top:calc(94px + env(safe-area-inset-top));
  }

  .hero-inner,.hero-copy{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .hero-copy{
    text-align:left !important;
    padding:0;
    margin:0;
  }

  .hero .overline{
    max-width:100%;
    white-space:normal;
  }

  .hero h1{
    width:100% !important;
    max-width:100% !important;
    margin:18px 0 20px !important;
    padding:0 !important;
    font-size:clamp(50px,14.2vw,62px) !important;
    line-height:.92 !important;
    letter-spacing:-.062em !important;
    white-space:normal !important;
    overflow-wrap:normal;
    word-break:normal;
    text-wrap:balance;
  }

  .hero h1 span{display:inline}

  .hero-lead{
    width:100%;
    max-width:350px !important;
    margin:0 !important;
    font-size:15px !important;
    line-height:1.55;
  }

  .hero-copy>.hero-actions{
    width:100%;
    display:grid !important;
    grid-template-columns:1fr;
    gap:9px;
    margin-top:24px;
  }

  .hero-copy>.hero-actions .pill{
    width:100% !important;
    min-height:50px;
    justify-content:center;
  }

  /* Prevent desktop presentation leaking into mobile. */
  .hero .hero-device,
  .hero #heroDevice,
  .hero .hero-caption{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  /* The dedicated mobile interaction is always the hero product. */
  .mobile-hero-demo{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0;
    margin:30px 0 0 !important;
  }

  .mh-copy strong{font-size:clamp(48px,14vw,58px)}
  .mh-times{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mh-times button{
    width:100%;
    min-width:0;
    min-height:48px;
  }

  .manifesto{overflow:hidden}
  .manifesto-title{
    width:100%;
    max-width:100%;
    font-size:clamp(45px,12.6vw,58px) !important;
    line-height:.98;
    letter-spacing:-.058em;
  }

  .story{overflow:hidden}
  .story-step.active{width:100%;max-width:100%}
  .phone-stage{width:100%;max-width:100%}
  .phone{
    width:min(300px,calc(100vw - 48px)) !important;
    max-width:100%;
  }
  .stage-caption,
  .mobile-scene-dots{
    width:min(300px,calc(100vw - 48px)) !important;
  }
  .mobile-scene-dots{justify-content:center}

  .data-reveal{overflow:hidden}
  .data-head,.data-visual,.data-glass{
    width:100%;max-width:100%;min-width:0;
  }
  .data-head h2{
    max-width:100%;
    font-size:clamp(45px,12.8vw,58px) !important;
  }
  .data-glass{
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .business{overflow:hidden}
  .business-grid{
    width:calc(100% + 16px);
    max-width:calc(100% + 16px);
    padding-left:0;
    margin-left:0;
  }

  .mobile-bottom-cta{
    left:max(10px,env(safe-area-inset-left));
    right:max(10px,env(safe-area-inset-right));
    bottom:max(10px,env(safe-area-inset-bottom));
  }
}

@media(max-width:430px){
  .hero h1{font-size:clamp(49px,13.8vw,59px) !important}
  .hero-lead{max-width:330px !important}
}

@media(max-width:390px){
  .hero h1{font-size:clamp(46px,13.4vw,53px) !important}
  .manifesto-title{font-size:44px !important}
  .phone{
    width:min(282px,calc(100vw - 42px)) !important;
  }
  .stage-caption,
  .mobile-scene-dots{
    width:min(282px,calc(100vw - 42px)) !important;
  }
}


/* ==========================================================
   SLOTLY V4 — MOBILE CINEMATIC EXPERIENCE
   Completely separate composition under 760px.
   ========================================================== */
.mx{display:none}

@media(max-width:760px){
  html{
    scroll-behavior:smooth;
    scroll-snap-type:y proximity;
    background:#090611;
  }

  body{
    margin:0 !important;
    padding:0 !important;
    background:#090611 !important;
    overflow-x:hidden !important;
  }

  /* The desktop website is fully removed from the mobile experience. */
  body>.header,
  body>main,
  body>footer,
  body>.scroll-progress,
  body>.cursor-light,
  body>.mobile-bottom-cta{
    display:none !important;
  }

  .mx{
    display:block;
    width:100%;
    color:#fff;
    overflow:hidden;
    background:#090611;
  }

  .mx *{box-sizing:border-box}

  .mx-topbar{
    position:fixed;
    z-index:300;
    top:max(10px, env(safe-area-inset-top));
    left:max(12px, env(safe-area-inset-left));
    right:max(12px, env(safe-area-inset-right));
    height:58px;
    border-radius:20px;
    padding:0 7px 0 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:rgba(17,11,28,.68);
    border:1px solid rgba(255,255,255,.13);
    box-shadow:0 15px 45px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter:blur(24px) saturate(150%);
  }

  .mx-brand{
    width:96px;
    height:44px;
    display:flex;
    align-items:center;
  }

  .mx-brand img{
    width:96px;
    display:block;
    height:auto;
    filter:none;
  }

  .mx-top-action{
    min-height:44px;
    padding:0 14px;
    border-radius:14px;
    background:rgba(255,255,255,.12);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    font-size:10px;
    font-weight:750;
    border:1px solid rgba(255,255,255,.1);
  }

  .mx-rail{
    position:fixed;
    z-index:290;
    right:max(7px, env(safe-area-inset-right));
    top:50%;
    transform:translateY(-50%);
    width:38px;
    padding:9px 0;
    border-radius:999px;
    background:rgba(15,10,23,.22);
    backdrop-filter:blur(10px);
    display:flex;
    flex-direction:column;
    align-items:center;
  }

  .mx-count{
    font-size:7px;
    letter-spacing:.08em;
    color:rgba(255,255,255,.66);
    margin-bottom:7px;
  }

  .mx-rail-line{
    width:1px;
    height:22px;
    background:rgba(255,255,255,.16);
    margin-bottom:3px;
  }

  .mx-rail a{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    position:relative;
  }

  .mx-rail a:after{
    content:"";
    width:5px;
    height:5px;
    border-radius:50%;
    background:rgba(255,255,255,.27);
    transition:.25s ease;
  }

  .mx-rail a.active:after{
    height:20px;
    border-radius:999px;
    background:#d8ff7c;
  }

  .mx-scene{
    position:relative;
    min-height:100svh;
    min-height:100dvh;
    scroll-snap-align:start;
    overflow:hidden;
    display:flex;
    align-items:center;
    padding:
      calc(92px + env(safe-area-inset-top))
      max(34px, env(safe-area-inset-right))
      calc(42px + env(safe-area-inset-bottom))
      max(20px, env(safe-area-inset-left));
  }

  .mx-content{
    width:100%;
    max-width:430px;
    margin-inline:auto;
    position:relative;
    z-index:4;
  }

  .mx-eyebrow,.mx-kicker{
    font-size:8px;
    letter-spacing:.17em;
    font-weight:800;
    color:#9f8af2;
  }

  .mx-kicker.dark{color:#6741ee}
  .mx-kicker.light{color:#b8a7ff}

  /* 01 HERO */
  .mx-hero{
    background:
      radial-gradient(circle at 73% 26%,rgba(111,70,246,.35),transparent 20rem),
      linear-gradient(165deg,#140b25 0%,#08050e 74%);
  }

  .mx-hero-orb{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.07);
    pointer-events:none;
  }

  .mx-orb-a{
    width:560px;height:560px;
    right:-320px;top:-100px;
    box-shadow:0 0 0 70px rgba(255,255,255,.01),0 0 0 140px rgba(255,255,255,.006);
  }

  .mx-orb-b{
    width:320px;height:320px;
    left:-220px;bottom:-100px;
  }

  .mx-hero h1{
    margin:22px 0 22px;
    font-size:clamp(57px,15.3vw,68px);
    line-height:.91;
    letter-spacing:-.07em;
    font-weight:720;
    max-width:350px;
  }

  .mx-hero h1 span{
    color:transparent;
    background:linear-gradient(92deg,#a58cff 0%,#7750f7 54%,#d5caff 100%);
    -webkit-background-clip:text;
    background-clip:text;
  }

  .mx-hero p{
    max-width:315px;
    font-size:15px;
    line-height:1.52;
    color:#a9a2b3;
    margin:0;
  }

  .mx-time-ribbon{
    width:calc(100% + 40px);
    margin:58px -20px 0;
    overflow:hidden;
    mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent);
  }

  .mx-ribbon-track{
    width:max-content;
    display:flex;
    align-items:center;
    gap:10px;
    animation:mxRibbon 16s linear infinite;
  }

  .mx-ribbon-track>span{
    min-width:90px;
    height:55px;
    padding:0 12px;
    border-radius:17px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    font-size:10px;
    font-weight:750;
    border:1px solid rgba(255,255,255,.11);
  }

  .mx-ribbon-track .quiet{
    color:#716a7a;
    background:rgba(255,255,255,.03);
  }

  .mx-ribbon-track .filled{
    color:#fff;
    background:rgba(118,78,243,.22);
    border-color:rgba(153,124,255,.28);
  }

  .mx-ribbon-track .filled.hot{
    background:#6741ee;
    border-color:#6741ee;
    box-shadow:0 15px 36px rgba(103,65,238,.25);
  }

  .mx-ribbon-track b{
    margin-top:3px;
    font-size:7px;
    color:#beb2ed;
    font-weight:500;
  }

  .mx-ribbon-track i{
    width:15px;height:1px;
    background:#3b3347;
  }

  @keyframes mxRibbon{
    to{transform:translateX(-41%)}
  }

  .mx-swipe{
    margin-top:43px;
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#fff;
    border-top:1px solid rgba(255,255,255,.13);
    font-size:10px;
    font-weight:750;
  }

  .mx-swipe i{
    width:36px;height:36px;
    border-radius:50%;
    background:rgba(255,255,255,.09);
    display:grid;
    place-items:center;
    font-style:normal;
  }

  /* 02 BOOK */
  .mx-book{
    background:
      radial-gradient(circle at 93% 8%,rgba(116,76,244,.10),transparent 17rem),
      #f7f6f9;
    color:#17131d;
  }

  .mx-book h2,.mx-connect h2,.mx-data h2,.mx-close h2{
    font-size:clamp(45px,12.4vw,56px);
    line-height:.94;
    letter-spacing:-.061em;
    margin:14px 0 13px;
    font-weight:720;
  }

  .mx-book h2 em{
    font-style:normal;
    color:#6741ee;
  }

  .mx-intro{
    margin:0;
    font-size:13px;
    line-height:1.52;
    color:#756e7d;
    max-width:315px;
  }

  .mx-booking-card{
    margin-top:32px;
    background:#fff;
    border-radius:28px;
    padding:16px;
    border:1px solid #e9e4ed;
    box-shadow:0 28px 70px rgba(28,17,47,.11);
  }

  .mxb-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:15px;
    border-bottom:1px solid #eeeaf0;
  }

  .mxb-head>div{
    display:flex;align-items:center;gap:9px;
  }

  .mxb-head img{
    width:36px;height:36px;object-fit:contain;
  }

  .mxb-head>div span{
    display:flex;flex-direction:column;
  }

  .mxb-head b{font-size:11px}
  .mxb-head small{font-size:7px;color:#918997;margin-top:2px}

  .mxb-open{
    display:flex;align-items:center;gap:5px;
    min-height:30px;padding:0 8px;border-radius:999px;
    background:#ebf7ef;color:#2a845c;font-size:7px;font-weight:750;
  }

  .mxb-open i{
    width:5px;height:5px;background:#35a66e;border-radius:50%;
  }

  .mxb-step{margin-top:17px}
  .mxb-step>small{
    display:block;
    font-size:7px;
    letter-spacing:.11em;
    font-weight:800;
    color:#9b94a0;
    margin-bottom:8px;
  }

  .mxb-services{
    display:flex;
    gap:7px;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    margin-right:-16px;
    padding-right:16px;
  }

  .mxb-services::-webkit-scrollbar{display:none}

  .mxb-services button{
    flex:0 0 152px;
    min-height:75px;
    scroll-snap-align:start;
    padding:10px;
    border:1px solid #e9e4ed;
    border-radius:14px;
    background:#fff;
    display:grid;
    grid-template-columns:30px 1fr;
    gap:8px;
    align-items:center;
    text-align:left;
    position:relative;
  }

  .mxb-services button.active{
    border-color:#c8b8fb;
    background:#fbf9ff;
    box-shadow:0 8px 20px rgba(103,65,238,.07);
  }

  .mxb-services button>i{
    width:30px;height:30px;border-radius:10px;
    background:#eee9ff;color:#6741ee;
    display:grid;place-items:center;font-style:normal;
  }

  .mxb-services button>span{
    display:flex;flex-direction:column;
  }

  .mxb-services button b{font-size:8px;line-height:1.15}
  .mxb-services button small{font-size:6px;color:#928b98;margin-top:3px}
  .mxb-services button em{
    position:absolute;right:8px;bottom:7px;
    font-size:7px;font-style:normal;color:#6741ee;font-weight:800;
  }

  .mxb-times{
    display:flex;
    gap:7px;
    overflow-x:auto;
    scrollbar-width:none;
    margin-right:-16px;
    padding-right:16px;
  }

  .mxb-times::-webkit-scrollbar{display:none}

  .mxb-times button{
    flex:0 0 67px;
    min-height:45px;
    border-radius:12px;
    background:#fff;
    border:1px solid #e8e3eb;
    font-size:9px;
    font-weight:750;
  }

  .mxb-times button.active{
    color:#fff;
    background:#171020;
    border-color:#171020;
  }

  .mxb-summary{
    margin-top:17px;
    padding-top:14px;
    border-top:1px solid #eeeaf0;
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:10px;
  }

  .mxb-summary>div{
    display:flex;flex-direction:column;min-width:0;
  }

  .mxb-summary small{font-size:6px;color:#9a929f;letter-spacing:.1em}
  .mxb-summary b{
    margin-top:4px;font-size:9px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    max-width:180px;
  }
  .mxb-summary span{font-size:7px;color:#827a88;margin-top:2px}

  .mxb-summary button{
    flex:0 0 104px;
    min-height:46px;
    border:0;border-radius:14px;
    background:#6741ee;color:#fff;
    font-size:8px;font-weight:800;
    display:flex;align-items:center;justify-content:center;gap:8px;
  }

  .mx-caption{
    display:grid;
    grid-template-columns:30px 1fr;
    gap:10px;
    align-items:start;
    margin-top:24px;
  }

  .mx-caption>span{
    width:30px;height:30px;border-radius:50%;
    border:1px solid #ddd7e0;color:#6741ee;
    display:grid;place-items:center;font-size:7px;font-weight:800;
  }

  .mx-caption p{
    margin:4px 0 0;
    max-width:270px;
    color:#817985;
    font-size:10px;
    line-height:1.45;
  }

  /* 03 CONNECT */
  .mx-connect{
    background:
      radial-gradient(circle at 20% 25%,rgba(169,142,255,.22),transparent 18rem),
      linear-gradient(155deg,#6d46ef,#4e29ce);
    color:#fff;
  }

  .mx-connect-glow{
    position:absolute;
    width:500px;height:500px;border-radius:50%;
    right:-330px;bottom:-190px;
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.015);
  }

  .mx-connect h2 em{
    font-style:normal;
    color:#d8ff7c;
  }

  .light-copy{color:#d7cff2}

  .mxc-switches{
    display:flex;
    gap:7px;
    margin-top:25px;
  }

  .mxc-switches button{
    min-height:44px;
    padding:0 14px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.20);
    background:rgba(255,255,255,.07);
    color:#d8d0eb;
    font-size:8px;
    font-weight:750;
  }

  .mxc-switches button.active{
    background:#fff;
    color:#2c1a52;
    border-color:#fff;
  }

  .mxc-stack{
    height:330px;
    position:relative;
    margin-top:28px;
  }

  .mxc-card{
    position:absolute;
    left:0;right:0;
    border-radius:27px;
  }

  .mxc-card.ghost{
    height:255px;
    background:rgba(255,255,255,.13);
    border:1px solid rgba(255,255,255,.14);
  }

  .ghost-2{top:42px;transform:scale(.89);opacity:.45}
  .ghost-1{top:23px;transform:scale(.95);opacity:.70}

  .main-card{
    top:0;
    min-height:270px;
    padding:19px;
    background:rgba(255,255,255,.94);
    color:#17121e;
    border:1px solid rgba(255,255,255,.85);
    box-shadow:0 28px 65px rgba(37,17,92,.22);
    backdrop-filter:blur(15px);
    transition:.28s ease;
  }

  .mxc-card-top{
    display:flex;justify-content:space-between;align-items:center;
  }

  .mxc-status{
    min-height:26px;padding:0 7px;border-radius:999px;
    display:flex;align-items:center;
    background:#e9f6ee;color:#2a805a;
    font-size:6px;font-weight:800;
  }

  .mxc-card-top small{
    font-size:7px;letter-spacing:.12em;color:#948b9a;font-weight:800;
  }

  .mxc-person{
    display:flex;align-items:center;gap:12px;
    margin-top:26px;
  }

  .mxc-avatar{
    width:53px;height:53px;border-radius:50%;
    display:grid;place-items:center;
    background:#1c1328;color:#fff;
    font-size:11px;font-weight:750;
    transition:.25s;
  }

  .mxc-person>div:last-child{
    display:flex;flex-direction:column;
  }

  .mxc-person strong{
    font-size:19px;letter-spacing:-.03em;
  }

  .mxc-person span{
    font-size:9px;color:#817988;margin-top:3px;
  }

  .mxc-detail{
    display:grid;grid-template-columns:1fr 1fr;
    gap:8px;margin-top:21px;
  }

  .mxc-detail>div{
    border-top:1px solid #e8e3eb;
    padding-top:12px;
    display:flex;flex-direction:column;
  }

  .mxc-detail small{font-size:6px;color:#9b93a0;letter-spacing:.08em}
  .mxc-detail b{font-size:14px;margin-top:5px}

  .mxc-link{
    margin-top:18px;
    min-height:43px;
    border-radius:13px;
    background:#f0ecff;
    color:#6545d5;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 11px;
    font-size:7px;
    font-weight:700;
  }

  .mxc-link b{
    width:23px;height:23px;border-radius:8px;
    display:grid;place-items:center;
    background:#6741ee;color:#fff;
  }

  .light-caption>span{
    border-color:rgba(255,255,255,.25);
    color:#d8ff7c;
  }

  .light-caption p{color:#d4cbea}

  /* 04 DATA */
  .mx-data{
    background:
      radial-gradient(circle at 60% 40%,rgba(104,68,232,.18),transparent 19rem),
      #09060f;
    color:#fff;
  }

  .mx-data-halo{
    position:absolute;
    width:480px;height:480px;border-radius:50%;
    left:-300px;top:130px;
    border:1px solid rgba(255,255,255,.045);
    box-shadow:0 0 0 75px rgba(255,255,255,.008),0 0 0 150px rgba(255,255,255,.006);
  }

  .mx-data h2 em{
    font-style:normal;color:#a891ff;
  }

  .mxd-hero-number{
    margin-top:32px;
    display:flex;flex-direction:column;
  }

  .mxd-hero-number small{
    font-size:7px;letter-spacing:.14em;color:#82798c;font-weight:800;
  }

  .mxd-hero-number strong{
    font-size:86px;line-height:.9;
    letter-spacing:-.075em;
    margin-top:8px;
    color:#d8ff7c;
  }

  .mxd-hero-number span{
    font-size:8px;color:#75cf9f;margin-top:7px;
  }

  .mxd-chart{
    height:185px;
    margin-top:19px;
    position:relative;
  }

  .mxd-grid{
    position:absolute;inset:0;
    background:repeating-linear-gradient(0deg,transparent 0,transparent 43px,rgba(255,255,255,.055) 44px);
  }

  .mxd-chart svg{
    position:absolute;inset:0;width:100%;height:100%;
  }

  .mx-line{
    fill:none;
    stroke:url(#mxLineGradient);
    stroke-width:3;
    vector-effect:non-scaling-stroke;
  }

  .mx-area{fill:url(#mxAreaGradient)}

  .mxd-days{
    display:grid;grid-template-columns:repeat(7,1fr);
    text-align:center;color:#5f5867;font-size:6px;
  }

  .mxd-tabs{
    margin-top:24px;
    display:flex;
    gap:7px;
    overflow-x:auto;
    scrollbar-width:none;
  }

  .mxd-tabs::-webkit-scrollbar{display:none}

  .mxd-tabs button{
    flex:0 0 auto;
    min-height:44px;
    padding:0 14px;
    border:1px solid #2c2435;
    border-radius:999px;
    background:#15101d;
    color:#8f8797;
    font-size:8px;
  }

  .mxd-tabs button.active{
    background:#d8ff7c;
    color:#21182a;
    border-color:#d8ff7c;
    font-weight:800;
  }

  .mxd-insight{
    margin-top:17px;
    min-height:68px;
    border:1px solid #2b2335;
    background:#15101d;
    border-radius:17px;
    padding:11px;
    display:flex;align-items:center;gap:10px;
  }

  .mxd-insight>span{
    flex:0 0 38px;
    width:38px;height:38px;border-radius:12px;
    background:#21162f;color:#d8ff7c;
    display:grid;place-items:center;
  }

  .mxd-insight>div{
    display:flex;flex-direction:column;
  }

  .mxd-insight b{
    font-size:8px;line-height:1.35;
  }

  .mxd-insight small{
    font-size:7px;color:#7f7788;margin-top:3px;line-height:1.4;
  }

  /* 05 CLOSE */
  .mx-close{
    background:
      radial-gradient(circle at 50% 13%,rgba(255,255,255,.15),transparent 19rem),
      linear-gradient(145deg,#7047f3,#4b24ce);
    color:#fff;
    text-align:center;
  }

  .mx-close-ring{
    position:absolute;border-radius:50%;
    border:1px solid rgba(255,255,255,.15);
  }

  .ring-a{
    width:620px;height:620px;
    left:50%;top:-400px;transform:translateX(-50%);
    box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.016);
  }

  .ring-b{
    width:300px;height:300px;
    right:-210px;bottom:-80px;
  }

  .mx-close-content{
    display:flex;
    flex-direction:column;
    align-items:center;
  }

  .mx-close-logo{
    width:min(270px,78%);
    height:auto;
    display:block;
  }

  .mx-close h2{
    margin-top:48px;
    font-size:clamp(50px,14vw,64px);
  }

  .mx-close h2 em{
    color:#d8ff7c;
    font-style:normal;
  }

  .mx-close p{
    margin:0;
    max-width:315px;
    font-size:14px;
    line-height:1.55;
    color:#e0d7fa;
  }

  .mx-primary-cta,.mx-secondary-cta{
    width:100%;
    max-width:330px;
    min-height:54px;
    border-radius:17px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:27px;
    font-size:11px;
    font-weight:800;
  }

  .mx-primary-cta{
    background:#fff;color:#4e28cf;
    box-shadow:0 16px 35px rgba(38,17,87,.16);
  }

  .mx-primary-cta span{margin-left:9px}

  .mx-secondary-cta{
    margin-top:8px;
    min-height:50px;
    color:#fff;
    border:1px solid rgba(255,255,255,.22);
    background:rgba(255,255,255,.07);
  }

  .mx-close-foot{
    margin-top:45px;
    width:100%;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.16);
    display:flex;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
    font-size:7px;
    letter-spacing:.12em;
    color:#d6cafa;
  }

  /* Tap states / accessible feedback */
  .mx button,.mx a{
    -webkit-tap-highlight-color:transparent;
  }

  .mx button:active,
  .mx a:active{
    transform:scale(.985);
  }

  /* Allow comfortable scroll restoration */
  .mx-scene:target{
    scroll-margin-top:0;
  }
}

@media(max-width:390px){
  .mx-scene{
    padding-left:max(17px,env(safe-area-inset-left));
    padding-right:max(31px,env(safe-area-inset-right));
  }

  .mx-hero h1{
    font-size:53px;
  }

  .mx-book h2,.mx-connect h2,.mx-data h2{
    font-size:43px;
  }

  .mxc-stack{height:315px}
  .main-card{min-height:260px}
  .mxd-hero-number strong{font-size:78px}
}

@media(max-width:760px) and (prefers-reduced-motion:reduce){
  html{scroll-snap-type:none}
  .mx-ribbon-track{animation:none}
  .main-card{transition:none}
}


/* ===========================================================
   SLOTLY V5 — MOBILE ALIVE
   =========================================================== */
.mx5{display:none}

@media(max-width:760px){
  html{
    scroll-behavior:smooth;
    background:#090610;
  }
  body{
    margin:0!important;
    padding:0!important;
    background:#090610!important;
    overflow-x:hidden!important;
  }

  /* Hide all prior desktop/mobile experiences. */
  body>.header,
  body>main,
  body>footer,
  body>.scroll-progress,
  body>.cursor-light,
  body>.mobile-bottom-cta,
  body>.mx{
    display:none!important;
  }

  .mx5{
    --mx5-purple:#6741ee;
    --mx5-purple2:#8d6dff;
    --mx5-lime:#d8ff7c;
    --mx5-ink:#16111e;
    --mx5-paper:#f7f6f9;
    display:block!important;
    width:100%;
    overflow:hidden;
    color:#fff;
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;
  }

  .mx5 *{box-sizing:border-box}

  .mx5-nav{
    position:fixed;
    z-index:500;
    top:max(9px,env(safe-area-inset-top));
    left:max(10px,env(safe-area-inset-left));
    right:max(10px,env(safe-area-inset-right));
    height:58px;
    display:grid;
    grid-template-columns:96px 1fr auto;
    align-items:center;
    gap:12px;
    padding:0 7px 0 14px;
    border-radius:20px;
    background:rgba(12,8,20,.64);
    border:1px solid rgba(255,255,255,.12);
    backdrop-filter:blur(24px) saturate(150%);
    box-shadow:0 16px 50px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08);
    transition:background .35s,border-color .35s;
  }

  .mx5-nav.light-nav{
    background:rgba(250,249,252,.78);
    border-color:rgba(255,255,255,.7);
    box-shadow:0 15px 40px rgba(22,14,38,.09),inset 0 1px 0 rgba(255,255,255,.8);
  }

  .mx5-logo{
    width:96px;height:44px;
    display:flex;align-items:center;
  }
  .mx5-logo img{width:96px;height:auto;display:block;transition:filter .3s}
  .mx5-nav.light-nav .mx5-logo img{filter:none}
  .mx5-nav-progress{
    height:2px;background:rgba(255,255,255,.13);
    border-radius:999px;overflow:hidden;
  }
  .mx5-nav.light-nav .mx5-nav-progress{background:#ded9e4}
  .mx5-nav-progress i{
    display:block;width:0;height:100%;
    background:linear-gradient(90deg,#8d6dff,#d8ff7c);
    border-radius:999px;transition:width .12s linear
  }
  .mx5-nav-cta{
    min-width:85px;min-height:44px;
    border-radius:14px;
    display:flex;align-items:center;justify-content:center;gap:7px;
    background:rgba(255,255,255,.11);
    border:1px solid rgba(255,255,255,.10);
    color:#fff;font-size:9px;font-weight:800;
    transition:.3s
  }
  .mx5-nav.light-nav .mx5-nav-cta{
    color:#fff;background:#6741ee;border-color:#6741ee;
    box-shadow:0 8px 20px rgba(103,65,238,.16)
  }

  .mx5-scene{
    position:relative;
    min-height:100svh;
    min-height:100dvh;
    display:flex;
    align-items:center;
    overflow:hidden;
    isolation:isolate;
    padding:
      calc(91px + env(safe-area-inset-top))
      max(18px,env(safe-area-inset-right))
      calc(42px + env(safe-area-inset-bottom))
      max(18px,env(safe-area-inset-left));
  }

  .mx5-wrap{
    width:100%;
    max-width:430px;
    margin-inline:auto;
    position:relative;z-index:5;
  }

  .mx5-kicker,.mx5-section-head>span{
    font-size:8px;
    letter-spacing:.17em;
    font-weight:800;
    color:#a58dff;
  }

  /* Initial / intersection reveals */
  .mx5-animate,
  .mx5-section-head,
  .mx5-service-carousel,
  .mx5-time-wheel-wrap,
  .mx5-book-card,
  .mx5-network,
  .mx5-data-top,
  .mx5-chart-box,
  .mx5-metric-picker,
  .mx5-insight{
    opacity:0;
    transform:translateY(22px);
    transition:
      opacity .65s cubic-bezier(.2,.8,.2,1),
      transform .65s cubic-bezier(.2,.8,.2,1);
  }

  .mx5-scene.is-active .mx5-animate,
  .mx5-scene.is-active .mx5-section-head,
  .mx5-scene.is-active .mx5-service-carousel,
  .mx5-scene.is-active .mx5-time-wheel-wrap,
  .mx5-scene.is-active .mx5-book-card,
  .mx5-scene.is-active .mx5-network,
  .mx5-scene.is-active .mx5-data-top,
  .mx5-scene.is-active .mx5-chart-box,
  .mx5-scene.is-active .mx5-metric-picker,
  .mx5-scene.is-active .mx5-insight{
    opacity:1;transform:none;
  }
  .mx5-scene.is-active .mx5-service-carousel,
  .mx5-scene.is-active .mx5-network{transition-delay:.12s}
  .mx5-scene.is-active .mx5-time-wheel-wrap,
  .mx5-scene.is-active .mx5-chart-box{transition-delay:.20s}
  .mx5-scene.is-active .mx5-book-card,
  .mx5-scene.is-active .mx5-metric-picker{transition-delay:.28s}
  .mx5-scene.is-active .mx5-insight{transition-delay:.36s}

  /* HERO */
  .mx5-hero{
    background:
      radial-gradient(circle at 72% 28%,rgba(111,70,246,.32),transparent 20rem),
      linear-gradient(160deg,#160c28 0%,#08050e 74%);
  }
  .mx5-fluid{
    position:absolute;z-index:-1;
    border-radius:42% 58% 65% 35% / 46% 38% 62% 54%;
    filter:blur(1px);
    will-change:transform,border-radius;
  }
  .fluid-a{
    width:330px;height:330px;right:-190px;top:100px;
    background:linear-gradient(145deg,rgba(127,85,255,.30),rgba(100,55,238,.02));
    animation:mx5BlobA 9s ease-in-out infinite alternate;
  }
  .fluid-b{
    width:260px;height:260px;left:-180px;bottom:70px;
    background:linear-gradient(145deg,rgba(166,139,255,.12),transparent);
    animation:mx5BlobB 11s ease-in-out infinite alternate;
  }
  @keyframes mx5BlobA{
    0%{transform:translate3d(0,0,0) rotate(0deg);border-radius:42% 58% 65% 35%/46% 38% 62% 54%}
    100%{transform:translate3d(-22px,35px,0) rotate(20deg);border-radius:58% 42% 35% 65%/38% 55% 45% 62%}
  }
  @keyframes mx5BlobB{
    to{transform:translate3d(35px,-25px,0) rotate(-18deg) scale(1.12)}
  }
  .mx5-orbit{
    position:absolute;z-index:-1;border-radius:50%;
    border:1px solid rgba(255,255,255,.06);
  }
  .orbit-one{
    width:520px;height:520px;right:-310px;top:-120px;
    animation:mx5Rotate 24s linear infinite;
  }
  .orbit-two{
    width:330px;height:330px;right:-190px;top:-20px;
    border-style:dashed;
    animation:mx5Rotate 17s linear infinite reverse;
  }
  @keyframes mx5Rotate{to{transform:rotate(360deg)}}

  .mx5-hero-mark{
    width:58px;height:58px;position:relative;margin-bottom:28px;
    opacity:0;transform:scale(.75) rotate(-12deg);
    transition:.65s cubic-bezier(.2,.85,.2,1);
  }
  .mx5-scene.is-active .mx5-hero-mark{
    opacity:1;transform:scale(1) rotate(0);
  }
  .mx5-hero-mark img{width:100%;height:100%;object-fit:contain}
  .mark-pulse{
    position:absolute;inset:0;border-radius:18px;
    border:1px solid rgba(166,139,255,.30);
    animation:mx5Pulse 2.6s ease-out infinite;
  }
  .p2{animation-delay:1.3s}
  @keyframes mx5Pulse{
    0%{transform:scale(.84);opacity:.8}
    100%{transform:scale(1.75);opacity:0}
  }

  .mx5-title{
    font-size:clamp(51px,13.8vw,62px);
    line-height:.94;
    letter-spacing:-.065em;
    font-weight:720;
    margin:17px 0 21px;
  }
  .mx5-line{display:block;overflow:hidden;padding-bottom:3px}
  .mx5-line i{
    display:block;font-style:normal;
    transform:translateY(110%);
    transition:transform .78s cubic-bezier(.17,.89,.2,1);
  }
  .mx5-scene.is-active .mx5-line:nth-child(1) i{transform:none;transition-delay:.06s}
  .mx5-scene.is-active .mx5-line:nth-child(2) i{transform:none;transition-delay:.13s}
  .mx5-scene.is-active .mx5-line:nth-child(3) i{transform:none;transition-delay:.20s}
  .mx5-line.accent i{
    color:transparent;
    background:linear-gradient(92deg,#a58cff,#7750f7 55%,#d4c9ff);
    -webkit-background-clip:text;background-clip:text
  }
  .mx5-lead{
    max-width:320px;font-size:14px;line-height:1.55;color:#aaa3b2;margin:0;
  }

  .mx5-live-strip{
    width:calc(100% + 36px);
    margin:50px -18px 0;
    overflow:hidden;
    display:flex;align-items:center;
    mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
  }
  .mx5-slot{
    flex:0 0 90px;height:60px;border-radius:18px;
    padding:0 11px;display:flex;flex-direction:column;justify-content:center;
    border:1px solid rgba(255,255,255,.09);position:relative;
    animation:mx5Float 4.5s ease-in-out infinite;
  }
  .mx5-slot:nth-of-type(3){animation-delay:-1s}
  .mx5-slot:nth-of-type(5){animation-delay:-2s}
  .mx5-slot:nth-of-type(7){animation-delay:-3s}
  @keyframes mx5Float{
    50%{transform:translateY(-5px)}
  }
  .mx5-slot small{font-size:7px;color:#968e9f}
  .mx5-slot b{font-size:9px;margin-top:3px}
  .mx5-slot em{position:absolute;right:9px;top:9px;font-size:6px;font-style:normal}
  .mx5-slot.quiet{background:rgba(255,255,255,.025);color:#6f6877}
  .mx5-slot.filled{background:rgba(110,69,237,.17);color:#fff}
  .mx5-slot.focus{
    background:#6741ee;border-color:#8060f5;color:#fff;
    box-shadow:0 13px 35px rgba(103,65,238,.26)
  }
  .mx5-connector{flex:0 0 14px;height:1px;background:#393243}

  .mx5-scroll-cue{
    margin-top:38px;padding-top:15px;border-top:1px solid rgba(255,255,255,.11);
    display:flex;align-items:center;justify-content:space-between;
    font-size:8px;letter-spacing:.08em;color:#8d8694;
  }
  .mx5-scroll-cue i{
    width:34px;height:34px;border-radius:50%;
    display:flex;justify-content:center;padding-top:8px;
    border:1px solid rgba(255,255,255,.12);
  }
  .mx5-scroll-cue b{
    width:3px;height:8px;border-radius:999px;background:#d8ff7c;
    animation:mx5ScrollDot 1.5s ease-in-out infinite
  }
  @keyframes mx5ScrollDot{
    0%,100%{transform:translateY(0);opacity:.4}
    50%{transform:translateY(10px);opacity:1}
  }

  /* BOOK */
  .mx5-book{
    background:
      radial-gradient(circle at 93% 6%,rgba(117,77,245,.11),transparent 18rem),
      #f7f6f9;
    color:#17121e;
  }
  .mx5-section-head h2{
    font-size:clamp(44px,11.9vw,54px);
    line-height:.95;letter-spacing:-.058em;margin:13px 0 11px
  }
  .mx5-section-head h2 em{font-style:normal;color:#6741ee}
  .mx5-section-head p{margin:0;max-width:310px;color:#746d7a;font-size:12px;line-height:1.55}
  .mx5-section-head.light>span{color:#b9a8ff}
  .mx5-section-head.light h2{color:#fff}
  .mx5-section-head.light h2 em{color:#d8ff7c}
  .mx5-section-head.light p{color:#b8b0bf}

  .mx5-service-carousel{
    display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;
    margin:27px -18px 0;padding:0 18px 8px;scrollbar-width:none;
  }
  .mx5-service-carousel::-webkit-scrollbar{display:none}
  .mx5-service{
    flex:0 0 190px;min-height:112px;scroll-snap-align:center;
    padding:14px;border-radius:20px;border:1px solid #e6e1e9;background:#fff;
    display:flex;flex-direction:column;text-align:left;position:relative;
    box-shadow:0 8px 25px rgba(33,19,55,.03);
    transition:transform .25s,background .25s,border-color .25s,box-shadow .25s
  }
  .mx5-service.active{
    transform:translateY(-3px) scale(1.015);
    border-color:#cabafb;background:#fbf9ff;
    box-shadow:0 16px 34px rgba(103,65,238,.10)
  }
  .mx5-service>i{
    width:36px;height:36px;border-radius:11px;background:#eee9ff;color:#6741ee;
    display:grid;place-items:center;font-style:normal;font-size:13px
  }
  .mx5-service>span{display:flex;flex-direction:column;margin-top:13px}
  .mx5-service small{font-size:6px;letter-spacing:.11em;color:#a097a5;font-weight:800}
  .mx5-service b{font-size:11px;margin-top:4px}
  .mx5-service em{font-size:7px;color:#837a88;margin-top:3px;font-style:normal}

  .mx5-time-wheel-wrap{margin-top:22px;position:relative}
  .mx5-time-wheel-wrap>small{
    display:block;font-size:7px;letter-spacing:.12em;color:#9a929f;font-weight:800;margin-bottom:7px
  }
  .mx5-time-wheel{
    display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;
    scrollbar-width:none;margin:0 -18px;padding:8px calc(50% - 42px) 11px;
  }
  .mx5-time-wheel::-webkit-scrollbar{display:none}
  .mx5-time-wheel button{
    flex:0 0 84px;height:52px;scroll-snap-align:center;
    border:1px solid #e4dfe7;background:#fff;border-radius:15px;
    font-size:10px;font-weight:750;color:#776f7c;
    transition:.2s
  }
  .mx5-time-wheel button.active{
    background:#18101f;color:#fff;border-color:#18101f;
    transform:scale(1.06);box-shadow:0 12px 26px rgba(21,14,30,.17)
  }

  .mx5-book-card{
    margin-top:18px;border:1px solid #e7e2ea;background:#fff;border-radius:25px;
    padding:15px;box-shadow:0 26px 70px rgba(29,17,48,.11);position:relative;overflow:hidden
  }
  .mx5-book-card-head{display:flex;justify-content:space-between;align-items:center}
  .mx5-book-card-head>div{display:flex;align-items:center;gap:9px}
  .mx5-book-card-head img{width:35px;height:35px;object-fit:contain}
  .mx5-book-card-head span{display:flex;flex-direction:column}
  .mx5-book-card-head b{font-size:10px}
  .mx5-book-card-head small{font-size:7px;color:#948c99;margin-top:2px}
  .mx5-book-card-head>em{
    min-height:28px;padding:0 8px;border-radius:999px;background:#ebf7ef;color:#2d825c;
    display:flex;align-items:center;gap:5px;font-size:6px;font-style:normal;font-weight:800
  }
  .mx5-book-card-head>em i{width:5px;height:5px;border-radius:50%;background:#38a66f}
  .mx5-book-summary{display:flex;justify-content:space-between;align-items:end;padding:19px 1px 15px}
  .mx5-book-summary>div{display:flex;flex-direction:column;min-width:0}
  .mx5-book-summary small{font-size:6px;letter-spacing:.1em;color:#a097a4}
  .mx5-book-summary b{font-size:10px;margin-top:5px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mx5-book-summary span{font-size:7px;color:#817987;margin-top:3px}
  .mx5-book-summary>strong{font-size:25px;color:#6741ee;letter-spacing:-.05em}

  .mx5-slide{
    height:58px;border-radius:18px;background:#f0edf3;position:relative;overflow:hidden;
    display:flex;align-items:center;justify-content:center;touch-action:none
  }
  .mx5-slide-fill{
    position:absolute;left:0;top:0;bottom:0;width:0;
    background:linear-gradient(90deg,#6741ee,#8664f5);
    border-radius:18px
  }
  .mx5-slide>span{
    position:relative;z-index:2;font-size:9px;font-weight:750;color:#706876;
    transition:color .2s,opacity .2s;pointer-events:none
  }
  .mx5-slide.dragging>span{color:#fff}
  .mx5-slide>button{
    position:absolute;z-index:3;left:6px;top:6px;width:46px;height:46px;border-radius:14px;border:0;
    background:#17101f;color:#fff;display:grid;place-items:center;touch-action:none;
    box-shadow:0 7px 18px rgba(20,13,29,.18);transition:box-shadow .2s,background .2s
  }
  .mx5-slide>button i{font-style:normal;font-size:14px}
  .mx5-slide.dragging>button{box-shadow:0 10px 25px rgba(103,65,238,.26)}
  .mx5-success{
    display:none;min-height:58px;border-radius:18px;background:#ebf7ef;
    padding:8px 11px;align-items:center;gap:10px
  }
  .mx5-success.show{display:flex;animation:mx5Pop .45s cubic-bezier(.17,.89,.32,1.4)}
  @keyframes mx5Pop{from{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}
  .success-ring{
    width:40px;height:40px;border-radius:13px;background:#2ca36c;color:#fff;display:grid;place-items:center
  }
  .success-ring i{font-style:normal}
  .mx5-success>div{display:flex;flex-direction:column}
  .mx5-success b{font-size:9px;color:#236d4c}
  .mx5-success small{font-size:7px;color:#59816d;margin-top:2px}
  .mx5-success em{font-style:normal}
  .mx5-sparks{position:absolute;inset:0;pointer-events:none}
  .spark{
    position:absolute;width:6px;height:6px;border-radius:2px;background:#6741ee;
    animation:mx5Spark .75s ease-out forwards
  }
  @keyframes mx5Spark{
    to{transform:translate(var(--x),var(--y)) rotate(180deg) scale(.2);opacity:0}
  }

  /* CONNECT */
  .mx5-connect{
    background:
      radial-gradient(circle at 22% 25%,rgba(159,132,255,.21),transparent 18rem),
      linear-gradient(155deg,#6840ed,#4d28c8)
  }
  .mx5-connect-bg{
    position:absolute;width:520px;height:520px;border-radius:50%;right:-340px;bottom:-160px;
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 0 0 75px rgba(255,255,255,.022),0 0 0 150px rgba(255,255,255,.015)
  }
  .mx5-network{
    height:450px;position:relative;margin-top:20px
  }
  .mx5-network-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
  .network-path{
    fill:none;stroke:rgba(255,255,255,.16);stroke-width:1.3;
    stroke-dasharray:5 7;transition:stroke .25s,stroke-width .25s
  }
  .network-path.active{stroke:#d8ff7c;stroke-width:2;animation:mx5Dash 1.1s linear infinite}
  @keyframes mx5Dash{to{stroke-dashoffset:-24}}
  .mx5-node{
    position:absolute;width:74px;height:74px;border-radius:24px;
    border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);
    color:#fff;backdrop-filter:blur(13px);display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:3px;
    box-shadow:0 14px 34px rgba(35,17,85,.11);transition:.3s cubic-bezier(.2,.8,.2,1)
  }
  .mx5-node>span{font-size:13px;font-weight:750}
  .mx5-node>small{font-size:5.5px;letter-spacing:.09em;color:#d4caeb}
  .mx5-node.active{
    background:#fff;color:#2b1b4d;border-color:#fff;transform:scale(1.08);
    box-shadow:0 17px 40px rgba(38,17,92,.2)
  }
  .mx5-node.active>small{color:#795fbd}
  .node-client{left:2px;top:38px}
  .node-time{right:1px;top:38px}
  .node-payment{right:15px;bottom:13px}
  .mx5-core-card{
    position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);
    width:225px;min-height:245px;border-radius:27px;background:rgba(255,255,255,.94);
    color:#17121e;padding:18px;border:1px solid rgba(255,255,255,.86);
    box-shadow:0 28px 65px rgba(32,13,78,.23);backdrop-filter:blur(17px)
  }
  .core-status{
    display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:0 7px;border-radius:999px;
    background:#ebf7ef;color:#2b815b;font-size:5.5px;font-weight:800
  }
  .core-status i{width:5px;height:5px;border-radius:50%;background:#36a56e}
  .mx5-core-card>small{display:block;margin-top:20px;font-size:6px;letter-spacing:.12em;color:#968e9b}
  .mx5-core-card h3{font-size:24px;letter-spacing:-.04em;margin:6px 0 3px}
  .mx5-core-card>p{font-size:8px;line-height:1.45;color:#817986;margin:0;min-height:23px}
  .core-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:17px}
  .core-metrics>div{border-top:1px solid #e7e2e9;padding-top:10px;display:flex;flex-direction:column}
  .core-metrics small{font-size:5.5px;color:#9b939f}
  .core-metrics b{font-size:16px;margin-top:3px}
  .core-link{
    margin-top:14px;min-height:37px;border-radius:12px;background:#f0ecff;color:#6546d2;
    display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:6.5px;font-weight:700
  }
  .core-link b{width:22px;height:22px;border-radius:7px;background:#6741ee;color:#fff;display:grid;place-items:center}
  .mx5-network-hint{text-align:center;font-size:8px;color:#d4caea;margin:4px 0 0}
  .mx5-network-hint b{color:#fff}

  /* DATA */
  .mx5-data{
    background:radial-gradient(circle at 60% 40%,rgba(105,68,232,.16),transparent 20rem),#09060f
  }
  .mx5-data-orb{
    position:absolute;width:470px;height:470px;border-radius:50%;left:-320px;top:110px;
    border:1px solid rgba(255,255,255,.045);
    box-shadow:0 0 0 70px rgba(255,255,255,.008),0 0 0 140px rgba(255,255,255,.006)
  }
  .mx5-data-top{display:flex;align-items:end;justify-content:space-between;margin-top:25px}
  .mx5-data-top>div{display:flex;flex-direction:column}
  .mx5-data-top small{font-size:6.5px;letter-spacing:.13em;color:#82798b;font-weight:800}
  .mx5-data-top strong{font-size:77px;line-height:.88;letter-spacing:-.075em;color:#d8ff7c;margin-top:7px}
  .mx5-data-top>span{font-size:9px;color:#73ca9c;margin-bottom:6px}

  .mx5-chart-box{height:205px;position:relative;margin-top:18px}
  .mx5-chart-grid{
    position:absolute;inset:0;
    background:repeating-linear-gradient(0deg,transparent 0,transparent 49px,rgba(255,255,255,.055) 50px)
  }
  .mx5-chart-box svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
  .mx5-line{fill:none;stroke:url(#mx5Stroke);stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round}
  .mx5-area{fill:url(#mx5AreaFill)}
  .mx5-chart-dot{
    position:absolute;right:2px;top:33px;width:11px;height:11px;border-radius:50%;
    background:#d8ff7c;box-shadow:0 0 0 7px rgba(216,255,124,.09),0 0 30px rgba(216,255,124,.30);
    transition:.45s cubic-bezier(.2,.8,.2,1)
  }
  .mx5-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;color:#5f5867;font-size:6px}
  .mx5-metric-picker{
    display:flex;gap:7px;margin-top:22px;overflow-x:auto;scrollbar-width:none
  }
  .mx5-metric-picker::-webkit-scrollbar{display:none}
  .mx5-metric-picker button{
    flex:0 0 auto;min-height:44px;padding:0 13px;border-radius:999px;
    border:1px solid #2c2435;background:#15101d;color:#8e8696;font-size:7.5px;
    display:flex;align-items:center;gap:6px
  }
  .mx5-metric-picker button i{width:5px;height:5px;border-radius:50%;background:#4d4456}
  .mx5-metric-picker button.active{background:#d8ff7c;color:#21172a;border-color:#d8ff7c;font-weight:800}
  .mx5-metric-picker button.active i{background:#21172a}
  .mx5-insight{
    margin-top:15px;min-height:65px;border:1px solid #2a2233;background:#15101d;border-radius:17px;
    padding:10px;display:flex;align-items:center;gap:10px
  }
  .mx5-insight>span{
    flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#21162f;color:#d8ff7c;
    display:grid;place-items:center
  }
  .mx5-insight p{margin:0;display:flex;flex-direction:column}
  .mx5-insight b{font-size:8px;line-height:1.35}
  .mx5-insight small{font-size:7px;color:#807889;margin-top:3px;line-height:1.4}

  /* CLOSE */
  .mx5-close{
    background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.15),transparent 20rem),linear-gradient(145deg,#7047f3,#4a23c9);
    text-align:center
  }
  .mx5-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.75}
  .mx5-close-rings{position:absolute;inset:0;pointer-events:none}
  .mx5-close-rings i{
    position:absolute;left:50%;top:12%;transform:translate(-50%,-50%);
    border-radius:50%;border:1px solid rgba(255,255,255,.12);
    animation:mx5ClosingRing 5s ease-in-out infinite alternate
  }
  .mx5-close-rings i:nth-child(1){width:260px;height:260px}
  .mx5-close-rings i:nth-child(2){width:430px;height:430px;animation-delay:-1.6s}
  .mx5-close-rings i:nth-child(3){width:610px;height:610px;animation-delay:-3s}
  @keyframes mx5ClosingRing{to{transform:translate(-50%,-50%) scale(1.06);opacity:.45}}
  .mx5-close-wrap{display:flex;flex-direction:column;align-items:center}
  .mx5-close-logo{
    width:min(260px,76%);height:auto;opacity:0;transform:translateY(15px) scale(.94);
    transition:.7s cubic-bezier(.2,.85,.2,1)
  }
  .mx5-close.is-active .mx5-close-logo{opacity:1;transform:none}
  .mx5-close h2{
    font-size:clamp(49px,13.2vw,61px);line-height:.93;letter-spacing:-.064em;margin:45px 0 18px;
    opacity:0;transform:translateY(20px);transition:.7s .12s cubic-bezier(.2,.85,.2,1)
  }
  .mx5-close.is-active h2{opacity:1;transform:none}
  .mx5-close h2 em{font-style:normal;color:#d8ff7c}
  .mx5-close p{max-width:310px;font-size:13px;line-height:1.5;color:#ddd4f5;margin:0;opacity:0;transition:.7s .22s}
  .mx5-close.is-active p{opacity:1}
  .mx5-main-cta,.mx5-ghost-cta{
    width:100%;max-width:320px;min-height:54px;border-radius:17px;
    display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;
    opacity:0;transform:translateY(14px);transition:.6s
  }
  .mx5-main-cta{
    margin-top:27px;background:#fff;color:#4e28cf;justify-content:space-between;padding:0 8px 0 18px;
    transition-delay:.30s
  }
  .mx5-main-cta i{
    width:40px;height:40px;border-radius:13px;background:#6741ee;color:#fff;display:grid;place-items:center;font-style:normal
  }
  .mx5-ghost-cta{
    margin-top:8px;border:1px solid rgba(255,255,255,.21);background:rgba(255,255,255,.07);color:#fff;
    transition-delay:.38s
  }
  .mx5-close.is-active .mx5-main-cta,
  .mx5-close.is-active .mx5-ghost-cta{opacity:1;transform:none}
  .mx5-signature{
    margin-top:38px;padding-top:16px;width:100%;border-top:1px solid rgba(255,255,255,.14);
    font-size:6.5px;letter-spacing:.14em;color:#d4c8f7;opacity:0;transition:.7s .46s
  }
  .mx5-close.is-active .mx5-signature{opacity:1}

  /* Scroll-progress enhancements on supporting browsers. */
  @supports (animation-timeline:view()){
    .mx5-section-head{
      animation:mx5ScrollReveal both linear;
      animation-timeline:view();
      animation-range:entry 5% cover 30%;
    }
    @keyframes mx5ScrollReveal{
      from{opacity:.25;transform:translateY(26px) scale(.98)}
      to{opacity:1;transform:none}
    }
  }

  .mx5 button,.mx5 a{-webkit-tap-highlight-color:transparent}
  .mx5 button:active,.mx5 a:active{transform:scale(.985)}
}

@media(max-width:390px){
  .mx5-scene{
    padding-left:max(16px,env(safe-area-inset-left));
    padding-right:max(16px,env(safe-area-inset-right))
  }
  .mx5-title{font-size:50px}
  .mx5-section-head h2{font-size:42px}
  .mx5-core-card{width:215px}
  .mx5-node{width:68px;height:68px}
  .mx5-data-top strong{font-size:70px}
}

@media(max-width:760px) and (prefers-reduced-motion:reduce){
  .fluid-a,.fluid-b,.orbit-one,.orbit-two,.mark-pulse,.mx5-slot,.mx5-scroll-cue b,.network-path.active,.mx5-close-rings i{animation:none!important}
  .mx5-animate,.mx5-section-head,.mx5-service-carousel,.mx5-time-wheel-wrap,.mx5-book-card,.mx5-network,.mx5-data-top,.mx5-chart-box,.mx5-metric-picker,.mx5-insight{opacity:1;transform:none;transition:none}
  .mx5-line i{transform:none!important;transition:none!important}
}

@media(max-width:760px){
  .mx5-nav{grid-template-columns:82px minmax(18px,1fr) auto auto;gap:7px;padding-left:11px}
  .mx5-logo,.mx5-logo img{width:82px}
}

/* Mobile finishing pass: compact chrome, safe spacing and short-screen support. */
@media(max-width:430px){
  .mx5-nav{
    grid-template-columns:82px 1fr auto auto;
    height:56px;
    gap:6px;
    padding:0 6px 0 11px;
    border-radius:18px;
  }
  .mx5-nav-progress{min-width:0}
  .mx5-nav-product{min-height:40px;padding-inline:9px;border-radius:12px}
  .mx5-nav-cta{min-width:72px;min-height:40px;border-radius:12px}
  .mx5-scene{
    padding-top:calc(82px + env(safe-area-inset-top));
    padding-bottom:calc(34px + env(safe-area-inset-bottom));
  }
  .mx5-title{font-size:clamp(45px,13.2vw,56px);margin-block:14px 18px}
  .mx5-lead{font-size:13px}
  .mx5-section-head h2{font-size:clamp(38px,11.2vw,48px)}
  .mx5-live-strip{margin-top:38px}
  .mx5-scroll-cue{margin-top:28px}
  .mx5-pricing{padding:82px 16px 74px}
  .mx5-pricing h2{font-size:clamp(36px,10.7vw,44px);margin-bottom:26px}
  .mx5-pricing-list article{padding:20px;border-radius:20px}
  .mx5-pricing-list strong{font-size:clamp(24px,7vw,28px)}
  .mx5-pricing-list p{font-size:11px}
  .mx5-pricing-list a{min-height:46px;font-size:10px}
}

@media(max-width:370px){
  .mx5-nav{grid-template-columns:72px 1fr auto auto;left:7px;right:7px;gap:5px;padding-left:9px}
  .mx5-logo,.mx5-logo img{width:72px}
  .mx5-nav-product{padding-inline:7px}
  .mx5-nav-cta{min-width:66px;font-size:8px;gap:4px}
  .mx5-scene{padding-left:14px;padding-right:14px}
  .mx5-service-carousel{margin-inline:-14px;padding-inline:14px}
  .mx5-time-wheel{margin-inline:-14px}
  .mx5-book-card{padding:13px;border-radius:22px}
  .mx5-book-summary>strong{font-size:21px}
  .mx5-network{height:410px}
  .mx5-core-card{width:198px;min-height:225px;padding:15px}
  .mx5-node{width:60px;height:60px;border-radius:19px}
  .mx5-node>span{font-size:11px}
  .node-payment{right:6px}
  .mx5-data-top strong{font-size:62px}
  .mx5-chart-box{height:185px}
  .mx5-pricing{padding-inline:14px}
  .mx5-price-badge,.mx5-pricing-list article>b{position:static;display:inline-flex;margin-bottom:9px}
}

@media(max-width:760px) and (max-height:740px){
  .mx5-book,.mx5-connect,.mx5-data{min-height:720px;align-items:flex-start}
  .mx5-connect .mx5-network{height:395px;margin-top:10px}
  .mx5-data-top{margin-top:16px}
  .mx5-chart-box{height:175px;margin-top:12px}
  .mx5-metric-picker{margin-top:16px}
  .mx5-insight{margin-top:11px}
}

@media(max-width:760px) and (orientation:landscape){
  .mx5-scene{min-height:620px;align-items:flex-start}
  .mx5-wrap{max-width:620px}
  .mx5-title{font-size:48px;max-width:520px}
  .mx5-lead{max-width:520px}
  .mx5-network{height:400px;max-width:430px;margin-inline:auto}
  .mx5-pricing-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}