@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@700;800&family=Martian+Mono:wght@600;700;800&display=swap');

:root{
  --blue:#4ca5f7;
  --yellow:#f2c035;
  --green:#78e152;
  --purple:#b784e4;
  --grey:#858585;
  --good-grey:#b7b7b7;
  --slight-grey:#eaeaea;
  --manrope:'Manrope',Arial,sans-serif;
  --martian:'Martian Mono','Courier New',monospace;
  --desktop-left:46.5%;
  --desktop-right:53.5%;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;background:#fff}
body{margin:0;min-width:280px;overflow-x:hidden;background:#fff;color:#111;font-family:var(--manrope)}
button,input{font:inherit}
a{color:inherit}
img{display:block;max-width:100%}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.landing{width:100%;min-height:100vh;background:#fff}
.landing-stage{width:min(100%,90rem);margin-inline:auto;background:#fff}
.landing-stage--desktop{--landing-section-gap:clamp(3.25rem,4.7vw,4.75rem);--landing-card-width:clamp(30rem,41.8vw,36.875rem);--landing-phone-width:clamp(20.625rem,34vw,29.375rem);display:grid;grid-template-columns:minmax(0,var(--desktop-left)) minmax(0,var(--desktop-right));align-items:start}
.landing-stage--mobile{display:none}
.landing-canvas{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;transform:none!important;overflow:visible;background:#fff}
.landing-canvas--desktop{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:stretch;min-width:0}
.landing-sticky-left{grid-column:1;grid-row:1;position:relative;z-index:20;align-self:stretch;min-width:0;min-height:100vh;overflow:visible;background:#fff}
.landing-sticky-left__canvas{position:sticky;top:0;width:100%;height:100vh;min-height:min(680px,100vh);overflow-x:hidden;overflow-y:auto;transform:none!important;background:#fff}

/* Desktop hero: preserve the Figma split while allowing the composition to grow continuously. */
.hero{position:relative;overflow:hidden}
.hero--desktop{min-height:clamp(51.25rem,67.8vw,60rem);background:#64b4ef}
.hero-photo--right{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;pointer-events:none}
.hero-photo--left{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.brand{z-index:6;display:flex;align-items:center;gap:6px;text-decoration:none;font:700 clamp(14px,1.75vw,22.6px)/1 var(--martian)}
.brand img{width:2.5rem;height:2.5rem}
.brand--desktop{position:absolute;left:clamp(28px,4.2vw,64px);top:clamp(38px,5vw,72px)}
.menu-button{z-index:7;display:grid;place-items:center;width:3.75rem;height:2.8125rem;border:.09375rem solid #bec2c5;border-radius:999px;background:#fff;text-decoration:none}
.menu-button img{width:1.375rem;height:1.9375rem}
.menu-button--desktop{position:absolute;top:clamp(38px,4.2vw,60px);right:clamp(28px,3.5vw,52px)}
.login-panel{position:absolute;z-index:5;left:clamp(28px,4vw,58px);right:clamp(28px,4.8vw,70px);top:clamp(132px,12vw,188px);display:grid;gap:1rem;align-content:start;background:#fff}
.login-panel[data-auth-mode="signup"]{top:clamp(7rem,min(9vw,13vh),9rem);padding-block-end:clamp(1rem,3vh,2rem)}
.login-panel h1{margin:0 0 1.125rem;font-size:clamp(38px,4.3vw,58px);line-height:1.2;font-weight:800;letter-spacing:-.035em}
.login-label-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--grey);font-size:clamp(13px,1.38vw,17.7px);font-weight:700}
.login-label-row a{text-decoration:none;white-space:nowrap}
.auth-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,14rem);padding:.2rem;border:.125rem solid var(--good-grey);border-radius:999px;background:#fff}
.auth-mode-switch button{min-height:2.5rem;border:0;border-radius:999px;background:transparent;color:var(--grey);padding:.35rem .8rem;font-size:inherit;font-weight:inherit;cursor:pointer}
.auth-mode-switch button[aria-selected="true"]{background:var(--yellow);color:#111;box-shadow:0 .15rem 0 rgba(0,0,0,.12)}
.landing-login-form,.landing-signup-form{display:grid;gap:1rem}
.landing-signup-form{gap:.5rem}
.landing-auth-message{margin:0;padding:.75rem 1rem;border:.125rem solid #c7435b;border-radius:1rem;background:#fff2f4;color:#9f263f;font-size:clamp(.8rem,1.1vw,1rem);font-weight:700;line-height:1.35}
.landing-login-form input:not([type="hidden"]),.landing-signup-form input:not([type="hidden"]):not([type="checkbox"]),.continue-button,.auth-choice{width:100%;min-height:clamp(3rem,4.5vw,3.625rem);border:.125rem solid var(--good-grey);border-radius:.9375rem;background:#fff;padding:0 1.125rem;color:#111;font-size:clamp(13px,1.38vw,17.7px);font-weight:700}
.landing-signup-form input:not([type="hidden"]):not([type="checkbox"]),.landing-signup-form .continue-button,.landing-signup-form .auth-choice{min-height:clamp(2.75rem,4vw,3.25rem)}
.landing-auth-form input::placeholder{color:var(--good-grey);opacity:1}
.landing-field{display:grid;gap:.375rem;color:var(--grey);font-size:clamp(13px,1.2vw,16px);font-weight:700}
.landing-consent{display:flex;align-items:flex-start;gap:.625rem;color:var(--grey);font-size:clamp(.8rem,1.1vw,1rem);font-weight:700;line-height:1.35}
.landing-consent input{flex:0 0 auto;width:1.125rem;height:1.125rem;min-height:0;margin:.125rem 0 0;padding:0;accent-color:var(--yellow)}
.landing-consent a{text-decoration:underline}
.continue-button{border-radius:1.25rem;background:#cecece;color:#fff;cursor:pointer}
.landing-signup-button{background:var(--yellow);color:#111}
.landing-login-alternatives{display:grid;gap:1rem}
.or-divider{display:flex;align-items:center;gap:1.125rem;color:var(--good-grey);font-size:clamp(13px,1.38vw,17.7px);font-weight:700}
.or-divider span{height:.125rem;flex:1;background:var(--good-grey)}
.or-divider b{font-weight:700}
.auth-choice{display:flex;align-items:center;justify-content:center;border-color:var(--grey);border-radius:1.25rem;color:var(--grey);text-decoration:none;cursor:pointer}
.auth-choice--google{background-image:linear-gradient(180deg,#fff 38%,rgba(255,255,255,.7) 71%,rgba(255,255,255,.4) 97%,rgba(153,153,153,0) 100%),linear-gradient(90deg,rgba(66,133,244,.14) 15%,rgba(57,165,83,.14) 34%,rgba(255,207,9,.14) 55%,rgba(252,76,83,.14) 77%)}
.auth-choice--google img{width:1.625rem;height:1.625rem;object-fit:cover;margin-right:.75rem}
.hero-phone-composite{position:absolute;z-index:4}
.hero-phone-composite--desktop{left:50%;top:clamp(120px,9.2vw,140px);width:min(68%,var(--landing-phone-width));aspect-ratio:430/666;transform:translateX(-50%)}
.hero-phone-screen,.hero-phone-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}

/* Discovery section uses a self-contained scene; page placement is normal flow. */
.discovery{position:relative;overflow:hidden}
.discovery--desktop{min-height:clamp(45rem,59.5vw,55rem)}
.city-photo-wrap{position:absolute;inset:0;overflow:hidden}
.discovery--desktop .city-photo-wrap{top:0;height:100%}
.city-photo-wrap img{width:100%;height:100%;object-fit:cover}
.glass-strips{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:.4fr repeat(4,1fr) 1.35fr;pointer-events:none;mix-blend-mode:overlay}
.glass-strips i{background:linear-gradient(to left,rgba(255,255,255,.2),rgba(0,0,0,.2) 26%,rgba(255,255,255,.2))}
.collage-card{position:absolute;z-index:3;margin:0;overflow:hidden;border:2px solid #fff;border-radius:25px;background:#ddd;box-shadow:0 7px 3px rgba(0,0,0,.25)}
.collage-card img{width:100%;height:100%;object-fit:cover}
.discovery--desktop .collage-card--one{left:8%;top:34%;width:27%;aspect-ratio:180/296;transform:rotate(-7deg);box-shadow:none}
.discovery--desktop .collage-card--four{left:31%;top:10%;width:40%;aspect-ratio:266/360}
.discovery--desktop .collage-card--five{right:8%;top:36%;width:29%;aspect-ratio:194/295;transform:rotate(13.5deg)}
.discovery-fade{position:absolute;z-index:4;left:0;right:0;bottom:0;height:58%;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 38%,#fff)}
.discovery h2{position:absolute;z-index:5;left:8%;right:8%;bottom:8%;margin:0;text-align:center;font-size:clamp(30px,3.2vw,46px);line-height:1.4;font-weight:800;color:#000}

/* Feature cards retain the authored proportions while participating in page flow. */
.feature-card{position:relative;z-index:8;container-type:inline-size;width:min(82%,var(--landing-card-width));min-height:0;height:auto;aspect-ratio:550/896;margin:0 auto var(--landing-section-gap);overflow:hidden;border:4px solid;border-radius:30px;color:#fff;text-align:center;padding:clamp(38px,3.75vw,54px) clamp(22px,2.2vw,32px) 0}
.feature-card--d-swipe{margin-top:0}
.feature-card--swipe{background:var(--yellow);border-color:#cda22c}
.feature-card--save{background:var(--green);border-color:#4c9632}
.feature-card--feed{background:var(--purple);border-color:#845ba8}
.feature-card h3{display:inline-flex;align-items:center;justify-content:center;gap:.16em;margin:0;font:800 clamp(42px,4.25vw,60px)/1.35 var(--martian);white-space:nowrap}
.feature-card>p{width:min(444px,94%);margin:2px auto 0;font-size:clamp(14px,1.45vw,20px);line-height:1.4;font-weight:800}
.feature-icon{display:block;flex:none;object-fit:contain}
.feature-icon--swipe{width:1.15em;height:auto;margin:0}
.feature-icon--save{width:.56em;height:auto;margin:0}
.feature-icon--feed{width:1em;height:auto;margin:0}
.feature-phone{--phone-shell-radius:clamp(1rem,7.8cqi,2.625rem);position:relative;width:min(78%,clamp(320px,30.7vw,420px));height:auto;aspect-ratio:393/852;margin:clamp(24px,2.5vw,34px) auto 0;overflow:hidden;border-radius:var(--phone-shell-radius);user-select:none;-webkit-user-drag:none;touch-action:pan-y;cursor:grab;transition:transform .22s ease}
.feature-phone.is-dragging{cursor:grabbing;transition:none}
.feature-phone-demo__frame{display:block;width:100%;height:100%;border:0;border-radius:inherit;background:transparent}
.interactive-pill{position:absolute;z-index:5;right:18px;bottom:18px;min-width:226px;height:70px;border:1.7px solid #d9d9d9;border-radius:999px;background:#fff;display:flex;align-items:center;text-align:left;color:#b7b7b7;pointer-events:none;}
.interactive-pill>img{width:41px;height:41px;margin-left:13px;object-fit:contain;flex:none}
.interactive-pill span{display:flex;flex-direction:column;margin-left:9px;font-size:19px;line-height:1;font-weight:700;white-space:nowrap}
.interactive-pill b{color:var(--yellow)}
.feature-card--save .interactive-pill b{color:var(--green)}
.feature-card--feed .interactive-pill b{color:var(--purple)}
.interactive-pill small{font:inherit;color:#b7b7b7}

.trust-heading{position:relative;z-index:8;width:min(90%,clamp(20rem,31.25vw,25rem));margin:clamp(1rem,1.6vw,1.5rem) auto clamp(5rem,6.9vw,5.5rem);text-align:center}
.trust-heading img{width:clamp(4rem,5.46vw,4.375rem);height:auto;margin:0 auto 1.17rem;object-fit:contain}
.trust-heading h2{margin:0;font-size:clamp(2rem,3.39vw,2.712rem);line-height:1.4;font-weight:800;color:#000}
.safety-panel{position:relative;z-index:8;container-type:inline-size;width:min(72%,29.875rem);aspect-ratio:478/1157;min-height:0;height:auto;margin:0 auto clamp(4rem,5vw,5.25rem);overflow:hidden;border:.1875rem solid #d7d7d7;border-radius:min(15.85cqi,4.75rem);background:#fff;box-shadow:0 .375rem 0 #d7d7d7;text-align:center;padding:10.37% 3.7% 3.35%}
.safety-heart{width:17.4cqi;height:auto;margin:0 auto 5.24cqi}
.safety-panel h2{width:97.6cqi;margin:0 auto;font-size:clamp(1.5rem,9.02cqi,2.375rem);line-height:1.4;font-weight:800;color:#000}
.safety-model-button{display:flex;align-items:center;justify-content:center;width:65.45cqi;min-height:0;aspect-ratio:274.885/58.309;margin:4.64cqi auto 5.95cqi;border:.1875rem solid #525252;border-radius:1.1875rem;background:var(--grey);color:#fff;text-decoration:none;font-size:clamp(1rem,5.43cqi,1.42rem);font-weight:800;box-shadow:0 .063rem 0 rgba(0,0,0,.1);cursor:pointer}
.safety-posts{display:grid;gap:4.38cqi;width:100cqi;margin:0 auto}
.safety-post{position:relative;width:100%;aspect-ratio:420.278/175.684;margin:0;overflow:hidden;border:.125rem solid #e5e5e5;border-radius:9cqi;background:#fff;box-shadow:0 .1875rem 0 rgba(0,0,0,.1)}
.safety-post::after{content:"";position:absolute;z-index:1;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.55));pointer-events:none}
.safety-post picture,.safety-post img{position:absolute;inset:0;width:100%;height:100%}
.safety-post img{object-fit:cover}
.safety-post figcaption{position:absolute;z-index:2;left:5.7%;bottom:7%;margin:0;color:#fff;font-size:clamp(.875rem,7.58cqi,2.25rem);line-height:1;font-weight:800;text-shadow:0 .08em .12em rgba(0,0,0,.45)}
.final-cta{position:relative;z-index:8;width:min(90%,clamp(500px,43.75vw,600px));margin:0 auto clamp(56px,5vw,76px);text-align:center}
.final-cta>img{width:107px;height:110px;margin:0 auto 12px}
.final-cta h2{margin:0 auto 30px;font-size:clamp(42px,4.25vw,60px);line-height:1.35;font-weight:800;color:#000}
.final-cta>a{display:flex;align-items:center;justify-content:center;width:min(363px,90%);min-height:77px;margin:auto;border:4px solid #525252;border-radius:25px;background:#000;color:#fff;text-decoration:none;font-size:clamp(20px,2.35vw,30px);font-weight:800}

.site-footer{position:relative;z-index:7;grid-column:1/-1;grid-row:2;width:100%;min-height:790px;overflow:hidden;background:linear-gradient(to bottom,#fff 0%,rgba(255,255,255,0) 100%)}
.site-footer--desktop{width:100vw;margin-left:calc((100% - 100vw)/2);margin-right:calc((100% - 100vw)/2);min-height:0;aspect-ratio:1281 / 753}
.footer-columns{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;width:100%;padding:210px 8% 0}
.site-footer--desktop .footer-columns{width:min(100%,1440px);margin-inline:auto;padding:clamp(64px,6vw,96px) clamp(28px,7vw,104px) 0}
.footer-columns section{display:flex;flex-direction:column;align-items:center;text-align:center}
.footer-columns h2{margin:0 0 12px;color:var(--blue);font:800 22px/1.2 var(--martian)}
.site-footer--desktop .footer-columns h2{font-size:clamp(20px,1.55vw,24px)}
.footer-columns a,.footer-columns span{margin:3px 0;text-decoration:none;font-size:14px;font-weight:800}
.site-footer--desktop .footer-columns a,.site-footer--desktop .footer-columns span{font-size:clamp(13px,1vw,15px)}
.footer-bottom-art,.footer-glass-art{position:absolute;pointer-events:none;user-select:none}
.footer-bottom-art{z-index:2}
.footer-glass-art{z-index:1}
.footer-wordmark{position:absolute;pointer-events:none;user-select:none;z-index:3}
.footer-bottom-art--desktop{left:0;right:0;bottom:0;width:100%;height:auto}
.footer-glass-art--desktop-left{left:0;bottom:0;width:50%;height:72%;object-fit:fill}
.footer-glass-art--desktop-right{right:0;bottom:0;width:50%;height:72%;object-fit:fill}
.mobile-login-dialog{display:none}

/* Mobile frame 351:156. The full page is normal document flow; only artwork inside a section overlaps. */
@media(max-width:760px){
  :root{--desktop-left:0;--desktop-right:100%}
  .landing-stage--desktop{display:none}
  .landing-stage--mobile{display:block;width:min(100%,704px)}
  .landing-canvas--mobile{display:flex;flex-direction:column;width:100%!important}

  /* Figma 351:156 scales from a 704-unit design frame while the page remains normal flow. */
  .hero--mobile{width:100%;min-height:0;aspect-ratio:704/1093;padding:0;background:#fff;overflow:hidden;text-align:center}
  .mobile-hero-photo{position:absolute;max-width:none;object-fit:cover;pointer-events:none}
  .mobile-hero-photo--one{z-index:1;left:2.24%;top:5.79%;width:101.99%;height:75.2%;object-position:center}
  .mobile-hero-photo--two{display:block;z-index:2;left:0;top:.16%;width:124.15%;height:79.16%;object-position:center top}
  .hero--mobile::after{display:none}
  .brand--mobile{position:absolute;z-index:6;left:4.26%;top:4.6%;font-size:clamp(14px,3.725vw,26.223px);color:#fff}
  .brand--mobile img{width:clamp(24px,6.47vw,45.548px);height:auto;filter:none}
  .menu-button--mobile{position:absolute;z-index:8;right:7.39%;top:4.6%;width:clamp(32px,8.52vw,60px);height:auto;aspect-ratio:60/45}
  .hero--mobile h1{position:absolute;z-index:5;left:2.41%;top:9.99%;width:97.92%;margin:0;color:#fff;text-align:center;font-size:clamp(28px,7.85vw,55.274px);line-height:1.2;font-weight:700;letter-spacing:0}
  .hero-phone-composite--mobile{position:absolute;z-index:5;left:50%;top:26.5%;width:59.15%;margin:0;aspect-ratio:430/666;transform:translateX(-50%)}
  .mobile-login-button{position:absolute;z-index:8;left:30.54%;top:94.7%;display:flex;align-items:center;justify-content:center;width:39.05%;aspect-ratio:274.885/58.309;border:.125rem solid var(--good-grey);border-radius:1rem;background:#fff;color:var(--grey);font-size:clamp(.75rem,2.84vw,1.25rem);font-weight:800;text-decoration:none}
  .mobile-divider{position:absolute;z-index:7;left:0;right:0;bottom:0;width:100%;height:auto}
  .mobile-login-dialog[open]{display:grid;place-items:center;width:min(100%,40rem);max-width:none;height:100dvh;max-height:none;margin:auto;padding:clamp(1rem,4vw,2rem);border:0;background:transparent;color:#111}
  .mobile-login-dialog::backdrop{background:rgb(255 255 255 / .96)}
  .mobile-login-dialog__surface{position:relative;display:grid;align-items:start;width:100%;max-height:100%;overflow:auto;padding:clamp(1.25rem,5vw,2.5rem) clamp(1rem,5vw,3rem);border:.125rem solid var(--good-grey);border-radius:clamp(1rem,5vw,2rem);background:#fff;box-shadow:0 1rem 3rem rgb(0 0 0 / .16)}
  .mobile-login-dialog__close{position:absolute;z-index:2;top:clamp(.5rem,2vw,1rem);right:clamp(.5rem,2vw,1rem);display:grid;place-items:center;width:clamp(2rem,8vw,2.75rem);aspect-ratio:1;border:.125rem solid var(--good-grey);border-radius:50%;background:#fff;color:#111;font-size:clamp(1.25rem,5vw,1.75rem);line-height:1;cursor:pointer}
  .mobile-login-dialog .login-panel{position:static;inset:auto;z-index:0;width:100%;max-width:36rem;margin:0 auto;padding-block:clamp(2.5rem,10vw,4rem) clamp(1rem,4vw,2rem);background:#fff}
  .mobile-login-dialog .login-panel[data-auth-mode="signup"]{top:auto;padding-block-end:clamp(1rem,3vw,2rem)}
  .mobile-login-dialog .login-panel h1{font-size:clamp(2rem,8vw,3.25rem)}

  .discovery--mobile{min-height:0;height:auto;aspect-ratio:704/666;background:repeating-linear-gradient(90deg,rgba(255,255,255,.72) 0,rgba(255,255,255,.72) 6.8%,rgba(242,242,242,.34) 6.8%,rgba(242,242,242,.34) 7.1%,rgba(255,255,255,.72) 7.1%,rgba(255,255,255,.72) 17.5%),#fff}
  .discovery--mobile .city-photo-wrap{display:none}
  .discovery--mobile .glass-strips{display:none}
  .discovery--mobile .collage-card--m-one{left:3.69%;top:18.62%;width:28.99%;aspect-ratio:204.08/300.24;transform:rotate(-7deg)}
  .discovery--mobile .collage-card--m-four{left:34.21%;top:9.99%;width:28.69%;aspect-ratio:201.95/273.25}
  .discovery--mobile .collage-card--m-five{left:62.5%;right:auto;top:24.54%;width:27.68%;aspect-ratio:194.85/251.58;transform:rotate(13.5deg)}
  .discovery--mobile .discovery-fade{height:56%}
  .discovery--mobile h2{left:50%;right:auto;bottom:4.56%;width:73.42%;transform:translateX(-50%);font-size:clamp(27px,6.65vw,48.525px)}

  .feature-card{display:flex;flex-direction:column;align-items:center;width:88%;min-height:0;height:auto;aspect-ratio:auto;margin:0 auto 6.67%;padding:clamp(1.625rem,6vw,2.75rem) clamp(1rem,4vw,1.75rem) 0;border-width:.1875rem;border-radius:1.5625rem}
  .feature-card h3{font-size:clamp(1.625rem,5.94vw,2.711rem);line-height:1.4}
  .feature-card>p{width:80.73%;font-size:clamp(.625rem,2.09vw,.946rem);line-height:1.4}
  .feature-phone{flex:0 0 auto;width:68%;height:auto;aspect-ratio:393/852;margin-top:clamp(1.125rem,4.3vw,1.875rem)}
  .interactive-pill{right:2.4%;bottom:2.65%;min-width:0;width:42%;height:clamp(2rem,7.6vw,3.375rem);overflow:hidden}
  .interactive-pill>img{width:clamp(1.375rem,5.8vw,2.5625rem);height:auto;margin-left:1.5vw}
  .interactive-pill span{min-width:0;margin:0 1.5vw 0 1.25vw;overflow:hidden;font-size:clamp(.5625rem,2.25vw,.99rem);line-height:1.05;letter-spacing:-.02em}
  .trust-heading{width:56.78%;margin:6.35% auto 16.7%}
  .trust-heading img{width:17.5%;height:auto;margin-bottom:4.7%}
  .trust-heading h2{font-size:clamp(26px,5.94vw,43.376px);line-height:1.4}
  .safety-panel{width:67.88%;margin:0 auto 12.9%}
  .final-cta{width:56.78%;margin:0 auto 4.5%}
  .final-cta>img{width:20.3%;height:auto}
  .final-cta h2{font-size:clamp(26px,5.94vw,43.376px);line-height:1.4}
  .final-cta>a{width:68.8%;min-height:0;aspect-ratio:274.885/58.309;border-width:3px;font-size:clamp(14px,3.22vw,22.718px)}
  .site-footer--mobile{display:block;width:100%;min-height:0;aspect-ratio:704/791}
  .footer-columns{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 6%}
  .footer-columns h2{font-size:clamp(12px,3vw,20px)}
  .footer-columns a,.footer-columns span{font-size:clamp(9px,2.2vw,14px)}
  .footer-bottom-art--mobile{left:-2.41%;right:auto;bottom:clamp(-74px,-10.4vw,-29px);width:145.45%;max-width:none;height:auto}
  .footer-wordmark--mobile{left:50%;bottom:clamp(10px,3.3vw,23px);transform:translateX(-50%);font:800 clamp(72px,22.15vw,155.94px)/1 var(--martian);letter-spacing:-.08em;white-space:nowrap;color:transparent;background:linear-gradient(180deg,#fff 35%,#acd7ff 100%);background-clip:text;-webkit-background-clip:text}
  .footer-glass-art--mobile-left{left:0;bottom:0;width:50%;height:58%;object-fit:fill}
  .footer-glass-art--mobile-right{right:0;bottom:0;width:50%;height:58%;object-fit:fill}
  .site-footer--desktop{display:none}
  .mobile-hidden-social{display:none}
}

/* Compact desktops preserve the same composition and only tighten its usable geometry. */
@media(min-width:761px) and (max-width:1023px){
  :root{--desktop-left:44%;--desktop-right:56%}
  .landing-sticky-left__canvas{min-height:620px}
  .login-panel{left:clamp(22px,3vw,32px);right:clamp(22px,3vw,32px);top:clamp(118px,14vw,150px);gap:13px}
  .login-panel h1{margin-bottom:12px;font-size:clamp(34px,4.2vw,42px)}
  .landing-login-form,.landing-signup-form{gap:.8125rem}
  .landing-login-form input:not([type="hidden"]),.landing-signup-form input:not([type="hidden"]):not([type="checkbox"]),.continue-button,.auth-choice{min-height:3.25rem}
  .hero--desktop{min-height:clamp(700px,86vw,820px)}
  .hero-phone-composite--desktop{top:clamp(118px,14vw,138px);width:min(72%,clamp(280px,38vw,350px))}
  .discovery--desktop{min-height:clamp(650px,78vw,760px)}
  .feature-card{width:min(88%,500px)}
  .interactive-pill{right:14px;bottom:14px;min-width:205px;height:62px}
  .interactive-pill>img{width:36px;height:36px}
  .interactive-pill span{font-size:17px}
  .site-footer--desktop .footer-columns{gap:24px;padding-inline:clamp(24px,5vw,48px)}
}

/* Short desktop viewports compact only the sticky auth surface so every action remains reachable. */
@media(min-width:1024px) and (max-height:820px){
  .brand--desktop{top:clamp(24px,5vh,32px)}
  .login-panel{top:clamp(84px,15vh,96px);gap:10px}
  .login-panel h1{margin-bottom:8px;font-size:clamp(38px,3.4vw,44px);line-height:1.15}
  .landing-login-form,.landing-signup-form{gap:.5625rem}
  .landing-login-form input:not([type="hidden"]),.landing-signup-form input:not([type="hidden"]):not([type="checkbox"]),.continue-button,.auth-choice{min-height:3rem}
  .or-divider{gap:.75rem}
}

/* On very wide monitors the authored composition stops at a readable width while the footer remains full bleed. */
@media(min-width:1920px){
  .footer-bottom-art--desktop{left:50%;right:auto;width:min(100vw,1920px);max-width:none;transform:translateX(-50%)}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-phone{transition:none}}