:root{--bg: #f6f7f8;--bg2: #ffffff;--text: rgba(37, 48, 65, .94);--muted: rgba(37, 48, 65, .7);--border: rgba(37, 48, 65, .14);--card: rgba(255, 255, 255, .78);--shadow: 0 24px 60px rgba(37, 48, 65, .12);--accent: #28b840;--accent2: #42c157}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 700px at 18% 8%,rgba(40,184,64,.18),transparent 55%),radial-gradient(900px 600px at 85% 25%,rgba(66,193,87,.12),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}a{color:inherit}.page{min-height:100%;display:flex;flex-direction:column}.container{width:min(1100px,92vw);margin:0 auto}.header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f6f7f8b8;border-bottom:1px solid rgba(37,48,65,.1)}.headerInner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brandIcon{width:34px;height:34px;border-radius:10px;box-shadow:0 8px 16px #2530411f}.brandName{font-weight:750;letter-spacing:-.02em}.nav{display:flex;gap:16px}.navLink{text-decoration:none;color:var(--muted);font-weight:650;font-size:14px}.navLink:hover{color:var(--text)}.main{padding:46px 0 72px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}.eyebrow{margin:0;color:var(--muted);font-weight:650}.title{margin:10px 0;font-size:clamp(40px,6vw,64px);line-height:1.02;letter-spacing:-.03em}.subtitle{margin:0;color:var(--muted);font-size:16px;line-height:1.65;max-width:60ch}.ctaRow{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.storeRow{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.storeBadge{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:14px;border:1px solid var(--border);background:#ffffffa6;padding:10px 12px;transition:.16s ease;height:56px;width:196px;box-shadow:0 10px 24px #2530410f}.storeBadge:hover{transform:translateY(-1px);background:#ffffffe0}.storeBadgeImage{display:block;height:44px;width:100%;object-fit:contain}.button{text-decoration:none;padding:12px 16px;border-radius:999px;border:1px solid var(--border);background:#ffffffb8;color:var(--text);font-weight:700;transition:.16s ease;box-shadow:0 10px 24px #2530410f}.button:hover{transform:translateY(-1px);background:#ffffffeb}.button.primary{border-color:transparent;background:linear-gradient(135deg,#28b840,#42c157);color:#000000db}.button.primary:hover{background:linear-gradient(135deg,#28b840,#198c37)}.heroCard{background:#ffffffb8;border:1px solid rgba(37,48,65,.1);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.heroShots{display:grid;grid-template-columns:1fr 1fr;gap:12px}.heroShot{border-radius:14px;overflow:hidden;border:1px solid rgba(37,48,65,.1);background:#00000008}.heroShot img{width:100%;height:auto;display:block}.section{margin-top:56px}.sectionHeader{display:grid;gap:10px;margin-bottom:18px}.sectionTitle{margin:0;font-size:24px;letter-spacing:-.02em}.sectionBody{margin:0;color:var(--muted);line-height:1.6;max-width:74ch}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{border:1px solid rgba(37,48,65,.1);background:#ffffffb8;border-radius:18px;padding:14px;box-shadow:0 12px 28px #2530410f}.cardTitle{font-weight:750;margin-bottom:6px}.cardBody{color:var(--muted);line-height:1.6;font-size:14px}.shots{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.shot{margin:0;border-radius:18px;overflow:hidden;border:1px solid rgba(37,48,65,.1);background:#ffffffb8;box-shadow:0 16px 40px #2530410f}.shotImage{width:100%;height:auto;display:block}.footer{margin-top:64px;padding:22px 0;border-top:1px solid rgba(37,48,65,.1);color:var(--muted);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.footerLink{color:var(--muted);text-decoration:none}.footerLink:hover{color:var(--text)}@media (max-width: 960px){.hero,.cards{grid-template-columns:1fr}.shots{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.nav{display:none}.shots{grid-template-columns:1fr}}