@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--ice:#f5fbff;--ink:#081a2d;--muted:#607082;--blue:#0757c9;--deep-blue:#07336e;--red:#d83142;--gold:#f0bf36;--line:#d9e6f0;--navy:#06182d;--serif:'Playfair Display',Georgia,serif;--sans:Manrope,Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ice);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:100;background:white;padding:.7rem;color:var(--ink)}a{color:inherit;text-decoration:none}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,2rem);border-bottom:1px solid #e8f0f5;background:rgba(245,251,255,.92);backdrop-filter:blur(15px);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:.7rem;font-size:1.34rem;font-weight:800;letter-spacing:-.06em}.brand>span:last-child span{color:var(--red)}.brand-mark{position:relative;width:31px;height:31px;display:inline-flex;align-items:flex-end;gap:3px;padding:6px;border-radius:9px;background:var(--blue);overflow:hidden}.brand-mark i{width:4px;background:#fff;display:block;border-radius:3px}.brand-mark i:first-child{height:8px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:11px}nav{display:flex;align-items:center;gap:1.8rem;font-size:.83rem;font-weight:700}nav>a, .nav-dropdown>button{color:#34495e;background:none;border:0;font:inherit;cursor:pointer}.nav-cta{background:var(--ink);color:white;padding:.72rem 1.02rem;border-radius:7px}.nav-cta span{color:var(--gold);margin-left:.3rem}.nav-dropdown{position:relative}.nav-dropdown>button span{font-size:1.05em}.dropdown-panel{display:none;position:absolute;top:1.8rem;left:-1rem;width:205px;padding:.55rem;background:white;border:1px solid var(--line);box-shadow:0 15px 35px #072a4b1c;border-radius:8px}.nav-dropdown:hover .dropdown-panel,.nav-dropdown:focus-within .dropdown-panel{display:grid}.dropdown-panel a{padding:.55rem .65rem;font-size:.77rem}.dropdown-panel a:hover{background:#eef6ff}.menu-toggle{display:none}.hero{min-height:635px;display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;padding:7.4rem max(8vw,2rem) 6rem;overflow:hidden;position:relative;background:linear-gradient(130deg,#f9fdff 0%,#f5fbff 54%,#e7f5ff 100%)}.hero:after{content:'';width:38vw;height:38vw;position:absolute;border:1px solid #b1cde9;border-radius:50%;right:-19vw;top:-16vw;opacity:.65}.hero-copy{position:relative;z-index:2;max-width:670px}.eyebrow,.section-kicker{font:500 .7rem var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--blue);display:flex;align-items:center;gap:.6rem}.eyebrow span{display:block;width:24px;height:2px;background:var(--red)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.3rem,5.8vw,6rem);line-height:.99;letter-spacing:-.07em;margin:1.15rem 0 1.55rem;font-weight:800}h1 em,h2 em,blockquote em{font-family:var(--serif);font-weight:600;letter-spacing:-.06em}h1 em{color:var(--blue)}.hero-lead{color:#40556a;max-width:550px;font-size:1.08rem;line-height:1.75}.hero-actions{display:flex;gap:1rem;margin-top:2.1rem}.button{display:inline-flex;align-items:center;gap:.85rem;padding:.9rem 1.1rem;border-radius:7px;font-size:.8rem;font-weight:800}.button-primary{background:var(--blue);color:white;box-shadow:0 10px 25px #0757c92e}.button-primary span{color:var(--gold);font-size:1.1rem}.button-quiet{border:1px solid #c8d9e7}.hero-note{font-size:.72rem;color:#7b8d9c;margin-top:1.4rem}.hero-visual{position:relative;min-height:430px;z-index:1}.rink-lines{position:absolute;width:520px;height:520px;left:50%;top:-42px;transform:translateX(-50%) rotate(-16deg);border:2px solid #a9c6e3;border-radius:45%;background:linear-gradient(90deg,transparent 48.8%,#d53242 49%,#d53242 51%,transparent 51.2%)}.rink-lines:before,.rink-lines:after{content:'';position:absolute;top:0;bottom:0;width:7px;background:#1472d8}.rink-lines:before{left:19%}.rink-lines:after{right:19%}.rink-lines b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;border:3px solid #d53242;border-radius:50%}.phone{position:absolute;z-index:3;width:260px;height:500px;background:#071b30;border:8px solid #071b30;border-radius:34px;left:50%;top:0;transform:translateX(-50%) rotate(4deg);box-shadow:0 28px 50px #07203a48}.phone-notch{width:96px;height:20px;background:#071b30;border-radius:0 0 13px 13px;position:absolute;left:50%;transform:translateX(-50%);z-index:2}.phone-screen{height:100%;border-radius:26px;background:linear-gradient(150deg,#0c3360,#09264a);color:white;padding:32px 18px 15px;overflow:hidden}.app-top{display:flex;align-items:center;gap:7px;font:500 .55rem var(--mono);letter-spacing:.13em}.app-top b{margin-left:auto;font-size:.8rem}.mini-mark{width:14px;height:14px;border-radius:4px;background:var(--gold)}.now-playing{margin-top:36px}.now-playing p,.moment-list>p{font:500 .5rem var(--mono);letter-spacing:.12em;color:#b9d5ef;margin-bottom:8px}.now-playing strong{display:block;font-size:1.65rem;line-height:1.1}.now-playing span{font-size:.72rem;color:#bed4e6}.wave{height:35px;display:flex;align-items:center;gap:3px;margin-top:13px}.wave i{display:block;width:4px;border-radius:3px;background:var(--gold)}.wave i:nth-child(1){height:9px}.wave i:nth-child(2){height:19px}.wave i:nth-child(3){height:30px}.wave i:nth-child(4){height:14px}.wave i:nth-child(5){height:24px}.wave i:nth-child(6){height:11px}.wave i:nth-child(7){height:20px}.controls{display:flex;justify-content:center;align-items:center;gap:20px;margin:25px 0}.controls button{border:0;background:none;color:white;font-size:1rem}.controls .play{width:44px;height:44px;border-radius:50%;background:var(--red);font-size:.85rem;padding-left:5px}.moment-list{margin-top:15px}.moment-list>div{display:grid;grid-template-columns:31px 1fr auto;gap:8px;align-items:center;background:#ffffff0c;padding:8px;margin:4px 0;border-radius:6px;font-size:.7rem}.moment-list b{font:500 .48rem var(--mono);background:#1c79d6;padding:5px 2px;text-align:center;border-radius:3px}.moment-list b.red{background:#c63445}.moment-list b.gold{background:#bc8d14}.moment-list small{font-size:.5rem;color:#b5cee1}.callout{position:absolute;z-index:4;background:white;border:1px solid #d5e5f1;box-shadow:0 12px 28px #092d5020;padding:.7rem .85rem;border-radius:6px;font:500 .59rem var(--mono);line-height:1.55;color:#617487}.callout b{color:var(--blue);font-weight:500}.callout-one{right:2%;top:110px}.callout-two{left:0;bottom:8px}.proof-bar{background:var(--ink);color:white;padding:1.45rem max(8vw,2rem);display:flex;gap:2rem;align-items:center;justify-content:space-between;font-size:.74rem;font-weight:700}.proof-bar p{margin:0}.proof-bar div{display:flex;gap:1.3rem;font:500 .6rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#a7c5df}.section{padding:7rem max(8vw,2rem)}.split-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:4rem;margin-top:1.2rem}.split-heading h2,.feature-header h2,.resources-preview h2,.install h2{font-size:clamp(2.4rem,4vw,4.3rem);letter-spacing:-.065em;line-height:1.05;margin-bottom:0}.split-heading h2 em,.feature-header h2 em,.resources-preview h2 em{color:var(--blue)}.split-heading>div{color:#63778b;padding-top:.6rem}.split-heading .lead{font-size:1.12rem;color:var(--ink)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:5rem;border-top:1px solid var(--line)}.steps article{padding:1.7rem 1.8rem 0 0;border-right:1px solid var(--line);padding-right:1.8rem;margin-right:1.8rem}.steps article:last-child{border:0}.steps span{font:500 .65rem var(--mono);color:var(--red)}.steps h3,.feature-grid h3{font-size:1.1rem;letter-spacing:-.04em;margin:1.55rem 0 .55rem}.steps p,.feature-grid p{font-size:.83rem;color:#677a8c}.features{background:var(--navy);color:white}.section-kicker.light{color:#79b6ff}.feature-header{display:flex;justify-content:space-between;align-items:end;margin-top:1.4rem}.feature-header p{max-width:320px;color:#b0c7dc;font-size:.9rem;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff22;margin-top:4.2rem}.feature-grid article{background:var(--navy);padding:2rem 2rem 1.5rem;min-height:225px}.feature-grid p{color:#a9c1d6}.feature-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border:1px solid #5686b9;border-radius:50%;color:var(--gold);font-size:1.3rem}.line-icon{border-radius:5px}.puck-icon{font-size:1.75rem;color:var(--red)}.check-icon{color:#73b1f4}.quote{text-align:center;padding-top:8.8rem;padding-bottom:8.8rem;background:linear-gradient(160deg,#eef8ff,#fff)}.quote-mark{font:4.5rem var(--serif);color:var(--red);height:50px}.quote blockquote{font-size:clamp(2rem,4vw,4rem);line-height:1.17;letter-spacing:-.06em;margin:1rem auto 1.5rem;max-width:780px;font-weight:800}.quote blockquote em{color:var(--blue)}.quote>p{font-size:.79rem;color:#687d8f}.resources-preview{display:grid;grid-template-columns:.8fr 1.2fr;gap:7rem;background:#fff}.resources-preview>div>p:not(.section-kicker){color:#63778b;max-width:380px;margin:1.5rem 0}.text-link{font-size:.78rem;font-weight:800;color:var(--blue)}.text-link span{color:var(--red);margin-left:.4rem}.resource-stack{border-top:1px solid var(--line)}.resource-stack article{position:relative;padding:1.35rem 2.5rem 1.35rem 0;border-bottom:1px solid var(--line)}.resource-stack span,.resource-card>span{font:500 .56rem var(--mono);letter-spacing:.1em;color:var(--red)}.resource-stack h3{font-size:1rem;letter-spacing:-.035em;margin:.5rem 0 0}.resource-stack b{position:absolute;right:0;top:50%;font-size:1.2rem;color:var(--blue)}.install{display:flex;justify-content:space-between;gap:3rem;background:linear-gradient(100deg,var(--blue),#134d9f);color:white;padding:5.6rem max(8vw,2rem);position:relative;overflow:hidden}.install:after{content:'';position:absolute;width:600px;height:600px;border:1px solid #ffffff35;border-radius:50%;right:-250px;top:-330px}.install h2{position:relative;z-index:1}.install>div>p:not(.section-kicker){color:#c1dfff;max-width:360px;margin:1rem 0 0}.store-buttons{position:relative;z-index:1;align-self:center;display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;min-width:420px}.store-button{border:1px solid #ffffff5e;border-radius:7px;padding:.55rem .7rem;display:flex;align-items:center;gap:.65rem;background:#041b37;color:white}.store-button:hover{background:#ffffff12}.store-button small{display:block;font-size:.42rem;letter-spacing:.09em}.play-triangle,.apple{font-size:1.35rem;color:var(--gold)}.store-buttons>p{grid-column:span 2;text-align:center;font-size:.6rem;margin:0;color:#c3dcf5}.site-footer{background:#06182d;color:#d2dfeb;padding:4rem max(8vw,2rem) 1.3rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer-brand{color:white}.footer-grid p{font-size:.75rem;color:#8ca6be;margin:1rem 0}.footer-grid>div:not(:first-child){display:grid;align-content:start;gap:.55rem;font-size:.74rem}.footer-grid .footer-label{font:500 .57rem var(--mono);letter-spacing:.1em;color:var(--gold);text-transform:uppercase;margin:0 0 .3rem}.footer-bottom{border-top:1px solid #ffffff1f;margin-top:3rem;padding-top:1.1rem;display:flex;justify-content:space-between;font:400 .6rem var(--mono);color:#7791aa}.legal-page,.article-page{min-height:70vh}.legal-hero,.resources-hero{padding:7rem max(15vw,2rem) 3rem;background:linear-gradient(135deg,#e7f6ff,#f9fdff)}.legal-hero h1,.resources-hero h1{font-size:clamp(3rem,5vw,5rem);margin-bottom:.8rem}.legal-hero>p:last-child{font-size:.75rem;color:#6b8091}.legal-copy,.article{max-width:750px;margin:0 auto;padding:4.5rem 2rem 6rem}.legal-copy h2,.markdown-body h2{font-size:1.35rem;letter-spacing:-.04em;margin:2.2rem 0 .6rem}.legal-copy p,.markdown-body p,.markdown-body li{color:#506579;font-size:.93rem}.legal-copy a,.markdown-body a{color:var(--blue);text-decoration:underline}.resources-hero{padding-bottom:4.5rem}.resources-hero>p:last-child{max-width:420px;color:#506579}.resource-list{max-width:1050px;margin:0 auto;padding:4rem 2rem 6rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.resource-card{border:1px solid var(--line);padding:1.5rem;min-height:260px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;background:white}.resource-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #08244812}.resource-card h2{font-size:1.25rem;line-height:1.18;letter-spacing:-.045em;margin:1rem 0}.resource-card p{font-size:.8rem;color:#64788a}.resource-card b{margin-top:auto;font-size:.7rem;color:var(--blue)}.resource-card b i{font-style:normal;color:var(--red);padding-left:.3rem}.back-link{font-size:.75rem;color:var(--blue);font-weight:700}.markdown-body{margin-top:2.2rem}.markdown-body h1{font-size:clamp(2.5rem,4.4vw,4.4rem);margin-bottom:1.5rem}.markdown-body h3{font-size:1.03rem;margin:1.8rem 0 .45rem}.markdown-body ul{color:#506579;padding-left:1.2rem}.markdown-body code{background:#e5f2fc;padding:.1rem .25rem;border-radius:3px;font-size:.85em}@media(max-width:800px){.site-header{height:70px;padding:0 1.3rem}.menu-toggle{display:block;width:38px;height:35px;border:0;background:none;padding:7px}.menu-toggle span:not(.sr-only){display:block;height:2px;background:var(--ink);margin:5px}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:1.3rem;box-shadow:0 15px 22px #06182d1f;align-items:stretch;gap:1rem}.site-header nav.open{display:flex;flex-direction:column}.nav-dropdown .dropdown-panel{position:static;box-shadow:none;width:auto;margin-top:.4rem}.hero{grid-template-columns:1fr;padding:5rem 1.5rem 0;gap:1rem}.hero-visual{min-height:450px}.hero h1{font-size:3.45rem}.proof-bar{display:block;padding:1.2rem 1.5rem}.proof-bar div{margin-top:.8rem;gap:.7rem;flex-wrap:wrap}.section{padding:4.6rem 1.5rem}.split-heading,.resources-preview{grid-template-columns:1fr;gap:2.3rem}.steps,.feature-grid,.resource-list{grid-template-columns:1fr}.steps{margin-top:3rem}.steps article{border-right:0;border-bottom:1px solid var(--line);padding:1.4rem 0;margin:0}.feature-header,.install{display:block}.feature-header p{margin-top:1.4rem}.feature-grid{margin-top:2.5rem}.resources-preview{background:#fff}.install{padding:4.5rem 1.5rem}.store-buttons{min-width:0;margin-top:2.5rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{display:block;line-height:2}.callout-one{right:0}.callout-two{left:0}.legal-hero,.resources-hero{padding:4.5rem 1.5rem 2.5rem}.legal-copy,.article{padding:3.5rem 1.5rem}.resource-list{padding:2.5rem 1.5rem 4rem}}@media(max-width:420px){.hero h1{font-size:2.95rem}.hero-actions{flex-wrap:wrap}.phone{transform:translateX(-50%) scale(.9) rotate(4deg);transform-origin:top}.callout-one{top:70px}.store-buttons{grid-template-columns:1fr}.store-buttons>p{grid-column:auto}}