:root{--bg-dark: #ffffff;--bg-light: #f5f5f7;--surface-dark: #ffffff;--surface-dark-alt: #fbfbfd;--text-dark: #1d1d1f;--text-body: rgba(0, 0, 0, .8);--text-light: #ffffff;--text-light-soft: rgba(255, 255, 255, .78);--accent: #0071e3;--link-light: #0066cc;--link-dark: #2997ff;--shadow-soft: rgba(0, 0, 0, .22) 3px 5px 30px 0;--border-soft: rgba(29, 29, 31, .08);--hero-photo: url(/images/fountain-hero.jpg);--brand-photo: url(https://commons.wikimedia.org/wiki/Special:FilePath/The%20Fountain%20of%20Neptune%2C%20Piazza%20Navona%20-%2048137120247.jpg)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:SF Pro Text,SF Pro Display,Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.47;letter-spacing:-.374px;color:var(--text-dark);background:var(--bg-light)}a{color:inherit;text-decoration:none}.site-nav-wrap{position:sticky;top:0;z-index:20;background:#ffffffd1;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border-soft)}.site-nav{height:48px;width:min(1120px,100% - 2.25rem);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--text-dark);font-size:12px;letter-spacing:-.12px}.brand{font-weight:600;font-size:14px;letter-spacing:-.224px}.nav-links{display:flex;gap:1.25rem;opacity:.88}.nav-links a:hover,.nav-links a:focus-visible{text-decoration:underline;text-underline-offset:3px}.nav-cta{border:1px solid var(--link-dark);border-radius:980px;padding:4px 12px;color:var(--link-dark);background:#ffffffbd}.section{padding:clamp(4.5rem,9vw,8rem) 0}.section-inner{width:min(1040px,100% - 3rem);margin:0 auto}.section-dark{background:linear-gradient(180deg,#fff,#f7f8fb);color:var(--text-dark)}.section-light{background:var(--bg-light);color:var(--text-dark)}.eyebrow{font-size:12px;line-height:1.33;letter-spacing:-.12px;text-transform:uppercase;opacity:.8;margin:0 0 1rem}h1,h2,h3{margin:0;font-family:SF Pro Display,SF Pro Text,Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif}h1{font-size:clamp(2rem,7vw,3.5rem);line-height:1.07;letter-spacing:-.28px;font-weight:600}h2{font-size:clamp(1.75rem,4.2vw,2.5rem);line-height:1.1;letter-spacing:-.24px;font-weight:600}h3{font-size:1.3rem;line-height:1.19;letter-spacing:.231px;font-weight:600}p{margin:0}.hero{min-height:calc(92vh - 48px);display:flex;align-items:center;position:relative;overflow:hidden;background:#e8f4ff}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-position:center top;background-repeat:no-repeat;background-image:var(--hero-photo);background-size:100% auto}.hero-inner{position:relative;z-index:1;text-align:center;max-width:840px;color:var(--text-light);text-shadow:0 2px 10px rgba(0,0,0,.24)}.hero .eyebrow,.hero h1,.hero .lede,.hero .hero-note,.hero .button-ghost,.hero .store-badge,.hero .store-badge-label,.hero .store-badge-name{color:var(--text-light);text-shadow:0 2px 10px rgba(0,0,0,.24)}.lede{margin:1.25rem auto 0;max-width:700px;color:#ffffffeb}.hero-actions{margin-top:2rem;display:flex;justify-content:center;gap:.85rem;flex-wrap:wrap}.store-badges{margin-top:1.2rem;display:flex;justify-content:center;gap:.85rem;flex-wrap:wrap}.store-badge{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:176px;min-height:56px;padding:.7rem .95rem;border-radius:12px;border:1px solid transparent;box-shadow:var(--shadow-soft)}.store-badge-label{font-size:11px;line-height:1.33;letter-spacing:-.12px;opacity:.8}.store-badge-name{margin-top:.1rem;font-size:18px;line-height:1.1;letter-spacing:-.24px;font-weight:600}.store-badges-dark .store-badge{background:#16181c57;color:var(--text-light);border-color:#ffffff3d;-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%)}.store-badges-light .store-badge{background:#1d1d1f;color:var(--text-light)}.hero-note{margin-top:.8rem;font-size:14px;line-height:1.29;letter-spacing:-.224px;color:#ffffffe6}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 15px;border-radius:8px;font-size:17px;letter-spacing:-.2px;border:1px solid transparent}.button-pill{border-radius:980px}.button-primary{background:var(--accent);color:var(--text-light)}.button-primary:hover,.button-primary:focus-visible{background:#0077ed}.button-ghost{color:var(--text-light);border-color:#ffffffb3;background:#10121824}.button-ghost:hover,.button-ghost:focus-visible{text-decoration:underline;text-underline-offset:3px}.value-layout{display:grid;gap:2.5rem}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.value-card{background:#fff;border-radius:8px;padding:1.4rem;box-shadow:var(--shadow-soft)}.value-card p{margin-top:.55rem;color:var(--text-body)}.features-grid{margin-top:2rem;display:grid;gap:1rem;grid-template-columns:repeat(5,minmax(0,1fr))}.feature-card{background:#ffffffd1;border-radius:8px;padding:1.45rem;box-shadow:var(--shadow-soft)}.feature-card p{margin-top:.55rem;color:var(--text-body)}.preview-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:2.2rem;align-items:center}.preview-layout>div>p{margin-top:.95rem;color:var(--text-body)}.mock-device{display:flex;justify-content:center}.phone-shell{width:min(360px,100%);background:#fff;border-radius:28px;padding:.95rem;border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-soft)}.mock-header{display:flex;gap:.6rem}.mock-pill{background:#fafafc;border-radius:11px;padding:.35rem .65rem;border:3px solid rgba(0,0,0,.04);font-size:12px}.mock-map{position:relative;margin-top:.85rem;border-radius:8px;min-height:160px;background:#eceef1}.mock-map-badge{position:absolute;left:.75rem;top:.75rem;z-index:1;padding:.28rem .55rem;border-radius:980px;background:#ffffffd6;color:var(--text-dark);font-size:11px;line-height:1.33;letter-spacing:-.12px}.mock-map-badge-accent{left:auto;right:.75rem;background:#0071e3e6;color:var(--text-light)}.map-route{position:absolute;left:18%;top:50%;width:58%;height:2px;background:#0071e361;transform:rotate(-18deg);transform-origin:left center}.map-pin{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--accent)}.pin-a{top:32%;left:26%}.pin-b{top:54%;left:63%}.pin-c{top:24%;left:74%}.mock-list{margin-top:.85rem;display:grid;gap:.7rem}.mock-list article{background:#f5f5f7;border-radius:8px;padding:.8rem}.mock-list h3{font-size:1rem;letter-spacing:-.2px}.mock-list p{margin-top:.25rem;font-size:14px;line-height:1.29;letter-spacing:-.224px;color:var(--text-body)}.mock-feed-card{margin-top:.85rem;overflow:hidden;border-radius:14px;background:#f5f5f7}.mock-feed-photo{min-height:170px;background:linear-gradient(#00000024,#00000047),var(--hero-photo) center center / cover no-repeat}.mock-feed-copy{padding:.9rem}.mock-feed-copy h3{font-size:1rem;letter-spacing:-.2px}.mock-feed-copy p{margin-top:.3rem;font-size:14px;line-height:1.29;letter-spacing:-.224px;color:var(--text-body)}.brand-layout{display:grid;grid-template-columns:1fr 1fr;gap:2.3rem;align-items:center}.brand-layout p{margin-top:1rem;color:var(--text-body)}.brand-panel{position:relative;overflow:hidden;border-radius:12px;min-height:320px;background:linear-gradient(#ffffff1a,#ffffff3d),var(--brand-photo) center center / cover no-repeat;box-shadow:var(--shadow-soft)}.brand-panel-caption{position:absolute;left:1rem;right:1rem;bottom:1rem;display:flex;justify-content:space-between;gap:.8rem;padding:.8rem .95rem;border-radius:8px;background:#ffffffb8;-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);color:var(--text-dark);font-size:14px;line-height:1.29;letter-spacing:-.224px}.cta-box{max-width:720px;text-align:center}.cta-box p{margin:1rem auto 0;color:var(--text-body)}.cta-box .button,.cta-box .store-badges{margin-top:1.6rem}.site-footer{background:#fff;color:#1d1d1fb8;padding:1.4rem 0 2rem;border-top:1px solid var(--border-soft)}.footer-inner{display:flex;justify-content:space-between;gap:1rem;font-size:14px;line-height:1.29;letter-spacing:-.224px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 960px){.value-grid,.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-layout,.brand-layout{grid-template-columns:1fr}}@media (max-width: 760px){.site-nav{width:min(1120px,100% - 1.1rem)}.nav-links{display:none}.section-inner{width:min(1040px,100% - 1.35rem)}.value-grid,.features-grid{grid-template-columns:1fr}.store-badge{min-width:148px}.footer-inner{flex-direction:column}}