@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--navy:#071a3a;--blue:#12356b;--sky:#9cc9ee;--ice:#edf5fb;--white:#fff;--muted:#7890ad;--line:#9cc9ee38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--white);margin:0;font-family:DM Sans,sans-serif}.shell{width:min(1160px,100% - 64px);margin:auto}.site-shell{background:var(--navy);overflow:hidden}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:24px 0;display:flex}.brand{color:var(--white);letter-spacing:-.04em;align-items:center;gap:11px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;text-decoration:none;display:flex}.brand-logo{filter:brightness(0)invert();width:40px;height:40px}.nav-link{color:var(--sky);font-size:13px;text-decoration:none}.nav-link span{margin-left:6px;font-size:18px}.hero{grid-template-columns:48% 52%;align-items:center;min-height:700px;padding:86px 0 105px;display:grid}.eyebrow{color:var(--sky);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.hero h1{letter-spacing:-.085em;margin:25px 0 30px;font-family:Space Grotesk,sans-serif;font-size:clamp(58px,7vw,94px);line-height:.92}.hero h1 span,.how h2 span,.qr-section h2 span{color:var(--sky)}.hero-lede{color:#b5c8dc;max-width:450px;margin:0;font-size:18px;line-height:1.55}.download-row{gap:12px;margin-top:37px;display:flex}.store-badge{color:var(--navy);background:#fff;border-radius:7px;align-items:center;gap:11px;min-width:175px;padding:11px 17px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.store-badge:hover{transform:translateY(-2px);box-shadow:0 10px 26px #0003}.store-badge small{font-size:8px;font-weight:500;line-height:1.3;display:block}.store-badge span:last-child{font-size:17px;font-weight:700;line-height:1}.store-icon{font-size:21px}.play-icon{color:var(--blue)}.apple-icon{color:var(--navy)}.availability{color:var(--muted);margin-top:18px;font-size:11px}.hero-art{height:555px;position:relative}.art-glow{background:radial-gradient(circle,#245696 0,#24569600 68%);width:610px;height:610px;position:absolute;top:-40px;left:-35px}.art-wordmark{color:var(--sky);z-index:1;flex-direction:column;align-items:center;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;display:flex;position:absolute;top:54px;left:5px;transform:rotate(-9deg)}.art-wordmark img{filter:brightness(0)invert();width:116px;height:116px;margin-bottom:6px}.phone{background:#06152f;border:7px solid #d6eafb;border-radius:39px;width:254px;height:500px;position:absolute;box-shadow:20px 35px 50px #020b1e99}.phone-screen{background:var(--ice);color:var(--navy);border-radius:29px;height:100%;padding:26px 19px;position:relative;overflow:hidden}.phone-back{top:31px;left:132px;transform:rotate(-9deg)}.phone-front{z-index:2;top:16px;left:270px;transform:rotate(8deg)}.back-screen{background:#1b4b87;padding-top:55px}.back-screen strong{color:#fff;letter-spacing:-.07em;margin-top:22px;font-family:Space Grotesk,sans-serif;font-size:27px;line-height:1.04;display:block}.back-screen .screen-label{color:var(--sky)}.back-lines{margin-top:50px}.back-lines i{opacity:.45;background:#b6dbf6;border-radius:9px;width:80%;height:8px;margin:14px 0;display:block}.back-lines i:nth-child(2){width:58%}.back-lines i:nth-child(3){width:70%}.phone-notch{z-index:2;background:#06152f;border-radius:12px;width:60px;height:6px;position:absolute;top:13px;left:90px}.screen-status{justify-content:space-between;font-size:9px;font-weight:700;display:flex}.screen-logo{width:38px;height:38px;margin:27px 0 20px}.screen-label{color:var(--blue);letter-spacing:.12em;font-size:8px;font-weight:700;display:block}.phone-screen h2{letter-spacing:-.07em;margin:13px 0 25px;font-family:Space Grotesk,sans-serif;font-size:26px;line-height:1.01}.phone-screen h2 em{color:var(--blue);font-style:normal}.invite-card{background:#c4e1f4;border-radius:17px;padding:17px;position:relative}.invite-card span,.invite-card small{color:#456987;font-size:9px;display:block}.invite-card strong{letter-spacing:-.06em;margin:8px 0;font-family:Space Grotesk,sans-serif;font-size:21px;display:block}.invite-card b{background:var(--blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;font-size:18px;display:flex;position:absolute;bottom:14px;right:14px}.screen-nav{color:var(--blue);justify-content:space-around;font-size:18px;display:flex;position:absolute;bottom:25px;left:25px;right:25px}.principles{border-bottom:1px solid var(--line);border-top:1px solid var(--line);padding:25px 0}.principles p{color:var(--muted);margin:0 0 18px;font-size:12px}.principles>div{justify-content:space-between;display:flex}.principles span{color:#d7eafa;font-size:13px}.principles b{color:var(--sky);margin-right:13px;font-family:Space Grotesk,sans-serif;font-size:11px}.how{grid-template-columns:35% 1fr;gap:90px;padding:130px 0;display:grid}.how h2,.qr-section h2{letter-spacing:-.08em;margin:22px 0 0;font-family:Space Grotesk,sans-serif;font-size:52px;line-height:.98}.steps{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.steps article{border-top:1px solid var(--line);padding-top:20px}.steps article>b{color:var(--sky);font-family:Space Grotesk,sans-serif;font-size:13px}.steps h3{margin:55px 0 12px;font-family:Space Grotesk,sans-serif;font-size:17px}.steps p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.qr-section{background:#12356b;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:100px;padding:60px 78px;display:flex}.qr-copy{color:#c2d9eb;max-width:400px;margin:25px 0 0;font-size:14px;line-height:1.55}.qr-card{color:var(--navy);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:13px;padding:19px;display:flex}.qr-card small{font-size:10px;font-weight:700}.footer{background:#05132c;padding:43px 0 34px}.footer-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:36px;display:flex}.footer-links{gap:28px;display:flex}.footer a{color:#b3c8dc;font-size:12px;text-decoration:none}.footer a:hover{color:#fff}.footer-bottom{color:var(--muted);justify-content:space-between;padding-top:22px;font-size:11px;display:flex}@media (max-width:850px){.shell{width:min(100% - 40px,600px)}.hero{padding:70px 0 80px;display:block}.hero-copy{max-width:600px}.hero-art{transform-origin:top;width:115%;max-width:600px;margin:58px auto 0;transform:scale(.88)}.principles>div{justify-content:flex-start;gap:20px}.how{padding:90px 0;display:block}.steps{margin-top:55px}.qr-section{gap:30px;padding:42px 35px}.footer-top{align-items:flex-start;gap:35px}.footer-links{flex-direction:column;gap:13px}}@media (max-width:500px){.shell{width:calc(100% - 32px)}.nav{padding:18px 0}.brand{font-size:17px}.brand-logo{width:34px;height:34px}.nav-link{font-size:11px}.hero{padding:58px 0 20px}.hero h1{margin:20px 0 23px;font-size:57px}.hero-lede{font-size:16px}.download-row{flex-direction:column;max-width:210px}.store-badge{min-width:0}.hero-art{width:126%;height:480px;margin-left:-13%;transform:scale(.72)}.principles>div{gap:16px;display:grid}.how h2,.qr-section h2{font-size:42px}.steps{display:block}.steps article{margin-top:30px}.steps h3{margin-top:35px}.qr-section{flex-direction:column;align-items:flex-start;padding:34px 25px}.qr-card{align-self:center}.footer-top{display:block}.footer-links{margin-top:30px}.footer-bottom{line-height:1.7;display:block}.footer-bottom span{display:block}}.hero-art{justify-content:center;align-items:center;display:flex}.hero-art .brand-stage{border:1px solid var(--line);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:390px;height:390px;display:flex;position:relative}.hero-art .brand-stage:before{content:"";border:1px solid #9cc9ee1f;border-radius:50%;position:absolute;inset:22px}.brand-stage img{filter:brightness(0)invert();width:210px;height:210px;position:relative}.brand-stage span{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600;position:relative}.brand-stage small{color:var(--muted);margin-top:9px;font-size:11px;position:relative}.hero-art .art-glow,.hero-art .art-wordmark,.hero-art .phone{display:none}.principles>div{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}@media (max-width:500px){.principles>div{grid-template-columns:1fr;gap:16px}}