:root {
  --navy: #061225;
  --navy-2: #0a1d38;
  --blue: #129cff;
  --cyan: #15dcff;
  --purple: #7a2cff;
  --pink: #fa4dff;
  --white: #f7fbff;
  --muted: #99aac2;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--navy); color: var(--white); font-family: Inter, "Microsoft YaHei", Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
.site-header { width: min(1380px, calc(100% - 64px)); height: 92px; margin: auto; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 20; }
.brand { display: flex; align-items: center; gap: 12px; }
.brand img { width: 62px; height: 62px; object-fit: contain; border-radius: 15px; box-shadow: 0 0 28px rgba(18,156,255,.22); }
.brand > span { display: flex; flex-direction: column; line-height: 1; }
.brand b { font-size: 20px; letter-spacing: .08em; }
.brand small { margin-top: 7px; color: #7fcaff; font-size: 7px; letter-spacing: .18em; font-weight: 700; }
nav { display: flex; gap: 44px; color: #c3d0e1; font-size: 13px; font-weight: 600; }
nav a { transition: color .2s; }
nav a:hover { color: var(--cyan); }
.header-download { min-height: 44px; padding: 0 19px; border: 1px solid rgba(126,213,255,.6); border-radius: 12px; display: flex; align-items: center; gap: 18px; color: white; background: rgba(18,156,255,.08); font-size: 12px; font-weight: 800; box-shadow: inset 0 0 20px rgba(18,156,255,.08); }
.header-download:hover { border-color: var(--cyan); background: rgba(18,156,255,.15); }
.header-download span { color: var(--cyan); font-size: 17px; }

.hero { width: min(1440px, 100%); min-height: 720px; margin: auto; padding: 55px 7vw 80px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; position: relative; overflow: hidden; }
.hero-grid { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(71,137,204,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(71,137,204,.16) 1px,transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(90deg,transparent 0,#000 55%,transparent 100%); transform: perspective(600px) rotateX(58deg) scale(1.2); transform-origin: bottom; }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(10px); pointer-events: none; }
.glow-one { width: 650px; height: 650px; right: -110px; top: 10px; background: radial-gradient(circle,rgba(30,130,255,.22),transparent 65%); }
.glow-two { width: 360px; height: 360px; left: 28%; bottom: -210px; background: radial-gradient(circle,rgba(123,44,255,.17),transparent 68%); }
.hero-copy { position: relative; z-index: 5; }
.eyebrow { width: max-content; margin: 0 0 27px; padding: 8px 14px; border: 1px solid rgba(57,194,255,.38); border-radius: 999px; background: rgba(21,112,180,.09); color: #9edfff; font-size: 11px; letter-spacing: .12em; font-weight: 700; }
.eyebrow i { display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 4px rgba(21,220,255,.12),0 0 14px var(--cyan); }
h1 { margin: 0; font-size: clamp(55px,6vw,84px); line-height: 1.03; letter-spacing: -.065em; font-weight: 950; }
h1 span { color: transparent; background: linear-gradient(95deg,var(--cyan),var(--blue) 48%,#b65dff); -webkit-background-clip: text; background-clip: text; text-shadow: 0 0 45px rgba(24,152,255,.12); }
.hero-desc { margin: 27px 0 0; color: var(--muted); font-size: 15px; line-height: 1.9; }
.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 34px; }
.market-btn { min-width: 190px; min-height: 62px; padding: 8px 18px; display: flex; align-items: center; gap: 12px; border: 1px solid #5abffb; border-radius: 15px; background: linear-gradient(135deg,#127bd8,#6339d9); box-shadow: 0 12px 32px rgba(14,117,225,.28),inset 0 1px 0 rgba(255,255,255,.25); transition: transform .2s,box-shadow .2s; }
.market-btn:hover { transform: translateY(-3px); box-shadow: 0 17px 38px rgba(14,117,225,.38); }
.market-btn .android-mark { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: white; color: var(--navy); font-size: 20px; font-weight: 950; }
.market-btn > span:last-child { display: flex; flex-direction: column; }
.market-btn small { font-size: 8px; opacity: .72; }
.market-btn b { margin-top: 2px; font-size: 16px; }
.text-link { display: flex; align-items: center; gap: 11px; color: #d8e5f4; font-size: 12px; font-weight: 700; }
.text-link i { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid #536a87; border-radius: 50%; color: var(--cyan); font-size: 9px; font-style: normal; }
.hero-proof { display: flex; align-items: center; gap: 25px; margin-top: 43px; }
.hero-proof > span { display: flex; flex-direction: column; }
.hero-proof b { font-size: 17px; color: #eaf7ff; }
.hero-proof small { margin-top: 4px; color: #61748f; font-size: 8px; letter-spacing: .1em; }
.hero-proof > i { width: 1px; height: 28px; background: #263a55; }

.hero-visual { height: 590px; position: relative; z-index: 4; }
.orbit { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(89,189,255,.2); border-radius: 50%; transform: translate(-50%,-50%) rotate(-18deg); }
.orbit-one { width: 510px; height: 380px; }.orbit-two { width: 650px; height: 500px; border-style: dashed; opacity: .45; }
.mystery-box { position: absolute; z-index: 6; left: 50%; top: 58%; width: 280px; height: 275px; transform: translate(-50%,-50%) rotate(-4deg); filter: drop-shadow(0 32px 28px rgba(0,0,0,.45)); }
.box-body { position: absolute; inset: 65px 10px 0; border: 3px solid #63d8ff; border-radius: 8px 8px 27px 27px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(140deg,#13bfee 0,#087cd9 45%,#4833c8 100%); box-shadow: inset 0 0 42px rgba(12,234,255,.28),0 0 55px rgba(15,154,255,.22); overflow: hidden; }
.box-body:before { content: ""; position: absolute; width: 95px; height: 130%; left: 20px; top: -15%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent); transform: rotate(15deg); }
.box-body b { position: relative; font-size: 100px; line-height: .8; text-shadow: 0 5px 0 #2a277d,0 0 24px white; }
.box-body span { position: relative; margin-top: 17px; color: #a4efff; font-size: 9px; line-height: 1.45; letter-spacing: .25em; text-align: center; font-weight: 900; }
.box-lid { position: absolute; z-index: 2; left: -10px; right: -10px; top: 40px; height: 73px; border: 3px solid #67e5ff; border-radius: 10px; background: linear-gradient(100deg,#12cce9,#087ee7 55%,#7435dc); box-shadow: 0 8px 0 rgba(2,34,76,.5); transform: rotate(3deg); }
.box-lid:before,.box-lid:after { content:""; position:absolute; width:94px; height:80px; top:-75px; border:8px solid #18c9ff; border-radius:50%; background:transparent; }
.box-lid:before { left:38px; transform:rotate(28deg); border-right-color:#7138eb; }.box-lid:after { right:38px; transform:rotate(-28deg); border-left-color:#9b2cf0; }
.box-lid i { position:absolute; z-index:3; left:50%; top:-20px; width:31px; height:105px; transform:translateX(-50%); background:linear-gradient(#aa2dff,#1de9ff); border:2px solid #73edff; }
.box-rays { position:absolute;left:50%;top:44%;width:1px;height:1px;z-index:2 }.box-rays i{position:absolute;bottom:20px;width:8px;height:165px;border-radius:8px;background:linear-gradient(transparent,var(--cyan));transform-origin:bottom;filter:drop-shadow(0 0 8px var(--cyan))}.box-rays i:nth-child(1){transform:rotate(-50deg)}.box-rays i:nth-child(2){transform:rotate(-25deg)}.box-rays i:nth-child(3){height:200px}.box-rays i:nth-child(4){transform:rotate(25deg)}.box-rays i:nth-child(5){transform:rotate(50deg)}
.tech-card { position: absolute; z-index: 7; border: 2px solid #61d8ff; background: linear-gradient(150deg,#15345d,#081a33); box-shadow: 0 15px 30px rgba(0,0,0,.35),inset 0 0 18px rgba(18,156,255,.1); }
.tech-card span { position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);color:#6c8aaa;font-size:7px;letter-spacing:.22em;font-weight:900 }.tech-phone{left:10%;top:128px;width:98px;height:156px;border-radius:18px;transform:rotate(-16deg)}.tech-phone:before{content:"";position:absolute;inset:7px;border-radius:12px;background:linear-gradient(145deg,#0e83dc,#5b21b8 65%,#f749d2)}.tech-phone i{position:absolute;z-index:2;left:13px;top:14px;width:26px;height:26px;border-radius:8px;background:#071428;box-shadow:inset 0 0 0 5px #1e4f79}.tech-watch{right:8%;top:105px;width:99px;height:115px;border-radius:26px;transform:rotate(14deg)}.tech-watch:before,.tech-watch:after{content:"";position:absolute;left:32px;width:32px;height:68px;background:#365f93;z-index:-1}.tech-watch:before{bottom:92px;border-radius:13px 13px 0 0}.tech-watch:after{top:92px;border-radius:0 0 13px 13px}.tech-watch i{position:absolute;inset:10px;border-radius:18px;background:radial-gradient(circle at 58% 35%,var(--cyan) 0 5%,transparent 6%),linear-gradient(150deg,#783bf0,#0d8fe8)}.tech-buds{right:8%;bottom:60px;width:125px;height:100px;border-radius:16px 16px 35px 35px;transform:rotate(10deg)}.tech-buds:before{content:"";position:absolute;left:10px;right:10px;top:7px;height:2px;background:#61d8ff}.tech-buds i{position:absolute;left:31px;top:24px;width:24px;height:40px;border-radius:15px 15px 8px 8px;background:linear-gradient(#fff,#68dfff);box-shadow:0 0 14px rgba(107,224,255,.5)}.tech-buds i:nth-child(2){left:auto;right:31px}.price-tag{position:absolute;z-index:9;left:2%;bottom:92px;min-width:135px;padding:13px 16px;border:1px solid #3b9ed9;border-radius:13px;background:rgba(8,30,57,.88);backdrop-filter:blur(10px);transform:rotate(-5deg);box-shadow:0 9px 20px rgba(0,0,0,.3)}.price-tag small,.price-tag span{display:block;color:#7390ad;font-size:7px}.price-tag b{display:block;margin:3px 0;color:var(--cyan);font-size:21px}.lucky-tag{position:absolute;z-index:9;right:1%;top:260px;width:82px;height:82px;border:2px solid var(--navy);border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));color:var(--navy);font-size:8px;text-align:center;line-height:1.1;box-shadow:5px 6px 0 var(--purple),0 0 28px rgba(21,220,255,.25);transform:rotate(10deg)}.lucky-tag b{font-size:14px}
.scroll-tip{position:absolute;left:27px;bottom:70px;display:flex;flex-direction:column;align-items:center;gap:10px}.scroll-tip span{font-size:7px;letter-spacing:.24em;color:#46617f;writing-mode:vertical-rl}.scroll-tip i{height:45px;width:1px;background:linear-gradient(#446584,transparent)}

.trust-bar { min-height: 118px; padding: 24px 5vw; border-block: 1px solid #163759; display: flex; align-items: center; justify-content: center; gap: 5vw; background: #050e1d; }
.trust-bar p { color: #506987; font-size: 9px; letter-spacing: .14em; white-space: nowrap; }
.trust-bar p i { display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
.trust-bar > div { display: flex; align-items: baseline; gap: 11px; }
.trust-bar b { font-size: 28px; }.trust-bar b span { color: var(--cyan); font-size: 13px; }.trust-bar small { color: #67809e; font-size: 8px; }
.section { max-width: 1440px; margin: auto; padding: 115px max(6vw,64px); }
.section-label { display: flex; align-items: center; gap: 12px; color: #67809e; font-size: 9px; font-weight: 800; letter-spacing: .22em; }
.section-label > span { width: 31px; height: 31px; border: 1px solid #365779; border-radius: 50%; display: grid; place-items: center; color: var(--cyan); letter-spacing: 0; }
.section-label.light { color: #8194aa; }.section-label.light > span { border-color: #43637f; }
.section-heading { margin-top: 28px; display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; }
.section-heading h2,.experience-copy h2,.faq h2 { margin: 0; font-size: clamp(43px,4.9vw,68px); line-height: 1.07; letter-spacing: -.06em; font-weight: 950; }
.section-heading h2 em,.experience-copy h2 em,.faq h2 em { color: transparent; background: linear-gradient(90deg,var(--cyan),#6f7dff 70%,var(--pink)); -webkit-background-clip:text; background-clip:text; font-style: normal; }
.section-heading > p { margin: 0 0 7px; color: #7990aa; font-size: 13px; line-height: 1.9; }
.how { background: var(--navy); }
.steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; margin-top: 55px; }
.step-card { min-height: 430px; border: 1px solid #274664; border-radius: 24px; padding: 24px; position: relative; overflow: hidden; background: linear-gradient(145deg,rgba(14,44,77,.8),rgba(6,20,39,.9)); transition: transform .25s,border-color .25s; }
.step-card:hover { transform: translateY(-7px); border-color: #35baf3; }
.step-card:before { content:""; position:absolute; width:260px; height:260px; left:50%; top:55px; transform:translateX(-50%); border-radius:50%; background:radial-gradient(circle,rgba(28,136,240,.14),transparent 67%); }
.step-index { width: 34px; height: 34px; border: 1px solid #476786; border-radius: 50%; display: grid; place-items: center; color: #7d95af; font-size: 9px; }
.step-card h3 { margin: 21px 0 9px; font-size: 20px; }.step-card > p { margin: 0; max-width: 290px; color: #7890aa; font-size: 11px; line-height: 1.8; }
.step-visual { height: 235px; position: relative; display: grid; place-items: center; }
.choose-box > b { width: 130px; height: 145px; border: 2px solid #45cfff; border-radius: 12px; display:grid;place-items:center;background:linear-gradient(145deg,#1689e2,#5131c4);font-size:62px;box-shadow:10px 13px 0 #041123,0 0 28px rgba(15,177,255,.25);transform:rotate(-5deg) }
.choose-box > b:before { content:""; position:absolute; width:145px; height:35px; margin-top:-113px; border:2px solid #6ee6ff; border-radius:7px; background:linear-gradient(90deg,#16cbe5,#6b35d8) }.choose-box i{position:absolute;width:8px;height:8px;border:1px solid var(--cyan);transform:rotate(45deg)}.choose-box i:nth-child(1){left:45px;top:55px}.choose-box i:nth-child(2){right:54px;top:94px;width:14px;height:14px}.choose-box i:nth-child(3){left:65px;bottom:32px}
.open-mini > b{width:160px;height:115px;padding-top:20px;border:2px solid #69e7ff;border-radius:10px 10px 20px 20px;display:grid;place-items:center;background:linear-gradient(145deg,#0dafdf,#4c32cd);font-size:60px;box-shadow:10px 12px 0 #041123}.open-mini i{position:absolute;z-index:2;width:182px;height:45px;top:60px;border:2px solid #7feeff;border-radius:8px;background:linear-gradient(90deg,#13c9e4,#7635de);transform:rotate(-10deg);box-shadow:0 8px 0 #06162d}.open-mini span{position:absolute;right:60px;top:30px;color:var(--cyan);font-size:30px;text-shadow:0 0 18px var(--cyan)}
.delivery-mini{align-content:center}.delivery-mini:before{content:"";position:absolute;width:190px;height:135px;border:2px solid #36b8ee;border-radius:16px;background:linear-gradient(145deg,#132e50,#09182c);box-shadow:10px 13px 0 #041123}.delivery-mini i{z-index:2;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--cyan);color:var(--navy);font-size:27px;font-style:normal;box-shadow:0 0 25px rgba(21,220,255,.35)}.delivery-mini b,.delivery-mini span{position:absolute;z-index:2}.delivery-mini b{bottom:47px;color:white;font-size:17px}.delivery-mini span{bottom:31px;color:#6d8aa8;font-size:7px;letter-spacing:.15em}

.products { max-width:none; padding-inline:max(6vw,calc((100vw - 1280px)/2)); background:#f5f9ff;color:#07152a;position:relative;overflow:hidden }.products:before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;right:-390px;top:330px;border:1px solid rgba(31,138,213,.13);box-shadow:0 0 0 70px rgba(31,138,213,.035),0 0 0 140px rgba(31,138,213,.02)}.products .section-heading h2 em{background:linear-gradient(90deg,#087fdc,#763bea);-webkit-background-clip:text;background-clip:text}.products .section-label>span{border-color:#b0c5d7;color:#087fdc}.filter-tabs{display:flex;gap:10px;margin:50px 0 28px}.filter-tabs button{padding:10px 17px;border:1px solid #c9d7e5;border-radius:999px;background:white;color:#71869d;font-size:10px;font-weight:700;cursor:pointer;transition:.2s}.filter-tabs button:hover,.filter-tabs button.active{background:#07182e;border-color:#07182e;color:white;box-shadow:0 5px 14px rgba(4,20,41,.16)}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product-card{min-height:430px;border:1.5px solid #0d2644;border-radius:25px;padding:18px;box-shadow:5px 7px 0 #0b1a2c;transition:transform .25s,opacity .2s;background:#ddecff}.product-card:hover{transform:translateY(-8px)}.product-card[hidden]{display:none}.product-card.cyan{background:#c2f6f8}.product-card.violet{background:#ded5ff}.product-card.magenta{background:#ffd8f4}.product-top{display:flex;justify-content:space-between;align-items:center}.product-top span{font-size:7px;letter-spacing:.18em;font-weight:900}.product-top b{width:29px;height:29px;border:1px solid #233c58;border-radius:50%;display:grid;place-items:center;font-size:8px}.product-art{height:305px;position:relative;margin-top:4px}.phone-art{width:155px;height:255px;margin:28px auto 25px;border:3px solid #0a1c32;border-radius:27px;background:linear-gradient(145deg,#1764de,#602fbe 65%,#db3fc7);box-shadow:13px 16px 0 rgba(10,28,50,.2);transform:rotate(-7deg)}.phone-art:after{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.45);border-radius:19px}.phone-art .camera{position:absolute;z-index:2;left:14px;top:14px;width:62px;height:62px;padding:6px;border-radius:17px;background:#152a49;display:grid;grid-template-columns:1fr 1fr;gap:4px}.camera i{border:3px solid #3d5d84;border-radius:50%;background:#071222}.phone-art>span{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);color:white;font-size:22px;font-weight:950;letter-spacing:.12em}.watch-art{width:180px;height:210px;margin:50px auto;border:3px solid #0a1c32;border-radius:50px;background:#0c2847;box-shadow:12px 15px 0 rgba(10,28,50,.18);display:grid;place-items:center;transform:rotate(5deg)}.watch-art:before,.watch-art:after{content:"";position:absolute;left:57px;width:60px;height:95px;background:#3d6d9c;z-index:-1;border:3px solid #0a1c32}.watch-art:before{bottom:175px;border-radius:20px 20px 0 0}.watch-art:after{top:175px;border-radius:0 0 20px 20px}.watch-art i{position:absolute;inset:13px;border-radius:36px;background:radial-gradient(circle at 35% 30%,#1ef1ff 0 4%,transparent 5%),linear-gradient(145deg,#7340ec,#0699dc);box-shadow:inset 0 0 20px rgba(255,255,255,.2)}.watch-art b,.watch-art span{position:relative;color:white}.watch-art b{font-size:30px}.watch-art span{position:absolute;bottom:46px;color:#a8fbff;font-size:8px;letter-spacing:.2em}.buds-art{width:210px;height:170px;margin:80px auto;border:3px solid #0a1c32;border-radius:30px 30px 60px 60px;background:linear-gradient(145deg,#7146e8,#372497);box-shadow:12px 15px 0 rgba(10,28,50,.18);display:flex;justify-content:center;gap:30px;padding-top:40px}.buds-art:before{content:"";position:absolute;left:12px;right:12px;top:13px;height:2px;background:#a991ff}.buds-art i{width:38px;height:72px;border:3px solid #0a1c32;border-radius:20px 20px 13px 13px;background:linear-gradient(#fff,#89eaff);box-shadow:0 0 16px rgba(89,233,255,.5)}.buds-art span{position:absolute;bottom:17px;color:#c6faff;font-size:9px;letter-spacing:.2em}.game-art{width:235px;height:145px;margin:90px auto;border:3px solid #0a1c32;border-radius:70px 70px 54px 54px;background:linear-gradient(145deg,#fa60cd,#8b38dd);box-shadow:12px 15px 0 rgba(10,28,50,.18);transform:rotate(-4deg)}.game-art i{position:absolute;width:26px;height:26px;border-radius:50%;background:#0b203a;top:50px;box-shadow:inset 0 0 0 6px #284664}.game-art i:first-child{left:43px}.game-art i:nth-child(2){right:43px}.game-art b{position:absolute;left:75px;top:57px;font-size:28px}.game-art span{position:absolute;right:73px;top:60px;color:#68f0ff;font-size:11px;letter-spacing:6px}.product-info{border-top:1px solid rgba(6,24,45,.2);padding-top:13px;display:flex;align-items:flex-end;justify-content:space-between}.product-info small{font-size:8px;color:#6a8299}.product-info h3{margin:4px 0 0;font-size:17px}.product-info>span{font-size:8px;font-weight:800;padding:6px 8px;border-radius:8px;background:#07182e;color:white}.product-note{text-align:center;margin:35px 0 0;color:#7b8da0;font-size:8px}

.app-experience{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px;min-height:830px}.experience-copy h2{margin:28px 0 20px}.experience-copy>p{max-width:460px;margin:0;color:#7890aa;font-size:12px;line-height:1.9}.experience-copy ul{list-style:none;margin:33px 0;padding:0;display:flex;flex-direction:column;gap:13px}.experience-copy li{display:flex;align-items:center;gap:14px;padding:13px 15px;border:1px solid #1d3d5d;border-radius:13px;background:rgba(11,34,61,.6)}.experience-copy li>i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#102e51;color:var(--cyan);font-size:8px;font-style:normal}.experience-copy li>span{display:flex;flex-direction:column}.experience-copy li b{font-size:12px}.experience-copy li small{margin-top:4px;color:#617a96;font-size:8px}.inline-download{width:max-content;display:flex;gap:30px;padding-bottom:7px;border-bottom:1px solid #4d85af;color:#d9edff;font-size:11px;font-weight:800}.inline-download span{color:var(--cyan)}.app-mockup{height:620px;position:relative}.phone-shell{position:absolute;width:274px;height:560px;border:7px solid #020a14;border-radius:40px;background:#020a14;box-shadow:20px 28px 45px rgba(0,0,0,.35)}.phone-shell .screen{height:100%;border-radius:32px;overflow:hidden;background:#f4f8ff;color:#0b1b31;position:relative}.front-phone{left:45%;top:46%;transform:translate(-50%,-50%) rotate(-3deg);z-index:3}.back-phone{right:2%;top:11%;transform:rotate(9deg);opacity:.52;filter:saturate(.5)}.phone-island{position:absolute;z-index:5;left:50%;top:10px;transform:translateX(-50%);width:82px;height:22px;border-radius:13px;background:#020a14}.app-top{height:65px;padding:25px 17px 0;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:950}.app-top img{width:29px;height:29px;border-radius:8px}.app-top i{margin-left:auto;font-style:normal}.app-banner{height:175px;margin:13px;border-radius:18px;padding:21px;position:relative;overflow:hidden;background:linear-gradient(145deg,#0a8eef,#6332da);color:white;box-shadow:0 12px 25px rgba(37,80,173,.22)}.app-banner:before{content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-70px;top:-40px;box-shadow:0 0 0 28px rgba(255,255,255,.05)}.app-banner small{font-size:7px;color:#8befff}.app-banner>b{display:block;margin-top:8px;font-size:19px;line-height:1.2}.app-banner>span{display:block;margin-top:21px;font-size:7px}.banner-box{position:absolute;right:22px;bottom:20px;width:75px;height:82px;border:2px solid #8deaff;border-radius:9px;background:linear-gradient(135deg,#16d7ed,#4434ca);display:grid;place-items:center;font-size:42px;font-weight:950;transform:rotate(7deg);box-shadow:7px 8px 0 rgba(3,15,36,.35)}.app-title{display:flex;justify-content:space-between;margin:20px 15px 10px}.app-title b{font-size:12px}.app-title span{color:#7e8fa3;font-size:7px}.app-boxes{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 14px}.app-boxes article{display:flex;flex-direction:column}.app-boxes article>div{height:115px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#cceeff,#aa9fe9);color:#4b39a8;font-size:43px;font-weight:950}.app-boxes article:nth-child(2)>div{background:linear-gradient(145deg,#e2d6ff,#fbaddc)}.app-boxes article>b{font-size:8px;margin-top:6px}.app-boxes article>small{color:#8a98aa;font-size:6px;margin-top:2px}.app-nav{position:absolute;left:0;right:0;bottom:0;height:53px;border-top:1px solid #e2e9f0;background:white;display:flex;align-items:center;justify-content:space-around;color:#8896a8}.app-nav>b,.app-nav>span{display:flex;flex-direction:column;align-items:center;font-size:12px}.app-nav>b{color:#168ee4}.app-nav small{font-size:6px;margin-top:3px}.app-nav>i{width:33px;height:28px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#13c9e9,#5b3bdb);color:white;font-size:20px;font-style:normal;box-shadow:3px 4px 0 #132f5b}.back-phone .screen{padding:60px 17px}.back-phone .screen>p{font-size:15px;font-weight:900}.order{display:flex;align-items:center;gap:10px;margin-top:13px;padding:12px;border-radius:12px;background:white;box-shadow:0 6px 16px rgba(20,49,79,.08)}.order i{width:45px;height:45px;border-radius:9px;background:linear-gradient(145deg,#a7dcff,#8c77d5)}.order>span{display:flex;flex-direction:column}.order b{font-size:8px}.order small{font-size:6px;color:#8795a5;margin-top:5px}.floating-win{position:absolute;z-index:5;left:0;bottom:75px;min-width:210px;padding:14px;border:1px solid #42bdf7;border-radius:14px;background:rgba(6,24,45,.94);display:flex;align-items:center;gap:11px;box-shadow:0 16px 30px rgba(0,0,0,.32);transform:rotate(4deg)}.floating-win>i{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--cyan);color:var(--navy);font-style:normal;font-weight:950}.floating-win>span{display:flex;flex-direction:column}.floating-win small{color:#728ba7;font-size:7px}.floating-win b{margin-top:3px;font-size:11px}

.safety{max-width:none;padding-inline:max(6vw,calc((100vw - 1280px)/2));background:#050e1d}.section-heading.centered{display:block;text-align:center}.section-heading.centered>p{margin:18px 0 0}.promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:55px}.promise{min-height:270px;padding:22px;border:1px solid #1e3d5c;border-radius:21px;background:linear-gradient(145deg,#0c2340,#071527);position:relative;transition:.25s}.promise:hover{border-color:#2bc6fa;transform:translateY(-6px)}.promise>span{color:#476682;font-size:8px}.promise>i{width:72px;height:72px;margin:35px 0 28px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#0b78d8,#592ed0);color:white;font-size:27px;font-style:normal;box-shadow:0 13px 28px rgba(17,100,216,.23),inset 0 1px 0 rgba(255,255,255,.25)}.promise:nth-child(2)>i{background:linear-gradient(145deg,#04cde1,#0786de)}.promise:nth-child(3)>i{background:linear-gradient(145deg,#8a3bea,#44229d)}.promise:nth-child(4)>i{background:linear-gradient(145deg,#ff4aca,#7535dd)}.promise h3{margin:0 0 9px;font-size:17px}.promise p{margin:0;color:#6e87a2;font-size:10px;line-height:1.75}

.download-section{padding-top:70px;padding-bottom:70px}.download-panel{min-height:530px;border:1px solid #3cbdf4;border-radius:34px;background:linear-gradient(135deg,#071b35,#0c3670 58%,#4e27b7);position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:55px 7%;box-shadow:0 30px 60px rgba(0,0,0,.28),inset 0 0 40px rgba(29,178,255,.08)}.panel-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(96,181,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(96,181,255,.08) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent 25%,#000)}.download-copy{position:relative;z-index:4}.download-copy>img{width:80px;height:80px;border-radius:18px;box-shadow:0 0 30px rgba(16,171,255,.25)}.download-copy>p{margin:18px 0 13px;color:#62cfff;font-size:8px;letter-spacing:.24em;font-weight:900}.download-copy h2{font-size:clamp(40px,4.5vw,61px);line-height:1.08;letter-spacing:-.055em;margin:0}.download-copy>span{display:block;margin-top:17px;color:#8faac8;font-size:11px}.store-actions{display:flex;gap:13px;margin-top:28px}.store-actions>button{min-width:172px;min-height:62px;padding:8px 17px;border:1px solid #526d8d;border-radius:15px;background:rgba(4,15,30,.65);color:#71849b;display:flex;align-items:center;gap:12px;text-align:left}.store-actions>button>span:first-child{font-size:20px}.store-actions>button>span:last-child{display:flex;flex-direction:column}.store-actions button small{font-size:7px}.store-actions button b{font-size:14px;margin-top:3px}.download-art{height:400px;position:relative;z-index:3}.big-device{position:absolute;left:15%;top:45px;width:210px;height:315px;border:4px solid #041126;border-radius:34px;background:linear-gradient(145deg,#197ce0,#6b2dc5 65%,#f047cc);box-shadow:18px 22px 0 rgba(2,9,20,.45);transform:rotate(-10deg);display:grid;place-items:center}.big-device:after{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.35);border-radius:23px}.big-device i{position:absolute;left:16px;top:16px;width:70px;height:70px;border-radius:20px;background:#0b2240;box-shadow:inset 0 0 0 10px #173e67}.big-device b{font-size:110px;text-shadow:5px 6px 0 #35208c}.download-box{position:absolute;right:7%;bottom:20px;width:175px;height:175px;border:3px solid #7eeaff;border-radius:12px 12px 25px 25px;background:linear-gradient(145deg,#12cce7,#087bdc 55%,#6332cd);box-shadow:12px 15px 0 rgba(1,10,24,.45);display:grid;place-items:center;transform:rotate(8deg)}.download-box:before{content:"";position:absolute;left:-10px;right:-10px;top:-20px;height:47px;border:3px solid #74e9ff;border-radius:8px;background:linear-gradient(90deg,#12d3e9,#7c37e5)}.download-box b{font-size:75px;z-index:2}.download-box i{position:absolute;z-index:3;left:50%;top:-56px;width:30px;height:80px;transform:translateX(-50%);background:linear-gradient(#b232f1,#15e2ff);border:2px solid #72ebff}.particle{position:absolute;color:var(--cyan);font-size:25px}.p1{right:7%;top:25px}.p2{left:4%;bottom:12px;color:#fe55dc}.p3{right:37%;top:25px;font-size:13px}

.faq{background:#f5f9ff;color:#07152a}.faq .section-label>span{color:#087fdc;border-color:#b5c7d8}.faq-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:9vw;margin-top:35px}.faq h2{font-size:clamp(37px,4vw,55px)}.faq h2 em{font-size:.74em;background:linear-gradient(90deg,#087fdc,#753be4);-webkit-background-clip:text;background-clip:text}.faq-list{border-top:1.5px solid #102942}.faq-list details{border-bottom:1px solid #b8c8d7}.faq-list summary{min-height:77px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;font-weight:900;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:21px;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg);color:#087fdc}.faq-list p{margin:-3px 45px 25px 0;color:#687d93;font-size:11px;line-height:1.8}footer{min-height:160px;padding:35px max(6vw,64px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-top:1px solid #163759;background:#030a14}footer>p{text-align:center;color:#5e7691;font-size:9px}footer>div{display:flex;justify-content:flex-end;gap:24px;color:#68819c;font-size:8px}footer>div a{color:#aadfff}footer .brand img{width:54px;height:54px}
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.js .reveal.visible{opacity:1;transform:translateY(0)}

@media (prefers-reduced-motion:no-preference){.mystery-box{animation:floatBox 4.5s ease-in-out infinite}.tech-phone{animation:floatPhone 5s ease-in-out infinite}.tech-watch{animation:floatWatch 4.2s ease-in-out infinite}.tech-buds{animation:floatBuds 5.4s ease-in-out infinite}@keyframes floatBox{0%,100%{transform:translate(-50%,-50%) rotate(-4deg)}50%{transform:translate(-50%,-55%) rotate(-1deg)}}@keyframes floatPhone{0%,100%{transform:rotate(-16deg) translateY(0)}50%{transform:rotate(-11deg) translateY(-13px)}}@keyframes floatWatch{0%,100%{transform:rotate(14deg) translateY(0)}50%{transform:rotate(9deg) translateY(-14px)}}@keyframes floatBuds{0%,100%{transform:rotate(10deg) translateY(0)}50%{transform:rotate(6deg) translateY(-10px)}}}
@media(max-width:900px){
  .site-header{width:calc(100% - 36px)}nav{display:none}.hero{grid-template-columns:1fr;padding:50px 22px 80px;text-align:center}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero-visual{margin-top:45px}.scroll-tip{display:none}.hero-grid{display:none}
  .section{padding:85px 30px}.section-heading{align-items:flex-start;flex-direction:column}.steps{grid-template-columns:1fr 1fr}.step-card:last-child{grid-column:span 2}.product-grid{grid-template-columns:1fr 1fr}.app-experience{grid-template-columns:1fr;gap:45px}.experience-copy{text-align:center}.experience-copy>p,.inline-download{margin-left:auto;margin-right:auto}.experience-copy li{text-align:left}.app-mockup{max-width:650px;width:100%;margin:auto}.promise-grid{grid-template-columns:1fr 1fr}.download-panel{grid-template-columns:1fr;padding:55px 7% 20px;text-align:center}.download-copy>img{margin:auto}.store-actions{justify-content:center}.download-art{height:410px}.faq-layout{grid-template-columns:1fr;gap:45px}footer{grid-template-columns:1fr 1fr;padding:35px 30px}footer>p{display:none}
}
@media(max-width:540px){
  .site-header{height:76px}.brand img{width:48px;height:48px;border-radius:12px}.brand b{font-size:16px}.brand small{display:none}.header-download{padding:0 13px;min-height:38px}.hero{padding-top:38px}.eyebrow{font-size:9px}h1{font-size:48px}.hero-desc{font-size:13px}.hero-desc br{display:none}.hero-actions{flex-direction:column;gap:20px}.hero-proof{gap:16px}.hero-visual{height:500px;width:118%;transform:scale(.86);transform-origin:top center;margin-bottom:-80px}.orbit-two{width:520px}.tech-phone{left:4%}.tech-watch{right:3%}.tech-buds{right:2%}.price-tag{left:1%}
  .trust-bar{gap:8vw;min-height:95px}.trust-bar p{display:none}.trust-bar b{font-size:21px}.trust-bar small{display:none}.section{padding:68px 18px}.section-heading h2,.experience-copy h2{font-size:42px}.section-heading>p br{display:none}.steps{grid-template-columns:1fr}.step-card,.step-card:last-child{grid-column:auto;min-height:410px}.filter-tabs{overflow-x:auto;padding-bottom:5px}.filter-tabs button{white-space:nowrap}.product-grid{grid-template-columns:1fr}.product-card:hover{transform:none}.app-experience{text-align:center}.app-mockup{height:570px;transform:scale(.83);transform-origin:top center;width:120%;margin-left:-10%;margin-bottom:-90px}.front-phone{left:42%}.back-phone{right:-8%}.floating-win{left:-2%}.promise-grid{grid-template-columns:1fr}.promise{min-height:235px}.promise>i{margin:25px 0 22px}.download-section{padding-inline:13px}.download-panel{padding:45px 18px 10px;border-radius:24px}.download-copy h2{font-size:40px}.download-copy>span{line-height:1.7}.store-actions{flex-direction:column;align-items:center}.store-actions>.market-btn,.store-actions>button{width:205px}.download-art{height:350px;transform:scale(.82);transform-origin:top center;margin-inline:-55px}.faq h2{font-size:37px}.faq-list summary{font-size:12px}footer{grid-template-columns:1fr;gap:25px;text-align:center}footer .brand{justify-content:center}footer>div{justify-content:center;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}}

/* Refined brand system: restrained, product-led, and editorial. */
:root {
  --navy: #111820;
  --navy-2: #19232e;
  --blue: #1683e8;
  --cyan: #22a7df;
  --purple: #315da8;
  --pink: #1683e8;
  --white: #f7f7f4;
  --muted: #647181;
}

body { background: #f4f4f0; color: #151a20; }
.site-header { width: min(1320px, calc(100% - 64px)); background: #f4f4f0; color: #151a20; }
.brand img { box-shadow: none; border: 1px solid #dbe1e6; }
.brand small { color: #738092; }
nav { color: #4b5662; }
nav a:hover { color: #087bca; }
.header-download { border-color: #151a20; color: white; background: #151a20; box-shadow: none; }
.header-download:hover { border-color: #087bca; background: #087bca; }
.header-download span { color: #8ed8ff; }

.hero { min-height: 700px; max-width: none; padding-inline: max(7vw, calc((100vw - 1240px)/2)); background: #f4f4f0; }
.hero-grid,.hero-glow,.orbit,.box-rays,.lucky-tag,.scroll-tip { display: none; }
.eyebrow { border-color: #ccd5dd; background: #fff; color: #4e5b68; box-shadow: none; }
.eyebrow i { background: #1683e8; box-shadow: none; }
h1 { color: #151a20; font-size: clamp(54px,5.7vw,78px); letter-spacing: -.055em; }
h1 span { color: #087bca; background: none; -webkit-text-fill-color: initial; text-shadow: none; }
.hero-desc { color: #667381; }
.market-btn,.market-btn:visited { border-color: #151a20; background: #151a20; color: #fff; box-shadow: none; }
.market-btn:hover { background: #087bca; border-color: #087bca; color: #fff; box-shadow: none; }
.market-btn > span:last-child,.market-btn small,.market-btn b { color: inherit; }
.market-btn .android-mark { color: #151a20; }
.text-link { color: #28323d; }
.text-link i { border-color: #aab5bf; color: #087bca; }
.hero-proof b { color: #151a20; }.hero-proof small { color: #7a8793; }.hero-proof > i { background: #cbd2d8; }
.hero-visual { height: 560px; border-radius: 32px; background: #e2edf4; overflow: hidden; }
.hero-visual:before { content: ""; position: absolute; inset: 30px; border: 1px solid rgba(17,24,32,.13); border-radius: 22px; }
.mystery-box { filter: none; }
.box-body { border-color: #103a59; background: #159bd6; box-shadow: 12px 14px 0 #103a59; }
.box-body:before { opacity: .25; }
.box-body b { text-shadow: 3px 4px 0 #103a59; }
.box-body span { color: #e7f7ff; }
.box-lid { border-color: #103a59; background: #36b8e5; box-shadow: 0 6px 0 #103a59; }
.box-lid:before,.box-lid:after { border-color: #159bd6; border-right-color: #305eb8; border-left-color: #305eb8; }
.box-lid i { background: #087bca; border-color: #103a59; }
.tech-card { border-color: #172432; background: #f9fbfc; box-shadow: 6px 8px 0 rgba(18,32,45,.18); }
.tech-card span { color: #617181; }
.tech-phone:before { background: #1683e8; }.tech-phone i { background: #142434; box-shadow: inset 0 0 0 5px #3a5a73; }
.tech-watch i { background: #1683e8; }.tech-buds { background: #fff; }
.price-tag { border-color: #172432; color: #172432; background: #fff; backdrop-filter: none; box-shadow: 5px 6px 0 rgba(18,32,45,.18); }
.price-tag small,.price-tag span { color: #657381; }.price-tag b { color: #087bca; }
.trust-bar { border-color: #d9e0e5; background: #fff; color: #151a20; }
.trust-bar p { color: #7a8792; }.trust-bar p i { background: #1683e8; box-shadow: none; }
.trust-bar b { color: #151a20; }.trust-bar b span { color: #087bca; }.trust-bar small { color: #778490; }

@media (max-width:900px) {
  .site-header { width: calc(100% - 36px); }
  .hero { text-align: center; }
  .hero-visual { max-width: 680px; width: 100%; margin-inline: auto; }
}
@media (max-width:540px) {
  .hero-visual { width: 118%; margin-left: -9%; border-radius: 24px; }
}

/* The supplied artwork contains the former campaign line. Crop it to the box mark
   so the product name is always rendered as live, accessible text. */
.logo-crop {
  display: block;
  width: 62px;
  height: 62px;
  overflow: hidden;
  flex: 0 0 auto;
  border: 1px solid #dbe1e6;
  border-radius: 15px;
  background: #080311;
}
.logo-crop img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transform: scale(1.31);
  transform-origin: center top;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.app-top .logo-crop { width: 29px; height: 29px; border-radius: 8px; }
.download-copy > .logo-crop { width: 80px; height: 80px; border-color: rgba(255,255,255,.2); border-radius: 18px; }
footer .logo-crop { width: 54px; height: 54px; }
@media (max-width:540px) {
  .brand .logo-crop { width: 48px; height: 48px; border-radius: 12px; }
  .app-top .logo-crop { width: 29px; height: 29px; border-radius: 8px; }
  .download-copy > .logo-crop { width: 80px; height: 80px; margin: auto; border-radius: 18px; }
}

.section { padding-top: 105px; padding-bottom: 105px; }
.section-label { color: #687581; }
.section-label > span,.section-label.light > span { border-color: #aeb9c2; color: #087bca; }
.section-heading h2,.experience-copy h2,.faq h2 { color: #151a20; font-size: clamp(42px,4.5vw,62px); letter-spacing: -.05em; }
.section-heading h2 em,.experience-copy h2 em,.faq h2 em,.products .section-heading h2 em,.faq h2 em { color: #087bca; background: none; -webkit-text-fill-color: initial; }
.section-heading > p { color: #687581; }

.how { background: #f4f4f0; color: #151a20; }
.steps { gap: 18px; }
.step-card { min-height: 410px; border-color: #d5dce1; border-radius: 18px; background: #fff; box-shadow: none; }
.step-card:hover { transform: translateY(-3px); border-color: #98a8b5; }
.step-card:before { background: #f1f5f7; }
.step-index { border-color: #c8d0d6; color: #75818c; }
.step-card > p { color: #6b7782; }
.choose-box > b { border-color: #17344a; background: #1683e8; box-shadow: 7px 8px 0 #17344a; }
.choose-box > b:before { border-color: #17344a; background: #37a6d7; }
.choose-box i { border-color: #1683e8; }
.open-mini > b { border-color: #17344a; background: #1683e8; box-shadow: 7px 8px 0 #17344a; }
.open-mini i { border-color: #17344a; background: #37a6d7; box-shadow: 0 6px 0 #17344a; }
.open-mini span { color: #1683e8; text-shadow: none; }
.delivery-mini:before { border-color: #17344a; background: #e9f1f5; box-shadow: 7px 8px 0 #17344a; }
.delivery-mini i { background: #1683e8; color: white; box-shadow: none; }
.delivery-mini b { color: #17344a; }.delivery-mini span { color: #657481; }

.products { background: #fff; }
.products:before { display: none; }
.filter-tabs { margin-top: 42px; }
.filter-tabs button { border-color: #ccd4da; background: #fff; color: #53606c; }
.filter-tabs button:hover,.filter-tabs button.active { border-color: #151a20; background: #151a20; color: white; box-shadow: none; }
.product-grid { gap: 16px; }
.product-card { min-height: 420px; border-color: #cbd4db; border-radius: 18px; background: #eef3f6; box-shadow: none; }
.product-card.cyan { background: #edf5f4; }.product-card.violet { background: #f0eff4; }.product-card.magenta { background: #f4eeee; }
.product-card:hover { transform: translateY(-3px); border-color: #83929e; }
.phone-art,.watch-art,.buds-art,.game-art { box-shadow: 7px 9px 0 rgba(18,32,45,.16); }
.phone-art { background: #1683e8; }.watch-art { background: #213a4e; }.watch-art i { background: #1683e8; box-shadow: none; }
.buds-art { background: #315da8; }.buds-art i { box-shadow: none; }.game-art { background: #49749d; }
.product-info > span { background: #151a20; }

.app-experience { max-width: none; padding-inline: max(6vw,calc((100vw - 1240px)/2)); background: #17212b; color: white; }
.app-experience .section-label { color: #8c9aa6; }.app-experience .section-label > span { border-color: #586874; color: #8ed8ff; }
.experience-copy h2 { color: white; }.experience-copy h2 em { color: #74c8f3; }
.experience-copy > p { color: #9aa7b1; }
.experience-copy li { border-color: #35424d; border-radius: 11px; background: #202c36; }
.experience-copy li > i { background: #2b3944; color: #8ed8ff; }
.experience-copy li small { color: #8795a0; }
.inline-download { border-color: #7390a5; color: white; }.inline-download span { color: #8ed8ff; }
.phone-shell { box-shadow: 12px 16px 0 rgba(0,0,0,.22); }
.app-banner { background: #1683e8; box-shadow: none; }
.banner-box { background: #36a9dc; box-shadow: 5px 6px 0 #17344a; }
.app-nav > i { background: #1683e8; box-shadow: none; }
.floating-win { border-color: #4f6373; background: #25333e; box-shadow: 5px 6px 0 rgba(0,0,0,.2); }
.floating-win > i { background: #1683e8; color: white; }

.safety { background: #f4f4f0; color: #151a20; }
.safety .section-label { color: #687581; }.safety .section-label > span { border-color: #aeb9c2; color: #087bca; }
.promise-grid { gap: 16px; }
.promise { min-height: 250px; border-color: #d5dce1; border-radius: 18px; background: #fff; }
.promise:hover { border-color: #98a8b5; transform: translateY(-3px); }
.promise > span { color: #7b8791; }
.promise > i,.promise:nth-child(2) > i,.promise:nth-child(3) > i,.promise:nth-child(4) > i { border-radius: 15px; background: #1683e8; box-shadow: none; }
.promise:nth-child(2) > i { background: #14749f; }.promise:nth-child(3) > i { background: #315da8; }.promise:nth-child(4) > i { background: #32566f; }
.promise p { color: #687581; }

.download-section { max-width: none; padding-inline: max(6vw,calc((100vw - 1240px)/2)); background: #f4f4f0; }
.download-panel { min-height: 510px; border-color: #17344a; border-radius: 22px; background: #123f5d; box-shadow: none; }
.panel-grid,.download-panel:before { display: none; }
.download-copy > img { box-shadow: none; border: 1px solid rgba(255,255,255,.2); }
.download-copy > p { color: #8ed8ff; }.download-copy > span { color: #b1c6d4; }
.store-actions > button { border-color: #597488; background: #17344a; }
.big-device { border-color: #172432; background: #1683e8; box-shadow: 9px 11px 0 #172432; }
.big-device b { text-shadow: 3px 4px 0 #17344a; }
.download-box { border-color: #172432; background: #36a9dc; box-shadow: 8px 9px 0 #172432; }
.download-box:before { border-color: #172432; background: #1683e8; }
.download-box i { border-color: #172432; background: #087bca; }
.particle { color: #8ed8ff; }.p2 { color: white; }

.faq { background: #fff; }
.faq .section-label > span { border-color: #aeb9c2; color: #087bca; }
.faq-list { border-color: #26323c; }.faq-list details { border-color: #d1d8de; }.faq-list details[open] summary span { color: #087bca; }
footer { border-color: #d4dce2; background: #eceeea; color: #151a20; }
footer > p { color: #65727e; }footer > div { color: #65727e; }footer > div a { color: #087bca; }

.js .reveal { transform: translateY(14px); transition-duration: .45s; }
@media (prefers-reduced-motion:no-preference) {
  .mystery-box,.tech-phone,.tech-watch,.tech-buds { animation: none; }
}
@media (max-width:900px) {
  .section { padding: 80px 30px; }
  .app-experience,.download-section { padding-inline: 30px; }
}
@media (max-width:540px) {
  .section { padding: 66px 18px; }
  .app-experience,.download-section { padding-inline: 18px; }
  .product-card:hover,.promise:hover,.step-card:hover { transform: none; }
}