/* Mobile landing is isolated; the original desktop layout is unchanged. */
.mobile-site{display:none}
@media(max-width:760px){
  body>.nav,body>main,body>footer{display:none}
  body{background:#2d3542}
  .mobile-site{display:block;--lime:#8bcc3f;--muted:#b7c0ce;--dark:#2d3542;--card:#353f4e;color:#fff;font-family:Manrope,Arial,sans-serif;line-height:1.6}
  .mobile-site *{box-sizing:border-box}
  .mobile-site h1,.mobile-site h2,.mobile-site h3{font-family:Manrope,Arial,sans-serif;color:inherit;font-weight:800;letter-spacing:-.035em;text-wrap:balance}
  .mobile-site h1{font-size:clamp(30px,8.8vw,46px);line-height:1.16}
  .mobile-site h2{font-size:26px;line-height:1.25}
  .mobile-site h3{font-size:15px;line-height:1.4;letter-spacing:-.015em}
  .mobile-site p{color:var(--muted);font-size:13px;line-height:1.8}
  .m-wrap{width:100%;max-width:510px;margin:auto;padding:0 22px}
  .mobile-site section{padding:48px 0;scroll-margin-top:80px}
  .mobile-site .m-nav{position:sticky;top:0;z-index:30;background:#2d3542f5;border-bottom:1px solid #ffffff0d;backdrop-filter:blur(12px)}
  .m-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:72px;padding:12px 16px}
  .mobile-site .logo{font-family:Fraunces,Georgia,serif;font-size:clamp(13px,3.7vw,18px);gap:6px;white-space:nowrap;letter-spacing:-.035em}
  .mobile-site .logo svg{width:23px;height:26px}
  .mobile-site .m-btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px 30px;background:var(--lime);color:#18240d;border:0;border-radius:5px;font:800 13px Manrope,Arial,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 5px 18px #11182018}
  .mobile-site .m-btn:hover{background:#a0df55}
  .mobile-site .m-nav .m-btn{padding:10px 13px;min-height:40px;font-size:11px;white-space:nowrap}
  .mobile-site :focus-visible{outline:3px solid #e5b362;outline-offset:4px}
  .m-center{text-align:center}
  .m-kicker{display:block;color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin-bottom:14px}
  .mobile-site .m-hero{padding:42px 0 16px;text-align:center;overflow:hidden}
  .m-hero h1 span{color:var(--lime)}
  .mobile-site .m-hero p{margin:18px auto 24px;max-width:330px;font-size:14px}
  .m-subnote{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 0;color:#c9d1dc;font-size:10px}
  .m-subnote i{width:6px;height:6px;background:var(--lime);border-radius:50%}
  .m-scene{height:350px;position:relative;margin:12px auto 0;max-width:360px;display:grid;place-items:center}
  .m-orbit{position:absolute;width:285px;height:285px;border:1px solid #8bcc3f22;border-radius:50%;background:radial-gradient(circle,#8bcc3f19,transparent 70%)}
  .m-orbit:after{content:"";position:absolute;inset:23px;border:1px dashed #8bcc3f20;border-radius:50%}
  .m-device{position:relative;width:190px;background:#171e2a;border:5px solid #171e2a;border-radius:30px;box-shadow:18px 22px 40px #151b2960;transform:rotate(-7deg);padding:23px 9px 14px;text-align:left}
  .m-device:before{content:"";position:absolute;top:7px;left:70px;width:44px;height:5px;border-radius:10px;background:#374251}
  .m-device-title{font-size:10px;font-weight:800;display:flex;justify-content:space-between;margin:0 3px 12px}
  .m-device-title span{color:var(--lime)}
  .m-map{height:142px;border-radius:12px;position:relative;overflow:hidden;background:repeating-linear-gradient(35deg,transparent 0 34px,#71849725 35px 41px,transparent 42px 67px),repeating-linear-gradient(125deg,#283946 0 39px,#9bb4be18 40px 45px,#283946 46px 83px)}
  .m-map:before{content:"";position:absolute;inset:29px 39px;border:1px solid #8bcc3f90;border-radius:50%;background:#8bcc3f25}
  .m-map-pin{position:absolute;left:66px;top:52px;width:30px;height:30px;background:var(--lime);border:5px solid #fff;border-radius:50%;box-shadow:0 0 0 9px #8bcc3f30}
  .m-map-label{position:absolute;left:35px;bottom:13px;background:#fff;color:#293442;border-radius:4px;padding:3px 7px;font-size:8px;font-weight:800}
  .m-device-row{margin-top:8px;padding:8px;background:#283341;border-radius:7px;font-size:8px;display:flex;justify-content:space-between;color:#c6cfdb}
  .m-device-row b{color:#fff}
  .m-float{position:absolute;z-index:2;background:#414c5b;border:1px solid #ffffff15;border-radius:10px;padding:10px 12px;box-shadow:0 10px 25px #151b2940;text-align:left;display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.6}
  .m-float small{display:block;color:#c3cbd6;font-size:8px}
  .m-float-a{top:69px;right:0;transform:rotate(4deg)}
  .m-float-b{bottom:48px;left:0;transform:rotate(-3deg)}
  .m-couple-device{width:204px}
  .m-couple-cover{padding:12px 5px 14px;text-align:center;border-radius:13px;background:radial-gradient(ellipse at 50% 0,#94577155,transparent),#303647}
  .m-couple-avatars{display:flex;justify-content:center;padding:2px 0 7px}
  .m-couple-avatars span{display:grid;place-items:center;width:35px;height:35px;border:2px solid #303647;border-radius:50%;background:#b6808e;color:#fff;font-size:13px;font-weight:800}
  .m-couple-avatars span+span{margin-left:-7px;background:#7181a1}
  .m-couple-cover strong{display:block;font-size:12px}
  .m-couple-cover small{display:block;color:#d2bdcb;font-size:7px;margin-top:4px}
  .m-chat-preview{display:grid;gap:7px;margin:11px 0}
  .m-chat-bubble{max-width:90%;padding:8px;border-radius:8px 8px 8px 0;background:#354052;font-size:8px;line-height:1.6}
  .m-chat-bubble small{display:block;text-align:right;font-size:6px;color:#aebbc9;margin-top:3px}
  .m-chat-sent{justify-self:end;background:#3d553c;border-radius:8px 8px 0 8px}
  .m-couple-device~.m-float-a{top:49px}
  .m-couple-device~.m-float-b{bottom:23px}
  .m-couple-panel{padding:11px 9px;border-radius:8px;background:#f2eef2;color:#4b4255}
  .m-couple-panel-heading{display:flex;align-items:center;gap:7px;margin-bottom:9px}
  .m-couple-panel-heading>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e5d6e0;font-size:19px;color:#9d627c;flex:none}
  .m-couple-panel-heading b{display:block;font-size:8px}
  .m-couple-panel-heading small{display:block;font-size:6px;color:#8a7f91;margin-top:2px}
  .m-panel-message{font-size:7px;padding:6px 7px;border-radius:5px 5px 5px 0;background:#fff;width:94%;margin-top:5px}
  .m-panel-reply{margin-left:auto;background:#e1eadb;border-radius:5px 5px 0 5px}
  .m-dash-metrics strong.m-consent-value{font-size:11px;line-height:25px}
  .m-icon{display:grid;place-items:center;flex:none;width:33px;height:33px;border-radius:10px;background:#8bcc3f13;color:#a7df69}
  .m-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .m-caption{font-size:9px;color:#9da9ba;text-align:center;margin-top:0}
  .mobile-site .m-features{padding-top:20px}
  .m-cards{display:grid;gap:10px;margin-top:24px}
  .m-card{display:flex;gap:13px;padding:20px 17px;background:var(--card);border:1px solid #ffffff04;border-radius:9px;text-align:left}
  .mobile-site .m-card p{font-size:12px;margin-top:5px}
  .m-section-intro{margin:12px auto 24px;max-width:350px}
  .m-app-tabs{display:flex;justify-content:center;gap:12px;margin:25px 0 20px}
  .m-app-tabs button{border:1px solid #ffffff25;border-radius:50%;width:47px;height:47px;background:#414c5b;color:#cbd4df;display:grid;place-items:center;cursor:pointer}
  .m-app-tabs button[aria-selected=true]{background:var(--lime);color:#253617;border-color:var(--lime);box-shadow:0 0 0 5px #8bcc3f15}
  .m-app-tabs .m-icon{background:transparent;color:inherit}
  .m-tab-panel{background:#fff;color:#293341;border-radius:8px;padding:25px 20px;min-height:145px;position:relative}
  .mobile-site .m-tab-panel p{color:#6b7583;margin-top:8px;font-size:12px}
  .m-light{background:#f5f7f9;color:#2c3542}
  .mobile-site .m-light p{color:#74808f}
  .m-dashboard{background:#fff;border:6px solid #202b3b;border-radius:12px;box-shadow:0 15px 30px #21304720;max-width:355px;margin:28px auto 13px;text-align:left;overflow:hidden}
  .m-dash-head{background:#e9eef3;font-size:8px;padding:10px 12px;color:#46576e;font-weight:800;display:flex;justify-content:space-between}
  .m-dash-content{display:grid;grid-template-columns:63px 1fr;min-height:195px}
  .m-sidebar{background:#24344b;padding:14px 7px;font-size:7px;color:#c6d2e3;line-height:3}
  .m-dash-body{padding:12px;min-width:0}
  .m-dash-metrics{display:flex;gap:6px;margin-bottom:10px}
  .m-dash-metrics div{flex:1;background:#f0f4f8;border-radius:4px;padding:8px;color:#7f8b98;font-size:7px}
  .m-dash-metrics strong{display:block;color:#293c54;font-size:17px}
  .m-dash-body .m-map{height:95px}
  .m-dash-body .m-map-pin{width:20px;height:20px;left:50%;top:30px;border-width:3px}
  .m-after-preview{margin-top:25px}
  .m-advantages .m-btn{margin-top:24px}
  .m-value-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0}
  .m-value{padding:22px 12px;background:#fff;border:1px solid #e4e9ed;border-radius:9px}
  .m-value strong{display:block;font-size:25px;color:#456722;margin-bottom:6px}
  .m-value span{font-size:11px;color:#74808f}
  .m-systems{display:flex;justify-content:center;gap:35px;margin:26px 0}
  .m-system{display:grid;justify-items:center;gap:8px;font-size:12px;font-weight:700}
  .m-system svg{width:33px;height:33px;fill:currentColor;color:var(--lime)}
  .m-compat-note{border:1px solid #ffffff14;border-radius:8px;padding:16px;margin-top:22px}
  .m-steps{display:grid;gap:25px;margin:30px 0;text-align:left}
  .m-step{display:flex;gap:16px}
  .m-step-num{flex:none;width:36px;height:36px;display:grid;place-items:center;background:#e6f3d9;border-radius:50%;color:#689b2e;font-weight:800}
  .mobile-site .m-step p{font-size:12px;margin-top:5px}
  .m-about-brand{display:flex;justify-content:center;margin:28px 0}
  .m-about-brand svg{width:70px;height:80px}
  .m-about-points{display:flex;gap:12px;margin:24px 0 28px}
  .m-about-points div{flex:1;padding:12px 4px;border-top:1px solid #ffffff20}
  .m-about-points strong{display:block;color:var(--lime);font-size:18px}
  .m-about-points span{font-size:10px;color:#bdc6d3}
  .m-faq{display:grid;gap:9px;margin:26px 0}
  .mobile-site details{background:#fff;border:1px solid #e7ebef;border-radius:6px;padding:0 15px;text-align:left}
  .mobile-site summary{font-size:12px;color:#344050;line-height:1.6;padding:16px 0}
  .mobile-site summary:after{content:"+";font-size:20px;color:#689b2e;flex:none}
  .mobile-site details[open] summary:after{content:"−"}
  .mobile-site details p{font-size:12px;padding-bottom:16px}
  .mobile-site .m-start{padding:36px 0;background:#eaf2e2;color:#2b3b20}
  .mobile-site .m-start p{color:#627456;margin-top:12px}
  .m-start-status{display:block;margin-top:18px;font-size:11px;border:1px solid #cdddbf;border-radius:6px;padding:12px}
  .mobile-site .m-footer{margin:0;padding:32px 0;background:#fff;color:#293542;border:0;text-align:center}
  .m-footer .logo{justify-content:center;font-size:20px}
  .mobile-site .m-footer p{font-size:11px;color:#83909e;margin:15px auto;max-width:315px}
  .m-footer-links{display:flex;gap:20px;justify-content:center;margin:22px 0;font-size:11px}
  .m-footer-links a{text-decoration:none}
  .m-copyright{border-top:1px solid #edf0f3;padding-top:20px;font-size:10px;color:#94a0ad}
  .mobile-site .m-hero h1{font-size:clamp(27px,7.2vw,36px)}
  .m-app-tabs{gap:clamp(7px,2.6vw,15px)}
  .m-app-tabs button{flex:none;width:43px;height:43px}
  .m-ai-icon{font-size:16px;font-weight:800}
  .m-demo-button{display:block;border:0;padding:0;background:none;width:100%;cursor:pointer;color:inherit;font:inherit}
  .m-demo-dialog{width:calc(100% - 30px);max-width:500px;background:#f5f7f9;border:0;border-radius:14px;padding:38px 16px 22px;color:#2c3542}
  .m-demo-dialog::backdrop{background:#121b29bd}
  .m-demo-close{position:absolute;right:10px;top:6px;border:0;background:none;color:#2c3542;font-size:28px;cursor:pointer;padding:0 8px}
  .m-demo-dialog .m-dashboard{margin:22px auto}
  .mobile-site .m-reference-note{font-size:10px;line-height:1.6;opacity:.8;margin:15px 0}
  .m-rating{font-size:56px;font-weight:800;line-height:1.2;margin-top:30px}
  .m-stars{color:#ffa500;font-size:30px;letter-spacing:3px}
  .m-rating-bars{display:grid;gap:10px;margin:30px 0}
  .m-rating-bars>div{display:flex;gap:15px;align-items:center;font-size:12px;color:#788698}
  .m-rating-bars b{color:#273443;white-space:nowrap}
  .m-rating-bars b span{color:#ffa500}
  .m-rating-bars i{background:#fff;height:7px;flex:1}
  .m-rating-bars>div>span{width:33px;text-align:right}
  .m-review-sources{font-size:25px;font-weight:800;margin:30px 0;line-height:1.9}
  .m-review-sources span{font-size:20px}
  .m-review{border-radius:12px;padding:22px;background:#fff;text-align:left;box-shadow:0 8px 25px #24344b08}
  .m-review small{color:#74808f;font-size:10px}
  .m-review h4{font-size:14px;margin:23px 0 8px}
  .m-press-names{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin:45px 0;font-weight:800;font-size:14px}
  .m-press-names span{font-family:Georgia,serif}
  .m-device-brands{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 12px;margin:35px 0 5px;font-size:12px;font-weight:800;color:#8590a0}
  #m-compatibility input{width:100%;min-height:48px;padding:13px;border:1px solid #ced7e2;border-radius:5px;font:13px Manrope,Arial,sans-serif;margin-bottom:12px;color:#2d3542;background:#fff}
  #m-compatibility .m-btn{width:100%;padding-inline:10px}
  #m-compat-result{margin-top:14px}
  .m-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .m-about-copy{text-align:left}
  .m-about-copy p+p{margin-top:15px}
  .m-legal-labels{font-size:11px;color:#788798;line-height:2.4;margin:25px 0 35px}
  .m-payments{font-size:11px;font-weight:800;line-height:2.4;color:#63788d;margin:18px 0 35px}
  .m-footer h3{margin-top:30px}
  @media(prefers-reduced-motion:no-preference){.m-app-tabs button,.m-btn{transition:background .2s,box-shadow .2s}}
}