html,body{width:100%;max-width:100%;overflow-x:clip}main,section,header,footer{max-width:100%}.ecosystem,.system-map,.phone-stage{max-width:100%}.mobile-product{padding:96px clamp(22px,7vw,130px);background:radial-gradient(circle at 75% 42%,rgba(63,233,145,.19),transparent 32%),linear-gradient(135deg,#031e13,#0b4c2e);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;overflow:hidden;isolation:isolate}.mobile-copy{max-width:590px}.mobile-copy h2{font-size:clamp(38px,5vw,65px);line-height:1.04;letter-spacing:-.045em;margin:16px 0}.mobile-copy>p{color:#b9cfc2;font-size:18px;line-height:1.75}.mobile-points{display:grid;gap:12px;margin:27px 0}.mobile-points span{display:flex;align-items:center;gap:10px}.mobile-points span:before{content:'✓';width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:rgba(74,235,148,.16);color:#7af0ad;font-size:12px}.phone-stage{height:610px;position:relative;perspective:1200px}.phone{position:absolute;width:290px;height:570px;border:7px solid #102c20;border-radius:46px;padding:42px 20px 22px;background:linear-gradient(180deg,#f9fcfa,#edf5ef);color:#153326;box-shadow:0 35px 90px rgba(0,0,0,.35),inset 0 0 0 2px rgba(255,255,255,.8);overflow:hidden}.phone:after{content:'';position:absolute;inset:0;border-radius:38px;pointer-events:none;box-shadow:inset 0 0 35px rgba(10,73,43,.07)}.phone-top{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:88px;height:22px;border-radius:20px;background:#0c2519}.phone-front{left:44%;top:5px;z-index:2;animation:phoneFloat 5s ease-in-out infinite}.phone-back{left:9%;top:48px;transform:rotateY(10deg) rotateZ(-5deg);opacity:.9;animation:phoneBack 6s ease-in-out infinite}.phone small{color:#7a897f}.phone>b{font-size:30px;display:block;margin:5px 0 20px}.mini-chart{height:145px;display:flex;align-items:end;gap:10px;padding:18px;border-radius:18px;background:#fff}.mini-chart i{flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(#d2b24e,#0b653a);height:var(--h,50%)}.mini-chart i:nth-child(1){--h:42%}.mini-chart i:nth-child(2){--h:64%}.mini-chart i:nth-child(3){--h:52%}.mini-chart i:nth-child(4){--h:79%}.mini-chart i:nth-child(5){--h:92%}.phone-row{display:flex;justify-content:space-between;padding:18px 3px;border-bottom:1px solid #dce6df}.app-brand{display:flex;align-items:center;gap:11px}.app-brand>b{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#0c5633;color:#e5c45b;font-size:25px}.app-brand span{font-size:12px;color:#74847b}.app-brand strong{font-size:14px;color:#183829}.app-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:25px 0}.app-metrics>div,.app-card{background:white;border:1px solid #dfe8e2;border-radius:17px;padding:15px}.app-metrics small,.app-metrics b,.app-metrics em{display:block}.app-metrics b{font-size:17px;margin:6px 0}.app-metrics em{font-style:normal;font-size:11px;color:#0b9a52}.app-card>span{font-size:13px;font-weight:750}.spark{height:140px;display:flex;align-items:end;gap:7px;padding-top:18px}.spark i{flex:1;border-radius:5px 5px 2px 2px;background:#0c6a3d;height:35%}.spark i:nth-child(2){height:55%}.spark i:nth-child(3){height:46%}.spark i:nth-child(4){height:72%;background:#c9a84c}.spark i:nth-child(5){height:68%}.spark i:nth-child(6){height:90%}.app-nav{position:absolute;left:17px;right:17px;bottom:18px;display:flex;justify-content:space-around;padding:13px;border-radius:16px;background:#0a4028;color:#fff}.app-nav b{display:grid;place-items:center}.app-nav svg{width:20px;height:20px;display:block}.app-nav b:first-child{color:#e7c85e}@keyframes phoneFloat{50%{transform:translateY(-12px) rotateY(-2deg)}}@keyframes phoneBack{50%{transform:translateY(8px) rotateY(10deg) rotateZ(-5deg)}}@media(max-width:1000px){.mobile-product{grid-template-columns:1fr}.phone-stage{width:620px;margin:auto}.phone-front{left:46%}.phone-back{left:12%}}@media(max-width:650px){.mobile-product{padding:66px 18px;gap:40px}.phone-stage{height:500px;width:100%;transform:none}.phone{width:235px;height:470px;border-radius:38px;padding:38px 15px 18px}.phone-front{left:25%;top:0}.phone-back{left:-17%;top:30px}.app-metrics{grid-template-columns:1fr}.app-metrics>div:nth-child(2){display:none}.spark{height:110px}.integration-stage,.ecosystem{max-width:100%;overflow:hidden}.page-hero:after{right:-80px}.sticky-cta{width:100%}}

@supports(content-visibility:auto){.section,.module-visual,.mobile-product,.pricing-section,.booking-reimagined,.contact-v2-body,.contact-trust{content-visibility:auto;contain-intrinsic-size:1px 760px}}

@media(max-width:1050px){
 body.menu-open{overflow:hidden;touch-action:none}
 .mobile-menu-backdrop{display:block;position:fixed;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(3,22,13,.58);backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s;z-index:29}
 .mobile-menu-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}
 .header{z-index:30}
 .header nav{display:flex!important;position:fixed!important;inset:auto 0 0 auto!important;top:82px!important;right:0!important;bottom:0!important;left:auto!important;width:min(88vw,380px)!important;height:calc(100dvh - 82px);padding:18px!important;gap:4px!important;overflow-y:auto;overscroll-behavior:contain;background:#fff!important;border-left:1px solid #dfe7e1;box-shadow:-24px 0 60px rgba(4,31,18,.22)!important;transform:translateX(105%);visibility:hidden;opacity:0;transition:transform .32s ease,opacity .25s ease,visibility .32s;z-index:40}
 .header nav.open{transform:translateX(0);visibility:visible;opacity:1;pointer-events:auto}
 .header nav>a,.drop>button{display:flex;width:100%;min-height:48px;align-items:center;padding:12px 14px!important;border-radius:12px;text-align:left!important;font-size:15px!important}
 .header nav>a:hover,.drop>button:hover{background:#f1f6f2;color:#0d2b1a}
 .drop>button{justify-content:space-between}
 .drop>button:after{content:'+';font-size:21px;color:#9b812e;line-height:1}
 .drop.submenu-open>button:after{content:'−'}
 .mega{display:none!important;position:static!important;width:100%!important;margin:4px 0 8px!important;padding:8px!important;transform:none!important;grid-template-columns:1fr!important;gap:3px!important;border-radius:14px!important;box-shadow:none!important;background:#f5f8f5!important}
 .drop.submenu-open .mega{display:grid!important}
 .mega a{padding:10px 12px!important}.mega a>span{display:block!important}.mega .mega-icon{display:grid!important;flex:0 0 38px!important}
 .menu{display:grid!important;place-items:center;width:44px;height:44px;min-width:44px;padding:0!important;border:1px solid #cfdcd3!important;border-radius:12px!important;background:#fff!important;color:#0d2b1a!important;font-size:24px!important;line-height:1;cursor:pointer;position:relative;z-index:45;touch-action:manipulation}
 .head-actions{margin-left:auto;flex:0 0 auto}
}
@media(min-width:1051px){.mobile-menu-backdrop{display:none!important}}
@media(max-width:650px){
 .announcement{height:34px;min-height:34px;padding:0 12px}.announcement a{font-size:12px;white-space:nowrap}
 .header{height:68px!important;min-height:68px;padding:0 14px!important;gap:10px!important}
 .header .brand-logo{width:140px!important;height:48px!important;flex:0 1 140px}.header .brand-logo img{max-width:100%;max-height:42px}
 .header nav{top:68px!important;height:calc(100dvh - 68px);width:min(92vw,360px)!important;padding:14px!important}
 .sticky-cta{padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;z-index:18}.sticky-cta>.primary{width:100%;min-height:46px}
 .hero{padding-top:42px!important}.hero h1{font-size:clamp(40px,12vw,56px);line-height:1.02}.hero-copy>p{font-size:17px}
 dialog{max-height:calc(100dvh - 20px);overflow:auto}.dialog-grid>div{padding:30px 24px!important}.dialog-grid>form,#regForm{padding:24px!important}
}