/* Funnel 1 from Krishna's Web-to-app file; registration shares the same visual system. */
@font-face{font-family:'Feature Deck';src:url('assets/fonts/FeatureDeck-400.woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Feature Deck';src:url('assets/fonts/FeatureDeck-700.woff2');font-weight:700;font-display:swap}
:root{color-scheme:light;--canvas:#f7f3ed;--ink:#111;--muted:#666362;--soft:#fff;--line:#e5e1da;--plum:#f7f3ed;--plum-raised:#fff;--berry:#eee8df;--pink:#111;--pink-2:#333}
body.social-funnel,.social-funnel .app-shell,.social-funnel .screen{background:#f7f3ed;color:#111}
.social-funnel .app-shell{border:0;max-width:450px}
.social-funnel .topbar{background:transparent;backdrop-filter:none}.social-funnel .progress{display:none}
.social-funnel .brand img{width:118px;height:27px;filter:brightness(0)}
.social-funnel .has-photo-story .brand img{filter:brightness(0) invert(1)}
.social-funnel .has-photo-story:has(.source-intro.is-active) .brand img{filter:brightness(0)}
.social-funnel .back,.social-funnel .brand,.social-funnel .stage-title{color:#111}
.social-funnel .mode-badge{font-size:9px;color:#666;border-color:#ddd;background:transparent}
.social-funnel .screen h2{font-family:'Feature Deck',Georgia,serif;letter-spacing:-.025em;overflow-wrap:break-word}
.social-funnel .screen[data-screen=goal] h2,.social-funnel .screen[data-screen=meeting] h2{font-family:FixelText,Arial,sans-serif;letter-spacing:-.02em}
.social-funnel .screen p,.social-funnel .welcome-description,.social-funnel .story-text,.social-funnel .welcome-note{color:#666362}
.social-funnel a,.social-funnel .legal a,.social-funnel .support-note a{color:#111}
.social-funnel .primary{background:#111;color:#fff}
@media (hover: hover) and (pointer: fine) {.social-funnel .primary:hover{background:#333}}.social-funnel .primary:disabled{background:#d9d5ce;color:#74706a}
.social-funnel .primary>span{display:none}
.social-funnel .social-choices button,.social-funnel .age-grid button{background:#fff;color:#111;border:1px solid #eeeae3}
.social-funnel .social-choices button[aria-pressed=true]{background:#fff;border-color:#111}
@media (hover: hover) and (pointer: fine) {.social-funnel .social-choices button:hover{background:#fff;border-color:#111}}
.social-funnel [data-social-question=goal] .choice-check{display:none}
.social-funnel .age-grid span{color:#111}.social-funnel .quiz-duration{background:linear-gradient(100deg,#ffb473,#f7a8e2);color:#111}
.social-funnel input,.social-funnel select,.social-funnel .single-form input,.social-funnel .single-form select{background:#fff;color:#111;border-color:#ddd9d2}
.social-funnel input::placeholder{color:#86827d}
.social-funnel label,.social-funnel .single-form label,.social-funnel .step-label{color:#111}
.social-funnel .step-label{display:none}.social-funnel .text-action,.social-funnel .skip-action{color:#111}
.social-funnel .support-note,.social-funnel .status-choice label span{background:#fff;color:#111;border-color:#ddd9d2}
.social-funnel .support-note strong{color:#111}.social-funnel .status-choice input:checked+span{background:#eee8df;border-color:#111;color:#111}
.social-funnel .city-suggestions,.social-funnel .city-suggestions button{background:#fff;color:#111;border-color:#ddd9d2}
.social-funnel .city-suggestions button.is-active{background:#f1ece4}
@media (hover: hover) and (pointer: fine) {.social-funnel .city-suggestions button:hover{background:#f1ece4}}
.social-funnel .field-error,.social-funnel .checkout-feedback{color:#b42318}
.social-funnel :is(button,input,select,a):focus-visible{outline-color:#7663b8}
.social-funnel .source-intro .intro-review-badge{background:#fff;color:#111}.social-funnel .intro-review-badge>span:last-child{color:#111}
.social-funnel .source-connection{background:linear-gradient(120deg,#f8edf7,#f7f3ed)}
.social-funnel .source-connection h2 em{color:#ef8b45}
.social-funnel .connection-chart{background:#fff}.social-funnel .chart-grid{stroke:#eee}.social-funnel .chart-guide{stroke:#ddd}.social-funnel .chart-start-label,.social-funnel .chart-end-label{background:#fff;color:#111}
.social-funnel .connection-chart text{fill:#666}
.social-funnel .photo-story{background:linear-gradient(#0004,#0006),url('assets/clockout/stock-dinner.webp') center/cover;color:white}
.social-funnel .photo-story p,.social-funnel .photo-story h2{color:#fff}.social-funnel .photo-story h2 em{background:linear-gradient(90deg,#fa8c3e,#f27cce);background-clip:text;-webkit-text-fill-color:transparent}
.social-funnel .photo-story .primary{background:#f7f3ed;color:#111}
.social-funnel .member-review{background:#fff;border-color:#eee;color:#111}
.social-funnel .member-review figcaption,.social-funnel .member-review blockquote{color:#111}
.social-funnel .member-review a.review-source{color:#666}.social-funnel .review-avatar{background:#efe9df;color:#444}.social-funnel .review-stars{color:#fa9959}
.social-funnel .analysis-task>div:first-child,.social-funnel .analysis-task strong{color:#111}.social-funnel .analysis-track{background:#e9e5df}.social-funnel .analysis-track>span{background:#65cf96}
.social-funnel .membership-plan{background:#fff!important;color:#111!important;border-color:#ddd!important}
.social-funnel .membership-plan[aria-checked=true]{border-color:#111!important}
.social-funnel .membership-plan[data-plan=year]::before{background:#9b80f0;color:#fff}
.social-funnel .plan-radio{background:#fff;border-color:#bbb}.social-funnel [aria-checked=true] .plan-radio{background:#111;border-color:#111;box-shadow:inset 0 0 0 3px white}
.social-funnel .plan-name strong,.social-funnel .plan-rate strong{color:#111}.social-funnel .plan-billing,.social-funnel .plan-rate small{color:#666}
.social-funnel .benefits-card,.social-funnel .membership-note,.social-funnel .payment-preview,.social-funnel .secure-membership{background:#fff;color:#111;border-color:#e5e1da}
.social-funnel .benefits-card h4,.social-funnel .membership-note h3,.social-funnel .payment-preview h3{color:#111}
.social-funnel .checkout-dock{background:linear-gradient(transparent,#f7f3ed 15%);box-shadow:none}
.social-funnel .checkout-dock .primary{background:#111;color:#fff}.social-funnel .dock-offer{color:#666}
.social-funnel .social-paywall .social-terms,.social-funnel .social-paywall .plan-rationale{color:#666}
.social-funnel .social-welcome h2{font-weight:700}.social-funnel .social-bottom{margin-top:24px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.social-funnel .reference-paywall .plan-details .plan-billing{color:#666362;font-size:11px;line-height:1.4}
.social-funnel .reference-paywall .plan-rate small{color:#666362}
.social-funnel .reference-paywall .plan-name .recommendation{display:none}
.social-funnel .reference-paywall .benefits-card h4{font-family:FixelText,Arial,sans-serif}

/* Clockout app industry picker: 184×132 cards, 12px gap and 48px icons. */
.app-industry-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;width:100%; }
.app-industry-grid button {position:relative;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:16px!important;min-height:132px!important;padding:20px 8px!important;border-radius:20px!important;text-align:center!important;font-size:16px!important;line-height:20px!important;background:#eae7e4!important;border:2px solid transparent!important;color:#242126!important;}
.app-industry-grid button .answer-icon {display:flex!important;align-items:center;justify-content:center;width:48px!important;height:48px!important;min-width:48px!important;border-radius:50%;background:#d2cedf;font-size:24px!important;}
.app-industry-grid button[aria-pressed="true"] {border-color:#77708e!important;background:#dcd6e5!important;}
.app-industry-grid button:focus-visible {outline:3px solid #77708e;outline-offset:3px;}
.app-industry-grid .choice-check {position:absolute;top:9px;right:10px;}
[data-screen="industry"] .step-label {display:none;}
#industry-form {gap:20px;}