:root {
  --bg: #05070c;
  --bg-soft: #090d15;
  --bg-blue: #07101d;
  --text: #f5f8ff;
  --muted: #9da8ba;
  --soft: #707b8d;
  --blue: #168cff;
  --blue-bright: #58b7ff;
  --line: rgba(255,255,255,.09);
  --shell: 1240px;
  --ease: cubic-bezier(.2,.7,.2,1);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; }
.shell { width: min(var(--shell), calc(100% - 48px)); margin-inline: auto; }
.scroll-progress { position: fixed; inset: 0 0 auto; height: 2px; z-index: 120; background: transparent; }
.scroll-progress span { display: block; width: 0; height: 100%; background: var(--blue-bright); box-shadow: 0 0 14px rgba(88,183,255,.8); }

.site-header { position: fixed; z-index: 100; inset: 0 0 auto; transition: background .35s ease, border-color .35s ease, transform .35s ease; border-bottom: 1px solid transparent; }
.site-header.is-scrolled { background: rgba(5,7,12,.78); backdrop-filter: blur(22px) saturate(150%); border-color: rgba(255,255,255,.07); }
.header-inner { min-height: 82px; display: grid; grid-template-columns: 180px 1fr auto; align-items: center; gap: 28px; }
.site-brand { width: 155px; height: 58px; display: flex; align-items: center; }
.site-brand img { width: 155px; }
.main-nav { display: flex; align-items: center; justify-content: center; gap: clamp(18px,2.2vw,34px); }
.main-nav a { color: #c1cad9; font-size: 14px; font-weight: 600; transition: color .2s ease; }
.main-nav a:hover { color: #fff; }
.header-actions { display: flex; align-items: center; gap: 18px; }
.language-switch { display: flex; align-items: center; gap: 8px; }
.language-switch button { appearance: none; border: 0; background: none; padding: 2px; color: #758195; cursor: pointer; font-size: 12px; font-weight: 800; }
.language-switch button.is-active { color: #fff; }
.language-switch span { width: 1px; height: 12px; background: rgba(255,255,255,.18); }
.header-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 18px; border-radius: 999px; background: #f4f8ff; color: #07101d; font-size: 13px; font-weight: 800; }
.menu-toggle { display: none; appearance: none; border: 0; background: transparent; width: 40px; height: 40px; padding: 0; position: relative; cursor: pointer; }
.menu-toggle span { position: absolute; left: 8px; right: 8px; height: 1.5px; background: #fff; transition: .3s ease; }
.menu-toggle span:first-child { top: 14px; }.menu-toggle span:last-child { top: 24px; }
.menu-toggle.is-open span:first-child { top: 20px; transform: rotate(45deg); }.menu-toggle.is-open span:last-child { top: 20px; transform: rotate(-45deg); }

.hero { min-height: 100svh; padding: 142px 0 90px; display: flex; align-items: center; position: relative; isolation: isolate; overflow: hidden; }
.hero::after { content:""; position:absolute; left:0; right:0; bottom:0; height:180px; background:linear-gradient(180deg,transparent,var(--bg)); z-index:-1; }
.hero-ambient { position: absolute; width: 920px; height: 920px; right: -260px; top: -240px; border-radius: 50%; background: radial-gradient(circle, rgba(19,117,255,.2), rgba(12,66,145,.08) 38%, transparent 67%); filter: blur(8px); z-index: -2; }
.hero-grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 48px; }
.kicker, .eyebrow { margin: 0 0 26px; color: #7fbfff; font-size: 12px; line-height: 1.2; letter-spacing: .16em; font-weight: 800; }
.kicker { display:flex; align-items:center; gap:12px; }
.kicker span { width: 26px; height: 1px; background: var(--blue-bright); box-shadow: 0 0 10px rgba(88,183,255,.9); }
.hero h1, .browser-copy h2, .apps-intro h2, .product-copy h2, .service-layout h2, .community-copy h2, .section-heading h2, .compatibility-copy h2, .final-inner h2 { margin: 0; font-weight: 700; letter-spacing: -.06em; line-height: .92; }
.hero h1 { font-size: clamp(58px, 7.7vw, 112px); }
.hero h1 em, .product-copy h2 em { color: #76c1ff; font-style: normal; }
.hero-text { max-width: 640px; margin: 30px 0 0; color: #aeb8c8; font-size: clamp(17px,1.5vw,21px); line-height: 1.7; }
.hero-buttons, .community-actions, .final-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 54px; padding: 0 23px; border-radius: 999px; font-size: 14px; font-weight: 800; transition: transform .25s var(--ease), background .25s ease, color .25s ease; }
.button:hover { transform: translateY(-2px); }
.button i, .text-link i { font-style: normal; font-size: 17px; font-weight: 400; }
.button-primary { background: var(--blue); color: #fff; box-shadow: 0 14px 50px rgba(22,140,255,.24); }
.button-primary:hover { background: #2b98ff; }
.button-ghost { background: rgba(255,255,255,.065); color: #eef5ff; }
.button-ghost:hover { background: rgba(255,255,255,.1); }
.hero-proof { display: flex; gap: 38px; margin-top: 52px; }
.hero-proof div { display: grid; gap: 2px; }
.hero-proof strong { font-size: 21px; letter-spacing: -.03em; }
.hero-proof span { color: #7f8a9c; font-size: 12px; }

.hero-devices { min-height: 650px; position: relative; display:flex; align-items:center; justify-content:center; perspective: 1800px; }
.laptop-device { width: min(690px, 95%); position: relative; z-index: 1; transform: rotateY(-7deg) rotateX(2deg); filter: drop-shadow(0 48px 62px rgba(0,0,0,.55)); will-change: transform; }
.laptop-lid { padding: 11px 11px 15px; border-radius: 24px 24px 14px 14px; background: linear-gradient(145deg,#8995a7 0%,#252d39 10%,#0f141d 52%,#424c5a 93%,#7e8999 100%); box-shadow: inset 0 1px 1px rgba(255,255,255,.6), inset 0 -1px 1px rgba(0,0,0,.8); }
.laptop-screen { aspect-ratio: 16/10; border-radius: 13px 13px 8px 8px; overflow: hidden; background: #07101b; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.laptop-base { height: 24px; margin: -1px -4% 0; border-radius: 3px 3px 24px 24px; background: linear-gradient(180deg,#8e98a6 0%,#39424e 18%,#151b24 72%,#697482 100%); box-shadow: 0 14px 20px rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.5); position:relative; }
.laptop-base::after { content:""; position:absolute; height:7px; left:8%; right:8%; bottom:-7px; border-radius:0 0 100% 100%; background:linear-gradient(180deg,#151b22,#4d5662); }
.laptop-base span { position:absolute; width:100px; height:6px; left:50%; top:0; transform:translateX(-50%); border-radius:0 0 8px 8px; background:#202732; }
.browser-bar { height: 35px; display:grid; grid-template-columns:85px 1fr 40px; align-items:center; background:#111927; border-bottom:1px solid rgba(255,255,255,.05); }
.browser-dots { display:flex; gap:5px; padding-left:12px; }.browser-dots i { width:7px;height:7px;border-radius:50%;background:#4f5b6e; }.browser-dots i:first-child{background:#536476}.browser-dots i:nth-child(2){background:#4d5d6c}.browser-address{height:20px;border-radius:7px;background:#0a101a;color:#748298;font-size:9px;display:flex;align-items:center;justify-content:center}.browser-lock{font-size:6px;color:#2997ff;text-align:center}
.platform-ui { height: calc(100% - 35px); display:grid; grid-template-columns:49px 1fr; background:radial-gradient(circle at 80% 0,rgba(22,140,255,.12),transparent 35%),#07101a; }
.platform-side { background:#09131f; display:flex; flex-direction:column; align-items:center; gap:16px; padding-top:12px; }.platform-side img{width:24px;height:24px;border-radius:7px}.platform-side span{display:block;width:15px;height:3px;border-radius:3px;background:#293648}.platform-side .side-active{height:15px;width:15px;border-radius:5px;background:#168cff}
.platform-main { padding:19px 22px; overflow:hidden; }.platform-top{display:flex;justify-content:space-between;align-items:center}.platform-top div{display:grid;gap:2px}.platform-top small,.platform-health small,.platform-values small{color:#67809e;font-size:7px;letter-spacing:.1em}.platform-top strong{font-size:12px}.platform-top b{font-size:7px;color:#59d998;background:rgba(89,217,152,.1);padding:6px 8px;border-radius:99px}.platform-health{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:18px;margin-top:22px}.health-ring{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#168cff 0 92%,#172337 92%);position:relative}.health-ring::after{content:"";position:absolute;inset:7px;border-radius:50%;background:#0a1420}.health-ring span{position:relative;z-index:1;font-size:17px;font-weight:800}.health-ring small{font-size:7px}.platform-health div:last-child{display:grid;gap:4px}.platform-health strong{font-size:16px}.platform-health p{margin:0;color:#74849a;font-size:8px}.platform-values{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.platform-values>div{background:#0c1825;border-radius:9px;padding:10px}.platform-values strong{display:inline-block;font-size:15px;margin-top:6px}.platform-values span{color:#6382a4;font-size:7px;margin-left:3px}.platform-chart{height:65px;margin-top:11px;display:flex;align-items:flex-end;gap:5px;padding:8px 10px;background:#0a1622;border-radius:9px}.platform-chart i{flex:1;background:linear-gradient(180deg,#168cff,#0a3e75);border-radius:3px 3px 0 0;opacity:.8}.platform-chart i:nth-child(1){height:25%}.platform-chart i:nth-child(2){height:44%}.platform-chart i:nth-child(3){height:35%}.platform-chart i:nth-child(4){height:62%}.platform-chart i:nth-child(5){height:53%}.platform-chart i:nth-child(6){height:78%}.platform-chart i:nth-child(7){height:69%}.platform-chart i:nth-child(8){height:88%}.platform-chart i:nth-child(9){height:72%}.platform-chart i:nth-child(10){height:93%}.platform-chart i:nth-child(11){height:82%}.platform-chart i:nth-child(12){height:96%}

.phone-device { position:relative; padding:7px; border-radius:46px; background:linear-gradient(120deg,#8d99a8 0%,#222a34 9%,#0b0f15 48%,#606b78 91%,#bbc3cc 100%); box-shadow:inset 0 1px 1px rgba(255,255,255,.65),inset 0 -1px 1px rgba(0,0,0,.9),0 40px 70px rgba(0,0,0,.52); }
.phone-device::after { content:""; position:absolute; inset:10px auto 10px 8px; width:2px; border-radius:5px; background:linear-gradient(180deg,transparent,rgba(255,255,255,.35),transparent); opacity:.7; }
.phone-bezel { height:100%; border-radius:39px; overflow:hidden; position:relative; background:#000; box-shadow:inset 0 0 0 1px rgba(255,255,255,.09); }
.phone-bezel::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(105deg,rgba(255,255,255,.09),transparent 18%,transparent 75%,rgba(255,255,255,.035)); mix-blend-mode:screen; }
.phone-bezel img { width:100%;height:100%;object-fit:cover; }
.phone-island { position:absolute;z-index:3;top:10px;left:50%;transform:translateX(-50%);width:31%;height:24px;border-radius:99px;background:#020305;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04); }
.phone-island::after { content:""; position:absolute; right:9px; top:8px; width:6px; height:6px; border-radius:50%; background:#101b27; box-shadow:inset 0 0 2px #317bc4; }
.phone-button { position:absolute;background:linear-gradient(180deg,#4d5865,#181e26);box-shadow:inset 1px 0 rgba(255,255,255,.18);z-index:-1}.phone-button-a{left:-3px;top:105px;width:4px;height:34px;border-radius:4px 0 0 4px}.phone-button-b{left:-3px;top:153px;width:4px;height:65px;border-radius:4px 0 0 4px}.phone-button-c{right:-3px;top:137px;width:4px;height:88px;border-radius:0 4px 4px 0}
.phone-hero { position:absolute; width:185px; aspect-ratio: 9/19.5; right:0; bottom:35px; z-index:3; transform:rotate(7deg); will-change:transform; }
.floating-status { position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:rgba(13,20,31,.78);backdrop-filter:blur(18px);box-shadow:0 18px 35px rgba(0,0,0,.3);font-size:11px}.floating-status i{width:8px;height:8px;border-radius:50%;background:#4fd49b;box-shadow:0 0 13px rgba(79,212,155,.9)}.floating-status span{display:grid}.floating-status small{color:#738096;font-size:8px;margin-top:2px}.status-one{left:3%;bottom:90px}.status-two{right:7%;top:90px}.status-two span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(79,212,155,.13);color:#4fd49b}.scroll-cue{position:absolute;left:50%;bottom:28px;width:24px;height:38px;border-radius:99px;background:rgba(255,255,255,.06);transform:translateX(-50%);display:flex;justify-content:center}.scroll-cue span{width:3px;height:7px;border-radius:99px;background:#fff;margin-top:8px;animation:scrollCue 1.8s infinite}@keyframes scrollCue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}

.browser-section { padding: 150px 0; background:linear-gradient(180deg,var(--bg),#060b13 34%,#07101d 100%); position:relative; overflow:hidden; }
.browser-layout { display:grid;grid-template-columns:.86fr 1.14fr;gap:90px;align-items:center; }
.browser-copy h2,.apps-intro h2,.product-copy h2,.service-layout h2,.community-copy h2,.section-heading h2,.compatibility-copy h2,.final-inner h2{font-size:clamp(48px,6vw,84px)}
.browser-copy>p:not(.eyebrow),.apps-intro .shell>p:last-child,.product-copy>p,.service-layout>div>p:last-child,.community-copy>p:not(.eyebrow),.compatibility-copy>p:not(.eyebrow),.final-inner>p:not(.eyebrow){margin:28px 0 0;color:#a2adbd;font-size:18px;line-height:1.75;max-width:650px}
.clean-steps { list-style:none;margin:38px 0 0;padding:0;display:grid; }.clean-steps li{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.clean-steps li:first-child{border-top:1px solid var(--line)}.clean-steps>li>span,.feature-lines>li>span{color:#4da9fa;font-size:11px;font-weight:800;letter-spacing:.1em;padding-top:3px}.clean-steps div,.feature-lines div{display:grid;gap:6px}.clean-steps strong,.feature-lines strong{font-size:16px}.clean-steps small,.feature-lines small{color:#7f8b9c;font-size:13px;line-height:1.6}.platform-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:32px}.platform-links a,.compatibility-links a{font-size:13px;font-weight:800;color:#d9e9fb}.platform-links a:first-child{color:#59b5ff}
.browser-visual { position:relative; min-height:720px;display:flex;align-items:center;justify-content:center; }
.browser-visual::before { content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(26,132,255,.18),transparent 66%);filter:blur(10px)}
.tablet-device{position:relative;width:min(720px,100%);aspect-ratio:4/3;padding:12px;border-radius:34px;background:linear-gradient(145deg,#aeb6c0,#1d252f 10%,#090d13 50%,#616b77 92%,#c6cbd1);box-shadow:inset 0 1px rgba(255,255,255,.7),0 50px 80px rgba(0,0,0,.5);transform:rotate(-3deg);z-index:1}.tablet-camera{position:absolute;left:50%;top:4px;width:5px;height:5px;border-radius:50%;background:#030609;z-index:2;box-shadow:inset 0 0 2px #355e86}.tablet-screen{width:100%;height:100%;border-radius:24px;overflow:hidden;background:#07111b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.tablet-top{height:13%;padding:0 4%;display:flex;align-items:center;gap:10px;background:#0a1521;border-bottom:1px solid rgba(255,255,255,.05)}.tablet-top img{width:28px;height:28px;border-radius:8px}.tablet-top strong{font-size:13px}.tablet-top span{margin-left:auto;color:#58d49f;font-size:8px}.tablet-body{height:87%;padding:5%;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:.8fr .8fr 1.4fr;gap:4%;background:radial-gradient(circle at 80% 10%,rgba(22,140,255,.12),transparent 38%)}.tablet-summary{grid-row:1/3;display:grid;align-content:center;padding:10%;background:#0c1926;border-radius:18px}.tablet-summary small,.tablet-stat small{color:#68809e;font-size:8px;letter-spacing:.11em}.tablet-summary strong{font-size:clamp(17px,2.3vw,30px);margin:9px 0}.tablet-summary span,.tablet-stat span{color:#7390ad;font-size:9px}.tablet-stat{display:grid;align-content:center;padding:9%;background:#0b1723;border-radius:18px}.tablet-stat b{font-size:clamp(20px,3vw,38px);margin:5px 0}.tablet-graph{grid-column:1/3;background:#0a1622;border-radius:18px;position:relative;overflow:hidden}.tablet-graph::before,.tablet-graph::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 28px,rgba(255,255,255,.035) 29px 30px)}.tablet-graph::after{background:repeating-linear-gradient(90deg,transparent 0 60px,rgba(255,255,255,.025) 61px 62px)}.tablet-graph span{position:absolute;left:4%;right:4%;top:50%;height:90px;transform:translateY(-50%) skewY(-5deg);border-top:3px solid #168cff;border-radius:50%;filter:drop-shadow(0 0 9px rgba(22,140,255,.8));z-index:2}.device-list{position:absolute;z-index:2;left:50%;bottom:30px;transform:translateX(-50%);display:flex;gap:8px;padding:8px;border-radius:99px;background:rgba(9,15,24,.78);backdrop-filter:blur(18px);box-shadow:0 18px 40px rgba(0,0,0,.3)}.device-list span{padding:8px 12px;border-radius:99px;background:rgba(255,255,255,.055);font-size:10px;color:#c6d0df;white-space:nowrap}

.apps-intro { padding: 160px 0 80px; background:#07101d; text-align:center; }.apps-intro h2{max-width:1000px;margin-inline:auto}.apps-intro .shell>p:last-child{max-width:760px;margin:28px auto 0}.product-section{padding:150px 0;position:relative;overflow:hidden}.product-ai{background:linear-gradient(180deg,#07101d,#05080e 70%)}.product-classic{background:linear-gradient(180deg,#05080e,#07101d)}.product-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.product-grid-reverse{grid-template-columns:1.1fr .9fr}.product-title-row{display:flex;align-items:center;gap:14px;margin-bottom:36px}.product-title-row img{width:58px;height:58px;border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.35)}.product-title-row div{display:grid;gap:3px}.product-title-row small{color:#67809b;font-size:10px;letter-spacing:.14em;font-weight:800}.product-title-row strong{font-size:19px}.feature-lines{list-style:none;margin:38px 0 0;padding:0;display:grid}.feature-lines li{display:grid;grid-template-columns:38px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.feature-lines li:first-child{border-top:1px solid var(--line)}.text-link{display:inline-flex;align-items:center;gap:14px;margin-top:32px;color:#72bdff;font-size:14px;font-weight:800}.phone-scene{min-height:720px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1600px}.phone-scene::before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(22,140,255,.18),transparent 65%);filter:blur(20px)}.phone-large{position:absolute;width:280px;aspect-ratio:9/19.5}.phone-back{transform:translate(-105px,20px) rotateY(9deg) rotate(-8deg);opacity:.84}.phone-front{transform:translate(90px,-10px) rotateY(-7deg) rotate(5deg);z-index:2}.phone-caption{position:absolute;z-index:3;left:3%;bottom:55px;display:grid;gap:5px;padding:16px 18px;border-radius:17px;background:rgba(9,15,24,.8);backdrop-filter:blur(18px);box-shadow:0 20px 45px rgba(0,0,0,.35)}.phone-caption small{color:#55b4ff;font-size:9px;font-weight:800;letter-spacing:.13em}.phone-caption strong{font-size:13px}.live-pill{position:absolute;z-index:3;right:2%;top:115px;display:flex;align-items:center;gap:8px;padding:13px 16px;border-radius:99px;background:rgba(8,15,24,.83);backdrop-filter:blur(18px);box-shadow:0 20px 45px rgba(0,0,0,.35)}.live-pill span{width:7px;height:7px;border-radius:50%;background:#4dd39a;box-shadow:0 0 10px rgba(77,211,154,.8)}.live-pill b{font-size:12px}.live-pill small{color:#5f7894;font-size:8px;font-weight:800}.service-band{padding:130px 0;background:#081321;position:relative;overflow:hidden}.service-band::before{content:"";position:absolute;width:700px;height:700px;left:-350px;top:-350px;border-radius:50%;background:radial-gradient(circle,rgba(22,140,255,.13),transparent 68%)}.service-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.service-layout h2{font-size:clamp(42px,5vw,70px)}.service-items{display:grid}.service-items div{display:grid;grid-template-columns:52px 1fr;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}.service-items div:first-child{border-top:1px solid var(--line)}.service-items span{color:#4ea9f8;font-size:11px;font-weight:800}.service-items strong{font-size:17px}

.community-section{padding:160px 0;background:#060a10;overflow:hidden}.community-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:100px;align-items:center}.community-phone-wrap{min-height:700px;position:relative;display:flex;align-items:center;justify-content:center}.community-phone-wrap::before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(22,140,255,.16),transparent 66%)}.community-phone{position:relative;z-index:1;width:min(530px,100%);padding:22px;border-radius:40px;background:linear-gradient(150deg,#101825,#060a10);box-shadow:0 50px 80px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.06)}.community-top{display:flex;align-items:center;gap:11px;padding:4px 2px 19px}.community-top img{width:40px;height:40px;border-radius:12px}.community-top div{display:grid;gap:2px}.community-top strong{font-size:13px}.community-top small{font-size:9px;color:#6b7d91}.community-top>span{margin-left:auto;color:#5d6a7c}.community-message{max-width:85%;padding:14px 16px;border-radius:18px;margin-top:13px}.community-message small{display:block;color:#6d87a4;font-size:9px;margin-bottom:6px}.community-message p{margin:0;font-size:13px;line-height:1.55}.message-user{margin-left:auto;background:#116dd0}.message-user small{color:#b8dcff}.message-answer{background:#121d2b}.problem-preview{display:flex;align-items:center;gap:13px;margin:14px 11% 0 auto;width:74%;padding:13px;border-radius:16px;background:#0d1723}.problem-preview>span{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:rgba(255,148,94,.12);color:#ff9d69;font-size:12px;font-weight:900}.problem-preview div{display:grid;gap:4px}.problem-preview strong{font-size:12px}.problem-preview small{color:#718296;font-size:9px}.community-input{display:flex;align-items:center;margin-top:24px;height:48px;padding:0 8px 0 17px;border-radius:99px;background:#0d1722;color:#6f7d8e;font-size:11px}.community-input b{margin-left:auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#168cff;color:#fff;font-size:16px}.connection-section{padding:160px 0;background:#07101b}.section-heading{text-align:center}.section-heading h2{max-width:1000px;margin-inline:auto}.connection-flow{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px}.connection-flow>div{position:relative;padding:0 32px 0 0;min-height:240px}.connection-flow>div+div{padding-left:32px}.connection-flow span{color:#4daaf9;font-size:12px;font-weight:900}.connection-flow i{display:block;width:100%;height:1px;background:linear-gradient(90deg,#168cff,rgba(255,255,255,.06));margin:22px 0 28px;position:relative}.connection-flow i::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-radius:50%;background:#168cff;box-shadow:0 0 13px rgba(22,140,255,.8)}.connection-flow strong{display:block;font-size:18px;line-height:1.3}.connection-flow p{margin:12px 0 0;color:#7e8999;font-size:13px;line-height:1.65}.compatibility-section{padding:160px 0;background:#060a10}.compatibility-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:center}.compatibility-links{display:flex;flex-wrap:wrap;gap:26px;margin-top:32px}.compatibility-data{display:grid}.big-stat{padding:0 0 38px}.big-stat strong{display:block;font-size:clamp(70px,9vw,128px);line-height:.9;letter-spacing:-.07em;color:#79c3ff}.big-stat span{display:block;margin-top:11px;color:#7f8da0;font-size:13px}.compat-row{display:grid;grid-template-columns:52px 1fr;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.compat-row>span{display:grid;place-items:center;width:38px;height:26px;border-radius:99px;background:#0f1b29;color:#65b8ff;font-size:9px;font-weight:900}.compat-row div{display:grid;gap:5px}.compat-row strong{font-size:16px}.compat-row small{color:#748195;font-size:12px}.final-cta{position:relative;padding:180px 0;background:#07101b;text-align:center;overflow:hidden}.final-glow{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:1000px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(22,140,255,.22),transparent 65%);filter:blur(10px)}.final-inner{position:relative}.final-inner>img{width:200px;margin:0 auto 34px}.final-inner h2{font-size:clamp(54px,7.5vw,108px)}.final-inner>p:not(.eyebrow){margin:28px auto 0}.final-actions{justify-content:center}.site-footer{padding:80px 0 28px;background:#04060a}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,.7fr);gap:55px}.footer-brand img{width:170px}.footer-brand p{max-width:350px;margin:22px 0 0;color:#778396;font-size:13px;line-height:1.7}.footer-grid>div:not(.footer-brand){display:grid;align-content:start;gap:13px}.footer-grid strong{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#dbe5f3;margin-bottom:8px}.footer-grid a{color:#7c899b;font-size:13px;transition:color .2s ease}.footer-grid a:hover{color:#fff}.footer-bottom{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;margin-top:65px;padding-top:22px;border-top:1px solid var(--line);color:#5f6b7d;font-size:11px}.footer-bottom span:nth-child(2){text-align:center}.footer-bottom a{color:#8090a5}

.reveal { opacity:0; transform:translateY(32px); transition:opacity .85s var(--ease),transform .85s var(--ease); }.reveal.is-visible{opacity:1;transform:none}.hero .reveal.is-visible{transition-delay:.1s}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scroll-cue span{animation:none}.laptop-device,.phone-hero{will-change:auto}}

@media (max-width: 1120px){
  .header-inner{grid-template-columns:150px 1fr auto}.site-brand,.site-brand img{width:140px}.main-nav{gap:16px}.main-nav a{font-size:13px}.header-cta{display:none}
  .hero-grid{grid-template-columns:1fr;gap:20px}.hero-copy{max-width:820px}.hero-devices{min-height:620px;margin-top:-30px}.laptop-device{width:720px}.phone-hero{right:7%}.status-one{left:8%}
  .browser-layout,.product-grid,.product-grid-reverse,.community-grid,.compatibility-grid{grid-template-columns:1fr;gap:70px}.browser-copy,.product-copy,.community-copy,.compatibility-copy{max-width:760px}.product-grid-reverse .phone-scene{grid-row:2}.browser-visual,.phone-scene,.community-phone-wrap{min-height:650px}.service-layout{gap:60px}.connection-flow{grid-template-columns:repeat(2,1fr);gap:46px 0}.footer-grid{grid-template-columns:1.3fr repeat(3,.7fr);gap:30px}
}
@media (max-width: 820px){
  .shell{width:min(100% - 30px,var(--shell))}.site-header{background:rgba(5,7,12,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.header-inner{min-height:70px;display:flex;justify-content:space-between}.site-brand,.site-brand img{width:128px}.menu-toggle{display:block;order:3}.header-actions{margin-left:auto}.language-switch{display:flex}.main-nav{position:fixed;top:70px;left:0;right:0;padding:18px 22px 28px;background:rgba(5,7,12,.97);display:grid;gap:0;transform:translateY(-130%);opacity:0;visibility:hidden;transition:.35s var(--ease);border-bottom:1px solid var(--line)}.main-nav.is-open{transform:none;opacity:1;visibility:visible}.main-nav a{font-size:16px;padding:14px 2px;border-bottom:1px solid rgba(255,255,255,.055)}
  .hero{padding-top:118px;min-height:auto}.hero h1{font-size:clamp(52px,15vw,82px)}.hero-text{font-size:17px}.hero-proof{gap:24px}.hero-devices{min-height:480px}.laptop-device{width:100%;transform:none}.phone-hero{width:130px;right:0;bottom:5px}.floating-status{display:none}.scroll-cue{display:none}.browser-section,.product-section,.community-section,.connection-section,.compatibility-section{padding:110px 0}.apps-intro{padding:115px 0 55px}.browser-copy h2,.apps-intro h2,.product-copy h2,.service-layout h2,.community-copy h2,.section-heading h2,.compatibility-copy h2,.final-inner h2{font-size:clamp(43px,12vw,68px)}.browser-visual,.phone-scene,.community-phone-wrap{min-height:560px}.tablet-device{border-radius:24px;padding:8px}.tablet-screen{border-radius:17px}.device-list{bottom:22px}.phone-large{width:225px}.phone-back{transform:translate(-70px,20px) rotate(-7deg)}.phone-front{transform:translate(65px,-5px) rotate(5deg)}.phone-caption{left:0;bottom:18px}.live-pill{right:0;top:90px}.service-band{padding:100px 0}.service-layout{grid-template-columns:1fr}.connection-flow{grid-template-columns:1fr}.connection-flow>div,.connection-flow>div+div{padding:0;min-height:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:45px 30px}.footer-brand{grid-column:1/3}.footer-bottom{grid-template-columns:1fr;text-align:center;gap:10px}.footer-bottom span:nth-child(2){text-align:center}.final-cta{padding:130px 0}
}
@media (max-width: 520px){
  .shell{width:calc(100% - 24px)}.hero{padding-top:102px;padding-bottom:60px}.kicker,.eyebrow{font-size:10px;margin-bottom:19px}.hero h1{font-size:clamp(45px,16vw,66px)}.hero-text{font-size:16px;line-height:1.65;margin-top:23px}.hero-buttons{display:grid}.button{width:100%}.hero-proof{justify-content:space-between;gap:8px}.hero-proof strong{font-size:18px}.hero-proof span{font-size:10px}.hero-devices{min-height:390px;margin-top:5px}.browser-bar{height:26px}.platform-ui{height:calc(100% - 26px)}.platform-main{padding:11px}.platform-health{margin-top:10px;grid-template-columns:50px 1fr;gap:9px}.health-ring{width:48px;height:48px}.health-ring::after{inset:5px}.health-ring span{font-size:12px}.platform-health strong{font-size:11px}.platform-values{margin-top:9px;gap:5px}.platform-values>div{padding:6px}.platform-values strong{font-size:9px}.platform-chart{height:38px;margin-top:5px}.platform-side{gap:10px}.phone-hero{width:92px;border-radius:25px;padding:4px}.phone-hero .phone-bezel{border-radius:21px}.phone-hero .phone-island{height:12px;top:5px}.browser-section,.product-section,.community-section,.connection-section,.compatibility-section{padding:90px 0}.apps-intro{padding:95px 0 40px}.browser-copy h2,.apps-intro h2,.product-copy h2,.service-layout h2,.community-copy h2,.section-heading h2,.compatibility-copy h2,.final-inner h2{font-size:clamp(39px,13vw,58px)}.browser-copy>p:not(.eyebrow),.apps-intro .shell>p:last-child,.product-copy>p,.service-layout>div>p:last-child,.community-copy>p:not(.eyebrow),.compatibility-copy>p:not(.eyebrow),.final-inner>p:not(.eyebrow){font-size:16px}.browser-visual{min-height:400px}.device-list{gap:4px;padding:5px;bottom:5px}.device-list span{font-size:8px;padding:6px 8px}.phone-scene{min-height:500px;margin-inline:-8px}.phone-large{width:185px;border-radius:34px;padding:5px}.phone-large .phone-bezel{border-radius:29px}.phone-large .phone-island{height:17px;top:7px}.phone-back{transform:translate(-55px,18px) rotate(-7deg)}.phone-front{transform:translate(55px,-5px) rotate(5deg)}.phone-caption{max-width:72%;padding:12px 14px}.phone-caption strong{font-size:11px}.live-pill{top:80px;padding:10px 12px}.product-title-row{margin-bottom:26px}.product-title-row img{width:50px;height:50px}.service-band{padding:85px 0}.service-items div{padding:18px 0}.community-phone-wrap{min-height:500px}.community-phone{padding:15px;border-radius:28px}.connection-flow{margin-top:55px}.big-stat strong{font-size:22vw}.final-cta{padding:105px 0}.final-inner>img{width:165px}.final-actions{display:grid}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.site-footer{padding-top:65px}
}

.language-switch a{appearance:none;border:0;background:none;padding:2px;color:#758195;font-size:12px;font-weight:800}.language-switch a.is-active{color:#fff}.internal-product-link{margin-right:24px}.service-layout .text-link{margin-top:28px}.compatibility-copy>.text-link{margin-top:20px}