@font-face{font-family:"DM Sans";src:url('/assets/dm-sans-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"DM Sans";src:url('/assets/dm-sans-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"DM Sans";src:url('/assets/dm-sans-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"DM Sans";src:url('/assets/dm-sans-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url('/assets/barlow-condensed-800-italic.woff2') format('woff2');font-weight:800;font-style:italic;font-display:swap}
:root{color-scheme:dark;--navy:#0b101c;--surface:#141d2e;--border:#263148;--white:#f4f7ff;--muted:#9cacbf;--lime:#d1ff5f;--gutter:clamp(24px,4.2vw,80px)}
*{box-sizing:border-box}
html{background:var(--navy);scroll-behavior:smooth}
body{margin:0;color:var(--white);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
.page{min-height:100svh;display:flex;flex-direction:column;overflow:hidden}
.site-header{height:96px;flex-shrink:0;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}
.brand{font-family:"Barlow Condensed",sans-serif;font-size:44px;line-height:1;font-weight:800;font-style:italic;color:var(--lime);letter-spacing:-1px}
.support{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 0 8px 12px;color:#b5c4d8;font-size:16px;font-weight:500;transition:color .15s}
.support:hover{color:var(--lime)}
a:focus-visible{outline:2px solid var(--lime);outline-offset:6px;border-radius:3px}
.skip-link{position:fixed;top:-100px;left:16px;z-index:10;background:var(--lime);color:var(--navy);padding:12px 18px;border-radius:8px}
.skip-link:focus{top:12px}
.hero{width:100%;max-width:1504px;margin:auto;flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);column-gap:clamp(40px,6vw,104px);align-items:center;padding:32px calc(var(--gutter) + 24px) 32px}
.hero-copy{padding:12px 0 24px;min-width:0}
h1{margin:0;font-size:clamp(76px,8.6vw,132px);font-weight:800;line-height:1.02;letter-spacing:-.065em}
h1 span{display:block;color:var(--lime)}
.markets{font-size:clamp(21px,2.05vw,32px);line-height:1.35;font-weight:700;letter-spacing:-.03em;margin:28px 0 0}
.live-data{font-size:clamp(20px,1.7vw,26px);line-height:1.45;letter-spacing:-.025em;color:var(--muted);margin:14px 0 0}
.stores{display:flex;gap:16px;margin-top:38px;max-width:620px}
.store{appearance:none;display:flex;align-items:center;justify-content:flex-start;gap:18px;flex:1;min-width:0;min-height:91px;padding:17px 25px;background:#0e1624;border:1px solid #3b4c63;border-radius:12px;color:var(--white);opacity:1;cursor:default;text-align:left}
.store-icon{width:36px;height:40px;flex-shrink:0}
.store-icon.apple{width:34px;height:39px}
.store-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.store-status{color:#9cacbf;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;line-height:1.1;white-space:nowrap}
.store-name{font-size:clamp(21px,1.8vw,28px);font-weight:700;letter-spacing:-.035em;line-height:1.1;white-space:nowrap}
.benefit{display:flex;align-items:center;gap:22px;margin-top:36px;padding-top:28px;border-top:1px solid var(--border);max-width:620px}
.gift{color:var(--lime);flex-shrink:0;width:36px;height:36px}
.benefit p{font-size:clamp(20px,1.9vw,29px);font-weight:700;line-height:1.3;letter-spacing:-.03em;margin:0}
.product{margin:0;display:flex;justify-content:center;align-items:center;min-width:0}
.phone{position:relative;isolation:isolate;width:min(100%,calc((100svh - 193px)*.44));min-width:310px;max-width:410px;padding:7px;border:1px solid #7e8794;border-radius:46px;background:linear-gradient(105deg,#555d69 0%,#151a23 3%,#171d27 94%,#69717e 100%);box-shadow:0 34px 62px #0008,0 8px 16px #0006,inset 1px 0 1px #c1c6d33d,inset -1px 0 1px #bcc6d73d}
.phone-glass{position:relative;background:#070b12;border-radius:38px;padding:0 4px;overflow:hidden;box-shadow:0 0 0 1px #000,0 0 0 2px #3d46522e}
.phone-camera-bar{height:29px;position:relative;display:flex;gap:8px;align-items:center;justify-content:center;background:#070b12}
.phone-speaker{width:40px;height:4px;display:block;border-radius:8px;background:#202633;box-shadow:inset 0 1px 1px #000}
.phone-camera{width:7px;height:7px;display:block;border-radius:50%;background:#101a2a;border:1px solid #25324b;box-shadow:inset 1px 1px 2px #000}
.app-screen{display:block;width:100%;height:auto;border-radius:24px 24px 19px 19px}
.phone-chin{height:20px;display:flex;align-items:center;justify-content:center}
.phone-chin span{width:76px;height:3px;border-radius:3px;background:#79818e}
.phone-button{position:absolute;display:block;width:3px;background:linear-gradient(90deg,#1f2633,#687280,#202733);border-radius:3px;z-index:-1}
.phone-button-silent{left:-3px;top:95px;height:25px}
.phone-button-volume{left:-3px;top:144px;height:65px}
.phone-button-power{right:-3px;top:171px;height:66px}
.site-footer{padding:5px var(--gutter) 24px;flex-shrink:0;color:var(--muted)}
.site-footer small{font-size:13px;line-height:1.4}
@media(min-width:1700px){.hero{max-width:1600px;column-gap:140px;padding-left:64px;padding-right:64px}h1{font-size:144px}.phone{max-width:430px}.markets{font-size:34px}.stores,.benefit{max-width:650px}}
@media(max-width:1180px) and (min-width:901px){.hero{grid-template-columns:minmax(0,1fr) 320px;padding-left:var(--gutter);padding-right:var(--gutter);column-gap:42px}h1{font-size:clamp(72px,8.4vw,102px)}.markets{font-size:23px}.store{gap:12px;padding:15px 16px}.store-icon{width:29px;height:34px}.store-icon.apple{width:28px;height:34px}.store-name{font-size:21px}.store-status{font-size:10px}.stores{gap:12px}.phone{min-width:300px}.benefit{gap:14px}.benefit p{font-size:23px}}
@media(max-width:900px){.site-header{height:80px}.brand{font-size:35px}.hero{max-width:760px;grid-template-columns:1fr;row-gap:58px;padding:54px var(--gutter) 46px}.hero-copy{padding:0}h1{font-size:clamp(64px,12.2vw,106px);line-height:1.04;letter-spacing:-.055em}.markets{font-size:clamp(19px,3.3vw,27px);margin-top:24px}.live-data{font-size:21px;margin-top:10px}.stores{margin-top:30px;max-width:550px}.store{min-height:82px;padding:15px 20px}.store-name{font-size:25px}.benefit{margin-top:28px;padding-top:24px;max-width:550px}.benefit p{font-size:25px}.phone{width:355px;min-width:0;max-width:100%}.product{padding:0 10px}.site-footer{padding-bottom:25px;text-align:center}.phone-camera-bar{height:26px}}
@media(max-width:480px){.site-header{height:74px}.brand{font-size:31px}.support{font-size:14px}.hero{padding-top:40px;row-gap:42px}h1{font-size:clamp(54px,13.5vw,65px);letter-spacing:-.055em}.markets{font-size:18px;line-height:1.5;letter-spacing:-.035em;max-width:340px}.live-data{font-size:19px}.stores{gap:10px;margin-top:27px}.store{min-height:72px;padding:13px 12px;gap:10px;border-radius:10px}.store-icon,.store-icon.apple{width:25px;height:30px}.store-status{font-size:9px;letter-spacing:.05em}.store-name{font-size:19px;letter-spacing:-.035em}.store-copy{gap:4px}.benefit{gap:13px;margin-top:25px;padding-top:22px}.benefit p{font-size:21px}.gift{width:29px;height:29px}.phone{width:328px;border-radius:40px;padding:6px}.phone-glass{border-radius:33px;padding:0 3px}.phone-camera-bar{height:24px}.phone-chin{height:18px}.app-screen{border-radius:21px 21px 18px 18px}}
@media(max-width:360px){:root{--gutter:20px}.stores{flex-direction:column}.store{flex:none;padding:14px 18px;gap:14px;width:100%}.store-name{font-size:21px}.store-status{font-size:10px}.store-icon,.store-icon.apple{width:27px;height:32px}.benefit p{font-size:19px}.markets{font-size:17px}h1{font-size:54px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.support{transition:none}}
