.homepage{--coral:#e35d5b;--blush:#fdedea;--cream:#f8eee1;--phone-paper:#ffffff;--phone-ink:#1c1208;--phone-muted:#6b5240;--phone-line:#ebdfd1;font-family:Outfit,sans-serif;font-weight:400;overflow-x:clip}
[data-theme=dark] .homepage{--coral:#f18d86;--blush:#3b2925;--cream:#332820}
.homepage button,.homepage .button{font-family:Outfit,sans-serif}
.homepage h1,.homepage h2,.homepage .step-card h3{font-family:Cormorant,Georgia,serif;font-weight:500;letter-spacing:-.045em;line-height:.98}
.homepage h1 em,.homepage h2 em{color:var(--coral);font-weight:400}
.homepage .container{max-width:1240px;padding-inline:32px}
.homepage .site-header{background:var(--color-bg);border-color:var(--color-border)}
.homepage .nav-bar{min-height:88px;gap:24px}
.homepage .brand{font-family:Cormorant,Georgia,serif;font-size:33px;font-weight:500;letter-spacing:-1.2px;gap:6px}
.homepage .brand em{font-weight:500;color:var(--coral)}
.homepage .brand-mark{width:32px;height:38px;flex-basis:32px}
.homepage .nav-links a{font-size:13px;font-weight:400;padding:10px 12px}
.homepage .button{border-radius:100px;padding:14px 25px;gap:25px;min-height:51px;font-weight:500;font-size:14px;transition:transform .2s,background .2s,box-shadow .2s}
.homepage .button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #6b3c2820}
.homepage .header-actions{gap:13px}
.homepage .header-actions>.button{padding:11px 21px;min-height:43px;font-size:12px;gap:20px}
.homepage .theme-toggle{border:0;background:transparent;padding:9px;border-radius:100%;width:38px;min-height:38px;color:var(--color-muted)}
.homepage .theme-toggle>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.caps-label{display:flex;align-items:center;gap:10px;color:var(--color-muted);font-size:10px;font-weight:500;letter-spacing:.15em;line-height:1.6}
.coral-dot{display:block;width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--coral)}
.home-hero{padding-top:70px}
.hero-editorial{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;min-height:580px}
.editorial-copy{padding-bottom:30px;min-width:0}
.editorial-copy h1{font-size:clamp(65px,7.6vw,108px);margin:24px 0 26px;text-wrap:initial}
.editorial-copy>p{font-size:16px;line-height:1.85;max-width:370px;color:var(--color-muted)}
.editorial-actions{display:flex;align-items:center;gap:25px;margin-top:30px;flex-wrap:wrap}
.homepage .quiet-link{font-size:12px;font-weight:400;gap:12px}
.hero-footnote{display:flex;align-items:center;gap:12px;margin-top:40px;font-size:12px;color:var(--color-muted)}
.hero-footnote strong{font-weight:500;color:var(--color-text)}
.little-sun{color:var(--coral);font-size:28px;line-height:1}
.editorial-copy>.prelaunch-note{font-size:10px;letter-spacing:.015em;margin-top:10px;margin-left:40px}
.prelaunch-note>span{padding:0 5px}
.editorial-visual{position:relative;min-width:0;height:535px;margin-top:10px}
.visual-orbit{position:absolute;width:485px;max-width:100%;height:485px;top:-12px;right:-20px;background:var(--cream);border-radius:50%}
.life-photo{position:absolute;inset:0 4px 54px 24px;overflow:hidden;border-radius:180px 180px 24px 24px;transform:rotate(3deg);background:var(--cream)}
.life-photo>img{width:100%;height:100%;object-fit:cover;object-position:62% center;transform:scale(1.05) rotate(-3deg)}
.life-photo:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#2019128c)}
.life-photo>figcaption{position:absolute;z-index:1;bottom:25px;left:32px;color:#fffdf8;font-family:Cormorant,Georgia,serif;font-style:italic;font-size:25px;transform:rotate(-3deg)}
.floating-plan{position:absolute;z-index:2;bottom:73px;left:-35px;display:flex;align-items:center;gap:13px;background:var(--color-surface);border:1px solid var(--color-border);padding:17px 18px;border-radius:18px;box-shadow:0 15px 40px #52351e17;transform:rotate(-5deg);animation:float-card 7s ease-in-out infinite}
.plan-icon{display:grid;place-items:center;width:45px;height:49px;border-radius:13px;background:var(--blush);font-size:24px}
.floating-plan>div{display:grid;gap:3px}
.micro-label{font-size:7px;letter-spacing:.11em;color:var(--color-muted);font-weight:500}
.floating-plan strong{font-family:Cormorant,Georgia,serif;font-weight:600;font-size:21px;line-height:1.2}
.floating-plan>div>span:last-child{font-size:10px;color:var(--color-muted)}
.floating-plan>div>span:last-child>span{margin-left:25px}
.floating-check{width:26px;height:26px;border:1px solid var(--color-border);border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--color-primary)}
.floating-people{display:flex;align-items:center;gap:12px;position:absolute;top:42px;right:-15px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:13px 16px;box-shadow:0 12px 40px #52351e1a;transform:rotate(6deg);animation:float-people 8s ease-in-out infinite}
.avatar-stack{display:flex;align-items:center;padding-right:7px}
.avatar-stack img{width:34px;height:34px;object-fit:cover;border-radius:50%;border:2px solid var(--color-surface);margin-right:-9px}
.floating-people>span{font-size:10px;color:var(--color-muted);line-height:1.6}
.floating-people strong{font-weight:500;color:var(--color-text)}
.visual-spark{position:absolute;right:9px;bottom:27px;color:var(--coral);font-size:76px;line-height:1;transform:rotate(12deg)}
.hero-demo-note{position:absolute;bottom:0;left:27px;font-size:9px;color:var(--color-muted)}
.possibility-rail{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:36px;padding-top:30px!important;padding-bottom:30px!important;border-top:1px solid var(--color-border)}
.possibility-rail>span{font-size:8px;letter-spacing:.12em;color:var(--color-muted);max-width:130px}
.possibility-rail>div{display:flex;justify-content:space-between;gap:32px;font-size:12px;color:var(--color-muted);flex-wrap:wrap}
.homepage .section{padding-block:100px}
.home-how{background:var(--cream)}
.home-section-heading{text-align:center}
.home-section-heading .caps-label{justify-content:center}
.homepage .section h2{font-size:clamp(45px,4.7vw,66px);line-height:1.02;letter-spacing:-.04em}
.home-section-heading h2{margin-top:18px}
.home-section-heading>p{margin-top:20px;font-size:14px;color:var(--color-muted)}
.homepage .steps-grid{gap:48px;margin-top:60px}
.homepage .step-card{padding-top:18px;border-color:var(--color-border)}
.homepage .step-number{display:flex;justify-content:space-between;color:var(--color-primary);font-size:11px;font-weight:400;letter-spacing:.06em;margin-bottom:24px}
.homepage .step-number>span{font-size:19px;line-height:1}
.homepage .step-card h3{font-size:30px;letter-spacing:-.03em}
.homepage .step-card p{font-size:13px;max-width:300px;margin-top:16px;line-height:1.85}
.homepage .product-tour{grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.homepage .tour-copy h2{margin-top:20px}
.homepage .tour-copy>p{font-size:14px;max-width:350px;line-height:1.9;margin-top:22px}
.homepage .tour-tabs{gap:2px;margin-top:27px}
.homepage .tour-tabs>button{border-radius:14px;min-height:91px;padding:19px 16px;gap:15px;grid-template-columns:22px minmax(0,1fr) 20px}
.homepage .tour-tab-title{font-family:Cormorant,Georgia,serif;font-size:25px;font-weight:500;letter-spacing:-.02em;line-height:1.1}
.homepage .tour-tab-description{font-size:11px;line-height:1.7;margin-top:6px}
.homepage .tour-tabs>button[aria-selected=true]{border-color:var(--color-border);background:var(--cream)}
.homepage .tour-copy>.demo-disclosure{font-size:10px;line-height:1.8;max-width:340px}
.homepage .tour-panels{position:relative}
.homepage .populated-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:730px;padding:40px 30px 22px;margin:0;background:var(--cream);border:0;border-radius:180px 180px 28px 28px}
.preview-sticker{position:absolute;z-index:3;top:110px;left:-45px;font-family:Cormorant,Georgia,serif;font-size:17px;line-height:1.25;font-style:italic;text-align:center;transform:rotate(-12deg);color:var(--color-muted)}
.preview-sticker>span{display:block;font-style:normal;font-size:33px;margin-bottom:7px;color:var(--coral)}
.plans-heading{display:flex;align-items:end;justify-content:space-between;gap:35px}
.plans-heading h2{margin-top:18px}.plans-heading>p{font-size:13px;color:var(--color-muted);line-height:1.9;padding-bottom:6px}
.plans-section{background:var(--color-bg-soft);border-block:1px solid var(--color-border)}
.event-filters{display:flex;gap:8px;flex-wrap:wrap;margin:33px 0 28px}
.event-filters>button{padding:9px 17px;min-height:40px;border:1px solid var(--color-border);background:transparent;color:var(--color-muted);border-radius:50px;font-size:11px;font-weight:400;cursor:pointer;transition:background .2s,color .2s}
.event-filters>button[aria-pressed=true]{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}
.event-filters>button:hover{border-color:var(--color-primary)}
.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.event-card{position:relative;border-radius:20px;background:var(--color-surface);border:1px solid var(--color-border);overflow:hidden;min-width:0;transition:transform .3s,box-shadow .3s;animation:card-enter .4s ease both}
.event-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px #6b462a12}
.event-image{height:215px;position:relative;overflow:hidden}
.event-image>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.event-card:hover .event-image>img{transform:scale(1.04)}
.event-category,.event-distance{position:absolute;top:14px;border-radius:20px;font-size:8px;padding:6px 10px;line-height:1.2;background:#fffaf5;color:#584434}.event-category{left:14px}.event-distance{right:14px;color:#a23934}
.event-body{padding:24px 24px 20px}
.event-day{font-size:8px;letter-spacing:.09em;color:var(--color-primary)}
.event-body h3{font-family:Cormorant,Georgia,serif;font-size:35px;line-height:1;letter-spacing:-.9px;font-weight:500;margin-top:15px}
.event-body h3 em{color:var(--coral);font-weight:400}
.event-body>p{font-size:11px;line-height:1.8;color:var(--color-muted);margin-top:14px}
.event-bottom{display:flex;align-items:center;justify-content:space-between;gap:9px;padding-top:19px;margin-top:22px;border-top:1px solid var(--color-border)}
.event-bottom>div{display:flex;align-items:center;gap:8px}.event-bottom img{width:28px;height:28px;object-fit:cover;border-radius:50%}.event-bottom>div>span{font-size:8px;color:var(--color-muted)}.event-bottom strong{font-weight:500;color:var(--color-text)}.event-bottom>span{font-size:8px;padding:4px 8px;border-radius:20px;background:var(--cream);color:var(--color-muted)}
.event-open{position:absolute;inset:0;border:0;background:transparent;cursor:pointer;text-align:right;border-radius:19px}
.event-open>span{display:grid;place-items:center;position:absolute;right:16px;top:165px;background:#fffaf5;color:#584434;border-radius:50%;width:30px;height:30px;font-size:17px;box-shadow:0 2px 10px #2d21192b}
.events-note{text-align:center;font-size:10px;margin-top:25px;color:var(--color-muted)}
.homepage .safety-layout{gap:100px}
.safety-art{position:relative;aspect-ratio:1.02;padding:0 25px 25px 0}
.safety-art>img{width:100%;height:100%;object-fit:cover;border-radius:180px 180px 20px 20px}
.safety-image-note{position:absolute;right:0;bottom:0;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 10px 30px #52351e10;border-radius:15px;padding:20px 25px;font-family:Cormorant,Georgia,serif;font-size:23px;line-height:1.1;transform:rotate(-5deg)}
.safety-image-note>span{display:block;color:var(--coral);font-size:26px;margin-bottom:7px}
.homepage .safety-copy h2{margin-top:18px}.homepage .safety-copy>p{font-size:13px;line-height:1.9;max-width:380px}
.homepage .trust-point{margin-top:23px;gap:13px}.homepage .trust-point>span{width:28px;height:28px;flex-basis:28px;background:var(--blush);color:var(--color-primary);font-size:14px}.homepage .trust-point h3{font-family:Outfit,sans-serif;font-size:12px;font-weight:500}.homepage .trust-point p{font-size:11px;line-height:1.8;max-width:320px}
.homepage .text-link{font-size:12px;font-weight:400;gap:25px}
.homepage .faq-section{border-top:1px solid var(--color-border);padding-top:80px}
.homepage .faq-layout{gap:100px}.homepage .faq-layout h2{font-size:50px}.homepage .eyebrow{font-size:9px;letter-spacing:.15em;color:var(--color-muted)}.homepage .faq-layout>div>p{font-size:12px}.homepage .faq-list summary{font-size:13px;padding-block:22px}.homepage .faq-list details>div{font-size:12px;line-height:1.9}
.homepage .availability-section{padding-top:0;padding-bottom:20px}
.homepage .availability-layout{background:var(--cream);border:0;border-radius:26px;padding:65px;gap:70px}
.homepage .availability-layout h2{font-size:67px}.homepage .availability-layout>div>p{font-size:13px;line-height:1.9}
.homepage .availability-card{background:var(--color-bg);border-color:var(--color-border);padding:28px}.homepage .availability-card h3{font-family:Cormorant,Georgia,serif;font-size:29px;font-weight:500;line-height:1.1}.homepage .availability-card>p{font-size:12px!important}.homepage .launch-status{font-size:10px;color:var(--color-primary)}.homepage .status-dot{background:var(--coral)}.homepage .store-badge{border-radius:10px;padding:10px 12px}.homepage .store-badge strong{font-size:13px}.homepage .store-badge small{font-size:8px}.homepage .store-badge svg{width:21px;height:24px;flex-basis:21px}.homepage .coming-soon{font-size:9px}
.homepage .site-footer{background:var(--color-bg);margin-top:30px}.homepage .footer-brand p{font-size:12px;line-height:1.9}.homepage .footer-links{font-size:11px;gap:12px}.homepage .footer-links h2{font-family:Outfit,sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.homepage .footer-bottom{font-size:9px}.homepage .footer-brand .footer-note{font-size:10px}
.activity-dialog{width:min(540px,calc(100% - 32px));padding:0;border:1px solid var(--color-border);border-radius:24px;background:var(--color-surface);color:var(--color-text);max-height:90dvh;overflow:auto;box-shadow:0 30px 80px #1d140e42;margin:auto;font-family:Outfit,sans-serif}
.activity-dialog[open]{animation:dialog-enter .25s ease both}.activity-dialog::backdrop{background:#241c17a8;backdrop-filter:blur(6px)}
.dialog-close{position:absolute;z-index:1;right:15px;top:15px;width:36px;height:36px;background:#fffaf5;color:#3e2d20;border:0;border-radius:50%;font-size:26px;line-height:1;cursor:pointer}
.dialog-image-wrap{height:220px}.dialog-image-wrap>img{width:100%;height:100%;object-fit:cover}.dialog-body{padding:28px}.dialog-body h2{font-size:43px;line-height:1.05;margin:15px 0}.dialog-meta{color:var(--color-primary);font-size:12px}.dialog-body>p:not(.caps-label){font-size:13px;line-height:1.8;margin-top:15px;color:var(--color-muted)}.dialog-host{display:flex;align-items:center;gap:12px;border-block:1px solid var(--color-border);padding:17px 0;margin-top:23px}.dialog-host>img{width:40px;height:40px;border-radius:50%;object-fit:cover}.dialog-host>div{display:grid;gap:2px}.dialog-host small{font-size:7px;letter-spacing:.1em;color:var(--color-muted)}.dialog-host strong{font-size:13px;font-weight:500}.dialog-host>span{margin-left:auto;font-size:10px;color:var(--color-muted)}.dialog-good-to-know{margin-top:22px;font-size:12px}.dialog-good-to-know strong{font-weight:500}.dialog-good-to-know p{color:var(--color-muted);line-height:1.8;font-size:11px;margin-top:7px}.dialog-body>.button{margin-top:25px;width:100%}.dialog-body>.demo-disclosure{font-size:9px!important;text-align:center}.dialog-is-open{overflow:hidden}
@keyframes float-card{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(-3deg)}}
@keyframes float-people{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(6px) rotate(4deg)}}
@keyframes profile-enter{from{opacity:0;transform:translateX(25px) rotate(4deg)}to{opacity:1;transform:translateX(0)}}
@keyframes profile-leave{to{opacity:0;transform:translateX(-45px) rotate(-8deg)}}
@keyframes card-enter{from{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes dialog-enter{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:none}}
@media(min-width:1101px){.editorial-copy{animation:card-enter .7s ease both}.editorial-visual{animation:card-enter .9s ease both}}
@media(max-width:1100px){.homepage .container{padding-inline:28px}.homepage .nav-bar{min-height:78px;gap:15px}.homepage .nav-links a{padding:10px 8px;font-size:12px}.homepage .brand{font-size:29px}.hero-editorial{gap:35px}.editorial-copy h1{font-size:86px}.editorial-visual{height:490px}.life-photo{left:15px;right:8px;bottom:40px}.floating-plan{left:-25px;padding:14px;gap:9px;bottom:50px}.floating-plan strong{font-size:19px}.floating-people{right:-5px;padding:10px}.floating-people .avatar-stack img{width:29px;height:29px}.possibility-rail>div{gap:20px;font-size:11px}.homepage .product-tour{gap:65px}.homepage .populated-panel{padding-inline:20px;min-height:710px}.preview-sticker{left:-35px;top:70px;font-size:15px}.homepage .safety-layout{gap:65px}.event-body{padding:21px 18px}.event-body h3{font-size:30px}.event-image{height:190px}.event-open>span{top:140px}.event-bottom{gap:5px}.event-bottom>span{font-size:7px;padding:4px 6px}.homepage .availability-layout{padding:40px;gap:40px}.homepage .availability-layout h2{font-size:58px}.homepage .faq-layout{gap:65px}}
@media(max-width:930px){.homepage .nav-bar{gap:12px}.homepage .header-actions>.button{padding:9px 15px;gap:10px;font-size:11px}.homepage .nav-toggle{padding:8px 10px;font-size:11px;min-height:38px;border-radius:30px}.homepage .header-actions{margin-left:auto}.homepage .primary-nav{order:3}.homepage .nav-links{background:var(--color-surface);border-color:var(--color-border)}.home-hero{padding-top:50px}.hero-editorial{gap:24px}.editorial-copy h1{font-size:73px}.editorial-copy>p{font-size:14px}.editorial-actions{gap:16px}.homepage .editorial-actions>.button{font-size:12px;padding:13px 20px;min-height:47px;gap:18px}.hero-footnote{font-size:10px;margin-top:28px;gap:8px}.little-sun{font-size:25px}.editorial-visual{height:430px}.life-photo{left:8px;right:5px;bottom:35px;border-radius:140px 140px 20px 20px}.floating-people{top:30px;right:0;padding:9px;gap:9px}.floating-people>span{font-size:8px}.floating-people .avatar-stack img{width:26px;height:26px}.floating-plan{left:-25px;bottom:55px;padding:12px;gap:8px;border-radius:13px}.floating-plan strong{font-size:17px}.floating-plan .micro-label{font-size:6px}.floating-plan>div>span:last-child{font-size:8px}.plan-icon{width:35px;height:40px;font-size:20px}.floating-check{display:none}.visual-spark{font-size:58px;bottom:20px;right:0}.life-photo>figcaption{font-size:20px;left:25px;bottom:18px}.hero-demo-note{font-size:7px;bottom:0;left:8px}.possibility-rail{margin-top:20px;gap:20px}.possibility-rail>div{gap:12px;font-size:10px}.possibility-rail>span{font-size:7px}.homepage .section{padding-block:75px}.homepage .steps-grid{gap:30px}.homepage .step-card h3{font-size:27px}.homepage .step-card p{font-size:12px}.homepage .product-tour{gap:40px}.homepage .tour-copy h2{font-size:53px}.homepage .tour-copy>p{font-size:12px}.homepage .tour-tabs>button{padding:16px 10px;gap:9px;grid-template-columns:18px minmax(0,1fr) 13px}.homepage .tour-tab-title{font-size:23px}.homepage .tour-tab-description{font-size:10px}.preview-sticker{display:none}.homepage .populated-panel{min-height:690px;padding-inline:15px}.demo-phone{width:278px;border-width:5px;transform:rotate(2deg)}.phone-content{padding-inline:12px}.phone-event-photo{height:141px}.phone-content,.swipe-phone .phone-content{min-height:523px}.profile-details>p{max-width:190px}.event-grid{gap:15px}.event-body{padding:20px 15px}.event-body h3{font-size:27px}.event-body>p{font-size:10px}.event-bottom{margin-top:18px;padding-top:15px;flex-wrap:wrap;gap:12px}.event-bottom>div>span{font-size:7px}.event-bottom img{width:23px;height:23px}.event-image{height:165px}.event-open>span{top:118px}.event-category,.event-distance{font-size:6px;padding:5px 7px;top:12px}.event-category{left:10px}.event-distance{right:10px}.homepage .safety-layout{gap:45px}.homepage .safety-copy h2{font-size:53px}.homepage .safety-copy>p{font-size:12px}.safety-art{aspect-ratio:.86;padding-right:10px}.safety-image-note{font-size:20px;padding:17px 20px}.homepage .faq-layout{gap:45px}.homepage .faq-layout h2{font-size:44px}.homepage .availability-section{padding-top:0}.homepage .availability-layout{padding:32px;gap:30px}.homepage .availability-layout h2{font-size:52px}.homepage .availability-card{padding:22px}.homepage .footer-grid{gap:24px;grid-template-columns:1.3fr .7fr 1fr 1fr}}
@media(max-width:700px){.homepage .container{padding-inline:22px}.homepage .nav-bar{min-height:72px;gap:8px}.homepage .brand{font-size:29px}.homepage .brand-mark{width:27px;height:33px;flex-basis:27px}.homepage .header-actions{gap:5px}.homepage .header-actions>.button{display:none}.homepage .theme-toggle{width:34px;min-height:34px}.home-hero{padding-top:35px}.hero-editorial{grid-template-columns:minmax(0,1fr);gap:30px;min-height:0}.editorial-copy{padding-bottom:0;text-align:center}.editorial-copy .caps-label{justify-content:center;font-size:8px}.editorial-copy h1{font-size:clamp(66px,13vw,91px);margin-top:20px;margin-bottom:21px;line-height:.94}.editorial-copy>p{font-size:14px;max-width:350px;margin-inline:auto;line-height:1.85}.editorial-actions{justify-content:center;margin-top:23px;gap:22px}.hero-footnote{justify-content:center;margin-top:26px;font-size:10px}.editorial-copy>.prelaunch-note{font-size:9px;margin-top:8px;margin-left:0}.editorial-visual{height:460px;width:min(400px,calc(100% - 10px));max-width:100%;margin:5px auto 0}.life-photo{inset:0 14px 45px 20px;border-radius:150px 150px 18px 18px}.visual-orbit{height:380px;width:380px;right:0}.floating-people{top:35px;right:-2px;padding:10px;gap:10px}.floating-people>span{font-size:9px}.floating-people .avatar-stack img{width:29px;height:29px}.floating-plan{bottom:60px;left:-5px;padding:13px;gap:11px}.floating-plan strong{font-size:20px}.floating-plan .micro-label{font-size:6px}.floating-plan>div>span:last-child{font-size:9px}.plan-icon{width:37px;height:43px;font-size:22px}.visual-spark{right:5px;bottom:22px;font-size:60px}.life-photo>figcaption{font-size:22px}.hero-demo-note{left:20px;bottom:1px;font-size:8px}.possibility-rail{flex-direction:column;align-items:center;text-align:center;gap:16px;padding-block:25px!important;margin-top:20px}.possibility-rail>span{max-width:none;font-size:7px}.possibility-rail>div{justify-content:center;gap:13px 20px;max-width:350px;font-size:10px}.homepage .section{padding-block:65px}.homepage .section h2{font-size:49px}.caps-label{font-size:8px}.home-section-heading>p{font-size:12px}.homepage .steps-grid{grid-template-columns:1fr;gap:27px;margin-top:35px}.homepage .step-card{display:grid;grid-template-columns:30px 1fr;gap:0 18px;padding-top:21px}.homepage .step-number{grid-row:1/3;margin:4px 0;font-size:11px}.homepage .step-number>span{display:none}.homepage .step-card h3{font-size:29px}.homepage .step-card p{margin-top:10px;max-width:none;font-size:12px}.homepage .product-tour{grid-template-columns:minmax(0,1fr);gap:25px}.homepage .tour-copy h2{font-size:52px;margin-top:17px}.homepage .tour-copy>p{max-width:340px;font-size:13px;line-height:1.85;margin-top:18px}.homepage .tour-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:25px}.homepage .tour-tabs>button{display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 6px;min-height:48px;border:1px solid var(--color-border);border-radius:30px;text-align:center}.homepage .tour-tab-number{font-size:8px;line-height:1;margin:0}.homepage .tour-tab-title,.homepage .tour-tab-description,.homepage .tour-tab-arrow{display:none}.homepage .tour-tab-short{display:block;font-size:12px}.homepage .tour-tabs>button[aria-selected=true]{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.homepage .tour-tabs>button[aria-selected=true] .tour-tab-number{color:var(--color-bg)}.homepage .tour-copy>.demo-disclosure{font-size:9px;margin-top:16px;max-width:100%}.homepage .populated-panel{min-height:700px;border-radius:170px 170px 22px 22px;padding:38px 20px 25px}.demo-phone{width:292px;transform:rotate(2deg);border-width:6px}.phone-content{padding-inline:14px;min-height:532px}.phone-event-photo{height:148px}.swipe-phone .phone-content{min-height:532px}.phone-caption{font-size:10px}.plans-heading{display:block}.plans-heading h2{margin-top:16px}.plans-heading>p{margin-top:19px;font-size:12px;line-height:1.8}.plans-heading>p br{display:none}.event-filters{gap:7px;margin-top:25px;margin-bottom:24px}.event-filters>button{font-size:10px;min-height:36px;padding:8px 12px}.event-grid{grid-template-columns:1fr;gap:22px;margin-top:24px}.event-image{height:230px}.event-category,.event-distance{font-size:8px;padding:6px 10px;top:15px}.event-category{left:16px}.event-distance{right:16px}.event-open>span{top:180px;right:17px;width:33px;height:33px}.event-body{padding:25px}.event-body h3{font-size:39px}.event-body>p{font-size:12px;margin-top:16px}.event-day{font-size:9px}.event-bottom{margin-top:24px;padding-top:20px;gap:10px}.event-bottom>div>span{font-size:10px}.event-bottom img{width:30px;height:30px}.event-bottom>span{font-size:9px;padding:5px 9px}.events-note{font-size:9px;line-height:1.8;max-width:280px;margin-inline:auto}.homepage .safety-layout{grid-template-columns:minmax(0,1fr);gap:40px}.safety-art{aspect-ratio:1.1;width:100%;max-width:450px;margin-inline:auto;padding-right:18px}.safety-art>img{border-radius:160px 160px 20px 20px}.safety-image-note{font-size:22px;padding:20px 23px}.homepage .safety-copy h2{font-size:52px}.homepage .safety-copy>p{font-size:13px;max-width:400px}.homepage .trust-point h3{font-size:13px}.homepage .trust-point p{font-size:12px;max-width:100%}.homepage .faq-layout{grid-template-columns:1fr;gap:25px}.homepage .faq-layout h2{font-size:46px}.homepage .faq-list summary{font-size:13px;padding-block:22px}.homepage .faq-layout>div>p{margin-top:20px}.homepage .availability-section{padding-top:0;padding-bottom:0}.homepage .availability-layout{grid-template-columns:minmax(0,1fr);gap:28px;padding:32px 24px;border-radius:22px}.homepage .availability-layout h2{font-size:58px}.homepage .availability-card{padding:24px}.homepage .availability-card h3{font-size:29px}.homepage .store-row{gap:14px}.homepage .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.homepage .footer-brand{grid-column:1/-1}.homepage .footer-brand p{max-width:300px}.homepage .footer-links:last-child{grid-column:1/-1}.homepage .footer-bottom{font-size:9px;line-height:1.7;gap:8px}.homepage .site-footer{margin-top:55px}.dialog-body{padding:24px}.dialog-body h2{font-size:38px}.dialog-image-wrap{height:190px}}
@media(max-width:374px){.homepage .container{padding-inline:17px}.homepage .brand{font-size:26px}.homepage .brand-mark{width:24px;flex-basis:24px}.homepage .nav-toggle{padding:7px 8px;gap:4px}.homepage .nav-toggle svg{width:14px}.editorial-copy h1{font-size:65px}.editorial-copy>p{font-size:13px}.editorial-actions{gap:15px}.homepage .editorial-actions>.button{padding:12px 17px;font-size:11px}.homepage .quiet-link{font-size:10px}.editorial-visual{height:390px}.life-photo{inset:0 10px 45px 12px;border-radius:130px 130px 18px 18px}.floating-people{top:28px;right:-5px;gap:8px;padding:8px}.floating-people .avatar-stack img{width:25px;height:25px}.floating-people>span{font-size:8px}.floating-plan{left:-5px;bottom:61px;padding:11px;gap:8px}.floating-plan strong{font-size:18px}.plan-icon{width:32px;height:38px;font-size:20px}.visual-spark{font-size:50px;bottom:25px}.life-photo>figcaption{font-size:19px;left:18px}.hero-demo-note{font-size:7px;left:9px}.homepage .section h2{font-size:45px}.homepage .populated-panel{padding-inline:13px;min-height:680px}.demo-phone{width:268px;border-width:5px}.phone-content,.swipe-phone .phone-content{padding-inline:11px;min-height:522px}.phone-event-photo{height:140px}.profile-interests>span{font-size:6px;padding:4px 6px}.event-image{height:200px}.event-open>span{top:150px}.event-body{padding:22px}.event-body h3{font-size:35px}.event-bottom>div>span{font-size:9px}.homepage .availability-layout{padding:27px 18px}.homepage .availability-layout h2{font-size:52px}.homepage .availability-card{padding:21px}.homepage .store-row{gap:10px}.homepage .store-badge{padding:9px 10px;gap:7px}.homepage .store-badge svg{width:19px;flex-basis:19px}.homepage .store-badge strong{font-size:12px}.dialog-body{padding:21px}.dialog-body>.button{font-size:12px;padding-inline:17px}}
@media(prefers-reduced-motion:reduce){.homepage *,.homepage *:before,.homepage *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.editorial-visual{height:350px}.floating-plan,.floating-people{animation:none}.homepage .tour-panel{break-inside:avoid}.homepage .tour-panel[hidden]{display:block!important}.event-filters,.event-open,.swipe-actions{display:none!important}.activity-dialog{display:none}.homepage .section{padding-block:30px}}

@font-face { font-family: AppCard; src: url('../fonts/PlayfairDisplay-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; }
@font-face { font-family: AppProfile; src: url('../fonts/Nunito-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: AppProfile; src: url('../fonts/Nunito-SemiBold.ttf') format('truetype'); font-weight: 600; font-display: swap; }

/* Vector icon system: the actual app's Material outlines, never font symbols. */
.app-icon { display: inline-block; width: 1.25em; height: 1.25em; flex: 0 0 auto; vertical-align: -.2em; fill: currentColor; }
.plan-icon .app-icon { width: 25px; height: 25px; color: var(--coral); }
.little-sun .app-icon { width: 27px; height: 27px; }
.visual-spark .app-icon { width: 70px; height: 70px; }
.possibility-rail>div>span { display: inline-flex; align-items: center; gap: 8px; }
.possibility-rail .app-icon { color: var(--color-primary); }
.preview-sticker>.app-icon { display: block; width: 32px; height: 32px; margin: 0 auto 8px; color: var(--coral); }
.event-filters>button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
.event-category { display: inline-flex; align-items: center; gap: 5px; }
.safety-image-note>.app-icon { width: 26px; height: 26px; color: var(--coral); display: block; margin-bottom: 8px; }
.trust-point>span { align-items: center; justify-content: center; }
.homepage .tour-tab-short { color: inherit; }

/* Every measurement inside the handset scales from the app's 390px canvas. */
.homepage .demo-phone {
  --color-bg: #ffffff;
  --color-surface: #ffffff;
  --color-text: #1c1208;
  --color-muted: #6b5240;
  --color-primary: #c74b47;
  --color-border: #e0d2c6;
  --cream: #f8eee1;
  --coral: #e35d5b;
  --blush: #fdedea;
  color-scheme: light;
  isolation: isolate;
  container-type: inline-size;
  width: 336px;
  max-width: 100%;
  aspect-ratio: 390 / 844;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  padding: 0;
  border: 6px solid #322922;
  outline: 1px solid #6b5949;
  border-radius: 44px;
  background: #ffffff;
  color: #1c1208;
  box-shadow: 12px 22px 40px #6b462a24;
  transform: rotate(2deg);
}
.homepage .phone-status { position: relative; display: flex; align-items: center; justify-content: space-between; height: 10cqi; flex: 0 0 10cqi; padding: 1cqi 6cqi 0; font: 500 3.05cqi/1 Outfit,sans-serif; color: #1c1208; }
.homepage .phone-island { position: absolute; top: 1.8cqi; left: 36%; width: 28%; height: 5.7cqi; border-radius: 20px; background: #1c1713; }
.homepage .system-status { width: 16cqi; height: 4cqi; }
.homepage .phone-content { padding: 2.05cqi 5.64cqi 20cqi; min-height: 0; height: auto; flex: 1; overflow: hidden; }
.homepage .phone-topbar { display: flex; align-items: center; justify-content: space-between; gap: 2cqi; min-height: 9.74cqi; }
.homepage .mini-brand { font-family: Cormorant,Georgia,serif; font-size: 5.13cqi; font-weight: 500; line-height: 1; letter-spacing: -.1cqi; }
.homepage .mini-brand em { font-weight: 400; color: #e35d5b; }
.homepage .app-eyebrow { display: block; margin-top: .8cqi; font: 500 2.3cqi/1.4 Outfit,sans-serif; letter-spacing: .28cqi; color: #6b5240; }
.homepage .screen-title { margin: 0; font: 500 6.92cqi/1.05 Cormorant,Georgia,serif; color: #1c1208; letter-spacing: -.15cqi; }
.homepage .screen-title+.app-eyebrow { letter-spacing: 0; font-size: 2.95cqi; color: #6b5240; }
.homepage .screen-header-actions { display: flex; align-items: center; gap: 2.05cqi; }
.homepage .phone-surface-icon { display: grid; place-items: center; flex: 0 0 auto; width: 9.74cqi; height: 9.74cqi; border: .25cqi solid #ede9e5; background: #ffffff; border-radius: 3.33cqi; color: #6b5240; }
.homepage .phone-surface-icon>.app-icon { width: 4.62cqi; height: 4.62cqi; }
.homepage .feed-toolbar { display: flex; align-items: center; justify-content: flex-end; gap: 2.05cqi; margin-top: 3.1cqi; }
.homepage .feed-tool { width: 9.74cqi; height: 9.74cqi; display: grid; place-items: center; border: .25cqi solid #e9e5e1; border-radius: 3.33cqi; background: #ffffff; }
.homepage .feed-tool>img { width: 5.9cqi; height: 5.9cqi; object-fit: contain; }
.homepage .feed-create { display: flex; align-items: center; gap: 1.2cqi; padding: 0 3cqi; height: 9.74cqi; border-radius: 10cqi; background: #e35d5b; color: #ffffff; font: 500 3.05cqi/1 Outfit,sans-serif; }
.homepage .feed-create>.app-icon { width: 4.1cqi; height: 4.1cqi; }
.homepage .app-filter-row { display: flex; align-items: center; gap: 1.8cqi; margin: 4.1cqi 0 0; flex-wrap: nowrap; }
.homepage .app-filter-row>span { display: inline-flex; align-items: center; justify-content: center; gap: 1.2cqi; height: 7.95cqi; border: .25cqi solid #e7ded3; border-radius: 10cqi; padding: 0 3cqi; font: 500 2.8cqi/1 Outfit,sans-serif; color: #6b5240; white-space: nowrap; }
.homepage .app-filter-row>span.selected { background: #fdedea; border-color: #f2beba; color: #c74b47; }
.homepage .app-filter-row .app-icon { width: 3.3cqi; height: 3.3cqi; }
.homepage .feed-context { color: #6b5240; font: italic 3.05cqi/1.5 Cormorant,Georgia,serif; margin: 3.3cqi 0; padding-bottom: 2.7cqi; border-bottom: .25cqi solid #ecdfd1; }
.homepage .phone-event { border: .25cqi solid #eadbcb; border-radius: 5.13cqi; background: #ffffff; overflow: hidden; box-shadow: 0 1cqi 3cqi #6b462a06; }
.homepage .phone-event-photo { position: relative; height: 43.5cqi; }
.homepage .phone-event-photo>img { width: 100%; height: 100%; object-fit: cover; }
.homepage .photo-tag,.homepage .distance-tag { position: absolute; top: 3cqi; display: inline-flex; align-items: center; gap: 1.3cqi; padding: 1.6cqi 2.2cqi; border-radius: 10cqi; font: 500 2.6cqi/1 Outfit,sans-serif; background: #fffaf5; color: #6b5240; }
.homepage .photo-tag { left: 3cqi; }
.homepage .distance-tag { right: 3cqi; background: #e35d5b; color: white; }
.homepage .photo-tag .app-icon,.homepage .distance-tag .app-icon { width: 3.2cqi; height: 3.2cqi; }
.homepage .phone-event-body { padding: 4.1cqi; }
.homepage .phone-event-body h4 { margin: 0 0 3cqi; font: 700 5.65cqi/1.18 AppCard,Georgia,serif; letter-spacing: -.15cqi; color: #1c1208; }
.homepage .phone-event-body>p { display: flex; align-items: center; gap: 1.7cqi; color: #6b5240; font: 400 3.05cqi/1.7 Outfit,sans-serif; margin-top: .7cqi; }
.homepage .phone-event-body>p>.app-icon { width: 3.6cqi; height: 3.6cqi; }
.homepage .phone-host { display: flex; align-items: center; gap: 2.1cqi; border-top: .25cqi solid #ecdfd1; padding-top: 3cqi; margin-top: 3.6cqi; }
.homepage .phone-host>img { width: 8.2cqi; height: 8.2cqi; border-radius: 50%; object-fit: cover; }
.homepage .phone-host>span { font: 500 3.3cqi/1.3 Outfit,sans-serif; color: #1c1208; }
.homepage .phone-host small { display: block; color: #6b5240; font: 500 2cqi/1.3 Outfit,sans-serif; letter-spacing: .25cqi; margin-bottom: .9cqi; }
.homepage .phone-host>strong { display: inline-flex; align-items: center; gap: .8cqi; font: 500 2.55cqi/1 Outfit,sans-serif; background: #fdedea; color: #6b5240; border: .25cqi solid #f4c8c1; border-radius: 10cqi; padding: 1.8cqi 2.2cqi; margin-left: auto; white-space: nowrap; }
.homepage .phone-host>strong>.app-icon,.homepage .phone-host b { color: #e35d5b; }
.homepage .phone-host>strong>.app-icon { width: 3.8cqi; height: 3.8cqi; }
.homepage .next-event { display: flex; align-items: center; gap: 2.5cqi; margin-top: 4cqi; }
.homepage .next-event>img { width: 16cqi; height: 16cqi; border-radius: 3cqi; object-fit: cover; }
.homepage .next-event>div { display: grid; gap: 1cqi; }
.homepage .next-event .micro-label { font: 500 1.9cqi/1.2 Outfit,sans-serif; color: #6b5240; }
.homepage .next-event strong { font: 500 4.3cqi/1.1 Cormorant,Georgia,serif; letter-spacing: -.05cqi; }
.homepage .next-event>div>span:last-child { color: #6b5240; font: 400 2.8cqi/1.4 Outfit,sans-serif; }
.homepage .next-event>.app-icon { color: #e35d5b; width: 4.6cqi; height: 4.6cqi; margin-left: auto; }
.homepage .phone-nav { position: absolute; z-index: 5; left: 3.59cqi; right: 3.59cqi; bottom: 4.1cqi; height: 13.85cqi; display: flex; align-items: stretch; justify-content: space-around; padding: 0; border: .13cqi solid #e0d2c6; border-radius: 6.67cqi; background: #fffcf8f5; backdrop-filter: blur(12px); box-shadow: 0 1.54cqi 4.62cqi #3a27181a; }
.homepage .phone-nav>span { display: flex; flex: 1 1 0; min-width: 0; align-items: center; justify-content: center; flex-direction: column; gap: .77cqi; padding: 0; color: #7a6553; }
.homepage .phone-nav .app-icon { width: 6.15cqi; height: 6.15cqi; }
.homepage .phone-nav small { font: 500 2.56cqi/1 Outfit,sans-serif; letter-spacing: 0; white-space: nowrap; }
.homepage .phone-nav .active { color: #e35d5b; }
.homepage .phone-nav:after { display: none; }
.homepage .phone-home-indicator { position: absolute; z-index: 6; bottom: 1.3cqi; left: 35%; width: 30%; height: .9cqi; border-radius: 4px; background: #1c1713; }
.homepage .phone-caption { margin-top: 24px; font-size: 11px; color: var(--color-muted); text-align: center; }
.homepage .phone-caption>span { color: var(--color-primary); padding: 0 5px; }
.homepage .profile-deck { position: relative; margin-top: 4.1cqi; }
.homepage .demo-profile { position: relative; height: 125cqi; border-radius: 5.1cqi; overflow: hidden; background: #6e6b61; }
.homepage .demo-profile>img { width: 100%; height: 100%; object-fit: cover; object-position: center 44%; }
.homepage .demo-profile:after { content: ''; position: absolute; inset: 48% 0 0; background: linear-gradient(transparent,#121a1138 40%,#0a140ddd 100%); }
.homepage .profile-top-pills { position: absolute; z-index: 1; display: flex; justify-content: space-between; align-items: center; gap: 2cqi; top: 3.1cqi; left: 3.1cqi; right: 3.1cqi; }
.homepage .profile-top-pills>span { display: inline-flex; align-items: center; gap: 1cqi; border-radius: 10cqi; padding: 1.7cqi 2.3cqi; color: #fff9ed; font: 600 2.65cqi/1 AppProfile,sans-serif; }
.homepage .profile-gender { background: #756d61e0; border: .25cqi solid #d0cab794; }
.homepage .profile-distance { background: linear-gradient(#f47f7d,#ea6663); border: .25cqi solid #f9b8b1e0; }
.homepage .profile-top-pills .app-icon { width: 3.8cqi; height: 3.8cqi; }
.homepage .profile-details { position: absolute; z-index: 1; bottom: 5cqi; left: 4.1cqi; right: 4.1cqi; color: #fffdf5; }
.homepage .profile-details h4 { display: flex; align-items: center; gap: 1.5cqi; margin: 0; color: #fffdf5; font: 700 6.92cqi/1.2 AppCard,Georgia,serif; letter-spacing: -.2cqi; }
.homepage .profile-details h4>.app-icon { width: 4.87cqi; height: 4.87cqi; color: #4b8ff8; }
.homepage .profile-city { display: flex; align-items: center; gap: 1.1cqi; margin-top: 2cqi; font: 600 3.3cqi/1.2 AppProfile,sans-serif; }
.homepage .profile-city>.app-icon { width: 4.1cqi; height: 4.1cqi; }
.homepage .profile-city>span { display: inline-flex; align-items: center; gap: 1cqi; margin-left: 1.5cqi; padding: 1.1cqi 1.8cqi; border: .25cqi solid #f9c8a6a8; background: #e9895242; border-radius: 10cqi; font-size: 2.65cqi; }
.homepage .profile-city>span>.app-icon { width: 3.3cqi; height: 3.3cqi; }
.homepage .profile-details>p { font: italic 400 3.3cqi/1.5 AppProfile,sans-serif; margin-top: 2cqi; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.homepage .profile-interests { display: flex; align-items: center; flex-wrap: nowrap; gap: 1.3cqi; margin-top: 2.8cqi; }
.homepage .profile-interests>span { padding: 1.5cqi 2.4cqi; border: .25cqi solid #d3ccb86b; border-radius: 10cqi; background: #6e6b617d; color: #fffdf5; font: 600 2.6cqi/1 AppProfile,sans-serif; }
.homepage .swipe-actions { display: flex; align-items: center; justify-content: center; gap: 2.9cqi; margin-top: 5cqi; }
.homepage .swipe-actions>button { display: grid; place-items: center; width: 15.5cqi; height: 15.5cqi; flex: 0 0 15.5cqi; border: .3cqi solid currentColor; border-radius: 50%; background: white; box-shadow: none; padding: 0; cursor: pointer; transition: transform .18s; color: #e46c72; }
.homepage .swipe-actions>button>.app-icon { width: 44%; height: 44%; }
.homepage .swipe-actions>button:nth-child(1),.homepage .swipe-actions>button:nth-child(5) { width: 11.6cqi; height: 11.6cqi; flex-basis: 11.6cqi; }
.homepage .swipe-actions>button:nth-child(1) { color: #c0a860; }
.homepage .swipe-actions>button:nth-child(3) { color: #b7a8db; width: 13.5cqi; height: 13.5cqi; flex-basis: 13.5cqi; }
.homepage .swipe-actions>button:nth-child(4) { color: #76c99c; }
.homepage .swipe-actions>button:nth-child(5) { color: #8c96e6; }
.homepage .swipe-actions>button:hover { transform: translateY(-2px); }
.homepage .swipe-actions>button:focus-visible { outline: 2px solid #c74b47; outline-offset: 3px; }
.homepage .swipe-feedback { margin: 2.5cqi 0 0; color: #6b5240; font: 400 2.6cqi/1.5 Outfit,sans-serif; text-align: center; }
.homepage .demo-profile.is-entering { animation: profile-enter .3s ease both; }
.homepage .explore-tiles { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3.2cqi; margin-top: 4.1cqi; }
.homepage .explore-tile { position: relative; min-width: 0; aspect-ratio: .9; overflow: hidden; border-radius: 5.64cqi; background: #3a2718; }
.homepage .explore-tile>img { width: 100%; height: 100%; object-fit: cover; }
.homepage .explore-tile:after { content: ''; position: absolute; inset: 0; background: linear-gradient(#00000010,#00000018 40%,#00000082); }
.homepage .explore-tile-icon { position: absolute; z-index: 1; display: grid; place-items: center; top: 2.6cqi; left: 2.6cqi; width: 7.2cqi; height: 7.2cqi; border-radius: 2.56cqi; background: #ffffff33; color: #ffe3cd; }
.homepage .explore-tile-icon>.app-icon { width: 4cqi; height: 4cqi; }
.homepage .explore-count { position: absolute; z-index: 1; top: 2.6cqi; right: 2.6cqi; border: .25cqi solid #e35d5b40; border-radius: 10cqi; background: #fdedeaf5; color: #c74b47; padding: 1cqi 1.9cqi; font: 500 2.6cqi/1 Outfit,sans-serif; }
.homepage .explore-tile>div { position: absolute; z-index: 1; bottom: 3.1cqi; left: 3.1cqi; right: 2cqi; color: white; }
.homepage .explore-tile h4 { color: #ffffff; margin: 0; font: 700 4.8cqi/1.12 AppCard,Georgia,serif; letter-spacing: -.15cqi; }
.homepage .explore-tile p { color: #fffaf5; font: 400 2.5cqi/1.4 Outfit,sans-serif; margin-top: 1.1cqi; }

/* Handsets stay upright and fill the available width on real phones. */
@media (max-width: 700px) {
  .homepage .container { padding-inline: 20px; }
  .homepage .nav-bar { gap: 8px; }
  .homepage .theme-toggle { width: 44px; min-height: 44px; padding: 12px; }
  .homepage .nav-toggle { min-height: 44px; padding: 10px 13px; font-size: 12px; }
  .homepage .nav-links a { min-height: 44px; padding: 11px 15px; font-size: 15px; }
  .homepage .editorial-copy>p { font-size: 16px; line-height: 1.7; }
  .homepage .editorial-actions>.button { font-size: 14px; min-height: 50px; padding: 13px 22px; }
  .homepage .quiet-link { font-size: 13px; }
  .homepage .editorial-actions { gap: 12px 20px; }
  .homepage .hero-footnote { font-size: 11px; gap: 8px; }
  .homepage .editorial-copy>.prelaunch-note { font-size: 11px; }
  .homepage .hero-demo-note { font-size: 10px; line-height: 1.5; }
  .homepage .possibility-rail>span { font-size: 9px; }
  .homepage .possibility-rail>div { font-size: 12px; gap: 13px 18px; }
  .homepage .home-section-heading>p,.homepage .step-card p,.homepage .tour-copy>p,.homepage .plans-heading>p,.homepage .safety-copy>p { font-size: 15px; line-height: 1.75; }
  .homepage .caps-label,.homepage .eyebrow { font-size: 10px; }
  .homepage .tour-tabs>button { min-height: 48px; }
  .homepage .tour-tab-short { color: inherit; font-size: 14px; }
  .homepage .tour-tab-number { font-size: 10px; }
  .homepage .tour-copy>.demo-disclosure { font-size: 11px; line-height: 1.7; }
  .homepage .populated-panel { padding: 24px 0 20px; min-height: 0; border-radius: 24px; }
  .homepage .demo-phone { width: 336px; max-width: calc(100% - 16px); transform: none; border-width: 5px; border-radius: 38px; }
  .homepage .phone-caption { font-size: 11px; line-height: 1.6; padding-inline: 12px; }
  .homepage .event-filters>button { font-size: 12px; min-height: 44px; padding: 9px 13px; }
  .homepage .event-category,.homepage .event-distance { font-size: 10px; padding: 7px 10px; }
  .homepage .event-day { font-size: 10px; }
  .homepage .event-body>p { font-size: 14px; }
  .homepage .event-bottom>div>span,.homepage .event-bottom>span { font-size: 11px; }
  .homepage .events-note { font-size: 11px; max-width: 320px; }
  .homepage .trust-point h3 { font-size: 15px; }
  .homepage .trust-point p { font-size: 14px; }
  .homepage .text-link { font-size: 14px; }
  .homepage .faq-list summary { font-size: 15px; }
  .homepage .faq-list details>div,.homepage .faq-layout>div>p { font-size: 14px; }
  .homepage .availability-layout>div>p { font-size: 15px; }
  .homepage .availability-card>p { font-size: 14px!important; }
  .homepage .launch-status { font-size: 12px; }
  .homepage .coming-soon { font-size: 11px; }
  .homepage .footer-brand p,.homepage .footer-links { font-size: 13px; }
  .homepage .footer-brand .footer-note,.homepage .footer-bottom { font-size: 11px; }
  .homepage .dialog-close { width: 44px; height: 44px; }
  .homepage .dialog-body>p:not(.caps-label) { font-size: 14px; }
  .homepage .dialog-body>.demo-disclosure { font-size: 11px!important; }
}
@media (max-width: 374px) {
  .homepage .container { padding-inline: 17px; }
  .homepage .editorial-copy>p { font-size: 15px; }
  .homepage .editorial-actions { flex-direction: column; gap: 8px; }
  .homepage .hero-footnote { font-size: 10px; }
  .homepage .event-body { padding: 21px; }
  .homepage .event-bottom { flex-wrap: wrap; gap: 10px; }
  .homepage .visual-spark .app-icon { width: 48px; height: 48px; }
}

/* Feed is a full-card list; Swipe uses the same 68.8vh card as the app. */
.homepage .feed-phone .phone-content,.homepage .swipe-phone .phone-content { padding-inline: 4.1cqi; }
.homepage .feed-phone .phone-topbar,.homepage .feed-phone .feed-toolbar { margin-inline: 1.54cqi; }
.homepage .phone-event-photo { height: 54cqi; }
.homepage .phone-event { border-radius: 7.18cqi; }
.homepage .phone-event-body { padding: 4.4cqi; }
.homepage .phone-host>img { width: 5.13cqi; height: 5.13cqi; }
.homepage .secondary-phone-event { margin-top: 4.1cqi; }
.homepage .demo-profile { height: 149cqi; border-radius: 6.67cqi; }
.homepage .swipe-feedback { font: 400 11px/1.6 Outfit,sans-serif; margin: 18px 14px 0; max-width: 300px; color: var(--color-muted); text-align: center; }
.homepage #people-panel .phone-caption { margin-top: 8px; }
/* A 44px hit area surrounds each smaller illustrated action disc. */
.homepage .swipe-actions { gap: 1cqi; margin-inline: -2cqi; }
.homepage .swipe-actions>button { --disc: 15.5cqi; position: relative; width: 44px; height: 52px; min-width: 44px; min-height: 44px; flex: 0 0 44px; border: 0; background: transparent; }
.homepage .swipe-actions>button::before { content: ''; position: absolute; left: 50%; top: 50%; width: var(--disc); height: var(--disc); transform: translate(-50%,-50%); border: .3cqi solid currentColor; border-radius: 50%; background: white; }
.homepage .swipe-actions>button>.app-icon { position: relative; z-index: 1; width: calc(var(--disc) * .44); height: calc(var(--disc) * .44); }
.homepage .swipe-actions>button:nth-child(1),.homepage .swipe-actions>button:nth-child(5) { --disc: 11.6cqi; width: 44px; height: 52px; flex-basis: 44px; }
.homepage .swipe-actions>button:nth-child(3) { --disc: 13.5cqi; width: 44px; height: 52px; flex-basis: 44px; }
@media (hover: none) { .homepage .swipe-actions>button:hover,.homepage .button:hover { transform: none; } }
.homepage .swipe-actions { gap: 2.4cqi; }
.homepage .swipe-actions>button:nth-child(n) { width: max(44px,var(--disc)); flex-basis: max(44px,var(--disc)); }
.homepage .swipe-actions { margin-top: 3cqi; }