.cs-page{min-height:100vh;color:#14201a;background:radial-gradient(1000px 480px at 8% -8%,rgba(31,107,69,.1),transparent 55%),radial-gradient(800px 420px at 100% 0%,rgba(196,122,44,.1),transparent 50%),linear-gradient(180deg,#f7f8f5,#f3f5f1 45%,#eef2ee);font-family:DM Sans,system-ui,sans-serif}.cs-container{width:min(1120px,calc(100% - 32px));margin:0 auto}.cs-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f8f5e0;border-bottom:1px solid rgba(20,32,26,.08)}.cs-header__inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.cs-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-weight:750}.cs-brand img{height:52px;width:auto;max-width:min(200px,48vw);object-fit:contain;object-position:left center;display:block;flex-shrink:0;margin-block:-6px}.cs-brand small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#1f6b45;font-weight:700}.cs-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 18px;font-weight:700;text-decoration:none;border:1px solid transparent;transition:.15s ease}.cs-btn--primary{background:#1f6b45;color:#fff}.cs-btn--primary:hover{background:#154f32}.cs-btn--accent{background:#c47a2c;color:#fff;margin-top:8px}.cs-btn--ghost{background:#fff;border-color:#14201a1f;color:#14201a}.cs-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;padding:56px 0 28px}.cs-eyebrow{display:inline-flex;margin:0 0 14px;padding:6px 12px;border-radius:999px;background:#e8f5ee;color:#154f32;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cs-hero h1{margin:0 0 16px;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(2.5rem,5.4vw,4rem);line-height:1.05}.cs-lead{font-size:1.12rem;color:#5c6b63;max-width:40ch;margin:0 0 12px}.cs-support{font-size:.98rem;color:#6a7871;max-width:46ch;margin:0 0 22px}.cs-hero__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.cs-status{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:#14201a;color:#fff;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:12px}.cs-hero__visual{position:relative;min-height:320px}.cs-orb{position:absolute;border-radius:50%;filter:blur(2px)}.cs-orb--a{width:220px;height:220px;right:10%;top:8%;background:radial-gradient(circle at 30% 30%,#1f6b4559,#1f6b450d)}.cs-orb--b{width:160px;height:160px;left:8%;bottom:10%;background:radial-gradient(circle at 30% 30%,#c47a2c59,#c47a2c0d)}.cs-panel{position:relative;z-index:1;margin:28px 0 0 auto;width:min(100%,340px);background:#ffffffdb;border:1px solid rgba(20,32,26,.08);border-radius:22px;padding:22px;box-shadow:0 18px 50px #14201a14}.cs-panel__row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(20,32,26,.08);font-size:14px}.cs-panel__row strong{color:#1f6b45}.cs-panel>p{margin:14px 0 0;color:#5c6b63;font-size:14px}.cs-section{padding:36px 0 20px}.cs-section__head h2{margin:0 0 8px;font-size:1.7rem}.cs-section__head p{margin:0 0 20px;color:#5c6b63}.cs-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cs-feature{background:#fff;border:1px solid rgba(20,32,26,.08);border-radius:18px;padding:20px;box-shadow:0 10px 30px #14201a0a;min-height:190px}.cs-feature__icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#e8f5ee;color:#1f6b45;margin-bottom:14px}.cs-feature h3{margin:0 0 8px;font-size:1.05rem;text-transform:capitalize}.cs-feature p{margin:0;color:#5c6b63;font-size:14px;line-height:1.55}.cs-cta{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;align-items:stretch;background:linear-gradient(145deg,#173528,#1f6b45 60%,#2a8254);color:#fff;border-radius:24px;padding:28px;box-shadow:0 18px 40px #17352838}.cs-cta h2{margin:0 0 10px;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:2rem}.cs-cta p{margin:0 0 10px;opacity:.92;max-width:48ch}.cs-cta__badge{background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:22px;display:grid;align-content:center;gap:6px}.cs-cta__badge span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.cs-cta__badge strong{font-size:1.6rem}.cs-cta__badge small{opacity:.75}.cs-footer{margin-top:48px;border-top:1px solid rgba(20,32,26,.08);padding:28px 0 40px;color:#5c6b63;font-size:13px}.cs-footer__inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.cs-footer nav{display:flex;gap:14px;flex-wrap:wrap}.cs-footer a{color:inherit;text-decoration:none}.cs-footer a:hover{color:#14201a}@media (max-width: 960px){.cs-hero,.cs-cta,.cs-feature-grid{grid-template-columns:1fr}.cs-panel{margin:0 auto}.cs-hero{padding-top:36px}}@media (max-width: 640px){.cs-feature-grid{grid-template-columns:1fr}.cs-hero h1{font-size:2.35rem}.cs-brand img{height:44px;max-width:min(168px,50vw);margin-block:-4px}.cs-header__inner{min-height:68px}}:root{--tb-bg: #f6f7f4;--tb-surface: #ffffff;--tb-ink: #14201a;--tb-muted: #5c6b63;--tb-line: #e2e7e3;--tb-green: #1f6b45;--tb-green-dark: #154f32;--tb-accent: #c47a2c;--tb-accent-soft: #f7efe4;--tb-shadow: 0 10px 30px rgba(20, 32, 26, .06);--tb-radius: 14px;--tb-font: "DM Sans", system-ui, sans-serif;--tb-display: "Instrument Serif", Georgia, serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--tb-font);color:var(--tb-ink);background:radial-gradient(1200px 500px at 10% -10%,rgba(31,107,69,.08),transparent 55%),radial-gradient(900px 400px at 100% 0%,rgba(196,122,44,.08),transparent 50%),var(--tb-bg);line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.tb-header{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f6f7f4eb;border-bottom:1px solid var(--tb-line)}.tb-header__inner{display:flex;align-items:center;gap:18px;min-height:72px;padding:10px 0}.tb-logo{display:flex;align-items:center;gap:10px;font-weight:700}.tb-logo img{height:32px;width:auto}.tb-logo span{font-size:14px;letter-spacing:.02em}.tb-logo small{display:block;font-size:11px;font-weight:600;color:var(--tb-green);text-transform:uppercase;letter-spacing:.08em}.tb-search{flex:1;display:flex;align-items:center;gap:0;background:var(--tb-surface);border:1px solid var(--tb-line);border-radius:999px;overflow:hidden;box-shadow:var(--tb-shadow)}.tb-search input{flex:1;border:0;outline:0;padding:14px 18px;background:transparent}.tb-search button{border:0;background:var(--tb-green);color:#fff;padding:14px 20px;font-weight:650;cursor:pointer}.tb-nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.tb-nav a{font-size:14px;font-weight:600;color:var(--tb-muted)}.tb-nav a:hover,.tb-nav a.active{color:var(--tb-ink)}.tb-actions{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 16px;font-weight:650;border:1px solid transparent;cursor:pointer;transition:.15s ease}.btn-primary{background:var(--tb-green);color:#fff}.btn-primary:hover{background:var(--tb-green-dark)}.btn-secondary{background:var(--tb-surface);border-color:var(--tb-line);color:var(--tb-ink)}.btn-accent{background:var(--tb-accent);color:#fff}.btn-ghost{background:transparent;color:var(--tb-ink);border-color:transparent}.btn-sm{padding:8px 12px;font-size:13px}.hero{padding:56px 0 40px;display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}.hero h1{font-family:var(--tb-display);font-weight:400;font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.05;margin:0 0 14px}.hero p{color:var(--tb-muted);font-size:1.05rem;max-width:48ch;margin:0 0 22px}.hero__panel{background:linear-gradient(160deg,#183528,#1f6b45 55%,#2d8a58);color:#fff;border-radius:22px;padding:28px;box-shadow:var(--tb-shadow);min-height:260px}.hero__panel h2{font-family:var(--tb-display);font-weight:400;font-size:1.8rem;margin:0 0 10px}.hero__panel ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:8px}.hero__panel li:before{content:"✓ ";color:#d9f5e5}.section{padding:36px 0}.section__head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:18px}.section__head h2{font-size:1.45rem;margin:0}.section__head p{margin:4px 0 0;color:var(--tb-muted);font-size:14px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card,.supplier-card,.cat-card{background:var(--tb-surface);border:1px solid var(--tb-line);border-radius:var(--tb-radius);overflow:hidden;box-shadow:var(--tb-shadow)}.product-card__media{aspect-ratio:1.15;background:#eef2ef;display:grid;place-items:center;color:var(--tb-muted)}.product-card__media img{width:100%;height:100%;object-fit:cover}.product-card__body,.supplier-card,.cat-card{padding:14px 14px 16px}.product-card h3{font-size:15px;margin:0 0 6px;line-height:1.35}.price-range{font-weight:750;font-size:15px}.meta{font-size:12.5px;color:var(--tb-muted);display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{display:inline-flex;align-items:center;border-radius:999px;background:var(--tb-accent-soft);color:#7a4a14;padding:3px 8px;font-size:11px;font-weight:700}.chip-green{background:#e8f5ee;color:var(--tb-green-dark)}.empty{border:1px dashed var(--tb-line);border-radius:var(--tb-radius);padding:36px 20px;text-align:center;background:#ffffffa6;color:var(--tb-muted)}.footer{margin-top:48px;border-top:1px solid var(--tb-line);padding:28px 0 40px;color:var(--tb-muted);font-size:13px}@media (max-width: 980px){.hero{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.tb-nav{display:none}}@media (max-width: 640px){.grid-4,.grid-3{grid-template-columns:1fr}.tb-header__inner{flex-wrap:wrap}.tb-search{order:5;width:100%}}