/* Source typography: Timeleft /01. Original WOFF2 files, measured roles. */
@font-face{font-family:'Feature Deck';src:url('assets/fonts/FeatureDeck-300.woff2?v=timeleft1') format('woff2');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:'Feature Deck';src:url('assets/fonts/FeatureDeck-400.woff2?v=timeleft1') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Feature Deck';src:url('assets/fonts/FeatureDeck-500.woff2?v=timeleft1') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Feature Deck';src:url('assets/fonts/FeatureDeck-700.woff2?v=timeleft1') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'FixelText';src:url('assets/fonts/FixelText-Regular.woff2?v=timeleft1') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'FixelText';src:url('assets/fonts/FixelText-SemiBold.woff2?v=timeleft1') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'FixelText';src:url('assets/fonts/FixelText-Bold.woff2?v=timeleft1') format('woff2');font-style:normal;font-weight:700;font-display:swap}
/* Measured from Krishna's Funnel 1 export, 26 Oct 2026. */
:root{--body:FixelText,Arial,sans-serif;--display:'Feature Deck',Georgia,serif}
body.social-funnel{font-family:var(--body)}
.social-funnel .app-shell{width:min(375px,100vw);max-width:375px}
.social-funnel .topbar{height:calc(52px + var(--safe-top));padding-inline:24px;grid-template-columns:32px 1fr 32px}
.social-funnel .stage-title{font:600 16px/1.3 FixelText,sans-serif}
.social-funnel .brand img{width:118px;height:27px;object-fit:contain}
.social-funnel .screen{padding:calc(72px + var(--safe-top)) 24px 36px;gap:0}
.social-funnel .screen h2{font:400 24px/1.35 'Feature Deck',Georgia,serif;letter-spacing:0;text-align:center;margin:0}
.social-funnel .screen:is([data-screen=goal],[data-screen=gender],[data-screen=meeting],[data-screen=education-level]) h2{font:400 24px/1.35 'Feature Deck',Georgia,serif;letter-spacing:0}
.social-funnel .social-subtitle,.social-funnel .screen-intro{font:400 14px/1.3 FixelText,sans-serif;text-align:center;margin:16px 0 0}
.social-funnel .primary{font:400 16px/1.3 FixelText,sans-serif;min-height:49px;padding:14px 20px;border-radius:60px}
.social-funnel .social-bottom{margin-top:0}
.social-funnel .social-choices{margin:40px 0 16px;gap:8px}
.social-funnel .social-choices button{padding:18px 28px;min-height:70px;font:600 16px/1.15 FixelText,sans-serif;border:1px solid transparent;border-radius:20px;gap:12px}
.social-funnel .choice-check{color:#111}.social-funnel .social-choices button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #111}
.social-funnel .social-question .answer-icon{font-size:24px;width:28px}
.social-funnel .social-welcome{padding-top:calc(60px + var(--safe-top));text-align:center}
.social-funnel .social-welcome h2{font:400 24px/1.35 'Feature Deck',Georgia,serif;letter-spacing:0}
.social-funnel .welcome-description{font:400 14px/1.3 FixelText,sans-serif;margin:24px -4px 8px;text-align:center}
.social-funnel .exact-duration{display:block;width:98px;height:26px;background:none;border-radius:0;padding:0;margin:10px auto 26px}
.social-funnel .age-grid{gap:12px}.social-funnel .age-grid button{border:0;padding:0;border-radius:16px}
.social-funnel .age-grid img{aspect-ratio:1.55;border-radius:16px 16px 0 0}
.social-funnel .age-grid span{font:600 18px/1.15 FixelText,sans-serif;padding:12px 4px;justify-content:center}
.social-funnel .age-grid span:after{display:none}
.social-funnel .welcome-note{font:400 12px/1.4 FixelText,sans-serif;margin-top:24px;color:#111}
.social-funnel .single-form{margin-top:48px;gap:20px}
.social-funnel .single-form input,.social-funnel .single-form select{font:400 16px/1.3 FixelText,sans-serif;height:54px;border:1px solid #ddd;border-radius:12px}
.social-funnel [data-screen=city] .single-form{margin-top:50px}
.social-funnel .source-intro{padding:52px 24px 48px;gap:0;min-height:655px}
.social-funnel .source-intro .intro-visual{order:0;position:relative;margin:-52px -24px 0;width:calc(100% + 48px);height:182px;flex:none}
.social-funnel .source-intro .intro-visual>img:first-child{height:174px;width:100%;object-fit:cover;mask-image:none}
.social-funnel .source-intro img.intro-review-badge{position:absolute;display:block;left:50%;top:88px;transform:translateX(-50%);width:262px;height:94px;background:none;padding:0;border:0;border-radius:0;box-shadow:none;object-fit:contain;mask-image:none}
.social-funnel .source-intro .social-globe{order:1;width:calc(100% + 30px);max-width:none;height:152px;margin:40px -15px 28px}
.social-funnel .source-intro h2{order:2;font:400 26px/40px 'Feature Deck',serif;margin:0}
.social-funnel .source-intro .story-text{order:3;font:400 14px/1.3 FixelText,sans-serif;text-align:center;margin:24px 0}
.social-funnel .source-intro .primary{order:4;margin-top:0}
.social-funnel .source-connection{background:linear-gradient(115deg,#faeaf8,#f7f3ed);padding-top:72px}
.social-funnel .source-connection h2{font:500 30px/1.35 'Feature Deck',serif;margin:0 0 32px}
.social-funnel .source-connection h2 em{font:500 30px/1.35 'Feature Deck',serif;color:#ff772f}
.exact-connection{display:block;width:100%;height:auto;aspect-ratio:327/288.52;border-radius:20px}
.social-funnel .source-connection .story-text{font:400 14px/1.3 FixelText,sans-serif;text-align:center;margin:32px 0 24px}
.social-funnel .source-understood{background:url('assets/figma/image-9.jpg') center/cover;padding-top:112px;min-height:100%}
.social-funnel .source-understood h2{font:500 40px/1.2 'Feature Deck',serif;margin:0 0 28px}
.social-funnel .source-understood .story-text{font:400 20px/1.3 FixelText,sans-serif;text-align:center;margin:0 0 32px}
.social-funnel .source-understood .design-reviews{margin:100px -8px 28px}
.social-funnel .source-understood .primary{margin-top:auto}
.social-funnel .source-proof{background:linear-gradient(#0003,#0003),url('assets/figma/image-11.jpg') center/cover;padding-top:72px}
.social-funnel .source-proof h2{font:500 36px/1.2 'Feature Deck',serif;margin:0 0 28px}
.social-funnel .source-proof .primary{margin-top:24px;background:#111;color:white}
.social-funnel .design-reviews{display:flex;flex-direction:column;gap:12px}
.social-funnel .design-reviews .member-review{margin:0;padding:12px;border:0;border-radius:16px;background:white;color:#111;min-height:0;box-shadow:none}
.social-funnel .design-reviews figcaption{display:flex;align-items:center;gap:7px;margin:0 0 10px;font:500 14px/18px 'Feature Deck',serif}
.social-funnel .design-reviews .review-avatar{width:26px;height:26px;min-width:26px;border-radius:50%;object-fit:cover;padding:0}
.social-funnel .design-reviews .review-stars{margin-left:auto;font-size:18px;letter-spacing:0;color:#ff995e;white-space:nowrap}
.social-funnel .design-reviews blockquote{font:400 14px/1.5 FixelText,sans-serif;letter-spacing:0;margin:0;color:#111}
.social-funnel .social-analysis{padding-top:72px}
.social-funnel .analysis-bars{margin-top:48px;gap:16px}
.social-funnel .analysis-task>div:first-child{font:400 16px/1.3 FixelText,sans-serif}
.social-funnel .analysis-task strong{font-weight:400}
.social-funnel .analysis-track{height:8px;border-radius:0;background:#eae7e1;margin-top:8px}
.social-funnel .analysis-track>span{background:#00cc80;border-radius:0;width:100%;transform:scaleX(0);transform-origin:left;transition:none}
.social-funnel .social-analysis .design-reviews{margin-top:160px}
.social-funnel [data-social-question=interests]{display:flex;flex-flow:row wrap;gap:8px;justify-content:flex-start;margin-top:40px}
.social-funnel [data-social-question=interests] button{min-height:36px;font:400 15px/1.15 FixelText,sans-serif;padding:8px 10px;gap:5px;max-width:100%}
.social-funnel [data-social-question=interests] .answer-icon{font-size:15px;width:auto}
.social-funnel [data-screen=first-name] .social-bottom,.social-funnel [data-screen=birthday] .social-bottom{margin-top:8px}
.social-funnel .reference-paywall{padding:0 24px 150px}
.social-funnel .reference-paywall .paywall-cover{height:100px;margin:0 -24px;width:calc(100% + 48px);opacity:1;object-fit:cover;object-position:center 67%;mask-image:linear-gradient(#000,transparent)}
.social-funnel .reference-paywall #paywall-headline{font:400 34px/40px 'Feature Deck',Georgia,serif;letter-spacing:-.34px;margin:0;text-align:center}
.social-funnel .reference-paywall>.social-subtitle{font:400 16px/24px FixelText,sans-serif;margin:20px 0 24px}
.social-funnel .reference-paywall .membership-plan{min-height:82px;padding:12px;border-radius:20px}
.social-funnel .reference-paywall .membership-plan[data-plan=year]{min-height:106px;padding-top:35px}
.social-funnel .reference-paywall .membership-plan[data-plan=year]:before{background:#9788fd}
.social-funnel .reference-paywall .plan-rate strong{font:700 28px/.8 FixelText,sans-serif;letter-spacing:0}
.social-funnel .reference-paywall .plan-name strong{font:400 15px/1.3 FixelText,sans-serif}
.social-funnel .reference-paywall .plan-billing{font:400 13px/1.4 FixelText,sans-serif}
.social-funnel .reference-paywall .paywall-includes{margin-top:40px}
.social-funnel .reference-paywall h3{font:600 22px/28px FixelText,sans-serif;letter-spacing:-.33px}
.social-funnel .benefits-card{padding:20px 16px;border-radius:20px;gap:24px}
.social-funnel .benefits-card article{display:flex;align-items:center;gap:16px}
.social-funnel .benefits-card article>img{width:39px;height:39px;object-fit:contain;flex-shrink:0}
.social-funnel .benefits-card h4{font:600 16px/1.3 FixelText,sans-serif;margin:0 0 6px}
.social-funnel .benefits-card p{font:400 14px/1.5 FixelText,sans-serif;margin:0}
.social-funnel .membership-note{padding:24px 16px;border-radius:20px;margin-top:20px;text-align:center}
.social-funnel .membership-note h3{font:600 18px/24px FixelText,sans-serif;letter-spacing:-.18px;margin:0 0 20px}
.social-funnel .membership-note p{font:400 14px/1.5 FixelText,sans-serif;margin:0}
.guarantee-note>img{height:54px;width:54px;object-fit:contain;margin:0 auto 16px}
.social-funnel .paywall-member-reviews{margin-top:48px}
.social-funnel .payment-preview{margin-top:40px;border-radius:20px;border-top:1px solid #dedbd6;padding:16px 8px}
.social-funnel .secure-membership{background:transparent;border:0;border-radius:0;padding:20px 0;text-align:center}
.social-funnel .secure-membership h3{font:700 14px/1.4 FixelText,sans-serif}
.payment-brands{width:100%;height:auto;margin:20px 0}
.social-funnel .checkout-dock{width:min(375px,100vw);padding-inline:24px}
@media(max-width:360px){.social-funnel .screen{padding-left:18px;padding-right:18px}.social-funnel .screen h2{overflow-wrap:normal}.social-funnel .social-choices button{padding-inline:18px}.social-funnel .source-understood h2{font-size:36px}.social-funnel .reference-paywall #paywall-headline{font-size:30px}}
@media(prefers-reduced-motion:no-preference){.social-funnel .screen.is-active{animation:screen-enter 180ms ease-out both}@keyframes screen-enter{from{opacity:0}to{opacity:1}}}
.social-funnel .has-photo-story:has(.source-intro.is-active) .brand img{filter:brightness(0) invert(1)}
.social-funnel [data-screen=city] [data-form=city]{flex:0;gap:12px}
.social-funnel [data-screen=city] [type=submit]{margin-top:8px}
.social-funnel [data-screen=first-name] #quiz-first-name-form{margin-top:40px;flex:0}
.social-funnel [data-screen=first-name] label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.social-funnel #work-form{display:flex;flex-direction:column;margin-top:58px;gap:24px}
#work-fields{order:0;display:flex;flex-direction:column;gap:32px}
#work-fields[hidden]{display:none}
#work-fields label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.social-funnel #work-form .student-toggle{order:1;display:flex;justify-content:flex-end;align-items:center;gap:12px;font:400 14px/1.4 FixelText,sans-serif;color:#666}
.social-funnel #student-choice{appearance:auto;width:20px;height:20px;accent-color:#111;border-radius:50%;box-shadow:none}
#work-form>.primary{order:2}#work-form>.field-error{order:3}
.social-funnel #work-fields input{border:1px solid #d9d5ce;border-radius:14px}

/* Independent Figma audit: restore source geometry and assets. */
.social-funnel .screen:is([data-screen=goal],[data-screen=gender],[data-screen=meeting],[data-screen=education-level]) h2{font-family:'Feature Deck',Georgia,serif}
.social-funnel [data-screen=goal] h2{margin-inline:-12px}
.social-funnel .source-proof{padding-inline:20px;min-height:812px;padding-bottom:47px}
.social-funnel .source-proof h2{letter-spacing:-.4px;line-height:1.2;margin-bottom:28px}
.social-funnel .source-proof .primary{margin-top:auto;flex-shrink:0}
.social-funnel .design-reviews .member-review{padding:13px;background:linear-gradient(172deg,#ffffffe6 17.356%,#fff 66.417%);border:1px solid #f7f3ed}
.social-funnel .design-reviews figcaption{gap:8px;margin-bottom:8px;letter-spacing:.14px}
.social-funnel .design-reviews .review-avatar{width:32px;height:32px;min-width:32px}
.social-funnel .design-reviews blockquote{line-height:22px;letter-spacing:.14px}
.social-funnel .design-reviews img.exact-review-stars{width:96px;height:16px;min-width:96px;margin-left:auto;object-fit:contain}
.social-funnel .source-proof .member-review{padding:12px}
.social-funnel .analysis-bars{margin-top:40px;gap:10px}
.social-funnel .analysis-task>div:first-child{line-height:20px;gap:0}
.social-funnel .analysis-task>div:first-child>span{white-space:nowrap}
.social-funnel .analysis-track{height:10px;border-radius:5px;margin-top:6px}
.social-funnel .analysis-track>span{border-radius:5px;background:linear-gradient(90deg,#00eb7c,#00bb7c)}
.social-funnel .social-analysis .design-reviews{margin-top:160px;margin-left:16px;width:340px;max-width:calc(100% + 8px)}
.social-funnel .source-understood{background-size:100% 117.12%;background-position:left top}
.social-funnel .source-proof{background:url('assets/figma/proof-background.svg') center top/100% 100%}
.social-funnel .reference-paywall :is(.paywall-includes,.membership-note,.paywall-member-reviews,.payment-preview,.secure-membership){margin-left:-8px;margin-right:-8px}
.social-funnel .reference-paywall .benefits-card{padding:20px 16px;gap:24px}
.social-funnel .reference-paywall .benefits-card h4{font:600 16px/24px FixelText,sans-serif;letter-spacing:.08px}
.social-funnel .reference-paywall .benefits-card p{font:400 14px/22px FixelText,sans-serif;letter-spacing:.14px}
.social-funnel [data-screen=city] .single-form{margin:37px 4px 0;gap:12px}
.social-funnel [data-screen=city] .city-picker input{height:43px;border-radius:6px;font-size:18px}
.social-funnel [data-screen=city] [type=submit]{margin-top:8px}
.social-funnel [data-screen=city] .text-action{font-size:16px}
@media(max-width:360px){.social-funnel .source-proof{min-height:var(--app-height,100svh)}.social-funnel .analysis-task>div:first-child{font-size:13px}.social-funnel .social-analysis .design-reviews{margin-left:0;max-width:100%;width:auto}}

.social-funnel .field-error:empty{display:none}
.social-funnel .social-subtitle{margin-top:8px}
.social-funnel [data-screen=goal] .social-choices{margin-top:30px}
.social-funnel [data-screen=gender] .social-choices{margin-top:12px}
.social-funnel .age-grid{margin-inline:-4px;gap:8px}
.social-funnel .age-grid button{padding:4px;border:1px solid #eeeae3}
.social-funnel .age-grid img{border-radius:12px 12px 0 0;aspect-ratio:1.5}
.social-funnel .age-grid span{padding:12px 0 8px}
.social-funnel .exact-duration{margin-bottom:16px}
.social-funnel .welcome-note a{font-family:FixelText,sans-serif;font-weight:700;color:#111}
.social-funnel [data-social-question=interests]{margin-inline:-11px;gap:10px}
.social-funnel [data-social-question=interests] button{min-height:40px;padding:8px 16px;border-color:#e8e0d3;gap:6px}
.social-funnel [data-screen=city] [type=submit]{margin-top:20px}
.social-funnel [data-screen=first-name] #quiz-first-name-form{margin-top:32px;gap:20px}
.social-funnel [data-screen=first-name] input{height:56px;border-radius:20px;border-color:#e8e0d3}
.social-funnel .source-connection h2{margin-bottom:24px}
.social-funnel .source-connection .story-text strong{font-family:FixelText,sans-serif;font-weight:700}
@media(max-width:360px){.social-funnel [data-social-question=interests]{margin-inline:0}}

.social-funnel .source-connection{background:url('assets/figma/connection-background.svg') center top/100% 812px no-repeat,#f7f3ed}
.social-funnel .source-understood{background:url('assets/figma/understood-background.svg') center top/100% 100%}

.social-funnel [data-screen=goal] .social-choices button{height:auto;min-height:70px;padding:16px 16px 16px 28px}
.social-funnel .analysis-bars{margin:46.6px 0 0}
.social-funnel .analysis-task>div:first-child{margin-bottom:0}
.social-funnel [data-screen=first-name] .social-subtitle{margin-bottom:0}
.social-funnel [data-screen=first-name] #quiz-first-name-form{margin-top:29.4px}
.social-funnel [data-screen=city] .single-form{margin-top:45px}
@media(max-width:360px){.social-funnel [data-screen=goal] [data-answer=new-city]>span:nth-child(2){white-space:normal}.social-funnel [data-screen=goal] .social-choices button{height:auto;min-height:70px}}

/* Registration copy cleanup: empty helper text must not reserve space. */
.social-funnel .screen-intro:empty{display:none}

/* Match the available mobile viewport, including in-app browser toolbars. */
body.social-funnel { display:grid; place-items:center; }
.social-funnel .app-shell { margin-inline:auto; min-height:0; }
.social-funnel .source-proof,.social-funnel .source-intro,.social-funnel .source-understood { min-height:0; }
.social-funnel .source-proof { padding-bottom:max(36px,var(--safe-bottom)); }
.social-funnel .screen-action-dock { position:absolute; z-index:30; inset:auto 0 0; padding:16px 24px max(16px,var(--safe-bottom)); background:linear-gradient(transparent,#f7f3ed 18%); }
.social-funnel .screen-action-dock[hidden] { display:none; }
.social-funnel .screen-action-dock.on-photo { background:linear-gradient(transparent,rgba(0,0,0,.4)); }
.social-funnel .screen-action-dock .primary { margin:0; width:100%; }
.social-funnel .screen-action-dock.on-photo .primary { background:#f7f3ed; color:#111; }
.social-funnel .docked-action-source { visibility:hidden; pointer-events:none; }
.social-funnel .screen.has-screen-action-dock { padding-bottom:calc(96px + var(--safe-bottom)); scroll-padding-bottom:calc(96px + var(--safe-bottom)); }
.social-funnel #origin-form { flex:0; margin-top:24px; gap:20px; }
.social-funnel #work-last-question { margin-bottom:0; }
.social-funnel #work-last-question[hidden] { display:none; }
@media(max-width:599px) {
  .social-funnel .app-shell { width:100%; max-width:none; }
  .social-funnel .checkout-dock { width:100%; }
}
.social-funnel .social-analysis .design-reviews { margin-left:0; width:100%; max-width:100%; }
@media(max-width:360px) {
  .social-funnel .source-intro .intro-visual { margin-inline:-18px; width:calc(100% + 36px); }
  .social-funnel .reference-paywall .paywall-cover { margin-inline:-18px; width:calc(100% + 36px); }
}

/* Initial assets load once; individual steps do not swap fonts or open menus later. */
.funnel-loading .topbar,.funnel-loading .screen,.funnel-loading .checkout-dock,.funnel-loading .screen-action-dock { visibility:hidden!important; }
.boot-status { position:absolute; inset:50% 20px auto; margin:0; text-align:center; color:#666362; font:14px/1.4 Arial,sans-serif; }
.boot-status[hidden] { display:none; }

/* Icons have their final geometry before a question is made visible. */
.social-funnel .answer-icon { display:inline-flex; align-items:center; justify-content:center; height:28px; line-height:1; }
.social-funnel .answer-icon img { display:block; width:1em; height:1em; flex:none; object-fit:contain; }
.social-funnel [data-social-question=interests] .answer-icon { width:15px; height:15px; flex:0 0 15px; }
.fonts-fallback .app-shell,.fonts-fallback .app-shell * { font-family:Arial,sans-serif!important; }

/* Keep iOS text autosizing and inactive scrolling layers out of step transitions. */
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
.social-funnel .screen:not(.is-active) { display:none; }
/* Header, choices and action appear in one render, without a separate content fade. */
.social-funnel .screen[data-screen=goal] { transition:none; }
.social-funnel .screen[data-screen=goal].is-active { animation:none; }

/* Native-feeling touch controls; keep document text selectable and pinch zoom available. */
html, body { overscroll-behavior:none; }
.social-funnel :is(button,a,[role=button]) { touch-action:manipulation; }
.social-funnel button { user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }
.social-funnel :is(.city-suggestions) { overscroll-behavior:contain; }
/* Repeated question navigation should reveal header, content and action together. */
.social-funnel .screen:is(.social-question,.question) { transition:none; }
.social-funnel .screen:is(.social-question,.question).is-active { animation:none; }
/* Neutral press states replace colors inherited from the earlier pink theme. */
.social-funnel .primary:not(:disabled):active { background:#333; color:#fff; }
.social-funnel :is(.photo-story,.screen-action-dock.on-photo) .primary:not(:disabled):active { background:#e9e4db; color:#111; }
.social-funnel :is(.social-choices,.age-grid,.city-suggestions,.app-industry-grid) button:not(:disabled):active { opacity:.72; }
.social-funnel :is(.back,.text-action,.skip-action):not(:disabled):active { opacity:.6; }
.social-funnel :is(.social-choices,.age-grid,.city-suggestions,.app-industry-grid) button { transition:opacity 100ms ease-out; }
.social-funnel :is(.social-choices,.age-grid,.city-suggestions,.app-industry-grid) button:active { transition-duration:0s; }

/* One search surface for location and registration suggestions. */
.social-funnel :is(.search-picker,.text-suggestion-picker) { position:relative; min-width:0; }
.social-funnel .search-picker::before {
  content:''; position:absolute; top:18px; left:17px; width:18px; height:18px;
  z-index:1; pointer-events:none; background:#77716a;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/svg%3E") center/contain no-repeat;
}
.social-funnel :is([data-screen=city] .city-picker,.search-picker,.text-suggestion-picker) > input {
  width:100%; height:54px; border:1px solid #d9d5ce; border-radius:14px;
  background:#fff; color:#111; font:400 16px/1.4 FixelText,sans-serif;
  padding:0 16px; box-shadow:none;
}
.social-funnel :is([data-screen=city] .city-picker,.search-picker) > input { padding-left:46px; }
.social-funnel :is(.search-picker,.text-suggestion-picker) > input:focus {
  outline:2px solid #111; outline-offset:-2px; border-color:transparent;
}
.social-funnel :is(.city-suggestions,[data-screen=city] .city-suggestions) {
  position:relative; inset:auto; display:block; width:100%; margin:8px 0 0;
  padding:6px; max-height:min(270px,38svh); overflow-y:auto;
  border:1px solid #e4dfd7; border-radius:14px;
  background:#fff; box-shadow:0 6px 18px #211a1010;
  overscroll-behavior:contain; scroll-padding:6px;
}
.social-funnel :is(.city-suggestions,[data-screen=city] .city-suggestions)[hidden] { display:none; }
.social-funnel .city-suggestions > p:not(.city-empty) {
  padding:8px 10px 6px; margin:0; font:400 12px/18px FixelText,sans-serif;
  color:#706a63; letter-spacing:0; text-transform:none;
}
.social-funnel [data-screen=city] #city-suggestions { max-height:min(238px,38svh); }
.social-funnel .city-suggestions button {
  justify-content:flex-start; gap:12px; min-height:48px; height:auto; padding:12px 10px;
  border:0; border-radius:8px; background:#fff; color:#222;
  font:400 16px/1.4 FixelText,sans-serif; white-space:normal; overflow-wrap:anywhere;
}
.social-funnel .city-suggestions button::after { content:none; }
.social-funnel .city-suggestions button.is-active { background:#f1ece4; color:#111; }
@media (hover:hover) and (pointer:fine) {
  .social-funnel .city-suggestions button:hover { background:#f1ece4; color:#111; }
}
.social-funnel .city-suggestions .city-empty {
  padding:12px 10px; color:#706a63; font:400 14px/1.5 FixelText,sans-serif;
  letter-spacing:0; text-transform:none;
}
/* Stable step geometry: menus overlay the form; the action never changes containers. */
.social-funnel .app-shell { height:min(100svh,900px); }
.social-funnel .screen { transform:none; transition:none; overflow-anchor:none; }
.social-funnel .screen.is-active { animation:none; }
.social-funnel .screen-action-dock { transform:translateY(0); }
.social-funnel .docked-action-source { display:none!important; }
.social-funnel .screen.has-screen-action-dock {
  padding-bottom:calc(96px + var(--safe-bottom));
  scroll-padding-bottom:calc(96px + var(--safe-bottom));
}
.social-funnel :is(.city-suggestions,[data-screen=city] .city-suggestions) {
  position:absolute; z-index:10; inset:100% 0 auto; margin-top:8px;
}
.social-funnel :is(.search-picker,.text-suggestion-picker):focus-within { z-index:12; }

/* Input steps use the document flow, like the reference's city form.
   No fixed footer, inner scrolling screen or keyboard resize correction. */
body.social-funnel.form-step { display:block; overflow:visible; }
.social-funnel .app-shell.has-input-step {
  height:auto; min-height:min(100svh,900px); overflow:visible;
}
.social-funnel .has-input-step .screen.is-active {
  position:relative; inset:auto; height:auto; min-height:min(100svh,900px);
  overflow:visible; padding-bottom:max(36px,var(--safe-bottom));
}
.social-funnel .has-input-step .screen .primary { margin-top:16px; }
.social-funnel .has-input-step :is(.single-form,#work-form,#university-form) { flex:0 0 auto; }
.social-funnel .has-input-step .screen::after { display:none; }

/* Read every testimonial before the action, without a footer over the cards. */
.social-funnel .source-proof { scrollbar-width:none; }
.social-funnel .source-proof::-webkit-scrollbar { display:none; width:0; height:0; }
.social-funnel .source-proof .primary {
  margin-top:24px; flex-shrink:0; background:#f7f3ed; color:#111;
}

/* Keep all three testimonials and the action within the locked review page. */
html.review-step { overflow:hidden; overscroll-behavior:none; }
body.social-funnel.review-step { position:fixed; inset:0; display:grid; overflow:hidden; overscroll-behavior:none; }
.social-funnel .app-shell.has-review-step { height:min(100svh,900px); min-height:0; overflow:hidden; }
.social-funnel .has-review-step .source-proof {
  position:absolute; inset:0; height:100%; min-height:0; overflow:hidden;
  display:grid; grid-template-rows:auto minmax(0,1fr) auto; gap:12px;
  padding-top:64px; padding-bottom:max(16px,var(--safe-bottom));
}
.social-funnel .has-review-step .source-proof h2 { margin:0; }
.social-funnel .has-review-step .source-proof .design-reviews {
  min-height:0; overflow:visible; justify-content:center; gap:10px;
}
.social-funnel .has-review-step .source-proof .design-reviews::-webkit-scrollbar { display:none; width:0; height:0; }
.social-funnel .has-review-step .source-proof .member-review { flex-shrink:0; }
.social-funnel .has-review-step .source-proof .primary { margin:0; }
.social-funnel .has-review-step .source-proof::after { display:none; }
@media(max-height:740px) {
  .social-funnel .has-review-step .source-proof h2 { font-size:30px; line-height:1.12; }
  .social-funnel .has-review-step .source-proof .member-review { padding:10px; }
  .social-funnel .has-review-step .source-proof figcaption { margin-bottom:6px; }
  .social-funnel .has-review-step .source-proof .review-avatar { width:26px; height:26px; min-width:26px; }
  .social-funnel .has-review-step .source-proof blockquote { font-size:14px; line-height:19px; letter-spacing:0; }
}
@media(max-height:600px) {
  .social-funnel .has-review-step .source-proof { padding-top:56px; padding-inline:16px; padding-bottom:max(12px,var(--safe-bottom)); gap:8px; }
  .social-funnel .has-review-step .source-proof h2 { font-size:26px; line-height:1.08; }
  .social-funnel .has-review-step .source-proof .design-reviews { gap:8px; }
  .social-funnel .has-review-step .source-proof .member-review { padding:8px 10px; border-radius:14px; }
  .social-funnel .has-review-step .source-proof figcaption { font-size:13px; margin-bottom:4px; }
  .social-funnel .has-review-step .source-proof .review-avatar { width:22px; height:22px; min-width:22px; }
  .social-funnel .has-review-step .source-proof img.exact-review-stars { width:80px; min-width:80px; height:14px; }
  .social-funnel .has-review-step .source-proof blockquote { font-size:13px; line-height:18px; }
  .social-funnel .has-review-step .source-proof .primary { min-height:44px; height:44px; padding-block:8px; }
}

/* Continuous progress uses one animation clock; labels never change row width. */
.social-funnel .analysis-task strong[data-percent] {
  min-width:4ch; flex:0 0 4ch; text-align:right; font-variant-numeric:tabular-nums;
}

/* Timeleft loader: native horizontal snap track, 86% cards, 8px gaps, no dots. */
.social-funnel .social-analysis .analysis-reviews {
  margin-top:clamp(24px,calc(100svh - 508px),156px); margin-left:-24px; margin-right:-24px;
  width:calc(100% + 48px); max-width:none; padding:0; display:block;
}
.social-funnel .analysis-review-slides {
  display:flex; gap:8px; padding:4px 16px 12px; overflow-x:auto;
  scroll-snap-type:x mandatory; scroll-padding-left:16px;
  overscroll-behavior-x:contain; scrollbar-width:none;
}
.social-funnel .analysis-review-slides::-webkit-scrollbar { display:none; }
.social-funnel .analysis-reviews .analysis-review {
  flex:0 0 auto; width:86%; width:calc((100% + 32px) * .86);
  padding:12px; scroll-snap-align:start; margin:0;
  background:linear-gradient(165deg,#ffffffe6 17.356%,#fff 66.417%);
  border:1px solid #f7f3ed; border-radius:16px;
}
.social-funnel .analysis-reviews figcaption { font:500 14px/18px 'Feature Deck',serif; }
.social-funnel .analysis-reviews blockquote { font:400 14px/22px FixelText,Arial,sans-serif; letter-spacing:.14px; }
.social-funnel .analysis-reviews .review-initial { display:grid; place-items:center; background:#eee8df; color:#554b40; }
@media(max-width:360px) {
  .social-funnel .social-analysis .analysis-reviews { width:calc(100% + 36px); margin-left:-18px; margin-right:-18px; }
}
@media(max-height:600px) {
  .social-funnel .social-analysis .analysis-reviews { margin-top:24px; }
}
/* Pricing from Krishna's current Funnel 1, not the previous Clockout offer. */
.social-funnel .reference-paywall .membership-plan{min-height:88px;padding:12px;border-radius:20px;gap:10px}
.social-funnel .reference-paywall .membership-plan[data-plan=year]{min-height:88px;padding:12px}
.social-funnel .reference-paywall .membership-plan[data-plan=year]::before{content:none}
.social-funnel .reference-paywall .membership-plan[data-plan=quarter]{padding-top:35px;min-height:113px}
.social-funnel .reference-paywall .membership-plan[data-plan=quarter]::before{content:'Most Popular';position:absolute;inset:0 0 auto;height:25px;display:grid;place-items:center;background:#9788fd;color:white;font:600 14px/1 FixelText,sans-serif}
.social-funnel .reference-paywall .plan-details{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1;min-width:0}
.social-funnel .reference-paywall .plan-name{font:400 15px/1.2 FixelText,sans-serif}
.social-funnel .reference-paywall .plan-saving{font:500 12px/1.4 FixelText,sans-serif;background:#99e6c4;color:#111;border-radius:4px;padding:1px 5px}
.social-funnel .reference-paywall .plan-billing{font:400 13px/1.4 FixelText,sans-serif;display:flex;gap:5px;white-space:nowrap}
.social-funnel .reference-paywall .plan-rate{gap:1px;align-items:baseline}
.social-funnel .reference-paywall .plan-rate strong{font:700 28px/.8 FixelText,sans-serif}
.social-funnel .reference-paywall .plan-rate sup{font-size:12.6px;vertical-align:super}
.social-funnel .reference-paywall .rate-currency{font:700 14px/1 FixelText,sans-serif;align-self:flex-start}
.social-funnel .reference-paywall .plan-rate small{font:400 10px/1 FixelText,sans-serif}
.social-funnel .reference-paywall .plan-rationale{text-align:left;font:400 15px/1.3 FixelText,sans-serif;margin:18px 8px}
.social-funnel .reference-paywall .plan-rationale small{display:block;color:#777;text-align:center;font-size:13px;margin-top:5px}
.social-funnel .reference-paywall #subscription-terms{font-size:12px;line-height:16px}

/* In landscape, keep every review reachable without overlapping the action. */
@media(max-height:540px){
 .social-funnel .has-review-step .source-proof .design-reviews{overflow-y:auto;justify-content:flex-start;overscroll-behavior:contain;scrollbar-width:none}
}
.prototype-payment-note{text-align:center;font:400 12px/1.5 FixelText,sans-serif;color:#666;margin-top:32px}

/* Post-paywall login follows the same quiet form layout as the profile questions. */
.social-funnel .post-checkout .single-form { margin-top:36px; gap:0; }
.social-funnel .post-checkout .screen-intro { max-width:280px; margin:12px auto 0; }
.social-funnel .post-checkout .phone-field > label {
  display:block; margin:0 0 10px; color:#111; font:400 14px/1.4 FixelText,sans-serif;
  text-transform:none; letter-spacing:0;
}
.social-funnel .post-checkout .phone-row {
  grid-template-columns:100px minmax(0,1fr); align-items:center; gap:0;
  border:1px solid #e6e2dc; border-radius:20px; background:#fff;
}
.social-funnel .post-checkout .phone-row :is(input,select) {
  background:transparent; border:0; border-radius:0; box-shadow:none; height:56px;
  color:#111; padding:0 14px;
}
.social-funnel .post-checkout .phone-row select { border-radius:20px 0 0 20px; }
.social-funnel .post-checkout .phone-row input { border-radius:0 20px 20px 0; border-left:1px solid #e6e2dc; }
.social-funnel .post-checkout .phone-purpose { margin:10px 0 0; color:#65615c; font:400 13px/1.45 FixelText,sans-serif; }
.social-funnel .post-checkout .field-error { display:block; min-height:20px; margin:6px 0; font:400 13px/1.45 FixelText,sans-serif; }
.social-funnel .post-checkout .single-form .primary { margin:8px 0 0; }
.social-funnel .post-checkout .form-note { margin:14px 0 0; color:#65615c; font:400 12px/1.5 FixelText,sans-serif; text-align:center; }
.social-funnel .post-checkout .legal { margin:18px 0 0; padding:0; color:#65615c; font:400 12px/1.5 FixelText,sans-serif; }
.social-funnel .post-checkout .code-destination { margin:0 0 24px; font-size:14px; }
.social-funnel .post-checkout .code-grid { gap:12px; margin:0; }
.social-funnel .post-checkout .code-grid input { height:60px; border:1px solid #e6e2dc; border-radius:20px; font:400 24px/1 FixelText,sans-serif; }
.social-funnel .post-checkout .text-action { min-height:44px; margin:12px 0 0; padding:10px; font:400 14px/1.4 FixelText,sans-serif; }
.social-funnel .post-checkout .text-action:disabled { opacity:1; color:#65615c; cursor:default; }
@media(max-height:600px) {
  .social-funnel .post-checkout .single-form { margin-top:28px; }
}

/* Real Stripe checkout uses the same quiet card and action style as the funnel. */
.stripe-payment-panel { margin:28px 0; padding:24px 20px; background:#fff; border:1px solid #e2e0dd; border-radius:24px; }
.stripe-payment-panel h3 { margin:0 0 20px; font-family:FixelText,sans-serif; font-size:20px; }
.stripe-payment-panel label { display:block; margin:0 0 8px; font-size:14px; }
.stripe-payment-panel #stripe-billing-email { width:100%; box-sizing:border-box; margin-bottom:20px; padding:14px; border:1px solid #d6d6d6; border-radius:12px; background:#fff; color:#111; font-size:16px; }
.stripe-payment-panel .primary { margin-top:20px; width:100%; }
#stripe-payment-status { font-size:13px; line-height:1.45; min-height:2.9em; margin:14px 0 0; color:#555; }
#social-wallet-element { position:relative; min-height:54px; }
#social-wallet-element > div { min-height:54px; }
#social-wallet.wallet-unavailable { height:0; }
#stripe-payment-retry,#stripe-check-status { margin-top:10px; text-decoration:underline; background:transparent; color:#111; border:0; padding:8px; }
@media(max-width:380px){.stripe-payment-panel{padding:20px 14px;}}

/* Source heading roles; Clockout-only registration reuses the standard question role. */
.social-funnel .screen[data-screen=goal] h2 { font-weight:300; }
.social-funnel .source-understood h2 { letter-spacing:-.4px; }
.social-funnel .source-understood .story-text { line-height:22px; letter-spacing:.14px; }
.social-funnel .reference-paywall>.social-subtitle { letter-spacing:-.08px; }
.social-funnel .reference-paywall>.social-subtitle strong { font-weight:600; letter-spacing:.08px; }
.social-funnel .reference-paywall .membership-note p { line-height:22px; letter-spacing:.14px; }
.social-funnel .reference-paywall #paywall-headline strong { font-weight:700; }
.social-funnel .reference-paywall .plan-saving { font-weight:400; }
.social-funnel .reference-paywall .plan-details .plan-billing { font-size:13px; }
.social-funnel .screen:is([data-screen=phone],[data-screen=code],[data-screen=name],[data-screen=industry],[data-screen=work],[data-screen=university],[data-screen=success],[data-screen=payment-status]) h2 {
  font:400 24px/1.35 'Feature Deck',Georgia,serif; letter-spacing:0;
}
/* Keep the hidden native select from expanding the industry screen. */
.social-funnel .single-form .sr-only { width:1px; height:1px; min-width:0; padding:0; margin:-1px; }
/* Registration completion uses the same readable text roles as the quiz. */
.social-funnel .complete.success-screen>.success-intro { color:#666362; line-height:1.4; }
.social-funnel .success-handoff { background:#fff; }
.social-funnel .success-handoff strong { color:#111; font:600 16px/24px FixelText,sans-serif; }
.social-funnel .success-handoff small { color:#666362; font:400 14px/22px FixelText,sans-serif; }
.social-funnel .success-handoff small b { color:#111; }
.social-funnel .success-help { font:400 12px/1.4 FixelText,sans-serif; color:#666362; }

/* Reserve the full illustration box before either the poster or Lottie loads. */
.social-funnel .source-intro .intro-motion { position:relative; isolation:isolate; flex-shrink:0; }
.intro-motion-poster,.intro-motion-player { position:absolute; inset:0; width:100%; height:100%; }
.intro-motion-poster { object-fit:contain; }
.intro-motion-player { visibility:hidden; }
.intro-motion-player svg { display:block; width:100%; height:100%; }
.intro-motion-ready .intro-motion-player { visibility:visible; }
.intro-motion-ready .intro-motion-poster { visibility:hidden; }

/* Timeleft's persistent multi-select indicator; no font-dependent check glyph. */
.social-funnel .social-choices[data-multi]:not(.interest-chips) .choice-check {
  display:flex; align-items:center; justify-content:center; flex:0 0 20px;
  width:20px; height:20px; margin-left:auto; padding:0; opacity:1;
  border:0; border-radius:0; background:none; box-shadow:none;
}
.social-funnel .social-choices[data-multi]:not(.interest-chips) .choice-check svg { display:block; width:20px; height:20px; }
.choice-check .choice-box { fill:#f7f3ed; stroke:#ddd; transition:fill .1s; }
.choice-check .choice-tick { opacity:0; }
[aria-pressed=true] .choice-check .choice-box { fill:#111; stroke:none; }
[aria-pressed=true] .choice-check .choice-tick { opacity:1; }
.social-funnel .social-choices[data-multi]:not(.interest-chips) button { border-color:#efe8de; }
.social-funnel .social-choices[data-multi]:not(.interest-chips) button[aria-pressed=true] { background:#efe8de; border-color:#111; box-shadow:none; }
@media(prefers-reduced-motion:reduce) { .choice-check .choice-box { transition:none; } }

/* Keep the graph card stationary; reveal only its original curve and end marker. */
@media(prefers-reduced-motion:no-preference) {
  .source-connection.is-active .connection-line {
    stroke-dasharray:1; animation:connection-line-draw 2400ms cubic-bezier(.4,0,.2,1) 180ms both;
  }
  .source-connection.is-active .connection-endpoint,
  .source-connection.is-active .connection-end-guide {
    animation:connection-end-reveal 240ms ease-out 2520ms both;
  }
}
@keyframes connection-line-draw { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
@keyframes connection-end-reveal { from { opacity:0; } to { opacity:1; } }

/* Country selection mirrors the reference's searchable, full-width bottom sheet. */
.social-funnel .country-open {
  display:flex; align-items:center; gap:16px; width:100%; height:52px;
  padding:12px 16px; border:0; border-radius:16px; background:#fff; color:#111;
  text-align:left; font:400 16px/1.2 FixelText,sans-serif; cursor:pointer;
}
.social-funnel .country-open.placeholder { color:#999; }
.social-funnel .country-open:focus-visible { outline:2px solid #111; outline-offset:2px; }
.social-funnel .country-dialog {
  position:fixed; inset:auto 0 auto; top:var(--country-top,5dvh);
  width:100%; height:var(--country-height,95dvh); max-width:none; max-height:none;
  margin:0; padding:0; border:0; border-radius:16px 16px 0 0;
  background:#fff; color:#111; box-shadow:0 -4px 12px #0003; overflow:hidden;
  font:400 16px/1.5 FixelText,sans-serif;
}
.social-funnel .country-dialog[open] { display:flex; flex-direction:column; }
.country-dialog::backdrop { background:transparent; }
.country-dialog-header { position:relative; height:56px; flex-shrink:0; }
.social-funnel .country-close {
  position:absolute; top:.3em; right:.6em; width:auto; height:auto; min-height:0;
  padding:0; border:0; border-radius:0; background:none; color:#000;
  font:300 32px/1 sans-serif; cursor:pointer;
}
.country-close::before { content:''; position:absolute; inset:-10px; }
.country-dialog-search { margin:0 16px 8px; flex-shrink:0; }
.social-funnel .country-dialog #origin-input {
  width:100%; height:auto; min-height:0; margin:0; padding:8px;
  border:1px solid #ccc; border-radius:6px; background:#fff; color:#111;
  font:400 16px/1.2 FixelText,sans-serif; box-shadow:none;
}
.social-funnel .country-dialog #origin-input:focus { outline:2px solid #3167b0; outline-offset:-2px; }
.social-funnel .country-dialog .country-options {
  position:relative; inset:auto; flex:1; min-height:0; max-height:none;
  width:100%; margin:0; padding:0 16px max(16px,env(safe-area-inset-bottom));
  border:0; border-radius:0; box-shadow:none; overflow-y:auto; overscroll-behavior:contain;
}
.social-funnel .country-option {
  display:block; width:100%; height:auto; min-height:0; margin:0; padding:8px;
  border:0; border-bottom:1px solid #eee; border-radius:0; background:transparent;
  color:#111; font:400 16px/1.5 FixelText,sans-serif; text-align:left; cursor:pointer;
}
.social-funnel .country-option[aria-selected=true] { background:#e6f4ff; font-weight:700; }
.social-funnel .country-option.is-active { background:#f5f5f5; }
.social-funnel .country-option:active { background:#e6f4ff; }
.country-empty { margin:0; padding:8px; color:#666; }
html.country-picker-open, .country-picker-open body { overflow:hidden; overscroll-behavior:none; }
@media(hover:hover) and (pointer:fine) { .social-funnel .country-option:hover { background:#f5f5f5; } }
@media(prefers-reduced-motion:no-preference) {
  .country-dialog[open] { animation:country-sheet-enter .3s ease both; }
}
@keyframes country-sheet-enter { from { transform:translateY(100%); } to { transform:translateY(0); } }

/* The label wraps inside the row; the checkbox retains its own fixed column. */
.social-funnel .social-choices[data-multi]:not(.interest-chips) button > span:not(.answer-icon):not(.choice-check) {
  flex:1 1 0%; min-width:0; white-space:normal; overflow-wrap:anywhere;
}

/* Reference visual label; the real Stripe iframe receives every pointer/keyboard action. */
#social-wallet { position:relative; }
#social-wallet-element, #social-wallet-element > div { min-height:63px; }
.wallet-reference-label {
  position:absolute; inset:4px 0; z-index:1; display:flex; align-items:center;
  justify-content:center; gap:8px; border-radius:100px; background:#000; color:#fff;
  font:500 18px/1.3 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;
  pointer-events:none; user-select:none;
}
.wallet-reference-label * { pointer-events:none; }
.wallet-reference-label img { display:block; width:auto; height:26px; }
#social-wallet.wallet-unavailable .wallet-reference-label { display:none; }
#social-wallet:focus-within { outline:2px solid #111; outline-offset:2px; border-radius:100px; }

/* Places results use the existing lightweight picker; reserve room while typing. */
.city-suggestions.is-searching { min-height: 160px; }
.city-suggestions .places-attribution { position:sticky; bottom:-6px; background:#fff; box-shadow:0 -4px 8px #fff; padding: 10px 14px 8px; text-align: right; font: 500 12px/16px Arial, sans-serif; color: #5e5e5e; }

/* Final app handoff: one action, then the phone-login instruction. */
.social-funnel .screen.success-screen {
  display:none; align-items:stretch; justify-content:flex-start; text-align:center;
  padding:calc(96px + var(--safe-top)) 24px max(24px,var(--safe-bottom));
  background:#f7f3ed; color:#111; overflow-y:auto; scrollbar-width:none;
}
.social-funnel .screen.success-screen.is-active { display:flex; }
.social-funnel .success-screen::after { display:none; }
.social-funnel .success-screen::-webkit-scrollbar { display:none; }
.social-funnel .success-heading-group { margin:0 0 28px; }
.social-funnel .success-status {
  display:flex; align-items:center; justify-content:center; gap:8px; margin:0 0 20px;
  color:#55514b; font:400 13px/20px FixelText,Arial,sans-serif;
}
.social-funnel .success-screen #success-heading {
  margin:0; color:#111; font:400 36px/1.12 'Feature Deck',Georgia,serif;
  letter-spacing:-.5px; text-wrap:balance;
}
.social-funnel .success-screen .success-intro {
  margin:16px auto 0; max-width:320px; color:#625e58;
  font:400 14px/1.5 FixelText,Arial,sans-serif; text-align:center;
}
.social-funnel .success-screen .app-store-action {
  display:flex; align-items:center; justify-content:center; gap:12px; flex-shrink:0;
  width:100%; min-height:56px; padding:14px 20px; border-radius:60px;
  background:#111; color:#fff; box-shadow:none; font:400 17px/24px FixelText,Arial,sans-serif;
  text-decoration:none; touch-action:manipulation; -webkit-tap-highlight-color:transparent;
}
.social-funnel .success-screen .app-store-action>span { font:inherit; }
.social-funnel .success-screen .app-store-action img { width:22px; height:26px; object-fit:contain; }
.social-funnel .success-screen .app-store-action>svg { margin-left:auto; }
.social-funnel .success-screen .app-store-action>img { margin-right:auto; }
.social-funnel .success-screen>.success-store-note {
  margin:8px 0 28px; max-width:none; color:#625e58; font:400 12px/18px FixelText,Arial,sans-serif;
}
.social-funnel .success-login {
  display:grid; grid-template-columns:24px minmax(0,1fr); align-items:start; gap:12px;
  padding:20px; border:1px solid #e7e1d8; border-radius:16px; background:transparent; text-align:left;
}
.social-funnel .success-login h3 { margin:0 0 8px; font:600 15px/22px FixelText,Arial,sans-serif; color:#111; }
.social-funnel .success-login p { margin:0; font:400 14px/21px FixelText,Arial,sans-serif; color:#625e58; }
.social-funnel .success-login strong { font-weight:600; color:#111; }
.social-funnel .success-screen>.success-installed {
  max-width:300px; margin:16px auto 24px; font:400 13px/20px FixelText,Arial,sans-serif; color:#625e58;
}
.social-funnel .success-footer { margin-top:auto; padding-top:16px; border-top:1px solid #e7e1d8; width:100%; }
.social-funnel .success-footer p { margin:0; color:#625e58; font:400 12px/18px FixelText,Arial,sans-serif; }
.social-funnel .success-links { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0 16px; }
.social-funnel .success-links a { display:inline-flex; align-items:center; min-height:44px; color:#111; font:400 12px/18px FixelText,Arial,sans-serif; text-underline-offset:3px; }
.social-funnel .success-screen .membership-action { width:auto; margin:0; min-height:44px; padding:10px 0; border:0; color:#111; background:transparent; font:400 12px/18px FixelText,Arial,sans-serif; text-decoration:underline; text-underline-offset:3px; }
.social-funnel .success-screen #success-portal-error { margin:8px 0; color:#a32c24; }
.social-funnel .success-footer .success-preview-note { margin-top:8px; font-size:12px; }
.social-funnel .success-screen :is(a,button):focus-visible { outline:2px solid #111; outline-offset:4px; }
.social-funnel .success-screen .app-store-action:active { opacity:.8; }
@media (hover:hover) and (pointer:fine) { .social-funnel .success-screen .app-store-action:hover { background:#292929; } }
@media (max-height:700px) {
  .social-funnel .screen.success-screen { padding-top:calc(72px + var(--safe-top)); }
  .social-funnel .success-status { margin-bottom:12px; }
  .social-funnel .success-heading-group { margin-bottom:20px; }
  .social-funnel .success-screen #success-heading { font-size:32px; }
  .social-funnel .success-screen>.success-store-note { margin-bottom:20px; }
}

.social-funnel .success-screen [hidden] { display:none!important; }

/* Keep billing detail in the selected plan and terms, without repeating it below the CTA. */
.social-funnel #checkout-dock .dock-offer { display:none; }
/* Review screens use the same clearly active black CTA as the rest of the quiz. */
.social-funnel :is(.source-proof,.source-understood,.screen-action-dock.on-photo) .primary:not(:disabled) {
  background:#111; color:#fff; opacity:1; border:1px solid rgba(255,255,255,.35);
}
.social-funnel :is(.source-proof,.source-understood,.screen-action-dock.on-photo) .primary:not(:disabled):active {
  background:#292929; color:#fff;
}
@media (hover:hover) and (pointer:fine) {
  .social-funnel :is(.source-proof,.source-understood,.screen-action-dock.on-photo) .primary:not(:disabled):hover { background:#292929; color:#fff; }
}