/* SocialFarm: open, product-led marketing with the existing brand palette. */
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:16px;background:var(--bg);padding:12px;z-index:5}.skip-link:focus{top:10px}
.site-header{height:96px;display:flex;align-items:center;gap:24px}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:800;letter-spacing:-.035em;white-space:nowrap}.brand-symbol{width:26px;height:29px}.site-header nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:14px;font-weight:700}.site-header nav a{padding-block:12px}.site-header nav a:hover,.text-link:hover{color:var(--accent)}.site-header nav .nav-join{padding:10px 18px;border:1px solid var(--line);border-radius:7px}.nav-join span{margin-left:12px}.theme-button{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:var(--soft);color:var(--ink);transition:transform .2s}.theme-button:hover{transform:rotate(25deg)}
.hero{padding-top:65px;background:linear-gradient(180deg,var(--bg) 38%,var(--accent-soft) 100%)}.hero-copy{text-align:center}.launch-label{font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px}.launch-label>span{width:7px;height:7px;border-radius:50%;background:var(--red)}.hero h1{font-size:clamp(40px,5.1vw,70px);line-height:1.13;letter-spacing:-.04em;font-weight:800;margin:22px auto;max-width:1000px}.hero h1>span{color:var(--accent)}.hero-description{font-size:18px;line-height:1.8;color:var(--muted)}.hero-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:13px 22px;background:var(--blue);color:white;border:0;border-radius:7px;white-space:nowrap;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#193bc7;transform:translateY(-2px)}.button:active{transform:none}.button:disabled{opacity:.65;cursor:wait;transform:none}.text-link{font-size:14px;font-weight:700;padding:12px 0}.text-link span{margin-left:10px}.hero-note{font-size:12px;color:var(--muted);margin-top:16px}.product-visual{padding:48px 38px 22px;max-width:1140px}.workspace-preview{display:flex;background:var(--bg);border-radius:12px;overflow:hidden;box-shadow:0 18px 65px #273a661a;text-align:left}.preview-sidebar{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:19px;padding:26px 18px;background:var(--soft);font-size:11px;color:var(--muted)}.preview-brand{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:800;font-size:18px;margin-bottom:20px}.workspace-label{font-size:10px;color:var(--muted)}.preview-active{background:var(--accent-soft);color:var(--accent);padding:10px;border-radius:6px;margin:-6px -2px;font-weight:700}.sidebar-bottom{display:flex;gap:9px;align-items:center;margin-top:auto;padding-top:30px;font-size:11px}.avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--yellow);color:#182023;font-weight:800}.preview-main{flex:1;min-width:0;padding:26px}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.preview-heading h2{font-size:19px;letter-spacing:-.025em;margin-top:4px}.example-badge{font-size:9px;color:var(--muted);white-space:nowrap}.preview-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:26px}.composer{min-width:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}.composer-top{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:11px}.draft-label{font-size:9px;background:var(--soft);color:var(--muted);padding:2px 8px;border-radius:4px}.composer-body{padding:16px}.post-profile{display:flex;gap:9px;align-items:center;margin-bottom:13px}.profile-icon{display:grid;place-items:center;border-radius:50%;width:30px;height:30px;background:var(--yellow);color:#182023;font-weight:800;font-size:13px}.post-profile strong{display:block;font-size:10px}.post-profile small{display:block;font-size:9px;color:var(--muted)}.post-art{position:relative;height:195px;border-radius:5px;background:#e7edff;color:#20386b;padding:19px;overflow:hidden}.art-label,.art-caption{position:relative;z-index:1;font-size:9px}.art-copy{position:relative;z-index:1;font-size:30px;font-weight:800;line-height:1.12;letter-spacing:-.035em;margin-top:13px}.art-caption{position:absolute;bottom:17px;left:19px}.post-mascot{position:absolute;width:110px;height:125px;object-fit:contain;right:0;bottom:13px}.post-copy{font-size:10px;line-height:1.7;margin:13px 0;color:var(--muted)}.publish-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:var(--muted)}.platform-symbols{display:flex;gap:7px;font-size:8px;color:var(--ink);font-weight:700}.composer-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:5px;padding:12px 16px;font-size:9px;color:var(--muted)}.publish-button{background:var(--blue);color:white;border-radius:4px;padding:7px 10px;font-size:9px;font-weight:700}.publish-button span{margin-left:8px}.queue-heading{display:flex;justify-content:space-between;align-items:center;margin:2px 0 20px}.queue-heading h3{font-size:13px}.queue-heading>span,.queue-day{font-size:10px;color:var(--muted)}.queue-day{margin:15px 0 9px}.queue-post{display:flex;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.queue-thumb{display:flex;align-items:center;width:65px;height:65px;padding:8px;border-radius:6px;flex-shrink:0;font-size:12px;font-weight:800;line-height:1.2;letter-spacing:-.03em}.peach{background:#ffe1d9;color:#8b3021}.blue-thumb{background:#e7edff;color:#20386b}.yellow-thumb{background:#ffedac;color:#5c480b}.queue-post strong{display:block;font-size:11px}.queue-post small{display:block;font-size:9px;color:var(--muted);margin:3px 0}.scheduled-label{font-size:8px;color:var(--success)}.queue-note{font-size:11px;line-height:1.8;margin-top:20px;color:var(--muted)}figcaption{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);padding-top:17px}
.platform-strip{display:flex;justify-content:center;align-items:center;gap:48px;padding-block:34px;border-bottom:1px solid var(--line)}.platform-strip p{color:var(--muted);font-size:13px}.platform-strip>div{display:flex;gap:35px;font-size:18px;font-weight:800;letter-spacing:-.025em}.workflow{padding-block:100px;scroll-margin-top:30px}.section-intro{display:flex;align-items:center;justify-content:space-between;gap:30px}h2{font-size:clamp(28px,3.1vw,40px);line-height:1.22;letter-spacing:-.035em;font-weight:800}.section-intro>p{font-size:15px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;list-style:none;padding:0;margin:44px 0 0}.steps li{padding-top:24px;border-top:1px solid var(--line)}.step-number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:13px;font-weight:800;margin-bottom:20px}.blue{background:var(--accent-soft);color:var(--accent)}.red{background:#ffe1d9;color:#8b3021}.yellow{background:#ffedac;color:#5c480b}.steps h3{font-size:18px;letter-spacing:-.025em;margin-bottom:9px}.steps p{font-size:14px;color:var(--muted);max-width:34ch}.questions{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding-block:0 100px;scroll-margin-top:35px}.questions>div>p{color:var(--muted);font-size:14px;margin-top:20px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;font-size:15px;font-weight:700}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:24px;font-weight:400;color:var(--accent);line-height:1}details[open] summary:after{content:'−'}details p{padding:0 25px 22px 0;font-size:14px;line-height:1.8;color:var(--muted)}details p a{text-decoration:underline;color:var(--accent)}
.closing{display:flex;justify-content:space-between;align-items:center;gap:45px;background:var(--accent-soft);padding:48px;border-radius:12px;scroll-margin-top:30px}.closing>div>p:first-child{font-size:13px;color:var(--accent);font-weight:700;margin-bottom:13px}.closing-description{font-size:13px;color:var(--muted);margin-top:16px}.signup{width:470px;max-width:100%}.signup label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.signup-row{display:flex;gap:8px}.signup input{flex:1;min-width:0;width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--ink);font-size:14px}.signup input::placeholder{color:var(--muted);opacity:1}.form-note{font-size:12px;color:var(--muted);margin-top:12px;min-height:20px}.form-note.error{color:var(--danger)}.success-message{font-weight:700;line-height:1.8}.site-footer{display:flex;align-items:center;gap:26px;padding-block:42px}.site-footer .wordmark{font-size:20px;gap:0}.footer-dot{color:var(--red)}.site-footer>span{font-size:11px;color:var(--muted)}.site-footer nav{display:flex;margin-left:auto;gap:24px;font-size:12px;color:var(--muted)}.site-footer nav a{padding-block:12px}.site-footer nav a:hover{text-decoration:underline}.hero-copy{animation:rise-in .65s ease-out}.workspace-preview{animation:rise-in .9s ease-out}@keyframes rise-in{from{transform:translateY(12px)}to{transform:translateY(0)}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.site-header nav{gap:20px}.product-visual{padding-inline:10px}.preview-sidebar{width:165px;padding:24px 12px;font-size:10px}.preview-main{padding:20px}.preview-columns{gap:18px}.example-badge{display:none}.post-mascot{width:85px}.closing{padding:36px;gap:32px}.signup{width:390px}.signup-row{flex-direction:column}.questions{gap:40px}.art-copy{font-size:26px}}
@media(max-width:760px){.site-header{height:80px;gap:15px}.wordmark{font-size:22px}.site-header nav{gap:16px}.site-header .how-link,.site-header .nav-join{display:none}.hero{padding-top:45px}.hero h1{font-size:clamp(36px,7vw,54px)}.hero-description{font-size:16px}.launch-label{font-size:12px}.hero-note{font-size:11px}.product-visual{padding:36px 0 20px}.preview-sidebar{display:none}.preview-main{padding:20px}.preview-heading h2{font-size:20px}.preview-columns{grid-template-columns:1.15fr 1fr}.post-art{height:185px}.post-mascot{width:85px;opacity:.8}.art-copy{font-size:25px}.publish-row{display:block}.platform-symbols{margin-top:6px}.composer-bottom{padding:12px 10px;flex-wrap:wrap;gap:10px}.platform-strip{flex-direction:column;gap:14px;padding-block:26px}.platform-strip>div{font-size:17px;gap:28px}.workflow{padding-block:64px}.section-intro{display:block}.section-intro>p{margin-top:20px}.steps{gap:25px;margin-top:30px}.steps h3{font-size:16px}.steps p{font-size:13px}.questions{grid-template-columns:1fr;gap:30px;padding-bottom:64px}.questions h2 br{display:none}.questions>div>p{margin-top:12px}.closing{flex-direction:column;align-items:flex-start;padding:32px}.signup{width:100%}.signup-row{flex-direction:row}.site-footer{gap:18px}.site-footer nav{margin:0}.site-footer>span{margin-left:auto}}
@media(max-width:520px){.wrap{width:calc(100% - 36px)}.hero h1{font-size:36px;line-height:1.17}.hero h1 br{display:none}.hero-description{font-size:15px}.desktop-break{display:none}.hero-actions{flex-direction:column;gap:6px;margin-top:22px}.hero-note{max-width:230px;margin-inline:auto}.preview-main{padding:16px}.preview-heading{margin-bottom:17px}.preview-heading h2{font-size:18px;max-width:230px}.preview-columns{display:block}.queue-preview{display:none}.post-art{height:205px}.art-copy{font-size:28px}.post-mascot{width:75px;height:90px;bottom:8px;opacity:1}.publish-row{display:flex}.platform-symbols{margin-top:0;font-size:9px}.composer-bottom{padding:13px 16px}.post-copy{font-size:11px}.preview-heading .workspace-label{font-size:10px}figcaption{display:block;text-align:center;font-size:10px}figcaption span{display:block;margin-top:3px}.steps{grid-template-columns:1fr;gap:26px}.steps li{position:relative;padding:22px 0 0 48px}.step-number{position:absolute;left:0;top:22px}.steps h3{font-size:18px}.steps p{font-size:14px;max-width:none}.signup-row{flex-direction:column}.closing{padding:28px 24px;gap:27px}.closing h2{font-size:32px}.site-footer .wordmark{font-size:18px}.site-footer>span{font-size:10px}.site-footer nav{width:100%;justify-content:center}.platform-strip>div{font-size:16px;gap:23px}summary{font-size:14px}.launch-label{font-size:11px}.site-header nav{font-size:13px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}