/* Socio UI v1 — mobile-first implementation of docs/SOCIO_DESIGN_SPEC.md */
:root{--canvas:#fffdf8;--surface:#fff;--soft-surface:#f1eee7;--coral:#ff8b63;--ink:#10244b;--muted:#5d6b80;--line:#e8e5de;--success:#348b69;--danger:#b43d3a}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink)}.wrap{width:calc(100% - 32px);max-width:1120px}.nav{height:72px;gap:12px}.nav-note{display:none}.brand{font-size:20px}.brand-mark{width:28px;height:28px}.login-link{min-height:44px;padding:0 6px;margin-left:auto}.button{min-height:44px;padding:11px 18px;box-shadow:none}.button:hover{transform:none;box-shadow:none}.button:focus-visible,.login-link:focus-visible,.google-button:focus-visible,.email-toggle:focus-visible,.close:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ffb69f;outline-offset:3px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:48px 0 64px;gap:36px}.hero-copy{max-width:610px}.eyebrow{margin-bottom:16px}.hero h1{font-size:clamp(43px,12vw,58px);line-height:1.01;letter-spacing:-.055em}.lede{font-size:16px;margin:20px 0 26px}.hero-actions{gap:20px;align-items:center}.hero-actions .button{flex:1;text-align:center}.text-link{font-size:13px;white-space:nowrap}.safe-row{margin-top:26px;flex-wrap:wrap;font-size:11px}.hero-art{max-width:100%;order:2}.hero-art img{border-radius:20px;box-shadow:none}.floating-card{left:12px;bottom:14px;right:auto;padding:10px;gap:7px}.sent{display:none}.proof-inner{height:auto;padding:18px 0;gap:10px;align-items:flex-start;flex-direction:column}.proof-inner div{font-size:10px;white-space:nowrap}.how,.dashboard{padding:72px 0}.section-head h2,.builder-copy h2{font-size:38px;line-height:1.04}.section-head>p:last-child{font-size:15px}.steps{grid-template-columns:1fr;gap:12px;margin-top:32px}.steps article{min-height:0;padding:24px}.steps h3{font-size:18px}.builder-section{padding:72px 0}.builder-layout{grid-template-columns:1fr;gap:28px}.builder-card{padding:20px;border-radius:16px;box-shadow:none;border:1px solid var(--line)}.builder-card label{margin:16px 0}.form-foot{gap:12px}.form-foot .button{flex-shrink:0}.dashboard-card{grid-template-columns:1fr;border-radius:16px;margin-top:32px;box-shadow:none}.dashboard-card aside{display:none}.dashboard-main{padding:20px}.dash-head{gap:12px}.dash-head h3{font-size:20px}.stat-row{grid-template-columns:1fr 1fr;margin:20px 0;gap:8px}.stat-row>div:last-child{display:none}.automation-row{grid-template-columns:38px minmax(0,1fr) 55px;gap:9px}.automation-row .on,.automation-row .more{display:none}.reel-thumb{width:36px;height:36px}.modal{padding:16px;align-items:center}.modal-card{width:100%;max-height:calc(100dvh - 32px);overflow-y:auto;border-radius:18px;padding:28px 24px;box-shadow:0 18px 48px #10244b33}.modal-card .eyebrow{margin-bottom:12px}.modal-card .eyebrow #auth-kicker{height:auto;width:auto;background:transparent;border-radius:0;display:inline;font:500 11px 'DM Mono';letter-spacing:.08em;text-transform:uppercase;color:#637086}.modal-card h2{font-size:32px;line-height:1.03}.modal-card>p:not(.eyebrow){font-size:14px;margin:14px 0 22px}.google-button{min-height:46px;border-color:#d9dce2;border-radius:10px}.email-toggle{min-height:44px}.auth-divider{margin:16px 0 8px}.email-flow{margin-top:10px}.modal-card small{line-height:1.5}.toast{width:calc(100% - 32px);text-align:center;bottom:16px}@media (min-width:768px){.wrap{width:calc(100% - 48px)}.nav{height:82px}.nav-note{display:block;margin-left:auto}.login-link{margin-left:0}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:48px;padding:70px 0 96px}.hero-art{order:initial}.hero h1{font-size:clamp(52px,5.5vw,72px)}.hero-actions .button{flex:none}.proof-inner{height:84px;padding:0;flex-direction:row;align-items:center}.how,.dashboard{padding:112px 0}.steps{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.steps article{min-height:235px;padding:29px}.builder-section{padding:104px 0}.builder-layout{grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center}.dashboard-card{grid-template-columns:195px 1fr}.dashboard-card aside{display:block}.dashboard-main{padding:27px}.stat-row{grid-template-columns:repeat(3,1fr);gap:12px}.stat-row>div:last-child{display:block}.automation-row{grid-template-columns:42px 1fr 80px 70px 28px;gap:12px}.automation-row .on,.automation-row .more{display:inline}.modal-card{max-width:430px;padding:32px}.toast{width:auto}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}