:root{--bg:#08090b;--header:#211a33;--surface:#151420;--surface-2:#1e1c2b;--line:rgba(255,255,255,.12);--text:#fff;--soft:#c7c1d1;--muted:#8f8999;--blue:#48bff8;--blue-2:#5680ff;--violet:#7946ff;--pink:#d94fd5;--danger:#ff6b7d;--radius:8px;--shadow:0 28px 80px rgba(0,0,0,.42)}
*{box-sizing:border-box;margin:0;padding:0;min-width:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100%;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:'Outfit',system-ui,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.landing-page{width:min(1600px,100%);margin:0 auto;padding:34px clamp(22px,3vw,48px) 0}.landing-header{position:relative;z-index:40;min-height:88px;padding:14px 24px 14px 34px;border-radius:32px;background:var(--header);display:flex;align-items:center;gap:26px;box-shadow:0 18px 50px rgba(0,0,0,.26)}.landing-brand{display:inline-flex;align-items:center;gap:11px;font-size:1.65rem;font-weight:900;white-space:nowrap}.landing-brand img{width:46px;height:46px;object-fit:contain}.landing-nav{display:flex;align-items:center;justify-content:center;gap:clamp(24px,3vw,52px);margin:auto}.landing-nav a{color:var(--soft);font-size:1.05rem;font-weight:600;white-space:nowrap}.landing-nav a:hover,.web-link:hover{color:#fff}.landing-actions{display:flex;align-items:center;gap:12px}.web-link{color:#72a6ff;font-size:1.03rem;font-weight:600;white-space:nowrap}.login-button{min-height:46px;padding:0 22px;border-radius:22px;background:#fff;color:#151020;display:inline-flex;align-items:center;font-weight:800}.header-menu-button{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.06);color:#fff;place-items:center}.avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,var(--violet),var(--pink));border:1px solid rgba(255,255,255,.18);font-weight:900}.avatar img{width:100%;height:100%;display:block;object-fit:cover}.avatar.small{width:38px;height:38px}.avatar.blue{background:linear-gradient(135deg,#259be3,#6f62ff)}
.account-menu-wrap{position:relative}.account-chip{min-height:54px;padding:6px 11px 6px 7px;border:1px solid rgba(114,166,255,.35);border-radius:18px;background:rgba(13,20,38,.64);color:#fff;display:flex;align-items:center;gap:9px;cursor:pointer}.account-chip:hover,.account-chip[aria-expanded="true"]{background:rgba(19,29,52,.95);border-color:#72a6ff}.account-copy{display:grid;text-align:left;line-height:1.08}.account-copy strong{font-size:.91rem}.account-copy small{margin-top:4px;color:#96a0b7;font-size:.72rem}.account-chevron{width:16px;height:16px;margin-left:4px;transition:transform .18s}.account-chip[aria-expanded="true"] .account-chevron{transform:rotate(180deg)}.account-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:270px;padding:10px;border-radius:16px;background:#161929;border:1px solid rgba(114,166,255,.28);box-shadow:0 24px 70px rgba(0,0,0,.52);display:grid}.account-dropdown[hidden]{display:none}.account-dropdown-head{display:flex;align-items:center;gap:11px;padding:8px 8px 13px;border-bottom:1px solid var(--line);margin-bottom:5px}.account-dropdown-head>span:last-child{display:grid}.account-dropdown-head small{color:var(--muted);font-size:.76rem}.account-dropdown>a{min-height:45px;padding:0 10px;border-radius:10px;display:flex;align-items:center;gap:11px;color:var(--soft);font-weight:650}.account-dropdown>a:hover{background:rgba(255,255,255,.07);color:#fff}.account-dropdown>a b{margin-left:auto;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:var(--blue-2);color:#fff;display:grid;place-items:center;font-size:.7rem}.account-divider{height:1px;background:var(--line);margin:5px 6px}.account-dropdown .logout-link{color:#ff8795}
.products-menu{position:relative}.products-menu:after{content:'';position:absolute;z-index:89;top:100%;left:0;width:100%;height:14px}.products-menu-trigger{appearance:none!important;-webkit-appearance:none!important;border:1px solid rgba(104,174,255,.25)!important;border-radius:12px;background:#101a29!important;color:#a9bed2!important;font-size:1rem;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;cursor:pointer;padding:10px 13px;line-height:1;box-shadow:none}.products-menu-trigger:hover,.products-menu.is-open .products-menu-trigger{background:#182a40!important;border-color:#57cbe4!important;color:#fff!important}.products-menu-chevron{width:15px;height:15px;transition:transform .18s ease}.products-menu.is-open .products-menu-chevron{transform:rotate(180deg)}.products-menu-list{position:absolute;z-index:90;top:calc(100% + 8px);left:50%;width:310px;padding:8px;border:1px solid rgba(91,177,255,.26);border-radius:16px;background:#101827;box-shadow:0 24px 64px rgba(0,0,0,.48)}.products-menu-list[hidden]{display:none}.products-menu-list a{min-height:64px;padding:9px;border-radius:11px;display:grid;grid-template-columns:35px minmax(0,1fr) 16px;align-items:center;gap:10px;color:#edf5ff}.products-menu-list a:hover{background:rgba(101,182,255,.1);color:#fff}.products-menu-list strong,.products-menu-list small{display:block}.products-menu-list strong{font-size:.88rem}.products-menu-list small{margin-top:3px;color:#90a5c0;font-size:.72rem;font-weight:500}.products-menu-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#2da9e8,#7868ff);color:#fff;font-weight:900;font-size:.82rem}.products-menu-list a:nth-child(2) .products-menu-icon{background:linear-gradient(135deg,#4d8cff,#8a57e8)}.products-menu-list a:nth-child(3) .products-menu-icon{background:linear-gradient(135deg,#4ac7b0,#3188d2)}.products-menu-arrow{color:#80d7ff;font-size:1.35rem;line-height:1}
.hero-section{min-height:calc(100dvh - 122px);padding:70px clamp(38px,6vw,100px) 0;display:grid;grid-template-columns:minmax(430px,.92fr) minmax(430px,1.08fr);align-items:center;gap:clamp(40px,7vw,110px);overflow:hidden}.hero-copy{position:relative;z-index:2;padding-bottom:74px}.hero-kicker{display:none;align-items:center;gap:9px;color:var(--soft);font-weight:750}.hero-kicker img{width:38px;height:38px}.hero-copy h1{font-size:clamp(4rem,5.7vw,6.5rem);line-height:.91;font-weight:600;letter-spacing:0}.hero-copy h1 span{background:linear-gradient(90deg,#35c8f3,#7470ff 62%,#bd4cff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{max-width:650px;margin-top:34px;color:#ded9e4;font-size:clamp(1.15rem,1.45vw,1.5rem);line-height:1.52}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.hero-primary,.hero-secondary{min-height:54px;padding:0 22px;border-radius:18px;display:inline-flex;align-items:center;gap:10px;font-weight:800}.hero-primary{background:linear-gradient(105deg,#247cf5,#7144fa);box-shadow:0 14px 34px rgba(82,86,255,.28)}.hero-secondary{background:#211a33;border:1px solid rgba(255,255,255,.1);color:var(--soft)}.hero-primary:hover,.hero-secondary:hover{filter:brightness(1.1);color:#fff}.platform-row{display:flex;gap:10px;margin-top:16px}.platform-row a{min-width:175px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);display:grid}.platform-row strong{font-size:.88rem}.platform-row small{color:var(--muted);font-size:.73rem;margin-top:3px}
.phone-stage{position:relative;align-self:end;height:min(720px,calc(100dvh - 180px));min-height:560px;display:flex;justify-content:center;align-items:flex-end}.stage-glow{position:absolute;width:620px;height:620px;bottom:-210px;border-radius:50%;background:radial-gradient(circle,rgba(111,52,255,.44),rgba(43,17,80,.2) 48%,transparent 72%);filter:blur(14px)}.phone-device{position:relative;width:min(392px,78%);height:min(720px,calc(100dvh - 178px));min-height:570px;padding:10px;border-radius:52px;background:#07080b;border:3px solid #40424a;box-shadow:0 32px 100px rgba(0,0,0,.64),inset 0 0 0 2px #111;transform:rotate(1.2deg)}.phone-device:before,.phone-device:after{content:'';position:absolute;right:-7px;width:5px;border-radius:3px;background:#303239}.phone-device:before{top:138px;height:78px}.phone-device:after{top:242px;height:52px}.phone-speaker{position:absolute;z-index:4;top:15px;left:50%;width:92px;height:24px;transform:translateX(-50%);border-radius:999px;background:#050608}.phone-screen{height:100%;border-radius:40px;overflow:hidden;display:grid;grid-template-rows:34px 66px 1fr 68px;background:#0e1321}.phone-status{padding:0 22px;display:flex;align-items:center;justify-content:space-between;color:#dbe7f5;font-size:.73rem;background:#22324b}.phone-chat-head{display:flex;align-items:center;gap:10px;padding:0 16px;background:#17243a;border-bottom:1px solid rgba(255,255,255,.08)}.phone-chat-head>span:nth-child(2){display:grid}.phone-chat-head small{color:#56d7a2;font-size:.7rem}.phone-chat-head>svg{margin-left:auto}.phone-messages{padding:18px 14px;display:flex;flex-direction:column;gap:10px;overflow:hidden;background:linear-gradient(150deg,#0d1425,#18132a)}.phone-date{align-self:center;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.08);color:#a9b4c8;font-size:.7rem}.phone-message{max-width:84%;padding:10px 11px 7px;border-radius:14px;background:#26334a;line-height:1.3}.phone-message.outgoing{align-self:flex-end;background:#315f9f}.phone-message small{display:block;margin-top:4px;text-align:right;color:#d7e9ff;font-size:.63rem}.phone-voice{align-self:flex-end;width:86%;min-height:55px;padding:8px 10px;border-radius:15px;background:#315f9f;display:flex;align-items:center;gap:9px}.phone-voice button{width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#315f9f}.phone-voice small{font-size:.66rem}.wave{height:35px;display:flex;align-items:center;gap:3px;flex:1}.wave i{width:3px;border-radius:9px;background:#a8d4ff}.wave i:nth-child(3n){height:28px}.wave i:nth-child(3n+1){height:12px}.wave i:nth-child(3n+2){height:20px}.phone-video-card{position:relative;align-self:flex-start;width:68%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#202d44;border:3px solid rgba(255,255,255,.12);display:grid;place-items:center}.video-avatar{position:absolute;inset:0;display:grid;place-items:center;background:#202d44}.video-avatar img{width:100%;height:100%;object-fit:cover}.video-ring{position:absolute;inset:8px;border-radius:50%;border:3px solid rgba(114,166,255,.84)}.phone-video-card small{position:absolute;bottom:18px;padding:4px 7px;border-radius:999px;background:rgba(0,0,0,.55);font-size:.59rem}.phone-composer{margin:9px 12px;padding:0 7px 0 14px;border-radius:17px;background:#1c2940;color:#8490a6;display:flex;align-items:center}.phone-composer button{width:42px;height:42px;margin-left:auto;border:0;border-radius:14px;background:#397cf0;color:#fff}.phone-composer button svg{width:18px}
.feature-band{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.1);border-radius:26px;overflow:hidden;margin:0 0 54px}.feature-band article{min-height:190px;padding:32px;background:#121217;display:flex;gap:18px}.feature-band article>span{width:48px;height:48px;border-radius:16px;background:#211a33;color:#75a9ff;display:grid;place-items:center;flex:0 0 auto}.feature-band h2{font-size:1.2rem}.feature-band p{margin-top:8px;color:var(--muted);line-height:1.5}.landing-footer{min-height:86px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.landing-footer nav{display:flex;gap:22px}.landing-footer a:hover{color:#fff}.mobile-menu,.mobile-menu-backdrop{display:none}
@media(max-width:1160px){.landing-nav{gap:22px}.landing-nav a{font-size:.92rem}.hero-section{grid-template-columns:minmax(390px,.9fr) minmax(390px,1.1fr);padding-inline:40px}.web-link{display:none}.hero-copy h1{font-size:clamp(3.7rem,6vw,5.4rem)}}
@media(max-width:860px){.landing-page{padding:12px 12px 0}.landing-header{min-height:66px;padding:9px 11px 9px 16px;border-radius:22px}.landing-brand{font-size:1.25rem}.landing-brand img{width:38px;height:38px}.landing-nav,.landing-actions{display:none}.header-menu-button{display:grid;margin-left:auto}.hero-section{min-height:auto;padding:58px 8px 0;display:flex;flex-direction:column;gap:42px;text-align:center;overflow:visible}.hero-copy{padding:0;display:grid;justify-items:center}.hero-kicker{display:flex}.hero-copy h1{margin-top:18px;font-size:clamp(3.15rem,14vw,5.3rem);line-height:.93}.hero-copy>p{margin-top:25px;font-size:1.05rem;max-width:520px}.hero-actions{justify-content:center}.platform-row{justify-content:center;flex-wrap:wrap}.phone-stage{height:610px;min-height:610px;width:100%}.stage-glow{width:500px;height:500px}.phone-device{width:min(350px,88vw);height:620px;min-height:620px}.feature-band{grid-template-columns:1fr;margin-top:44px;border-radius:20px}.feature-band article{min-height:150px}.landing-footer{padding:24px 4px 96px;align-items:flex-start;gap:16px}.landing-footer nav{display:grid;gap:8px;text-align:right}.mobile-menu-backdrop{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.68);backdrop-filter:blur(6px)}.mobile-menu-backdrop.open{display:block}.mobile-menu{position:fixed;inset:0 auto 0 0;z-index:80;width:min(340px,88vw);padding:14px;background:#151323;border-right:1px solid var(--line);transform:translateX(-105%);transition:transform .2s ease;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow)}.mobile-menu.open{transform:translateX(0)}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between}.mobile-menu-head button{width:44px;height:44px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.06);color:#fff}.mobile-account{display:flex;align-items:center;gap:11px;padding:12px;border-radius:16px;background:rgba(255,255,255,.06)}.mobile-account>span:last-child{display:grid}.mobile-account small{color:var(--muted)}.mobile-menu nav{display:grid;gap:4px}.mobile-menu nav a{min-height:50px;padding:0 12px;border-radius:13px;display:flex;align-items:center;gap:12px;color:var(--soft);font-weight:700}.mobile-menu nav a:hover{background:rgba(255,255,255,.06);color:#fff}.mobile-menu nav a b{margin-left:auto;min-width:22px;height:22px;border-radius:999px;background:var(--blue-2);display:grid;place-items:center;font-size:.7rem}.mobile-menu nav .logout-link{margin-top:10px;border-top:1px solid var(--line);border-radius:0;color:#ff8795}body.drawer-open{overflow:hidden}}
@media(max-width:480px){.hero-copy h1{font-size:clamp(2.85rem,13.4vw,4rem)}.hero-primary,.hero-secondary{width:100%}.hero-actions{width:100%}.platform-row{width:100%;display:grid;grid-template-columns:1fr 1fr}.platform-row a{min-width:0}.phone-stage{height:560px;min-height:560px}.phone-device{height:570px;min-height:570px;width:min(318px,91vw)}.feature-band article{padding:24px 18px}.landing-footer{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Stable phone preview: media must never be compressed into an oval. */
.phone-messages>*{flex-shrink:0}.phone-voice{position:relative;overflow:hidden}.phone-voice button{display:grid;place-items:center;flex:0 0 38px;cursor:pointer;transition:transform .16s ease,background .16s ease}.phone-voice button:hover{transform:scale(1.05)}.phone-voice button:active{transform:scale(.94)}.phone-voice button span{display:block;margin-left:2px;font-size:.9rem;line-height:1}.phone-voice.is-playing button span{margin-left:0;font-size:0}.phone-voice.is-playing button span:after{content:'Ⅱ';font-size:.88rem;font-weight:900}.phone-voice-track{position:relative;height:35px;display:flex;align-items:center;flex:1;min-width:72px;overflow:hidden;cursor:pointer}.phone-voice .wave{position:absolute;inset:0;display:flex;align-items:center;gap:2px;overflow:hidden}.phone-voice .wave i{flex:1 1 0;min-width:2px;max-width:3px;transition:background .12s ease,opacity .12s ease,transform .12s ease}.phone-voice .wave i.played{background:#fff;opacity:1}.phone-voice.is-playing .wave i.current{transform:scaleY(1.14)}.phone-voice-progress{position:absolute;left:0;right:0;bottom:1px;height:2px;border-radius:999px;background:linear-gradient(90deg,#fff var(--voice-progress,0%),rgba(255,255,255,.22) var(--voice-progress,0%));opacity:.8}.phone-voice>small{display:flex;justify-content:flex-end;white-space:nowrap;font-variant-numeric:tabular-nums}.phone-voice-duration{opacity:.72}.phone-video-card{width:clamp(142px,58%,210px);height:auto;aspect-ratio:1/1;flex:0 0 auto;contain:layout paint;border:3px solid rgba(255,255,255,.12);padding:0;cursor:pointer}.phone-video-card:focus-visible{outline:3px solid #72a6ff;outline-offset:3px}.phone-video-card.is-paused:after{content:'▶';position:absolute;z-index:3;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(5,8,16,.72);border:1px solid rgba(255,255,255,.4);color:#fff;font-size:1rem}.video-avatar{width:100%;height:100%;object-fit:cover}.video-avatar,.video-ring{border-radius:50%}
.phone-messages>*{flex-shrink:0}.phone-voice{position:relative;overflow:hidden}.phone-voice button{display:grid;place-items:center;flex:0 0 38px;cursor:pointer;transition:transform .16s ease,background .16s ease}.phone-voice button:hover{transform:scale(1.05)}.phone-voice button:active{transform:scale(.94)}.phone-voice button span{display:block;margin-left:2px;font-size:.9rem;line-height:1}.phone-voice.is-playing button span{margin-left:0;font-size:0}.phone-voice.is-playing button span:after{content:'Ⅱ';font-size:.88rem;font-weight:900}.phone-voice-track{position:relative;height:35px;display:flex;align-items:center;flex:1;min-width:72px;overflow:hidden;cursor:pointer}.phone-voice .wave{position:absolute;inset:0;display:flex;align-items:center;gap:2px;overflow:hidden}.phone-voice .wave i{flex:1 1 0;min-width:2px;max-width:3px;transition:background .12s ease,opacity .12s ease,transform .12s ease}.phone-voice .wave i.played{background:#fff;opacity:1}.phone-voice.is-playing .wave i.current{transform:scaleY(1.14)}.phone-voice-progress{position:absolute;left:0;right:0;bottom:1px;height:2px;border-radius:999px;background:linear-gradient(90deg,#fff var(--voice-progress,0%),rgba(255,255,255,.22) var(--voice-progress,0%));opacity:.8}.phone-voice>small{display:flex;justify-content:flex-end;white-space:nowrap;font-variant-numeric:tabular-nums}.phone-voice-duration{opacity:.72}.phone-video-card{width:clamp(142px,58%,210px);height:auto;aspect-ratio:1/1;flex:0 0 auto;contain:layout paint;border:3px solid rgba(255,255,255,.12);padding:0;cursor:pointer;border-radius:50%!important;overflow:hidden!important;appearance:none;background:#202d44}.phone-video-card:focus-visible{outline:3px solid #72a6ff;outline-offset:3px}.phone-video-card.is-paused:after{content:'▶';position:absolute;z-index:3;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(5,8,16,.72);border:1px solid rgba(255,255,255,.4);color:#fff;font-size:1rem}.video-avatar{width:100%;height:100%;object-fit:cover;display:block!important}.video-avatar,.video-ring{border-radius:50%}

@media(max-width:480px){.phone-stage{height:590px;min-height:590px}.phone-device{height:590px;min-height:590px;width:min(318px,94vw);border-radius:46px}.phone-screen{border-radius:35px;grid-template-rows:32px 62px minmax(0,1fr) 60px}.phone-status{padding-inline:18px}.phone-chat-head{padding-inline:13px}.phone-messages{padding:10px 11px;gap:7px}.phone-date{padding:3px 8px;font-size:.64rem}.phone-message{padding:8px 10px 6px;font-size:.88rem;line-height:1.2}.phone-message small{margin-top:2px}.phone-voice{width:88%;min-height:49px;padding:6px 8px;gap:7px}.phone-voice button{width:36px;height:36px;flex-basis:36px}.phone-voice-track{height:31px}.phone-video-card{width:clamp(126px,49%,148px);border-width:2px}.video-ring{inset:6px;border-width:2px}.phone-video-card small{bottom:10px;font-size:.52rem}.phone-composer{margin:7px 9px;padding-left:12px}.phone-composer button{width:40px;height:40px}}

@media(max-width:360px){.landing-page{padding-inline:8px}.hero-section{padding-inline:0}.phone-stage{height:565px;min-height:565px}.phone-device{width:min(302px,96vw);height:565px;min-height:565px;padding:8px}.phone-speaker{top:13px;width:78px;height:21px}.phone-messages{padding:8px 9px;gap:6px}.phone-message{font-size:.81rem}.phone-voice{min-height:46px}.phone-video-card{width:122px}.phone-video-card small{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

@media(max-height:650px) and (min-width:861px){.phone-stage{height:540px;min-height:540px}.phone-device{height:540px;min-height:540px;width:310px}.phone-screen{grid-template-rows:30px 58px minmax(0,1fr) 58px}.phone-messages{padding:9px 11px;gap:6px}.phone-message{padding:7px 9px 5px;font-size:.82rem}.phone-voice{min-height:46px;padding-block:5px}.phone-video-card{width:128px}.phone-video-card small{bottom:9px}}

/* Keep the home preview clean: the card owns interaction, never the native video control UI. */
.phone-video-card .video-avatar{pointer-events:none;background:transparent}.phone-video-card canvas.video-avatar{display:block!important;width:100%;height:100%;object-fit:cover}.phone-video-card small{z-index:4;left:50%;bottom:8px;transform:translateX(-50%);padding:3px 6px;background:rgba(4,8,16,.76);color:#fff;font-weight:800;font-size:.56rem;line-height:1;border:0;white-space:nowrap}.phone-voice{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 5px 14px rgba(6,14,33,.18)}.phone-voice-track{border-bottom:1px solid rgba(194,224,255,.32)}.phone-voice>small{min-width:62px;gap:2px;color:#fff;font-weight:800;letter-spacing:.01em}.phone-voice-duration{color:#cfe8ff;opacity:1}.phone-voice .wave i{background:#a9d9ff;box-shadow:0 0 8px rgba(133,206,255,.25)}

@media(max-width:480px){.phone-video-card small{bottom:7px;padding:3px 5px;font-size:.5rem}.phone-voice>small{min-width:59px;font-size:.62rem}.phone-voice-track{min-width:76px}}

/* Compact voice message inspired by the messenger pattern: waveform and delivery data stay readable. */
.phone-voice{min-height:62px;padding:7px 10px 6px;align-items:center;gap:9px}.phone-voice button{width:42px;height:42px;flex-basis:42px;margin:0;box-shadow:0 2px 7px rgba(8,26,56,.3)}.phone-voice-content{min-width:0;flex:1;display:grid;grid-template-rows:31px auto;gap:3px}.phone-voice-track{height:31px;margin:0;width:100%;border:0}.phone-voice .wave{gap:2px}.phone-voice .wave i{max-width:3px;background:#91ccff}.phone-voice-progress{bottom:0;height:2px;background:linear-gradient(90deg,#edf8ff var(--voice-progress,0%),rgba(233,248,255,.3) var(--voice-progress,0%))}.phone-voice-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#bce2ff;font-size:.57rem;font-weight:700;line-height:1;white-space:nowrap}.phone-voice-file-size{color:#9bc9ef}.phone-voice-sent{position:static;color:#d7ecff;font-size:.58rem;font-weight:800;letter-spacing:.01em}.phone-voice>.phone-voice-duration{display:none}.phone-video-card .video-avatar{z-index:0}.phone-video-card .video-ring{z-index:1}.phone-circle-meta{position:absolute;z-index:10;left:8px;right:8px;bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:5px;color:#fff;font-size:.55rem;font-weight:850;line-height:1;text-shadow:0 1px 2px #000}.phone-circle-meta span{padding:4px 6px;border-radius:999px;background:rgba(2,6,14,.8);box-shadow:0 1px 5px rgba(0,0,0,.35)}.phone-video-card small,.phone-circle-sent{display:none!important}

@media(max-width:480px){.phone-voice{min-height:57px;padding:6px 8px 5px;gap:7px}.phone-voice button{width:38px;height:38px;flex-basis:38px}.phone-voice-content{grid-template-rows:27px auto;gap:2px}.phone-voice-track{height:27px}.phone-voice-meta{font-size:.51rem}.phone-voice-sent{font-size:.52rem}.phone-circle-meta{left:6px;right:6px;bottom:7px;font-size:.48rem}.phone-circle-meta span{padding:3px 5px}}

/* Full-width waveform, without a second progress line below it. */
.phone-voice{min-height:70px;padding-block:8px}.phone-voice-content{grid-template-rows:36px 14px;gap:4px}.phone-voice-track{height:36px}.phone-voice-track,.phone-voice-progress{border:0!important}.phone-voice-progress{display:none}.phone-voice .wave{width:100%;gap:3px}.phone-voice .wave i{flex:1 1 0;max-width:none;min-width:2px}.phone-voice-meta{align-self:center;font-size:.6rem}.phone-circle-meta{left:50%;right:auto;bottom:18px;transform:translateX(-50%);width:max-content;padding:4px 7px;border-radius:999px;background:rgba(2,6,14,.82);box-shadow:0 2px 7px rgba(0,0,0,.38);font-size:.57rem;white-space:nowrap}.phone-circle-meta span{padding:0;background:transparent;box-shadow:none}.phone-circle-meta span+span:before{content:' · ';color:#91cfff}

@media(max-width:480px){.phone-voice{min-height:63px;padding-block:6px}.phone-voice-content{grid-template-rows:31px 12px;gap:3px}.phone-voice-track{height:31px}.phone-voice-meta{font-size:.54rem}.phone-circle-meta{bottom:15px;padding:3px 6px;font-size:.51rem}}

/* Message delivery time is independent from playback duration. */
.phone-voice{min-height:66px;padding:8px 10px 18px;align-items:flex-start}.phone-voice button{margin-top:1px}.phone-voice-track{height:34px;margin-top:2px}.phone-voice>small{min-width:67px;padding-top:10px;font-size:.61rem;line-height:1}.phone-voice-sent{position:absolute;right:10px;bottom:6px;color:#d9ebff;font-size:.58rem;font-weight:800;line-height:1;letter-spacing:.01em}.phone-circle-sent{position:absolute;z-index:4;right:8px;bottom:8px;padding:3px 5px;border-radius:999px;background:rgba(4,8,16,.58);color:#e7f2ff;font-size:.49rem;font-weight:800;line-height:1}.phone-video-card small{left:8px;bottom:8px;transform:none;background:rgba(4,8,16,.58);font-size:.53rem}.phone-video-card small,.phone-circle-sent{backdrop-filter:blur(4px)}

@media(max-width:480px){.phone-voice{min-height:60px;padding:6px 8px 16px}.phone-voice-track{height:30px;margin-top:1px}.phone-voice>small{min-width:63px;padding-top:9px;font-size:.57rem}.phone-voice-sent{right:8px;bottom:5px;font-size:.53rem}.phone-video-card small{left:6px;bottom:7px;font-size:.48rem}.phone-circle-sent{right:6px;bottom:7px;font-size:.46rem}}

/* Final compact player layout: bars fill the track; delivery data stays outside media. */
.phone-voice{min-height:68px;padding:8px 10px 17px;align-items:flex-start}
.phone-voice-content{grid-template-rows:35px 13px;gap:3px}
.phone-voice-track{height:35px;margin:1px 0 0;border:0!important}
.phone-voice-track::after{display:none!important}
.phone-voice-progress{display:none!important}
.phone-voice .wave{inset:0;width:100%;gap:2px}
.phone-voice .wave i{flex:1 1 0!important;min-width:0;max-width:none!important}
.phone-voice-meta{width:100%;align-self:center;font-size:.59rem;line-height:1}
.phone-voice-sent{right:10px;bottom:6px}
.phone-circle-meta{z-index:12;left:50%;right:auto;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:0;width:max-content;max-width:calc(100% - 20px);padding:4px 7px;border-radius:999px;background:rgba(2,6,14,.86);box-shadow:0 2px 8px rgba(0,0,0,.45);color:#fff;font-size:.57rem;font-weight:850;line-height:1;white-space:nowrap;text-shadow:none}
.phone-circle-meta span{padding:0!important;background:transparent!important;box-shadow:none!important}
.phone-circle-meta span+span::before{content:' / ';color:#91cfff}

@media(max-width:480px){.phone-voice{min-height:62px;padding:6px 8px 15px}.phone-voice-content{grid-template-rows:30px 11px;gap:2px}.phone-voice-track{height:30px}.phone-voice-meta{font-size:.53rem}.phone-voice-sent{right:8px;bottom:5px}.phone-circle-meta{bottom:12px;padding:3px 6px;font-size:.51rem}}

/* Mailan1 home: an editorial, product-first composition rather than a generic messenger landing. */
:root{--bg:#090d14;--header:rgba(9,13,20,.92);--surface:#111925;--surface-2:#172233;--line:rgba(158,195,231,.16);--text:#f4f8ff;--soft:#c2d0df;--muted:#8192a6;--blue:#48c5cb;--blue-2:#398edb;--violet:#586fe1;--pink:#d45aa9}
body{background:#090d14;color:var(--text)}
.landing-page{width:min(1720px,100%);padding:18px clamp(20px,3.2vw,58px) 0}
.landing-header{min-height:72px;padding:10px 4px;border-radius:0;background:transparent;border-bottom:1px solid var(--line);box-shadow:none;gap:22px}
.landing-brand{gap:10px;font-size:1.45rem;letter-spacing:-.02em}.landing-brand img{width:42px;height:42px}
.landing-nav{gap:clamp(20px,2.6vw,40px)}.landing-nav a{font-size:.9rem;color:#93a5ba}.landing-nav a:hover{color:#62d9de}
.landing-actions{gap:8px}.web-link{padding:10px 13px;border:1px solid transparent;border-radius:10px;color:#a7bad0;font-size:.9rem}.web-link:hover{border-color:var(--line);color:#fff}.login-button{min-height:40px;padding:0 16px;border-radius:10px;background:#53cbd0;color:#071116}
.hero-section{position:relative;min-height:calc(100dvh - 92px);padding:clamp(48px,7vw,105px) clamp(10px,4vw,76px) 64px;grid-template-columns:minmax(400px,.95fr) minmax(370px,.8fr);gap:clamp(48px,8vw,150px);overflow:visible}
.hero-section::before{content:'';position:absolute;inset:0 7% 5%;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(99,152,193,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(99,152,193,.06) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 70%,transparent)}
.hero-copy{padding:0;align-self:center}.hero-kicker{display:flex;width:max-content;max-width:100%;padding:5px 10px 5px 6px;border:1px solid rgba(93,208,211,.28);border-radius:999px;background:rgba(13,29,38,.7);color:#9fdde0;font-size:.77rem;letter-spacing:.04em;text-transform:uppercase}.hero-kicker img{width:27px;height:27px}.hero-kicker b{margin-left:5px;padding-left:8px;border-left:1px solid rgba(159,221,224,.32);font-size:.68rem;font-weight:700;color:#72869b}
.hero-copy h1{margin-top:25px;font-size:clamp(4rem,6.4vw,7.25rem);font-weight:720;line-height:.86;letter-spacing:-.055em}.hero-copy h1 span{background:none;color:#55d1d3}.hero-copy>p{max-width:590px;margin-top:29px;color:#b7c5d5;font-size:clamp(1.05rem,1.35vw,1.36rem);line-height:1.55}
.hero-actions{margin-top:30px;gap:10px}.hero-primary,.hero-secondary{min-height:50px;padding:0 18px;border-radius:10px}.hero-primary{background:#4ec6ca;color:#061114;box-shadow:none}.hero-primary:hover{background:#6ad9dc;color:#061114}.hero-secondary{background:transparent;border-color:rgba(160,195,224,.22);color:#c4d3e2}.hero-secondary:hover{background:#152131;color:#fff}
.platform-row.hero-notes{margin-top:26px;gap:26px}.hero-notes span{display:grid;min-width:0;padding:0 0 0 10px;background:transparent;border:0;border-left:2px solid #3e84a7;border-radius:0}.hero-notes b{font-size:.83rem;color:#d9e6f0}.hero-notes small{font-size:.74rem;color:#8193a8}
.phone-stage{height:min(690px,calc(100dvh - 148px));min-height:545px;align-self:center;justify-content:flex-start}.stage-glow{display:none}.phone-device{width:min(378px,86%);height:min(675px,calc(100dvh - 166px));min-height:555px;padding:9px;border:2px solid #38495d;border-radius:44px;background:#05080d;box-shadow:24px 28px 0 rgba(63,117,154,.15),0 26px 60px rgba(0,0,0,.5);transform:rotate(2.4deg)}.phone-device:before,.phone-device:after{background:#29384a}.phone-screen{border-radius:34px;background:#0d1726}.phone-status{background:#1a3046}.phone-chat-head{background:#122338}.phone-messages{background:#101a2d}.phone-message.incoming{background:#25364b}.phone-message.outgoing,.phone-voice{background:#356da8}.phone-composer{background:#182a3e}.phone-composer button{background:#4ec6ca;color:#061114}
.feature-band{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 44px;border-radius:0;background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:visible}.feature-band article{min-height:176px;padding:30px 28px;background:transparent;gap:15px;border-right:1px solid var(--line)}.feature-band article:last-child{border-right:0}.feature-band article>span{width:38px;height:38px;border-radius:10px;background:#132337;color:#58d4d2}.feature-band h2{font-size:1.05rem;letter-spacing:-.01em}.feature-band p{font-size:.9rem;color:#91a2b5}.landing-footer{min-height:84px;border:0;color:#7e90a4}.landing-footer nav{gap:18px}.landing-footer a:hover{color:#5cd5d5}

@media(max-width:860px){.landing-page{padding-top:10px}.landing-header{min-height:64px;padding:8px 2px;border-radius:0}.landing-brand{font-size:1.22rem}.landing-header .header-menu-button{border-radius:10px;background:#111d2c}.hero-section{padding:46px 10px 50px;gap:38px;text-align:left}.hero-copy{justify-items:start}.hero-kicker{font-size:.7rem}.hero-copy h1{font-size:clamp(3.35rem,13vw,5.6rem);text-align:left}.hero-copy>p{text-align:left}.hero-actions,.platform-row.hero-notes{justify-content:flex-start}.hero-notes{width:100%;display:grid!important;grid-template-columns:1fr 1fr;gap:14px!important}.phone-stage{justify-content:center;height:595px;min-height:595px}.phone-device{height:590px;min-height:590px;transform:rotate(1.2deg)}.feature-band article{padding:25px 16px;border-right:0;border-bottom:1px solid var(--line)}.feature-band article:last-child{border-bottom:0}.landing-footer{padding-bottom:80px}}
@media(max-width:480px){.landing-page{padding-inline:15px}.landing-header{min-height:60px}.landing-brand img{width:36px;height:36px}.hero-section{padding-inline:3px}.hero-copy h1{font-size:clamp(3.05rem,14vw,4.35rem)}.hero-copy>p{font-size:1rem}.hero-primary,.hero-secondary{width:auto;min-height:48px}.hero-actions{width:100%}.hero-notes b{font-size:.76rem}.hero-notes small{font-size:.67rem}.phone-stage{height:570px;min-height:570px}.phone-device{width:min(318px,93vw);height:570px;min-height:570px}.feature-band{margin-top:22px}.feature-band article{min-height:132px}.landing-footer{padding-bottom:92px}}

/* The feature list must never inherit the desktop three-column grid on a phone. */
@media(max-width:860px){.feature-band{grid-template-columns:1fr!important}.feature-band article{grid-template-columns:42px minmax(0,1fr);min-height:unset}.feature-band article>span{align-self:start}.feature-band h2{font-size:1.08rem}.feature-band p{font-size:.91rem;overflow-wrap:anywhere}}

/* Product catalog stays compact in the phone drawer and does not duplicate the header links. */
.mobile-products{border:0}.mobile-products summary{list-style:none;min-height:50px;padding:0 12px;border-radius:13px;display:flex;align-items:center;gap:12px;color:var(--soft);font-weight:700;cursor:pointer}.mobile-products summary::-webkit-details-marker{display:none}.mobile-products summary:hover,.mobile-products[open] summary{background:rgba(255,255,255,.06);color:#fff}.mobile-products summary .mobile-products-chevron{margin-left:auto;width:17px;height:17px;transition:transform .18s ease}.mobile-products[open] summary .mobile-products-chevron{transform:rotate(180deg)}.mobile-menu nav .mobile-products>a{min-height:42px;margin-left:24px;padding-left:14px;color:#a7b7ca;font-size:.9rem;border-left:1px solid rgba(114,166,255,.3)}.mobile-menu nav .mobile-products>a:hover{background:transparent;color:#fff}
@media(max-width:1160px){.products-menu-trigger{font-size:.92rem}.products-menu-list{left:auto;right:0}}