:root{--bg:#f5f3eb;--bg-strong:#ece6d8;--surface:#ffffffd1;--surface-strong:#fffdf7;--ink:#16211d;--muted:#5d6d68;--line:#16211d1f;--accent:#0f7b6c;--accent-strong:#0a5b51;--accent-soft:#d7f0ea;--gold:#d4a94d;--shadow:0 20px 40px #1e302a14;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--container:1160px;--font-heading:"Avenir Next Condensed", "Franklin Gothic Medium", "Trebuchet MS", sans-serif;--font-body:"Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);font-family:var(--font-body), sans-serif;background:radial-gradient(circle at top left, #0f7b6c24, transparent 28%), radial-gradient(circle at top right, #d4a94d2e, transparent 24%), linear-gradient(180deg, #faf7ef 0%, var(--bg) 50%, #f2efe4 100%);margin:0}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh}.site-header{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#faf7efcc;position:sticky;top:0}.site-header-inner,.site-main{width:min(calc(100% - 2rem), var(--container));margin:0 auto}.site-header-inner{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.site-brand{align-items:center;gap:.9rem;min-width:0;display:flex}.site-brand-mark{background:linear-gradient(135deg, var(--accent) 0%, #0f4038 100%);color:#fff;width:3rem;height:3rem;font-family:var(--font-heading), sans-serif;letter-spacing:.12em;box-shadow:var(--shadow);border-radius:999px;justify-content:center;align-items:center;font-size:.95rem;display:inline-flex}.site-brand-text{flex-direction:column;gap:.15rem;display:flex}.site-brand-text strong,.site-nav-link,.button,h1,h2,h3{font-family:var(--font-heading), sans-serif}.site-brand-text small{color:var(--muted);font-size:.8rem}.site-nav,.site-actions,.button-row{align-items:center;gap:.75rem;display:flex}.site-user-button,.identity-avatar{align-items:center;display:inline-flex}.site-nav-link{color:var(--muted);font-size:.95rem}.site-nav-link:hover{color:var(--ink)}.site-main{padding:2.4rem 0 4rem}.page-stack{gap:1.5rem;display:grid}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:stretch;gap:1.5rem;display:grid}.auth-grid{grid-template-columns:.92fr 1.08fr;align-items:start;gap:1.5rem;display:grid}.page-hero,.hero-panel,.content-panel,.tool-card{border:1px solid var(--line);box-shadow:var(--shadow)}.page-hero,.hero-panel,.content-panel{border-radius:var(--radius-xl);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-hero{padding:2.5rem;position:relative;overflow:hidden}.page-hero:after,.hero-panel:after{content:"";background:radial-gradient(circle,#0f7b6c2e,#0000 70%);border-radius:999px;width:14rem;height:14rem;position:absolute;inset:auto -10% -30% auto}.page-hero-compact{min-height:auto}.page-kicker{background:var(--accent-soft);color:var(--accent-strong);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.35rem .7rem;font-size:.85rem;font-weight:700;display:inline-flex}.page-hero h1,.hero-panel h2{letter-spacing:-.04em;margin:0;line-height:.95}.page-hero h1{max-width:12ch;font-size:clamp(2.8rem,6vw,5rem)}.page-hero p,.hero-panel p,.content-panel p,.tool-card-body p,.placeholder-list,.checklist,.subtle-copy{color:var(--muted);line-height:1.7}.page-hero p{max-width:58ch;margin:1.25rem 0 0;font-size:1.02rem}.hero-panel{flex-direction:column;justify-content:space-between;gap:1rem;padding:1.75rem;display:flex;position:relative;overflow:hidden}.hero-panel h2{font-size:1.75rem}.hero-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.hero-stat{border-radius:var(--radius-md);background:#ffffffb3;border:1px solid #16211d14;padding:1rem}.hero-stat strong{margin-bottom:.2rem;font-size:1.35rem;display:block}.hero-stat span{color:var(--muted);font-size:.9rem}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:2.9rem;padding:.75rem 1.1rem;font-size:.95rem;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.button:hover,.tool-card:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%)}.button-secondary{color:var(--ink);border-color:var(--line);background:#ffffffa8}.button-ghost{color:var(--muted);background:0 0;border-color:#0000}.tool-section{gap:1rem;display:grid}.section-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.section-heading h2{margin:0;font-size:2rem}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.tool-card{border-radius:var(--radius-lg);background:#ffffffc7;flex-direction:column;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.tool-card-media{background:linear-gradient(140deg, #0f7b6c33, #16211d0a), linear-gradient(120deg, #fff 0%, var(--bg-strong) 100%);min-height:11rem;position:relative}.tool-card-image{object-fit:cover}.tool-card-placeholder{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tool-card-placeholder span{font-family:var(--font-heading), sans-serif;letter-spacing:-.08em;color:#16211dc7;font-size:2.3rem}.tool-card-topline{justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:absolute;inset:1rem 1rem auto}.tool-card-status,.inline-badge{width:fit-content;color:var(--accent-strong);letter-spacing:.04em;text-transform:uppercase;background:#ffffffd1;border:1px solid #16211d14;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.76rem;font-weight:700;display:inline-flex}.tool-card-logo{background:#fffdf7eb;border:1px solid #16211d14;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex;overflow:hidden}.tool-card-logo-fallback{font-family:var(--font-heading), sans-serif;color:var(--ink);font-size:.88rem}.tool-card-body{gap:.85rem;padding:1.3rem;display:grid}.tool-card-body h3{margin:0;font-size:1.35rem}.tool-card-body p{margin:0}.tool-card-cta{color:var(--accent-strong);font-size:.95rem;font-weight:700}.content-panel{padding:1.8rem}.auth-panel{min-height:100%}.clerk-panel{justify-content:center;width:100%;display:flex}.clerk-panel>*{width:100%}.content-panel h2{margin:.8rem 0 .4rem;font-size:1.55rem}.placeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.placeholder-card{border-radius:var(--radius-md);background:#ffffffb3;border:1px solid #16211d14;padding:1.1rem}.placeholder-card h3{margin:0 0 .5rem;font-size:1.1rem}.checklist{gap:.55rem;margin:1rem 0 1.5rem;display:grid}.checklist>div,.placeholder-list>div{padding-left:1rem;position:relative}.checklist>div:before,.placeholder-list>div:before{content:"";background:var(--gold);border-radius:999px;width:.38rem;height:.38rem;position:absolute;top:.72rem;left:0}.eyebrow-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.eyebrow-row h1{margin:0;font-size:clamp(2rem,4vw,3rem)}.muted-tag{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700}.identity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.15rem;display:grid}.identity-card{border-radius:var(--radius-md);background:#ffffffb8;border:1px solid #16211d14;padding:1rem}.identity-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem;font-size:.82rem;display:block}.identity-card strong{font-size:1rem;line-height:1.5;display:block}.identity-mono{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem}@media (max-width:980px){.hero-grid,.auth-grid,.tool-grid,.placeholder-grid,.identity-grid{grid-template-columns:1fr}.page-hero h1{max-width:none}.section-heading,.site-header-inner{flex-direction:column;align-items:flex-start}.site-nav,.site-actions{flex-wrap:wrap}}@media (max-width:640px){.site-main{width:min(calc(100% - 1.2rem), var(--container));padding-top:1.5rem}.page-hero,.hero-panel,.content-panel{padding:1.3rem}.button-row,.site-actions{width:100%}.button-row .button,.site-actions .button{flex:auto}}