:root{--ink:#171717;--paper:#f7f3ec;--paper2:#fffdf9;--coral:#f0523d;--muted:#706960;--line:#d9d0c4;--dark:#161616;--radius:24px;--shadow:0 18px 50px rgba(29,22,15,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{touch-action:manipulation}.setup-banner{background:#111;color:#fff;padding:11px 20px;text-align:center;font-size:.9rem;position:relative;z-index:50}.setup-banner strong{color:#ff6a57}
.site-header{height:82px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(247,243,236,.96);backdrop-filter:blur(12px);position:sticky;top:0;z-index:40}.brand{display:flex;gap:7px;align-items:baseline;font-size:30px;font-weight:900;letter-spacing:-1.7px}.brand strong{font-weight:900}.brand-dot{color:var(--coral)}.main-nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:800}.main-nav a:not(.nav-cta):hover{color:var(--coral)}.nav-cta{background:var(--ink);color:#fff;border-radius:999px;padding:13px 20px}.menu-toggle{display:none;border:0;background:none;font-size:30px;padding:8px;cursor:pointer}
.hero{min-height:680px;padding:92px 6vw 78px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#fffaf2 0,#f7f3ec 58%)}.eyebrow,.kicker{font-size:13px;font-weight:900;letter-spacing:.22em;color:var(--coral)}.hero h1{margin:28px 0 20px;font-size:clamp(58px,8.2vw,116px);line-height:.84;letter-spacing:-6px;font-weight:900}.hero h1 span{color:var(--coral)}.hero-copy{max-width:830px;margin:0 auto 38px;font-size:clamp(17px,2vw,23px);line-height:1.55;color:#625d56}.post-box{width:min(850px,100%);text-align:left;background:#fff;border:1px solid #d4cbc0;border-radius:28px;padding:24px 26px 18px;box-shadow:var(--shadow)}.post-input-wrap{display:flex;align-items:baseline;gap:10px;border-bottom:1px solid #eee4da;padding-bottom:16px}.input-prefix{font-size:22px;font-weight:900;white-space:nowrap}.post-input-wrap input{border:0;outline:0;min-width:0;flex:1;font-size:22px;color:var(--ink);background:transparent}.post-input-wrap input::placeholder{color:#aaa39b}.post-options{display:flex;align-items:center;gap:12px;padding:14px 0 8px}.post-options label{font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.post-options select{border:1px solid #d7d0c5;border-radius:999px;padding:9px 34px 9px 12px;background:#fff}.post-actions{display:flex;justify-content:space-between;align-items:center;padding-top:8px}.post-actions span{font-size:12px;color:#8a837a}.post-actions button,.agree-button,.comment-form button{border:0;border-radius:999px;background:var(--coral);color:#fff;padding:13px 22px;font-weight:900;cursor:pointer}.post-actions button:disabled,.agree-button:disabled{opacity:.55;cursor:not-allowed}.post-note{font-size:11px;color:#918980;margin:10px 0 0}.hero-links{display:flex;gap:24px;margin-top:22px;font-size:12px;font-weight:800;color:#6e675f}.hero-links a:hover{color:var(--coral)}
.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:white;padding:0 5vw}.stats-strip div{text-align:center;padding:24px 10px;border-right:1px solid #333}.stats-strip div:last-child{border-right:0}.stats-strip strong{display:block;font-size:27px;letter-spacing:-1px}.stats-strip span{display:block;color:#aaa;margin-top:5px;font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.section{padding:92px 6vw}.community-section{background:#fbf8f2}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:32px}.section-heading h2,.meter-copy h2,.fix-copy h2,.weekly h2,.join-section h2{font-size:clamp(38px,5.6vw,70px);line-height:.96;letter-spacing:-3.7px;margin:12px 0 0}.section-lede{max-width:650px;color:var(--muted);line-height:1.6;margin:14px 0 0}.period-filter{display:flex;background:#eee7dc;border-radius:999px;padding:6px}.period-filter button{border:0;background:transparent;border-radius:999px;padding:12px 20px;font-weight:900;cursor:pointer}.period-filter button.active{background:var(--ink);color:#fff}.loading-state,.empty-state{padding:38px;border:1px dashed #cfc6bb;border-radius:22px;text-align:center;color:#766f66;background:rgba(255,255,255,.35)}.trend-list{display:grid;gap:12px}.trend-card{display:grid;grid-template-columns:58px minmax(220px,1.45fr) minmax(190px,.85fr);align-items:center;gap:18px;background:#fff;border:1px solid #ded5ca;border-radius:20px;padding:18px;box-shadow:0 8px 24px rgba(28,22,16,.035)}.trend-rank{font-size:16px;font-weight:900;color:#aaa39a}.trend-title{font-size:18px;font-weight:850;line-height:1.25}.trend-meta{font-size:11px;color:#8b837a;margin-top:8px}.trend-meter{min-width:170px}.meter-bar{height:9px;background:#eee7dd;border-radius:999px;overflow:hidden}.meter-fill{height:100%;background:linear-gradient(90deg,#e7c765,var(--coral));border-radius:999px}.meter-label{display:flex;justify-content:space-between;margin-top:7px;font-size:9px;letter-spacing:.06em;font-weight:900}.meter-label strong{font-size:13px;color:var(--coral)}.trend-actions{grid-column:2/4;display:flex;gap:8px;flex-wrap:wrap}.tiny-agree,.tiny-secondary,.tiny-report,.clear-filter{border:1px solid #cfc6bb;background:#fff;border-radius:999px;padding:10px 14px;font-weight:850;cursor:pointer}.tiny-agree{background:var(--ink);color:#fff;border-color:var(--ink)}.tiny-agree.clicked{background:#ece5db;color:var(--ink);border-color:#ece5db}.tiny-secondary:hover,.tiny-report:hover,.clear-filter:hover{border-color:var(--ink)}.tiny-report{font-size:10px;color:#7b746b}
.meter-section{padding:96px 6vw;background:var(--dark);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center}.meter-copy p{font-size:18px;line-height:1.65;color:#b6b0a9;max-width:650px}.meter-scale{display:grid;gap:10px;margin-top:28px}.meter-scale div{display:flex;gap:10px;align-items:center;color:#bdb7b0;font-size:13px}.meter-scale b{color:#fff;width:65px}.meter-swatch{width:12px;height:12px;border-radius:50%;background:#6f6f6f}.swatch-2{background:#b69a65}.swatch-3{background:#d99060}.swatch-4{background:#ef7358}.swatch-5{background:var(--coral)}.meter-card{background:#fff;color:var(--ink);border-radius:30px;padding:28px;box-shadow:0 26px 80px rgba(0,0,0,.28)}.meter-card-top{display:flex;justify-content:space-between;font-size:10px;font-weight:900;letter-spacing:.08em;color:#8b837a}.meter-card h3{font-size:clamp(25px,4vw,42px);line-height:1.05;letter-spacing:-1.8px;margin:20px 0}.meter-ring{--score:0;width:230px;height:230px;margin:26px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--coral) calc(var(--score)*1%),#eee7df 0)}.meter-ring:before{content:"";position:absolute;width:182px;height:182px;background:#fff;border-radius:50%}.meter-ring div{position:relative;text-align:center;z-index:1}.meter-ring strong{display:block;font-size:48px;letter-spacing:-3px}.meter-ring span{font-size:9px;font-weight:900;letter-spacing:.08em}.agree-button{display:block;width:100%;padding:15px}
.category-section{background:#f7f3ec}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-grid a{background:#fff;border:1px solid #ded5ca;border-radius:18px;padding:24px;min-height:150px;transition:.18s transform,.18s box-shadow,.18s border-color}.category-grid a:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#c7bbae}.category-grid span{font-size:26px}.category-grid b{display:block;font-size:17px;margin-top:18px}.category-grid small{display:block;color:#827a71;line-height:1.5;margin-top:5px}.clear-filter{display:block;margin:24px auto 0}
.fix-section{padding:96px 6vw;background:#efe7dc;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.fix-copy h2 span{color:var(--coral)}.fix-copy p{color:#6d665e;line-height:1.65;font-size:17px}.solution-stack{display:grid;gap:12px}.solution-stack article{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;background:#fff;border-radius:18px;padding:20px;border:1px solid #ddd3c8}.solution-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#f6eee4;font-size:23px}.solution-stack small{font-size:9px;font-weight:900;letter-spacing:.1em;color:var(--coral)}.solution-stack h3{margin:4px 0 5px}.solution-stack p{margin:0;color:#777;line-height:1.5;font-size:12px}
.weekly{padding:94px 6vw;background:#fbf8f2}.weekly>p{color:#6b645c}.weekly-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}.weekly ol{margin:0;padding:0;list-style-position:inside;border-top:1px solid #ccc2b6}.weekly li{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid #d8cfc4;padding:17px 0;font-size:14px}.weekly li span{font-weight:900;color:var(--coral)}
.join-section{padding:88px 6vw;background:var(--coral);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:40px}.join-section p{max-width:680px;line-height:1.65}.join-section .kicker{color:#572017}.big-cta{background:var(--ink);padding:20px 26px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.about-section{padding:72px 6vw;background:var(--dark);color:#fff;display:flex;justify-content:space-between;gap:40px;align-items:end}.about-section h2{font-size:42px;margin:0}.about-section h2 span{color:var(--coral)}.about-section p{color:#aaa;max-width:620px;line-height:1.65}.about-section blockquote{font-size:25px;font-weight:800;max-width:390px;margin:0;text-align:right}
footer{padding:34px 6vw;background:#0d0d0d;color:#777;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;font-size:11px}.footer-brand{font-size:17px;color:#fff}.footer-links{display:flex;justify-content:center;gap:18px}.footer-links a:hover{color:#fff}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,30px);background:#171717;color:#fff;padding:13px 19px;border-radius:999px;font-weight:700;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:100;box-shadow:0 12px 30px rgba(0,0,0,.25)}.toast.show{opacity:1;transform:translate(-50%,0)}
.thread-dialog{width:min(720px,92vw);max-height:84vh;border:0;border-radius:24px;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.25)}.thread-dialog::backdrop{background:rgba(0,0,0,.62)}.dialog-close{position:absolute;top:12px;right:15px;border:0;background:transparent;font-size:2rem;cursor:pointer}.thread-dialog h2{font-size:clamp(1.7rem,5vw,2.6rem);margin:10px 36px 8px 0}.comment-form{border-top:1px solid #ddd4c8;margin-top:24px;padding-top:20px}.comment-form label{font-weight:800;display:block;margin-bottom:8px}.comment-form textarea{width:100%;resize:vertical;border:1px solid #cbc4ba;border-radius:14px;padding:14px}.comment-form>div{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.comments-list{display:grid;gap:12px;margin-top:20px}.comment{background:#f7f3ed;border-radius:14px;padding:14px}.comment p{margin:0 0 7px}.comment small{color:#766e66}.legal-page{max-width:820px;margin:64px auto;padding:0 24px 80px;line-height:1.7}.legal-page h1{font-size:clamp(2.4rem,7vw,4.5rem);letter-spacing:-.05em;line-height:.95}.legal-page h2{margin-top:34px}.legal-page a{font-weight:800}.legal-note{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin:22px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:980px){.main-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#f7f3ec;padding:24px 5vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.menu-toggle{display:block}.stats-strip{grid-template-columns:repeat(2,1fr)}.meter-section,.fix-section{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.weekly-grid{grid-template-columns:1fr}.join-section,.about-section{flex-direction:column;align-items:flex-start}.about-section blockquote{text-align:left}.footer-links{display:none}footer{grid-template-columns:1fr auto}}
@media(max-width:620px){.site-header{height:72px;padding:0 20px}.main-nav{top:72px}.brand{font-size:27px}.hero{min-height:640px;padding:58px 20px 64px}.hero h1{font-size:clamp(50px,15vw,72px);letter-spacing:-3.7px}.hero-copy{font-size:16px}.post-box{border-radius:22px;padding:20px}.post-input-wrap{display:block}.input-prefix,.post-input-wrap input{font-size:19px}.post-input-wrap input{display:block;width:100%;margin-top:8px}.post-options{align-items:flex-start;flex-direction:column;gap:7px}.stats-strip div{padding:20px 7px}.stats-strip strong{font-size:21px}.section,.meter-section,.fix-section,.weekly,.join-section{padding:68px 20px}.section-heading{display:block}.section-heading h2,.meter-copy h2,.fix-copy h2,.weekly h2,.join-section h2{letter-spacing:-2.5px}.period-filter{margin-top:22px;width:max-content}.trend-card{grid-template-columns:36px 1fr;padding:16px}.trend-title{font-size:16px}.trend-meter{grid-column:2;width:100%}.trend-actions{grid-column:1/-1}.category-grid{grid-template-columns:1fr}.meter-ring{width:200px;height:200px}.meter-ring:before{width:158px;height:158px}.hero-links{gap:14px;flex-wrap:wrap;justify-content:center}.weekly li{font-size:13px}.big-cta{white-space:normal}.about-section{padding:64px 20px}footer{padding:30px 20px}.thread-dialog{padding:23px 18px}}