:root{--bg:#f3f6fb;--bg-strong:#ecf2ff;--card:rgba(255,255,255,.92);--card-solid:#fff;--text:#0f172a;--muted:#64748b;--line:#dbe4f0;--line-strong:#c7d5e6;--primary:#2563eb;--primary-dark:#1d4ed8;--primary-soft:#e8f0ff;--accent:#8b5cf6;--success:#10b981;--danger:#e11d48;--shadow:0 24px 60px rgba(15,23,42,.10);--shadow-soft:0 12px 30px rgba(15,23,42,.06);font-family:'Inter',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#eef5ff 0,#f8fbff 35%,#f3f6fb 100%);color:var(--text);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.shell,.landing{min-height:100vh}.marketing-nav,.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;position:sticky;top:0;background:rgba(248,251,255,.8);backdrop-filter:blur(18px);z-index:20;border-bottom:1px solid rgba(219,228,240,.78)}.marketing-nav nav,.topbar nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.topbar nav a,.marketing-nav nav a:not(.button){padding:10px 12px;border-radius:999px;color:var(--muted)}.topbar nav a:hover,.marketing-nav nav a:not(.button):hover{background:#fff;color:var(--text)}.brand{font-weight:800;font-size:1.25rem;letter-spacing:-.04em}.logo-lockup{display:inline-flex;align-items:center;gap:12px}.logo-symbol{position:relative;width:42px;height:42px;border-radius:50%;border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#2563eb,#8b5cf6) border-box;box-shadow:0 10px 30px rgba(37,99,235,.18);flex:0 0 42px}.logo-core,.logo-dot{position:absolute;border-radius:50%}.logo-core{width:12px;height:12px;background:#0f172a;left:50%;top:50%;transform:translate(-50%,-50%)}.logo-dot{width:8px;height:8px}.dot-a{right:4px;top:7px;background:#2563eb}.dot-b{right:7px;bottom:4px;background:#8b5cf6}.dot-c{left:4px;bottom:8px;background:#10b981}.logo-word{display:grid;gap:2px;line-height:1}.logo-word strong{font-size:1.18rem;letter-spacing:-.04em}.logo-word small{font-size:.56rem;letter-spacing:.18em;color:var(--muted);font-weight:800}.nav-logo .logo-word strong,.auth-logo .logo-word strong{font-size:1.08rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 18px;border:1px solid var(--line);font-weight:700;background:#fff;transition:.18s ease;cursor:pointer;font:inherit}.button:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.button.primary{background:linear-gradient(135deg,var(--primary),#3b82f6);border-color:transparent;color:#fff}.button.primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary))}.button.ghost{background:rgba(255,255,255,.7)}.button.subtle{background:var(--primary-soft);border-color:transparent;color:var(--primary)}.button.small{padding:9px 12px;font-size:.9rem}.button.wide{width:100%}.hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:30px;align-items:center;padding:52px 24px 36px;max-width:1180px;margin:0 auto}.hero h1{font-size:clamp(2.6rem,5vw,5rem);line-height:.96;letter-spacing:-.06em;margin:10px 0 16px}.hero p,.split-section p,.feature-grid p,.membership-banner p,.hero-metric p{color:var(--muted);font-size:1.03rem;line-height:1.7}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-weight:800;font-size:.84rem}.hero-actions,.hero-points,.landing-badges,.settings-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.hero-points span,.mock-note,.stats span,.demo-box span,.feed-pill,.meta-pill,.empty-state span{padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.92rem}.mock-switcher,.feed-switcher{display:inline-flex;gap:8px;padding:6px;background:#eef4ff;border:1px solid #d7e5ff;border-radius:999px;margin:12px 0 16px}.mock-switcher span,.feed-switcher a{padding:9px 14px;border-radius:999px;color:#4f46e5;font-weight:700}.mock-switcher .is-active,.feed-switcher .is-active{background:#fff;color:#0f172a;box-shadow:0 8px 20px rgba(15,23,42,.08)}.phone-card,.composer-card,.post-card,.side-card,.auth-card,.profile-hero,.help-item,.settings-grid .settings-card,.hero-metric,.feature-grid article,.split-section,.membership-banner,.status-card{background:var(--card);border:1px solid rgba(219,228,240,.92);border-radius:28px;box-shadow:var(--shadow)}.phone-card{padding:22px;position:relative;overflow:hidden}.phone-card:before{content:'';position:absolute;inset:auto -20% 75% 30%;height:160px;background:radial-gradient(circle,rgba(37,99,235,.18),transparent 60%)}.phone-top{font-weight:800;margin-bottom:14px}.mock-post{padding:16px;border-radius:20px;background:linear-gradient(180deg,#f8fbff,#f3f7fd);margin-bottom:12px;border:1px solid #e6eef8}.mock-stack{display:grid;gap:12px}.hero-metric{padding:18px}.hero-metric strong{display:block;font-size:1.8rem;letter-spacing:-.05em}.feature-grid{max-width:1180px;margin:0 auto;padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article,.split-section,.membership-banner{padding:24px}.feature-grid h3,.split-section h2,.membership-banner h2,.settings-card h3{margin:0 0 8px}.split-section,.membership-banner{max-width:1180px;margin:20px auto;display:flex;justify-content:space-between;gap:20px;align-items:center}.check-list{margin:0;padding-left:18px;color:var(--muted)}.check-list li{margin:10px 0}.public-footer{padding:38px 24px 48px;text-align:center;color:var(--muted)}.auth-layout{display:grid;place-items:center;min-height:100vh;padding:24px}.auth-card{width:min(100%,470px);padding:30px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.9))}.auth-card h1{margin:0 0 10px;letter-spacing:-.04em}.brand-space{display:inline-block;margin-bottom:16px}.stack-form{display:grid;gap:14px}.stack-form input,.stack-form textarea,.stack-form select,.search-input{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:#fbfdff;font:inherit;color:var(--text);outline:none;transition:.18s ease}.stack-form input:focus,.stack-form textarea:focus,.stack-form select:focus,.search-input:focus{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(37,99,235,.12);background:#fff}.inline-error,.inline-info{padding:12px 14px;border-radius:16px;margin-bottom:16px}.inline-error{background:#fff1f2;color:#be123c}.inline-info{background:#eff6ff;color:#1d4ed8}.demo-box,.helper-box,.settings-card ul{margin-top:16px;padding:16px;border-radius:18px;background:#f8fafc;border:1px dashed var(--line);display:grid;gap:8px}.muted{color:var(--muted)}.app-layout{max-width:1180px;margin:0 auto;padding:24px;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.95fr);gap:20px}.app-layout.single-column{grid-template-columns:minmax(0,820px);justify-content:center}.composer-card,.side-card,.post-card,.profile-hero{padding:22px}.section-head,.post-head,.suggestion,.profile-actions,.settings-row{display:flex;justify-content:space-between;gap:14px;align-items:center}.section-head{margin-bottom:16px}.upload-label{display:grid;gap:8px;color:var(--muted);font-weight:700}.upload-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.92rem}.file-chip{display:none;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:#eef4ff;color:var(--primary);border:1px solid #cfe0ff}.file-chip.visible{display:inline-flex}.post-head>div:last-child{display:grid;gap:4px}.post-head span,.suggestion span,.comment-item span,.meta-line,.profile-sub{color:var(--muted);font-size:.92rem}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#bfdbfe,#dbeafe);display:grid;place-items:center;font-weight:800;color:var(--primary);overflow:hidden;flex:0 0 48px}.avatar.large{width:96px;height:96px;font-size:2rem}.avatar.xl{width:112px;height:112px;font-size:2.2rem}.avatar img{width:100%;height:100%;object-fit:cover}.post-card{display:grid;gap:16px}.post-body{font-size:1.02rem;line-height:1.75;margin:0}.post-media{width:100%;max-height:560px;object-fit:cover;border-radius:22px;border:1px solid var(--line);background:#e2e8f0}.media-grid{display:grid;gap:12px}.post-actions{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}.post-actions form{margin:0}.reaction-form{display:inline-flex;flex:0 0 auto}.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:600}.reaction-button{appearance:none;-webkit-appearance:none;font:inherit;line-height:1;cursor:pointer;min-height:44px;padding:11px 15px;gap:10px;align-items:center;justify-content:center;color:#1e293b;background:#fff;border-color:var(--line-strong);box-shadow:0 1px 0 rgba(15,23,42,.02);-webkit-tap-highlight-color:transparent;transition:transform .16s ease, box-shadow .16s ease, background-color .16s ease, border-color .16s ease, color .16s ease}.reaction-button:hover,.reaction-button:active{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.08)}.reaction-button .reaction-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;line-height:0;color:inherit}.reaction-button .reaction-icon svg{width:20px;height:20px;display:block}.reaction-button .reaction-count,.reaction-button .reaction-label{opacity:1;color:inherit}.reaction-button .reaction-count{font-weight:800;letter-spacing:-.02em}.reaction-button .reaction-label{font-size:.93rem;font-weight:700}.reaction-button.is-unliked{color:#334155;background:#ffffff;border-color:#cbd5e1}.reaction-button.is-unliked .reaction-icon{color:#475569}.reaction-button.is-liked,.reaction-button.chip-active.is-liked{color:#be123c;background:#fff1f2;border-color:#f9a8d4}.reaction-button.is-liked .reaction-icon,.reaction-button.chip-active.is-liked .reaction-icon{color:#e11d48}.reaction-button.is-bookmarked,.reaction-button.chip-active.is-bookmarked{color:#0f766e;background:#ecfeff;border-color:#99f6e4}.reaction-button.is-bookmarked .reaction-icon,.reaction-button.chip-active.is-bookmarked .reaction-icon{color:#0f766e}.reaction-button.comment-chip{color:#334155;background:#fff;border-color:#cbd5e1}.reaction-button.comment-chip .reaction-icon{color:#475569}.reaction-button:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(37,99,235,.14)}.chip-active{background:#eef2ff;color:var(--primary);border-color:#c7d2fe}.side-card h3,.composer-card h1,.profile-hero h1{margin-top:0}.suggestions-list{display:grid;gap:12px}.suggestion{margin:0;padding:14px;border:1px solid #e6edf7;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f8fbff);align-items:center}.suggestion-copy{min-width:0;display:grid;gap:4px}.suggestion-copy strong,.suggestion-copy span,.suggestion-copy .meta-line{overflow-wrap:anywhere}.suggestion-action{margin:0;flex:0 0 auto}.search-result-link{display:block}.profile-hero{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.profile-hero h1{margin-bottom:6px}.stats{display:flex;gap:10px;flex-wrap:wrap}.post-mini,.comment-item{padding:14px 0;border-bottom:1px solid #edf2f7}.post-mini:last-child,.comment-item:last-child{border-bottom:0}.post-mini a{color:var(--primary);font-weight:600}.help-list{display:grid;gap:14px}.help-item{padding:20px}.active{font-weight:700;background:#fff;color:var(--text)!important;border:1px solid var(--line)}.onboarding-card{text-align:left}.search-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.search-row .search-input{flex:1 1 280px}.compact-search{margin:0 0 16px}.search-clear{width:auto}.tip-list{display:grid;gap:12px;margin-top:12px}.tip-item{padding:14px 16px;border-radius:18px;background:#f8fbff;border:1px solid #e3ecf8}.settings-grid{display:grid;gap:18px}.settings-grid .settings-card{padding:22px}.settings-card ul{list-style:none;padding:16px;margin-top:10px}.settings-card li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #ebf1f7}.settings-card li:last-child{border-bottom:0}.empty-state{padding:22px;border-radius:20px;background:#f8fbff;border:1px dashed var(--line);display:grid;gap:12px}.curated-empty{background:linear-gradient(180deg,#f8fbff,#eef5ff)}.footer-note{font-size:.92rem;color:var(--muted)}.content-grid{display:grid;gap:18px}.meta-row{display:flex;gap:10px;flex-wrap:wrap}.landing-strip{max-width:1180px;margin:0 auto;padding:0 24px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.status-card{padding:18px}.status-card strong{display:block;font-size:1.05rem}.pinned-card{border-color:#cfe0ff;background:linear-gradient(180deg,#fff,#f5f9ff)}.hide-desktop{display:none}@media (max-width:980px){.hero,.feature-grid,.app-layout,.profile-hero,.landing-strip{grid-template-columns:1fr}.split-section,.membership-banner{flex-direction:column;align-items:flex-start}.marketing-nav,.topbar{padding:16px}.marketing-nav nav{justify-content:flex-end}.profile-hero{align-items:flex-start}.hide-desktop{display:inline-flex}}@media (max-width:640px){.hero{padding-top:24px}.hero h1{font-size:2.65rem}.feature-grid{grid-template-columns:1fr}.button{width:100%}.marketing-nav nav .button,.topbar nav .button,.search-clear{width:auto}.marketing-nav nav{gap:8px}.marketing-nav nav a:not(.button),.topbar nav a{padding:8px 10px}.post-head,.suggestion,.section-head,.settings-row{align-items:flex-start;flex-direction:column}.app-layout,.feature-grid,.landing-strip{padding:16px}.composer-card,.side-card,.post-card,.auth-card,.profile-hero,.help-item,.feature-grid article,.split-section,.membership-banner,.status-card{border-radius:22px}.avatar.xl{width:92px;height:92px}.hero-actions .button,.settings-actions .button{width:100%}.post-media{border-radius:18px}.post-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.reaction-form,.reaction-button.comment-chip{width:100%}.reaction-button{width:100%;min-height:48px;padding:12px 14px}.reaction-button .reaction-label{font-size:.9rem}.suggestion{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:stretch}.suggestion-action,.suggestion-action .button,.feed-switcher,.feed-switcher a{width:100%}.feed-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.logo-word small{display:none}}