:root{--teal:#0db8aa;--deep:#087f85;--ink:#15323d;--muted:#687d83;--mint:#e8faf7;--paper:#fbfdfd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
header{height:82px;max-width:1180px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px}.brand-icon{width:43px;height:43px;border-radius:14px 14px 14px 5px;background:linear-gradient(135deg,var(--teal),var(--deep));color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 18px #0aa79c34}.brand strong{font-size:18px}.brand em{font-style:normal;color:var(--teal)}nav{display:flex;gap:32px;font-size:13px;font-weight:700}nav a:hover{color:var(--teal)}
.store{display:inline-flex;align-items:center;gap:10px;background:#112d36;color:#fff;min-width:172px;height:56px;border-radius:14px;padding:8px 16px;box-shadow:0 10px 25px #112d3630;transition:.2s}.store:hover{transform:translateY(-2px);background:var(--deep)}.store>span:first-child{font-size:24px}.store>span:last-child{display:flex;flex-direction:column;line-height:1}.store small{font-size:8px}.store b{font-size:17px}.store.small{height:48px;min-width:155px}.store.light{background:#fff;color:var(--ink)}
.hero{max-width:1180px;min-height:700px;margin:auto;padding:68px 35px 90px;display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:75px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:560px;height:560px;background:radial-gradient(circle at 30% 30%,#4ee3d4,#0aa4a8 58%,#087382);border-radius:48% 52% 53% 47%;right:-90px;top:35px;z-index:-1}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--deep)}h1{font-size:clamp(50px,6.5vw,79px);line-height:.98;letter-spacing:-4px;margin:20px 0 25px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--teal)}.hero-copy>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:570px}.actions{display:flex;align-items:center;gap:24px;margin-top:28px;flex-wrap:wrap}.explore{font-size:13px;font-weight:800}.quick-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:#60767b;font-size:10px;font-weight:700}.quick-points span::first-letter{color:var(--teal)}
.hero-art{height:570px;position:relative}.phone-shot{position:absolute;width:315px;left:50%;top:0;transform:translateX(-50%) rotate(3deg);border:8px solid #172227;border-radius:43px;overflow:hidden;box-shadow:0 35px 70px #063c465e}.orbit-word{position:absolute;z-index:2;background:#fff;border:1px solid #d8efed;border-radius:999px;padding:10px 15px;color:var(--deep);font-size:11px;font-weight:800;box-shadow:0 12px 30px #06444e30}.word-one{left:-25px;top:100px}.word-two{right:-35px;top:220px}.word-three{left:0;bottom:60px}
.feature-section{background:#f0faf8;padding:105px 30px}.section-head{text-align:center}.section-head h2,.showcase h2,.gallery h2,.cta h2{font-size:clamp(38px,5vw,59px);line-height:1.02;letter-spacing:-3px;margin:15px 0 0}.feature-grid{max-width:1120px;margin:55px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-grid article{background:#fff;border:1px solid #e0efec;border-radius:24px;padding:28px;box-shadow:0 12px 28px #12414a0b}.feature-grid article>span{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--mint);color:var(--deep);font-size:11px;font-weight:900}.feature-grid h3{font-size:20px;margin:26px 0 9px}.feature-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.showcase{max-width:1120px;margin:auto;padding:120px 30px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.showcase-copy>p{color:var(--muted);line-height:1.7}.mini-list{display:grid;gap:15px;margin-top:30px}.mini-list>span{display:flex;flex-direction:column;border-left:3px solid var(--teal);padding-left:15px}.mini-list b{font-size:13px}.mini-list small{font-size:11px;color:var(--muted);margin-top:4px}.screen-stack{height:650px;position:relative}.screen-stack img{position:absolute;width:305px;border:7px solid #172227;border-radius:40px;box-shadow:0 25px 55px #0b384245}.screen-stack .back{right:10px;top:30px;transform:rotate(7deg);opacity:.72}.screen-stack .front{left:45px;top:0;transform:rotate(-5deg)}
.gallery{background:#112f37;color:#fff;padding:100px 0 70px;overflow:hidden}.gallery-head{text-align:center;padding:0 25px}.gallery .eyebrow,.cta .eyebrow{color:#72eadf}.gallery-track{display:flex;gap:24px;overflow-x:auto;padding:55px max(30px,calc((100vw - 1120px)/2)) 35px;scroll-snap-type:x mandatory;scrollbar-width:none}.gallery-track::-webkit-scrollbar{display:none}.gallery figure{margin:0;flex:0 0 285px;scroll-snap-align:center}.gallery figure img{border-radius:32px;border:6px solid #091b20;box-shadow:0 24px 50px #06161b99}.gallery figcaption{text-align:center;margin-top:14px;font-size:12px;font-weight:700;color:#b8d3d4}.swipe{text-align:center;color:#7da0a3;font-size:10px;letter-spacing:.09em}
.cta{max-width:1120px;margin:90px auto 40px;background:linear-gradient(135deg,#0daea8,#067985);color:#fff;border-radius:34px;text-align:center;padding:75px 25px;position:relative;overflow:hidden}.cta h2{margin-top:15px}.cta p{color:#d4fffb}.cta .store{margin-top:15px}.bubble{position:absolute;display:grid;place-items:center;border-radius:25px;background:#ffffff18;font-weight:900}.b1{width:100px;height:90px;left:8%;top:-20px;font-size:28px}.b2{width:68px;height:68px;right:10%;bottom:-14px;font-size:23px}
footer{max-width:1120px;margin:auto;min-height:120px;padding:25px 28px;display:grid;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:28px;color:var(--muted);font-size:11px}footer>div{display:flex;gap:20px}
@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.actions,.quick-points{justify-content:center}.hero-art{margin-top:15px}.hero:before{right:50%;transform:translateX(50%);top:auto;bottom:20px}.feature-grid{grid-template-columns:1fr 1fr}.showcase{grid-template-columns:1fr;text-align:center}.mini-list{text-align:left;max-width:430px;margin-left:auto;margin-right:auto}.screen-stack{max-width:560px;width:100%;margin:auto}footer{grid-template-columns:1fr 1fr}footer p{display:none}}
@media(max-width:520px){header{padding:0 18px}.store.small{min-width:48px;width:48px;padding:0;justify-content:center}.store.small>span:last-child{display:none}.hero{padding:45px 18px 65px;gap:20px}.hero h1{font-size:46px;letter-spacing:-2.5px}.hero-art{height:500px}.phone-shot{width:275px}.orbit-word{display:none}.feature-section{padding:75px 16px}.feature-grid{grid-template-columns:1fr}.showcase{padding:80px 16px}.screen-stack{height:540px}.screen-stack img{width:245px}.screen-stack .front{left:3px}.screen-stack .back{right:3px}.gallery{padding-top:75px}.cta{margin:60px 16px 25px;padding:65px 20px}.bubble{opacity:.35}footer{grid-template-columns:1fr;padding:30px 22px}}