:root{color-scheme:light;--ink: #171a20;--muted: #626978;--soft: #eceef3;--canvas: #f7f7f8;--white: #ffffff;--blue: #50689a;--blue-deep: #394f7e;--blue-pale: #e8edf8;--line: rgba(23, 26, 32, .12);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{min-width:320px;margin:0;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}a{color:inherit}.hero{position:relative;overflow:hidden;min-height:min(840px,100svh);border-bottom:1px solid var(--line)}.hero__inner{width:min(1200px,calc(100% - 48px));margin:0 auto}.hero__inner{display:grid;grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);align-items:center;min-height:min(840px,100svh);gap:clamp(24px,5vw,84px)}.hero__content{position:relative;z-index:2;padding:52px 0}.brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:clamp(64px,11vh,104px);color:var(--ink);font-size:1.35rem;font-weight:700;letter-spacing:-.045em;text-decoration:none}.brand img{width:36px;height:36px;border-radius:10px;box-shadow:0 5px 16px #2736582e}.eyebrow{margin:0 0 18px;color:var(--blue-deep);font-size:.74rem;font-weight:700;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}h1,p{margin-top:0}h1{text-wrap:balance}h1{max-width:690px;margin-bottom:22px;font-size:clamp(3.15rem,5.6vw,5.5rem);font-weight:650;letter-spacing:-.066em;line-height:.98}h1 span{color:var(--blue)}.hero__lead{max-width:520px;margin-bottom:30px;color:var(--muted);font-size:clamp(1.05rem,1.45vw,1.2rem);line-height:1.55}.store-links{display:flex;flex-wrap:wrap;gap:10px}.store-link{display:inline-flex;min-width:148px;flex-direction:column;justify-content:center;padding:11px 17px 10px;border:1px solid transparent;border-radius:13px;background:var(--ink);color:var(--white);line-height:1;text-decoration:none;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.store-link:hover{transform:translateY(-2px);background:#303641}.store-link:focus-visible,.brand:focus-visible{outline:3px solid #86a7eb;outline-offset:4px}.store-link--google{border-color:var(--line);background:var(--white);color:var(--ink)}.store-link--google:hover{background:var(--blue-pale)}.store-link__overline{margin-bottom:3px;font-size:.58rem;font-weight:650;letter-spacing:.04em}.store-link strong{font-size:1rem;font-weight:650;letter-spacing:-.02em}.availability{margin:16px 0 0;color:var(--muted);font-size:.79rem}.hero__visual{position:relative;align-self:stretch;min-height:670px}.visual-backdrop{position:absolute;inset:12% -22% 10% 8%;border-radius:56px;background:var(--blue)}.phone{position:absolute;overflow:hidden;margin:0;border-radius:clamp(22px,3vw,38px);background:var(--blue);box-shadow:0 30px 70px #1f273a38}.phone img{width:100%;height:100%;object-fit:cover}.phone--front{z-index:2;width:clamp(218px,25vw,320px);height:auto;aspect-ratio:9 / 16;top:12%;right:13%;transform:rotate(4deg)}.phone--back{z-index:1;width:clamp(154px,18vw,230px);aspect-ratio:9 / 16;opacity:.96}.phone--back-left{top:36%;left:3%;transform:rotate(-10deg)}.phone--back-right{right:-4%;bottom:4%;transform:rotate(11deg)}footer{display:flex;width:min(1200px,calc(100% - 48px));min-height:80px;margin:0 auto;align-items:center;color:var(--muted);font-size:.76rem}footer p{margin:0}@media(max-width:900px){.hero{min-height:auto}.hero__inner{grid-template-columns:1fr;min-height:auto;gap:0}.hero__content{padding:38px 0 12px}.brand{margin-bottom:68px}.hero__visual{width:min(640px,100%);min-height:560px;justify-self:center}.visual-backdrop{inset:8% 4%}.phone--front{top:9%;right:24%}.phone--back-left{left:8%}.phone--back-right{right:7%}}@media(max-width:620px){.hero__inner,footer{width:min(100% - 32px,1200px)}.hero__content{padding-top:24px}.brand{margin-bottom:56px}h1{font-size:clamp(2.85rem,14vw,4.2rem)}.hero__lead{font-size:1rem}.store-links{display:grid;grid-template-columns:1fr 1fr}.store-link{min-width:0;padding-inline:12px}.hero__visual{min-height:445px;margin-top:12px}.phone--front{width:212px;right:20%}.phone--back{width:145px}.phone--back-left{top:39%;left:0}.phone--back-right{right:-4%}footer{min-height:68px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.store-link{transition:none}.store-link:hover{transform:none}}
