.mobile-capabilities{position:relative;overflow:hidden;padding-top:58px;padding-bottom:82px;background:radial-gradient(circle at 50% 54%,rgba(43,27,89,.48),transparent 38%),radial-gradient(circle at 87% 12%,rgba(26,34,77,.38),transparent 42%),#0a1020;color:#f5f7ff}
.mobile-capabilities:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;background-image:radial-gradient(circle,#4b6bb6 1px,transparent 1.2px),radial-gradient(circle,#aa5ccd .8px,transparent 1px),radial-gradient(circle,#d8a656 .7px,transparent 1px);background-size:43px 43px,101px 101px,157px 157px;background-position:7px 9px,25px 50px,74px 34px}
.mobile-capabilities .container{position:relative;z-index:1}
.mobile-capabilities-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:end;gap:52px}
.mobile-capabilities-heading h2{max-width:860px;margin:19px 0 0;font-size:clamp(28px,2.65vw,40px);line-height:1.36;letter-spacing:-.035em;color:#f9fbff}
.mobile-capabilities-heading h2 span{display:block;margin-top:8px;font-size:.69em;line-height:1.4;letter-spacing:-.02em}
.mobile-capabilities-heading p{max-width:370px;margin:0 0 8px;color:#b5bfd7;font-size:14px;line-height:1.85}
.mobile-capabilities-stage{position:relative;display:grid;place-items:center;min-height:670px;padding:12px 0 8px}
.mobile-capabilities-halo{position:absolute;top:50%;left:50%;width:min(700px,95vw);height:430px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(63,72,158,.25) 0,rgba(84,43,153,.13) 37%,transparent 70%);filter:blur(8px);pointer-events:none}
.mobile-capabilities-halo:after{content:"";position:absolute;inset:8%;border-radius:50%;background-image:radial-gradient(circle,#7c5cff 2px,transparent 3px),radial-gradient(circle,#4a91ff 2px,transparent 3px),radial-gradient(circle,#e6b146 1.6px,transparent 3px);background-size:61px 57px,79px 67px,103px 91px;background-position:0 0,27px 22px,43px 39px;mask-image:radial-gradient(ellipse,transparent 0 27%,#000 48%,transparent 75%)}
.mobile-capabilities-phone{position:relative;width:306px;height:654px;padding:6px;border:1px solid #6f7ba6;border-radius:30px;background:#172038;box-shadow:0 25px 72px #000a,0 0 0 4px #53639620}
.mobile-capabilities-screen{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:24px;background:#f4f6fa;color:#26364c}
.mobile-capabilities-island{position:absolute;z-index:2;top:10px;left:50%;width:67px;height:15px;transform:translateX(-50%);border-radius:20px;background:#0c1422}
.mobile-capabilities-statusbar{height:34px;display:flex;flex:none;align-items:center;justify-content:space-between;padding:5px 16px 0;background:#fff;color:#223149;font-size:10px;font-weight:800}
.mobile-capabilities-appbar{height:49px;display:flex;flex:none;align-items:center;justify-content:space-between;padding:2px 15px 7px;border-bottom:1px solid #e8edf3;background:#fff}
.mobile-capabilities-appbar>span{width:20px;color:#667890;font-size:19px;line-height:1}
.mobile-capabilities-appbar>span:last-child{text-align:right;font-size:13px;letter-spacing:1px}
.mobile-capabilities-appbar>div{text-align:center}
.mobile-capabilities-appbar strong,.mobile-capabilities-appbar small{display:block}
.mobile-capabilities-appbar strong{font-size:13px}
.mobile-capabilities-appbar small{margin-top:2px;color:#93a0b0;font-size:9px}
.mobile-capabilities-task{flex:none;padding:13px 15px 11px;border-bottom:1px solid #e6ebf2;background:linear-gradient(#fff,#f9fbff)}
.mobile-capabilities-task>div{display:flex;align-items:center;justify-content:space-between;gap:6px}
.mobile-capabilities-task strong{font-size:11px}
.mobile-capabilities-task small{flex:none;color:#8f9bad;font-size:9px}
.mobile-capabilities-task>span{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:4px 8px;border:1px solid #d6e5fb;border-radius:20px;background:#eef5ff;color:#4975b4;font-size:9px}
.mobile-capabilities-task i{width:4px;height:4px;border-radius:50%;background:#e3ad43}
.mobile-capabilities-chat{display:flex;flex:1;min-height:0;flex-direction:column;gap:9px;overflow-y:auto;padding:12px 15px;background:linear-gradient(#f4f6fa,#edf2f8);scrollbar-width:thin;scrollbar-color:#d0d9e7 transparent}
.mobile-chat-message{display:flex;flex:none;flex-direction:column;align-items:flex-start;gap:4px}
.mobile-chat-message.is-user{align-items:flex-end}
.mobile-chat-meta{color:#66778e;font-size:9px;font-weight:750}
.mobile-chat-meta span{margin-left:4px;color:#9ca9ba;font-weight:500}
.mobile-chat-bubble{max-width:94%;padding:9px 10px;border:1px solid #e0e7f0;border-radius:11px;border-top-left-radius:4px;background:#fff;color:#42536d;font-size:10px;line-height:1.55;box-shadow:0 3px 9px #27446809}
.mobile-chat-message.is-user .mobile-chat-bubble{border-color:#4b83e2;border-top-left-radius:11px;border-top-right-radius:4px;background:#4b84e3;color:#fff}
.mobile-chat-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}
.mobile-chat-tags span{padding:3px 5px;border:1px solid #e2e9f3;border-radius:4px;background:#f7f9fc;color:#64758b;font-size:8px;line-height:1.2;white-space:nowrap}
.mobile-chat-tags.is-files span{color:#4c73a5;background:#f8fbff}
.mobile-capabilities-compose{display:flex;flex:none;align-items:center;gap:8px;min-height:43px;margin:5px 11px 6px;padding:6px 7px 6px 10px;border:1px solid #e1e6ee;border-radius:11px;background:#fff;color:#79899d;font-size:9px}
.mobile-capabilities-compose span{flex:1}
.mobile-capabilities-compose b{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;background:#477fe3;color:#fff;font-size:14px}
.mobile-capabilities-home{flex:none;width:78px;height:3px;margin:0 auto 6px;border-radius:5px;background:#263249}
.mobile-capabilities-footer{display:flex;align-items:baseline;justify-content:space-between;gap:25px;border-top:1px solid #48517a55;padding-top:31px}
.mobile-capabilities-footer h3{margin:0;color:#f5f6ff;font-size:clamp(21px,2.25vw,31px);line-height:1.4;letter-spacing:-.035em}
.mobile-capabilities-footer span{flex:none;color:#9aa9c5;font-size:11px}
@media(max-width:820px){.mobile-capabilities-heading{grid-template-columns:1fr;gap:18px}.mobile-capabilities-heading p{max-width:620px}.mobile-capabilities-stage{min-height:690px}.mobile-capabilities-footer{align-items:flex-start;flex-direction:column;gap:9px}}
@media(max-width:600px){.mobile-capabilities{padding-top:46px;padding-bottom:63px}.mobile-capabilities-heading h2{font-size:clamp(25px,7.5vw,34px)}.mobile-capabilities-heading h2 span{font-size:.7em}.mobile-capabilities-heading p{font-size:12px}.mobile-capabilities-stage{min-height:630px;padding:18px 0}.mobile-capabilities-phone{width:min(306px,88vw);height:610px}.mobile-capabilities-halo{height:360px}.mobile-capabilities-footer{padding-top:23px}.mobile-capabilities-footer h3{font-size:22px}.mobile-capabilities-footer span{font-size:10px}}