/* Mobile app development — midnight + platform accent (iOS blue / Android green) */
body.s-mob{--bg:#070a1c;--bg2:#0d1230;--ac:#0a84ff;--ac2:#64d2ff;--ac3:#5e5ce6;--pk:#ff4f9a;--ink:#0b1030;--pap:#f5f6fc;--ln:#0b10301a;--mut:#525c7c;background:#070a1c;transition:--ac .4s}
body.s-mob[data-p="android"]{--ac:#34d17a;--ac2:#b4f5d0;--ac3:#12b886}
body.s-mob .wrap{max-width:var(--wrap)}
body.s-mob main>section:not(.cta) .btn-primary{background:linear-gradient(120deg,var(--ac),var(--ac3));color:#fff;box-shadow:0 12px 30px color-mix(in srgb,var(--ac) 45%,transparent);transition:background .4s,box-shadow .4s}
body.s-mob[data-p="android"] main>section:not(.cta) .btn-primary{color:#04210f}
body.s-mob main>section:not(.cta) .btn-primary::before{background:color-mix(in srgb,var(--ac) 70%,#000)}
.mb-k{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:99px;background:color-mix(in srgb,var(--ac) 14%,transparent);border:1px solid color-mix(in srgb,var(--ac) 40%,transparent);color:var(--ac2);font:600 .7rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px}
.light .mb-k{color:color-mix(in srgb,var(--ac) 70%,#000)}
.mb-head{max-width:800px;margin-bottom:clamp(24px,4.4vh,48px)}.mb-head h2,.mb-intro h2,.mb-faq h2,.mb-tools h2{font-size:clamp(1.9rem,3.6vw,3.1rem);line-height:1.04;margin-bottom:14px}.mb-head p:last-child{font-size:1.05rem;margin:0}
.light h2,.light h3{color:var(--ink)}
.mb-sec{position:relative;padding:clamp(56px,9vh,100px) 0;background:var(--bg);overflow:clip}.mb-sec.light{background:var(--pap)}
.mb-sec>.wrap{position:relative;z-index:1}
.mb-sec::before{content:"";position:absolute;left:50%;top:0;width:min(60%,720px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ac) 60%,transparent),transparent)}
.mb-note{margin:14px 0 0;font:500 .64rem var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:#8190ad}
.light .crumbs a{color:#4b556f}

/* ---------- phone ---------- */
.mb-phone{--r:3.1em;position:relative;width:17em;height:34.5em;padding:.5em;border-radius:var(--r);background:linear-gradient(145deg,#3a4060,#0a0c18 60%,#262b45);box-shadow:0 3em 6em #000a,0 0 0 .12em #ffffff1a inset,0 0 6em color-mix(in srgb,var(--ac) 30%,transparent);font-family:-apple-system,"Inter",system-ui,sans-serif;font-size:1em;transition:border-radius .6s var(--ease),box-shadow .6s}
.mb-phone .btn1,.mb-phone .btn2{position:absolute;right:-.2em;top:7em;width:.25em;height:3.4em;border-radius:.2em;background:#222842}.mb-phone .btn2{left:-.2em;right:auto;top:5.4em;height:2em}
.mb-phone .scr{position:relative;height:100%;border-radius:calc(var(--r) - .5em);overflow:hidden;background:linear-gradient(180deg,#0e1433,#080b1f);color:#fff;transition:border-radius .6s var(--ease)}
.mb-phone .sbar{position:absolute;left:0;right:0;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;height:2.9em;padding:.2em 1.5em 0;font:600 .72em var(--f-b)}
.mb-phone .sbar .notch{position:absolute;left:50%;top:.65em;translate:-50% 0;width:5.2em;height:1.5em;border-radius:99px;background:#000;transition:.5s var(--ease)}
.mb-phone .sbar em{display:flex;gap:.25em;align-items:flex-end}.mb-phone .sbar em u{display:block;width:.35em;height:.5em;background:#fff;border-radius:.1em;opacity:.9}.mb-phone .sbar em u:nth-child(2){height:.7em}.mb-phone .sbar em u:nth-child(3){height:.9em}
.mb-phone .apps{position:absolute;left:0;right:0;top:3em;bottom:4.6em}
.mb-phone .app{position:absolute;inset:0;padding:.4em 1.1em;opacity:0;transform:translateX(1.5em);transition:opacity .6s,transform .6s var(--ease);pointer-events:none}.mb-phone .app.on{opacity:1;transform:none}
.mb-phone h4{margin:.3em 0 .8em;font:700 1.05em var(--f-d);letter-spacing:-.02em}
.mb-phone .ac{display:grid;gap:.2em;padding:1em 1.1em;border-radius:1.3em;margin-bottom:.9em;transition:border-radius .6s}
.mb-phone .ac small{font:500 .62em var(--f-b);opacity:.85}.mb-phone .ac b{font:700 1.7em var(--f-d);letter-spacing:-.03em}.mb-phone .ac span{font:600 .64em var(--f-b);color:#c9ffe0}
.mb-phone .ac.c1{background:linear-gradient(135deg,var(--ac),var(--ac3))}.mb-phone .ac.c2{background:linear-gradient(135deg,#fb923c,#ef4444)}.mb-phone .ac.c3{background:linear-gradient(135deg,#a855f7,#ec4899);justify-items:center;text-align:center}
.mb-phone .app ul{display:grid;gap:.5em}.mb-phone .app li{display:flex;align-items:center;gap:.7em;padding:.7em .8em;border-radius:1em;background:#ffffff0f;font:500 .72em var(--f-b);transition:border-radius .6s}.mb-phone .app li i{display:grid;place-items:center;width:2.2em;height:2.2em;border-radius:.7em;background:#ffffff14;font-style:normal;font-size:1.1em}.mb-phone .app li b{margin-left:auto;font-weight:600}.mb-phone .app li b.gain{color:#4ade80}
.mb-phone .mmap{position:relative;height:5.4em;margin:-.2em -.3em .5em;border-radius:.9em;background:linear-gradient(135deg,#ffffff22,#ffffff10),repeating-linear-gradient(0deg,transparent 0 14px,#ffffff14 14px 15px),repeating-linear-gradient(90deg,transparent 0 14px,#ffffff14 14px 15px);overflow:hidden}
.mb-phone .mpin{position:absolute;right:1.6em;top:.8em;width:1em;height:1em;border-radius:50% 50% 50% 0;background:#fff;transform:rotate(-45deg);box-shadow:0 0 1em #fff}.mb-phone .mrt{position:absolute;left:.8em;bottom:.8em;width:6.4em;height:.3em;border-radius:99px;background:#fff;transform-origin:left;transform:rotate(-24deg);opacity:.9}
.mb-phone .mring{position:relative;width:6.2em;height:6.2em}.mb-phone .mring svg{width:100%;height:100%;transform:rotate(-90deg)}.mb-phone .mring circle{fill:none;stroke:#ffffff33;stroke-width:7}.mb-phone .mring .mv{stroke:#fff;stroke-linecap:round;stroke-dasharray:201;stroke-dashoffset:201;transition:stroke-dashoffset 1.6s var(--ease) .2s}.mb-phone .app.on .mv{stroke-dashoffset:44}.mb-phone .mring b{position:absolute;inset:0;display:grid;place-items:center;font-size:1.1em}
.mb-phone .tbar{position:absolute;left:.8em;right:.8em;bottom:1.5em;display:flex;justify-content:space-around;align-items:center;padding:.7em .5em;border-radius:1.5em;background:#ffffff12;backdrop-filter:blur(10px);border:1px solid #ffffff14;transition:.5s var(--ease)}
.mb-phone .tbar i{width:1.7em;height:1.7em;border-radius:.6em;background:#ffffff26;transition:.4s}.mb-phone .tbar i.on{background:var(--ac);box-shadow:0 0 1em var(--ac)}
.mb-phone .hbar{position:absolute;left:50%;bottom:.55em;translate:-50% 0;width:5.4em;height:.28em;border-radius:99px;background:#ffffffcc;transition:.4s}
/* android flavour */
[data-p="android"] .mb-phone{--r:2.1em;font-family:Roboto,"Inter",system-ui,sans-serif}
[data-p="android"] .mb-phone .sbar .notch{width:1em;height:1em;top:.75em}
[data-p="android"] .mb-phone .ac{border-radius:.8em}[data-p="android"] .mb-phone .app li{border-radius:.6em}
[data-p="android"] .mb-phone .tbar{left:0;right:0;bottom:0;border-radius:0;padding:.9em .5em 1.4em;background:#161c3c;border:0;border-top:1px solid #ffffff14}
[data-p="android"] .mb-phone .tbar i{width:3.2em;height:1.5em;border-radius:99px}[data-p="android"] .mb-phone .hbar{width:5.4em;height:.3em;bottom:.45em}
/* hero */
.mb-hero{position:relative;overflow:hidden;isolation:isolate;padding:clamp(24px,4vh,50px) 0 clamp(40px,6vh,70px);background:var(--bg)}
.mb-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.mb-bg .a{position:absolute;right:-6%;top:-25%;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ac) 35%,transparent),transparent 65%);animation:mbdrift 14s ease-in-out infinite alternate;transition:background .6s}
.mb-bg .b{position:absolute;left:-10%;bottom:-30%;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,#ff4f9a2e,transparent 65%);animation:mbdrift 18s ease-in-out infinite alternate-reverse}
@keyframes mbdrift{to{transform:translate(40px,-30px) scale(1.12)}}
.mb-bg .gr{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 70% 45%,#000 12%,transparent 75%);mask-image:radial-gradient(ellipse 70% 70% at 70% 45%,#000 12%,transparent 75%)}
.mb-hero-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);align-items:center;margin-top:20px}.mb-hero-in>*{min-width:0}
.mb-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 18px 8px 12px;border-radius:99px;background:#ffffff0d;border:1px solid #ffffff26;font:600 .76rem var(--f-b);color:#d4e2ff;margin-bottom:20px}.mb-eyebrow svg{width:18px;height:18px;stroke:var(--ac2);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mb-copy h1{font-size:clamp(2.3rem,4.4vw,4.1rem);line-height:1.02;letter-spacing:-.05em;margin-bottom:14px}.mb-copy h1 span{background:linear-gradient(120deg,var(--ac2),var(--ac) 50%,var(--pk));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mbsh 6s linear infinite}
@keyframes mbsh{to{background-position:200% 0}}
.mb-lead{font-size:clamp(1rem,1.25vw,1.14rem);max-width:560px;color:#c9d6f2}
.mb-sw{display:inline-flex;gap:4px;padding:4px;border-radius:99px;background:#ffffff10;border:1px solid #ffffff22;margin:6px 0 20px}.mb-sw button{padding:10px 26px;border:0;border-radius:99px;background:none;color:#b9c8ea;font:600 .88rem var(--f-b);cursor:pointer;transition:.35s var(--ease)}.mb-sw button.on{background:linear-gradient(120deg,var(--ac),var(--ac3));color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--ac) 50%,transparent)}
body.s-mob[data-p="android"] .mb-sw button.on{color:#04210f}
.mb-ghost{background:#ffffff0d;border:1px solid #ffffff33;color:#fff;backdrop-filter:blur(10px)}.mb-ghost:hover{background:color-mix(in srgb,var(--ac) 22%,transparent);border-color:var(--ac)}
.mb-facts{display:flex;flex-wrap:wrap;gap:12px 34px;margin-top:24px;padding-top:18px;border-top:1px solid #ffffff1a}.mb-facts li{display:grid;gap:2px}.mb-facts b{font:700 1.25rem var(--f-d);letter-spacing:-.03em;background:linear-gradient(120deg,#fff,var(--ac2));-webkit-background-clip:text;background-clip:text;color:transparent}.mb-facts span{font-size:.8rem;color:#93a5c8}
.mb-stage{position:relative;font-size:clamp(10px,1.45vh,16px);width:34em;max-width:100%;height:38em;margin-inline:auto;transition:transform .25s ease-out}
.mb-glow{position:absolute;left:50%;top:50%;width:28em;height:28em;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ac) 40%,transparent),transparent 65%);filter:blur(10px);animation:mbpulse 5s ease-in-out infinite;transition:background .6s}
@keyframes mbpulse{50%{transform:scale(1.15);opacity:.7}}
.mb-stage .mb-phone{position:absolute;left:3em;top:1.5em;z-index:2;rotate:-4deg;animation:mbfloat 7s ease-in-out infinite}
.mb-stage .mb-phone2{left:auto;right:0;top:4.5em;z-index:1;rotate:7deg;scale:.88;opacity:.9;animation-delay:-3s;filter:saturate(.9)}
@keyframes mbfloat{50%{translate:0 -.8em}}
.mb-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:.6em;padding:.7em 1.1em;border-radius:99px;background:#fff;color:var(--ink);font:600 .78em var(--f-b);box-shadow:0 1.2em 2.6em #0009;translate:calc(var(--px,0px) * 1.4) calc(var(--py,0px) * 1.4);animation:mbfloat 6s ease-in-out infinite}.mb-chip i{display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;background:color-mix(in srgb,var(--ac) 18%,#fff);font-style:normal}
.mb-chip.c1{left:-1.6em;top:7em}.mb-chip.c2{right:-1.2em;top:1em;animation-delay:-2s}.mb-chip.c3{left:1em;bottom:2.4em;animation-delay:-4s}
.mb-dots{position:absolute;left:50%;bottom:-.4em;translate:-50% 0;display:flex;gap:.6em;z-index:4}.mb-dots button{width:.8em;height:.8em;border-radius:99px;border:0;background:#ffffff40;cursor:pointer;transition:.4s}.mb-dots button.on{width:2.4em;background:var(--ac)}
.mb-strip{overflow:hidden;padding:16px 0;background:#0b1030;border-block:1px solid #ffffff14;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mb-strip-t{display:flex;gap:14px;width:max-content;animation:mbmq 38s linear infinite}.mb-strip:hover .mb-strip-t{animation-play-state:paused}
.mb-strip-t span{padding:9px 22px;border-radius:99px;border:1px solid #ffffff1f;background:#ffffff08;color:#bcd0f5;font:600 .82rem var(--f-m);white-space:nowrap}
@keyframes mbmq{to{transform:translateX(-50%)}}

/* ---------- intro / settings ---------- */
.mb-introg{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}.mb-introg>*{min-width:0}.mb-introg p{color:#c0cee8}
.mb-sett{padding:clamp(18px,2.4vw,30px);border-radius:30px;background:linear-gradient(160deg,#ffffff12,#ffffff06);border:1px solid #ffffff22;box-shadow:0 30px 70px #0006}
.mb-sett-h{margin-bottom:14px}.mb-sett-h b{display:block;font:600 1.15rem var(--f-d);margin-bottom:4px}.mb-sett-h span{font-size:.88rem;color:#aebbd9}
.mb-sett ul{display:grid;gap:0;border-radius:18px;overflow:hidden;background:#ffffff0a}.mb-sett li{display:flex;align-items:center;gap:14px;padding:15px 18px;border-bottom:1px solid #ffffff12}.mb-sett li:last-child{border:0}
.mb-sett li span{flex:1}.mb-sett li b{display:block;font:600 .98rem var(--f-b)}.mb-sett li small{display:block;color:#9fb0d2;font-size:.78rem}
.mb-sett u{position:relative;flex:none;width:50px;height:30px;border-radius:99px;background:#ffffff2e;text-decoration:none;transition:background .4s}.mb-sett u::after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0006;transition:transform .45s var(--ease)}
.mb-sett li.on u{background:var(--ac)}.mb-sett li.on u::after{transform:translateX(20px)}
[data-p="android"] .mb-sett u{height:26px;width:48px}[data-p="android"] .mb-sett u::after{width:18px;height:18px;top:4px;left:4px}[data-p="android"] .mb-sett li.on u::after{transform:translateX(22px);width:20px;height:20px;top:3px}

/* ---------- services ---------- */
.mb-svg{display:grid;grid-template-columns:1fr 360px;gap:clamp(24px,4vw,64px);align-items:start}.mb-svg>*{min-width:0}
.mb-svl{display:grid;gap:18px}
.mb-sv{display:flex;gap:20px;padding:clamp(20px,2.4vw,30px);border-radius:26px;background:#fff;border:1px solid var(--ln);opacity:.55;transform:scale(.98);transition:opacity .5s,transform .6s var(--ease),border-color .4s,box-shadow .5s;cursor:pointer}
.mb-sv.on{opacity:1;transform:none;border-color:color-mix(in srgb,var(--ac) 55%,transparent);box-shadow:0 26px 60px color-mix(in srgb,var(--ac) 22%,transparent)}
.mb-sv>span{flex:none;font:700 2.6rem/1 var(--f-d);letter-spacing:-.06em;background:linear-gradient(135deg,var(--ac),var(--pk));-webkit-background-clip:text;background-clip:text;color:transparent}
.mb-sv h3{font-size:1.45rem;margin:0 0 8px}.mb-sv p{margin:0 0 14px;color:var(--mut);font-size:.96rem}.mb-sv ul{display:flex;flex-wrap:wrap;gap:8px}.mb-sv li{padding:5px 14px;border-radius:99px;background:color-mix(in srgb,var(--ac) 12%,transparent);border:1px solid color-mix(in srgb,var(--ac) 30%,transparent);font:600 .74rem var(--f-b);color:#2b3a66}
.mb-svp{position:sticky;top:110px;align-self:start}.mb-svp-in{display:grid;place-items:center}
.mb-phone.sm{font-size:clamp(11px,1.5vh,15px);rotate:none}
.mb-phone .ss{position:absolute;left:0;right:0;top:3em;bottom:4.6em;padding:.4em 1.1em;opacity:0;transform:translateY(1em);transition:opacity .5s,transform .6s var(--ease)}
.mb-phone[data-s="0"] .s0,.mb-phone[data-s="1"] .s1,.mb-phone[data-s="2"] .s2,.mb-phone[data-s="3"] .s3{opacity:1;transform:none}
.mb-phone .ss pre{margin:0;padding:.9em 1em;border-radius:1em;background:#05081a;font:500 .68em/1.7 var(--f-m);color:#cfdcff;white-space:pre-wrap;border:1px solid #ffffff14}.ck{color:#c4a5ff;font-style:normal}.cf{color:#7dd3fc;font-style:normal}
.mb-phone .ok2{display:flex;align-items:center;gap:.6em;margin-top:.9em;padding:.7em 1em;border-radius:1em;background:#34d3991f;color:#6ee7b7;font:600 .68em var(--f-b)}.mb-phone .ok2 i{font-style:normal}
.mb-phone .dbl{display:grid;grid-template-columns:1fr 1fr;gap:.6em}.mb-phone .dbl>div{padding:.7em;border-radius:1em;background:#ffffff0f;display:grid;gap:.4em}.mb-phone .dbl small{font:700 .62em var(--f-m);letter-spacing:.1em;color:var(--ac2)}.mb-phone .dbl i{display:block;height:2em;border-radius:.5em;background:linear-gradient(90deg,#ffffff1a,#ffffff30,#ffffff1a);background-size:200% 100%;animation:mbshim 2s linear infinite}.mb-phone .dbl>div:nth-child(2) i{border-radius:.2em}
@keyframes mbshim{to{background-position:-200% 0}}
.mb-phone .mods{display:grid;gap:.5em}.mb-phone .mods li{display:flex;gap:.7em;align-items:center;padding:.7em .9em;border-radius:.9em;background:#ffffff0f;font:600 .74em var(--f-b)}.mb-phone .mods i{display:grid;place-items:center;width:1.6em;height:1.6em;border-radius:50%;background:var(--ac);font-style:normal;font-size:.8em}
.mb-phone .swt{display:grid;grid-template-columns:repeat(4,1fr);gap:.5em;margin-bottom:.8em}.mb-phone .swt i{aspect-ratio:1;border-radius:.8em;box-shadow:0 .5em 1em #0006}
.mb-phone .typ{display:flex;align-items:center;gap:.8em;padding:.7em .9em;border-radius:1em;background:#ffffff0f;margin-bottom:.8em}.mb-phone .typ b{font:700 1.8em var(--f-d)}.mb-phone .typ span{font-size:.7em;color:#b9c8ea}
.mb-phone .cmp{display:grid;grid-template-columns:1fr 1fr;gap:.5em}.mb-phone .cmp i{height:3.6em;border-radius:.9em;background:linear-gradient(135deg,var(--ac),var(--ac3))}.mb-phone .cmp i+i{background:linear-gradient(135deg,var(--pk),#fb923c)}

/* ---------- approach ---------- */
.mb-appr{background:radial-gradient(800px 460px at 80% 20%,color-mix(in srgb,var(--ac) 18%,transparent),transparent 70%),linear-gradient(180deg,#070a1c,#0b1030)}
.mb-apg{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:stretch}.mb-apg>*{min-width:0}
.mb-aps{display:grid;gap:12px;align-content:start}
.mb-aps button{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:16px 18px;border-radius:20px;border:1px solid #ffffff1f;background:#ffffff08;text-align:left;cursor:pointer;color:#fff;transition:.35s var(--ease)}
.mb-aps i{grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#ffffff12;font-style:normal;font-size:1.4rem;transition:.35s}.mb-aps b{font:600 1.1rem var(--f-d)}.mb-aps small{color:#9fb0d2;font-size:.78rem}
.mb-aps button:hover{transform:translateX(6px);border-color:color-mix(in srgb,var(--ac) 70%,transparent)}.mb-aps button.on{background:linear-gradient(120deg,color-mix(in srgb,var(--ac) 26%,transparent),#ffffff0a);border-color:var(--ac)}.mb-aps button.on i{background:linear-gradient(135deg,var(--ac),var(--ac3))}
.mb-apc{padding:clamp(22px,3vw,40px);border-radius:28px;background:linear-gradient(160deg,#ffffff12,#ffffff06);border:1px solid #ffffff22;box-shadow:0 30px 70px #0006;transition:opacity .25s}.mb-apc.sw{opacity:0}
.mb-apc h3{font-size:clamp(1.5rem,2.4vw,2.1rem)}.mb-apc>p{color:#cfdcf6;font-size:1.02rem;margin:0 0 20px}
.mb-met{display:grid;gap:12px;margin-bottom:20px}.mb-met div{display:grid;grid-template-columns:160px 1fr 44px;gap:14px;align-items:center;font-size:.9rem;color:#e6efff}.mb-met u{display:block;height:12px;border-radius:99px;background:#ffffff1c;overflow:hidden;text-decoration:none}.mb-met u::after{content:"";display:block;height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,var(--ac),var(--ac2));transition:width .9s var(--ease)}.mb-met b{font:600 .8rem var(--f-m);text-align:right;color:var(--ac2)}
.mb-best{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mb-best span{font:600 .64rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--ac2);margin-right:4px}.mb-best em{padding:6px 14px;border-radius:99px;background:#ffffff12;border:1px solid #ffffff22;font:600 .8rem var(--f-b);font-style:normal;color:#e6efff}

/* ---------- toolbox ---------- */
.mb-toolg{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}.mb-toolg>*{min-width:0}.mb-toolg p{color:var(--mut)}
.mb-tip{margin:18px 0 10px;font:600 .66rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--ac) 70%,#000)}
.mb-tinfo{padding:18px 22px;border-radius:20px;background:#fff;border:1px solid var(--ln);box-shadow:0 16px 40px #0b10300f;min-height:110px;animation:mbup .5s var(--ease)}.mb-tinfo b{display:block;font:700 1.2rem var(--f-d);margin-bottom:4px;color:var(--ink)}.mb-tinfo span{color:var(--mut);font-size:.94rem}
@keyframes mbup{from{opacity:0;transform:translateY(10px)}}
.mb-home{display:grid;place-items:center}
.mb-hs{position:relative;width:min(100%,340px);aspect-ratio:.58;padding:3em 1.2em 1.2em;border-radius:3em;background:radial-gradient(circle at 20% 15%,#6366f1,transparent 55%),radial-gradient(circle at 85% 30%,#ec4899,transparent 50%),radial-gradient(circle at 40% 95%,#22d3ee,transparent 55%),#1a1f4d;border:.5em solid #12162e;box-shadow:0 40px 80px #0b103055;display:flex;flex-direction:column;justify-content:space-between;font-size:14px}
.mb-hs::before{content:"";position:absolute;left:50%;top:.9em;translate:-50% 0;width:5.5em;height:1.5em;border-radius:99px;background:#000}
.mb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1em .6em}
.mb-app{display:grid;justify-items:center;gap:.4em;border:0;background:none;cursor:pointer;color:#fff;font:500 .66em var(--f-b);text-shadow:0 1px 4px #0008}
.mb-app i{display:grid;place-items:center;width:4.4em;height:4.4em;border-radius:1.2em;background:linear-gradient(135deg,var(--g1),var(--g2));font:700 1.1rem var(--f-d);font-style:normal;color:#fff;box-shadow:0 .6em 1.2em #0006,inset 0 0 0 1px #ffffff33;transition:.35s var(--ease)}
.mb-app:hover i,.mb-app.on i{transform:scale(1.12);box-shadow:0 1em 1.8em #0008,0 0 0 .25em #ffffffaa}.mb-app:hover{animation:mbwig .35s ease-in-out infinite}
@keyframes mbwig{25%{rotate:-2.5deg}75%{rotate:2.5deg}}
.mb-dock{display:flex;justify-content:space-around;padding:.8em;border-radius:1.8em;background:#ffffff26;backdrop-filter:blur(14px)}.mb-dock i{display:grid;place-items:center;width:3.6em;height:3.6em;border-radius:1em;background:linear-gradient(135deg,var(--g,#fff));font-style:normal;color:#ffffff00}

/* ---------- builder ---------- */
.mb-build{background:linear-gradient(180deg,#0b1030,#070a1c)}
.mb-bg2{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(20px,3vw,44px);align-items:center}.mb-bg2>*{min-width:0}
.mb-feats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mb-ft{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;border:1px solid #ffffff1f;background:#ffffff08;color:#fff;text-align:left;cursor:pointer;font:600 .9rem var(--f-b);transition:.3s var(--ease)}.mb-ft i{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#ffffff12;font-style:normal;font-size:1.05rem;transition:.3s}
.mb-ft:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ac) 70%,transparent)}.mb-ft.on{background:linear-gradient(120deg,color-mix(in srgb,var(--ac) 24%,transparent),#ffffff0a);border-color:var(--ac)}.mb-ft.on i{background:linear-gradient(135deg,var(--ac),var(--ac3))}
.mb-bphone{display:grid;place-items:center}
.mb-phone .fh{position:absolute;left:0;right:0;top:3em;bottom:4.6em;padding:.4em 1.1em}.mb-phone .ftiles{display:grid;grid-template-columns:1fr 1fr;gap:.6em}
.mb-phone .ftiles div{display:grid;gap:.3em;justify-items:center;padding:.9em .4em;border-radius:1.1em;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 40%,#1a2250),#1a2250);font:600 .66em var(--f-b);text-align:center;animation:mbpop .5s var(--ease) both}.mb-phone .ftiles div i{font-style:normal;font-size:2.2em}
@keyframes mbpop{from{opacity:0;transform:scale(.6)}}
.mb-phone .ftiles .empty{grid-column:1/3;padding:2em .5em;background:#ffffff0d;color:#9fb0d2;font-weight:500}
.mb-bres{padding:clamp(20px,2.6vw,32px);border-radius:26px;background:linear-gradient(160deg,#ffffff12,#ffffff06);border:1px solid #ffffff22;box-shadow:0 30px 70px #0006}
.mb-bres small{font:600 .64rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--ac2)}.mb-bres h3{margin:6px 0 14px;font-size:1.6rem}.mb-bres p{color:#c8d8f5;font-size:.92rem}
.mb-cm{height:12px;border-radius:99px;background:#ffffff1c;overflow:hidden;margin:6px 0 16px}.mb-cm u{display:block;height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,#34d399,var(--ac),var(--pk));transition:width .7s var(--ease);text-decoration:none}
.mb-bres .row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed #ffffff22;font-size:.9rem;color:#e6efff}.mb-bres .row b{color:var(--ac2)}
.mb-bres .btn{width:100%;margin-top:16px}

/* ---------- path ---------- */
.mb-road{position:relative;height:150px;margin:0 3% 24px}.mb-road svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mb-road path{fill:none;stroke:#0b103022;stroke-width:6;stroke-linecap:round;vector-effect:non-scaling-stroke}.mb-road .mrf{stroke:var(--ac);stroke-width:6;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--ac) 70%,transparent))}
.mb-road .mrd{position:absolute;z-index:3;translate:-50% -90%;font-size:2rem;filter:drop-shadow(0 6px 8px #0006);font-style:normal}
.mb-road .mrn{position:absolute;inset:0}.mb-road .mrn button{position:absolute;translate:-50% -50%;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:3px solid #fff;background:#cfd6ee;color:#fff;font:700 .85rem var(--f-d);cursor:pointer;box-shadow:0 8px 18px #0b103033;transition:.4s var(--ease)}
.mb-road .mrn button.d{background:var(--ac)}.mb-road .mrn button.on{background:linear-gradient(135deg,var(--ac),var(--pk));transform:scale(1.2);box-shadow:0 0 0 8px color-mix(in srgb,var(--ac) 25%,transparent)}
.mb-pcard{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;padding:clamp(22px,3vw,36px);border-radius:28px;background:#fff;border:1px solid var(--ln);box-shadow:0 26px 60px #0b10301a;transition:opacity .25s}.mb-pcard.sw{opacity:0}.mb-pcard>*{min-width:0}
.mb-pcard small{font:600 .66rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--ac) 70%,#000)}.mb-pcard h3{font-size:clamp(1.5rem,2.4vw,2.1rem);margin:6px 0 8px}.mb-pcard p{color:var(--mut);margin:0}
.mb-pcard ul{display:grid;gap:10px;align-content:center}.mb-pcard li{display:flex;gap:12px;padding:13px 16px;border-radius:14px;background:color-mix(in srgb,var(--ac) 9%,#fff);border:1px solid color-mix(in srgb,var(--ac) 22%,transparent);font-size:.92rem;color:var(--ink);animation:mbup .5s var(--ease) both}.mb-pcard li:nth-child(2){animation-delay:.1s}.mb-pcard li:nth-child(3){animation-delay:.2s}.mb-pcard li::before{content:"\2192";color:color-mix(in srgb,var(--ac) 70%,#000);font-weight:700}

/* ---------- excellence ---------- */
.mb-ex{background:linear-gradient(160deg,#101a4a,#070a1c)}
.mb-exg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mb-exg article{position:relative;padding:clamp(22px,2.6vw,32px);border-radius:26px;background:#ffffff10;border:1px solid #ffffff22;backdrop-filter:blur(10px);transition:.4s var(--ease)}.mb-exg article:hover{transform:translateY(-8px) rotate(-.6deg);border-color:var(--ac);box-shadow:0 26px 60px #0006}
.mb-exg .exi{display:grid;place-items:center;width:52px;height:52px;margin-bottom:14px;border-radius:15px;background:linear-gradient(135deg,var(--ac),var(--ac3));font-size:1.5rem;box-shadow:0 8px 20px #0005}.mb-exg small{position:absolute;right:22px;top:22px;font:500 .72rem var(--f-b);color:#9fb0d2}
.mb-exg h3{font-size:1.35rem}.mb-exg p{margin:0;font-size:.94rem;color:#c8d6f2}

/* ---------- faq ---------- */
.mb-faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,80px);align-items:start}.mb-faq-grid>*{min-width:0}
.mb-faq-l{position:sticky;top:110px;align-self:start}.mb-faq-l>p:not(.mb-k){color:var(--mut)}.mb-faq-l .btn{margin-top:6px}
.mb-faql{display:grid;gap:12px}.mb-faql details{border-radius:20px;background:#fff;border:1px solid var(--ln);box-shadow:0 8px 22px #0b10300a;transition:.3s}.mb-faql details[open]{border-color:color-mix(in srgb,var(--ac) 60%,transparent);box-shadow:0 18px 44px color-mix(in srgb,var(--ac) 20%,transparent)}
.mb-faql summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;list-style:none;font:600 1.05rem var(--f-d);color:var(--ink)}.mb-faql summary::-webkit-details-marker{display:none}
.mb-faql summary i{position:relative;flex:none;width:16px;height:16px}.mb-faql summary i::before,.mb-faql summary i::after{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:var(--ac);transition:transform .35s var(--ease)}.mb-faql summary i::after{transform:rotate(90deg)}.mb-faql details[open] summary i::after{transform:rotate(0)}
.mb-faql details p{margin:0;padding:0 24px 22px;color:var(--mut);animation:mbup .5s var(--ease)}
.mb-more{padding:clamp(40px,6vh,70px) 0}

@media(max-width:1100px){.mb-hero-in,.mb-introg,.mb-svg,.mb-apg,.mb-toolg,.mb-bg2,.mb-pcard,.mb-faq-grid{grid-template-columns:1fr}.mb-svp{display:none}.mb-faq-l{position:static}.mb-exg{grid-template-columns:1fr}.mb-aps{grid-template-columns:repeat(3,1fr)}.mb-aps button{grid-template-columns:1fr;text-align:center;justify-items:center}.mb-aps i{grid-row:auto}.mb-stage{font-size:13px}.mb-stage .mb-phone{rotate:none}}
@media(max-width:700px){.mb-feats,.mb-aps{grid-template-columns:1fr}.mb-met div{grid-template-columns:110px 1fr 40px}.mb-stage{font-size:11px}.mb-chip.c1,.mb-chip.c3{display:none}.mb-road .mrn button{width:36px;height:36px;font-size:.7rem}.mb-sv{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){.mb-bg .a,.mb-bg .b,.mb-glow,.mb-stage .mb-phone,.mb-chip,.mb-strip-t,.mb-copy h1 span,.mb-app:hover{animation:none}}

.mb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mb-app{min-width:0}.mb-app i{width:100%;max-width:4.6em;height:auto;aspect-ratio:1}.mb-app{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}