:root{--purple:#7037f5;--deep:#20113f;--ink:#261848;--muted:#817699;--line:#e9e3f4}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"DM Sans","Noto Sans SC",sans-serif;color:var(--ink);background:#fbfaff;line-height:1.5;overflow-x:hidden}.orb{position:absolute;border-radius:50%;pointer-events:none;z-index:-1}.orb-one{width:600px;height:600px;right:-220px;top:-230px;background:radial-gradient(circle,#eee8ff,transparent 68%)}.orb-two{width:430px;height:430px;left:-230px;top:590px;background:radial-gradient(circle,#f0eaff,transparent 70%)}.site-header,main,footer{max-width:1180px;margin:auto}.site-header{height:94px;display:flex;justify-content:space-between;align-items:center;padding:0 34px}.brand{display:flex;align-items:center;gap:10px;color:var(--deep);font-size:22px;font-weight:800;letter-spacing:-1px;text-decoration:none}.brand img{width:38px;height:38px;border-radius:11px}.header-meta{font-size:12px;color:#988eaa;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;background:#36cf9a;border-radius:50%;box-shadow:0 0 0 4px #e1f8ef}.meta-divider{width:1px;height:13px;background:#ddd5eb}.hero{display:grid;grid-template-columns:48% 52%;min-height:660px;padding:76px 34px 72px}.hero-copy{padding:25px 0 0 42px}.kicker,.section-index{font-size:11px;letter-spacing:2.1px;color:#9b8db5;font-weight:700}.kicker span{color:var(--purple);margin-right:12px}.hero h1{font-size:clamp(53px,6.3vw,86px);line-height:1.03;letter-spacing:-4px;margin:28px 0 22px;font-weight:800;color:var(--deep)}h1 em{font-style:normal;color:var(--purple)}.lead{font-size:16px;color:var(--muted);max-width:400px;line-height:1.9}.download-box{margin-top:43px;max-width:430px}.box-label{font-size:12px;color:#8a7c9e;margin-bottom:13px}.download-row{display:flex;gap:10px}.download-button{flex:1;min-height:67px;border-radius:15px;padding:10px 12px;display:flex;align-items:center;gap:10px;text-decoration:none;transition:.25s;box-shadow:0 10px 24px rgba(42,21,84,.09)}.download-button:hover{transform:translateY(-3px);box-shadow:0 15px 28px rgba(42,21,84,.16)}.download-button.primary{background:var(--purple);color:white}.download-button.secondary{background:white;color:var(--ink);border:1px solid #e6dff1}.button-icon{font-size:22px;font-family:Arial}.button-icon.android{font-size:17px;color:var(--purple)}.download-button span:not(.button-icon){font-weight:700;font-size:13px;line-height:1.25;flex:1}.download-button small{display:block;font-size:10px;font-weight:400;opacity:.72;margin-bottom:2px}.download-button b{font-size:17px;font-weight:400}.box-foot{display:flex;justify-content:space-between;margin-top:12px;color:#9b91aa;font-size:11px}.hero-art{position:relative;min-height:560px}.art-caption{position:absolute;right:77px;top:0;color:#ada4bd;font-size:10px;letter-spacing:2px}.phone{position:absolute;width:280px;border-radius:36px;padding:10px;background:#19132b;box-shadow:0 30px 50px rgba(43,21,91,.22);overflow:hidden}.phone img{display:block;width:100%;border-radius:27px}.phone-notch{position:absolute;z-index:2;width:84px;height:22px;left:calc(50% - 42px);top:13px;border-radius:0 0 14px 14px;background:#19132b}.phone-back{top:82px;left:60px;transform:rotate(-8deg)}.phone-front{top:52px;left:240px;transform:rotate(8deg);z-index:2}.art-sticker{position:absolute;z-index:3;bottom:22px;right:48px;width:110px;height:110px;border-radius:50%;background:#e8ff72;color:var(--deep);display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(12deg);box-shadow:0 15px 26px rgba(41,22,74,.16)}.art-sticker strong{font-size:19px;letter-spacing:1px}.art-sticker span{font-size:11px;text-align:center;line-height:1.45;margin-top:4px}.signal-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 45px;display:flex;align-items:center;justify-content:space-between;color:#9a8daa}.signal-strip div{display:flex;align-items:baseline;gap:13px}.signal-strip strong{font-size:25px;color:var(--purple);letter-spacing:-1px}.signal-strip span{font-size:12px}.signal-strip i{width:1px;height:25px;background:var(--line)}.features{display:grid;grid-template-columns:40% 60%;padding:130px 76px 138px;gap:80px}.section-intro h2,.install-card h2{font-size:42px;line-height:1.18;letter-spacing:-2px;margin-top:22px;color:var(--deep)}.section-intro h2 span,.install-card h2 span{color:var(--purple)}.feature-list{border-top:1px solid var(--line)}.feature-list article{display:grid;grid-template-columns:44px 1fr 28px;gap:17px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}.feature-number{color:#b1a6c0;font-size:12px}.feature-list h3{font-size:17px;margin-bottom:5px}.feature-list p{font-size:13px;color:var(--muted)}.feature-mark{color:var(--purple);font-size:18px}.install-card{margin:0 34px 92px;border-radius:26px;background:var(--deep);color:#fff;padding:62px 70px;display:grid;grid-template-columns:43% 57%;position:relative;overflow:hidden}.install-card:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-80px;bottom:-180px;background:#5e31ca}.install-card .section-index{color:#b9acd1}.install-card h2{color:#fff}.install-card h2 span{color:#cbb8ff}.install-card ol{list-style:none;position:relative;z-index:1}.install-card li{display:flex;gap:26px;align-items:flex-start;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.14)}.install-card li:last-child{border:0;margin:0;padding:0}.install-card li b{font-size:12px;color:#aa8bff;font-weight:500}.install-card li span{font-size:16px}.install-card li small{display:block;font-size:11px;color:#a99fb8;margin-top:3px}footer{padding:0 34px 36px;display:flex;justify-content:space-between;color:#a59bb2;font-size:11px}footer a{color:var(--purple);text-decoration:none;font-weight:700}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{padding-left:20px}.hero-art{min-height:610px;margin-top:25px}.features{grid-template-columns:1fr;padding:90px 45px;gap:45px}.install-card{grid-template-columns:1fr;gap:45px;padding:48px 40px}}@media(max-width:600px){.site-header{height:75px;padding:0 20px}.header-meta{font-size:10px}.meta-divider,.header-meta .status-dot{display:none}.hero{padding:34px 20px 30px}.hero-copy{padding:0}.hero h1{font-size:58px;letter-spacing:-3px}.download-row{flex-direction:column}.hero-art{min-height:490px;margin-top:38px}.phone{width:210px;border-radius:28px;padding:7px}.phone img{border-radius:22px}.phone-notch{top:9px;width:62px;height:16px;left:calc(50% - 31px)}.phone-back{left:13%;top:60px}.phone-front{left:41%;top:35px}.art-sticker{width:82px;height:82px;right:5px;bottom:20px}.art-sticker strong{font-size:14px}.art-sticker span{font-size:9px}.art-caption{right:0}.signal-strip{padding:20px;gap:13px}.signal-strip i,.signal-strip span{display:none}.signal-strip strong{font-size:20px}.features{padding:80px 25px 90px}.section-intro h2,.install-card h2{font-size:35px}.install-card{margin:0 20px 70px;padding:42px 28px}footer{padding:0 20px 25px;gap:10px;flex-wrap:wrap}footer span:nth-child(2){order:3;width:100%}}

/* mobile refinement */
@media (max-width: 700px){
  body{overflow-x:hidden}
  .site-header{padding:0 18px;height:78px}
  .brand{font-size:20px}
  .brand img{width:36px;height:36px}
  .header-meta{max-width:145px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px}
  .hero{display:flex;flex-direction:column;padding:42px 22px 22px;min-height:0}
  .hero-copy{padding:0}
  .kicker{font-size:10px;letter-spacing:1.8px}
  .hero h1{font-size:clamp(45px,14vw,58px);letter-spacing:-2.8px;line-height:1.08;margin:25px 0 21px;word-break:keep-all}
  .lead{font-size:15px;line-height:1.85;max-width:none}
  .download-box{width:100%;margin-top:32px}
  .download-row{width:100%;gap:10px}
  .download-button{min-width:0;width:100%;min-height:66px}
  .box-foot{font-size:10px;gap:12px;white-space:nowrap}
  .hero-art{width:100%;height:390px;min-height:390px;margin-top:16px;overflow:visible}
  .art-caption{right:0;top:4px;font-size:9px;letter-spacing:1.5px}
  .phone{width:190px;border-radius:25px;padding:7px}
  .phone img{border-radius:19px}
  .phone-notch{width:56px;height:15px;left:calc(50% - 28px);top:9px;border-radius:0 0 10px 10px}
  .phone-back{left:2%;top:66px;transform:rotate(-8deg)}
  .phone-front{left:36%;top:36px;transform:rotate(7deg)}
  .art-sticker{width:76px;height:76px;right:1%;bottom:8px}
  .art-sticker strong{font-size:13px}.art-sticker span{font-size:9px}
  .signal-strip{padding:18px 22px}
  .features{display:block;padding:72px 22px 78px}
  .section-intro{margin-bottom:34px}
  .section-intro h2{font-size:31px;letter-spacing:-1.3px;margin-top:14px}
  .feature-list article{grid-template-columns:34px 1fr 20px;padding:21px 0}
  .feature-list h3{font-size:16px;font-weight:700}
  .feature-list p{font-size:12px;line-height:1.7}
  .install-card{margin:0 18px 58px;padding:38px 25px;border-radius:22px;display:block}
  .install-card h2{font-size:31px;letter-spacing:-1.3px;margin-top:14px}
  .install-card ol{margin-top:35px}
  .install-card li{gap:18px;padding-bottom:18px;margin-bottom:18px}
  .install-card li span{font-size:14px}
  footer{padding:0 22px 24px;font-size:10px}
}

/* prevent any horizontal canvas on embedded H5 previews */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.site-header,main,footer{width:100%;max-width:1180px}
.hero,.features,.signal-strip,.install-card,footer{max-width:100vw}
.hero-art{overflow:hidden}
.download-button{min-width:0}
@media(max-width:700px){
  .site-header{width:100%;max-width:100vw;overflow:hidden}
  .brand{flex:0 0 auto}
  .header-meta{flex:0 1 auto;margin-left:auto}
  .hero{width:100%;max-width:100vw;overflow:hidden}
  .hero-art{width:calc(100vw - 44px);max-width:calc(100vw - 44px);overflow:hidden}
  .phone-back{left:0}
  .phone-front{left:34%}
  .download-button span:not(.button-icon){min-width:0}
  .signal-strip{width:100%;max-width:100vw;overflow:hidden}
}

html{overflow-x:hidden!important;overscroll-behavior-x:none}
body{overflow-x:hidden!important;overscroll-behavior-x:none;touch-action:pan-y}
main{overflow-x:clip}
.hero,.hero-art,.features,.install-card,.signal-strip,footer{overflow-x:clip}
@media(max-width:700px){
  .hero{contain:paint}
  .hero-art{contain:paint}
  .phone{max-width:190px}
}

.header-download{display:inline-flex;align-items:center;gap:12px;padding:11px 18px;border-radius:999px;background:var(--purple);color:#fff;text-decoration:none;font-size:13px;font-weight:700;box-shadow:0 10px 22px rgba(112,55,245,.2);transition:.2s}.header-download:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(112,55,245,.3)}.header-download span{font-size:17px;font-weight:400}
@keyframes deviceFloat{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-8deg) translateY(-12px)}}
@keyframes deviceFloatFront{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(7deg) translateY(-16px)}}
.phone-back{animation:deviceFloat 5.5s ease-in-out infinite}.phone-front{animation:deviceFloatFront 6.2s ease-in-out infinite .35s}
@media(max-width:700px){
 .header-download{padding:9px 14px;font-size:12px;gap:7px}
 .hero-copy{display:contents}
 .hero{display:flex;flex-direction:column}
 .hero .kicker{order:1}.hero h1{order:2}.hero .lead{order:3}.hero-art{order:4}.download-box{order:5}
 .hero-art{margin-top:20px;margin-bottom:8px;height:365px;min-height:365px}
 .download-box{margin-top:12px}
 .phone-back{animation-name:deviceFloat}.phone-front{animation-name:deviceFloatFront}
}
@media(prefers-reduced-motion:reduce){.phone-back,.phone-front{animation:none}}