:root { --tb-ink:#223127; --tb-moss:#56725a; --tb-sage:#9db49c; --tb-water:#5e91a4; --tb-amber:#c68b47; --tb-vellum:#f3ebdd; --tb-paper:#fffdf7; }
.tb-page { color:var(--tb-ink); background:var(--tb-vellum); }
.tb-page .nav { background:color-mix(in srgb,var(--tb-vellum) 90%,transparent); border-color:rgba(34,49,39,.12); }
.tb-bean { display:grid; width:32px; height:32px; place-items:center; border-radius:9px; color:var(--tb-vellum); background:var(--tb-moss); }
.tb-nav { display:flex; gap:1.35rem; align-items:center; }
.tb-nav a { color:var(--tb-ink); text-decoration:none; font-weight:700; font-size:.88rem; }
.tb-hero { overflow:hidden; padding:clamp(4.5rem,9vw,8rem) 0 clamp(4rem,8vw,7rem); background:radial-gradient(circle at 76% 34%,rgba(198,139,71,.22),transparent 35%),linear-gradient(145deg,var(--tb-paper),var(--tb-vellum)); }
.tb-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,.95fr); gap:clamp(2rem,5vw,5rem); align-items:center; }
.tb-hero h1 { margin:.25rem 0; font-family:Georgia,serif; font-size:clamp(3.5rem,5.5vw,5.7rem); letter-spacing:-.045em; line-height:.92; }
.tb-hero .lede { color:#526159; }
.tb-tagline { margin:.8rem 0 1.15rem; max-width:15ch; font-family:Georgia,serif; font-weight:700; font-size:clamp(2rem,3.6vw,3.65rem); line-height:1.02; }
.tb-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.85rem; margin-top:1.6rem; }
.tb-page .btn-primary { background:var(--tb-moss); color:var(--tb-paper); }
.tb-feature { margin:0; transform:rotate(1.5deg); }
.tb-feature img { width:100%; border-radius:26px; box-shadow:0 28px 72px rgba(34,49,39,.22); }
.tb-feature figcaption { margin-top:.8rem; color:var(--tb-moss); text-align:center; font-size:.86rem; letter-spacing:.08em; text-transform:uppercase; }
.tb-section-head { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(280px,1fr); column-gap:clamp(2rem,6vw,6rem); align-items:end; margin-bottom:2.2rem; }
.tb-section-head .eyebrow { grid-column:1/-1; }
.tb-section-head h2 { margin:.25rem 0; font-family:Georgia,serif; font-size:clamp(2.5rem,5vw,4.75rem); line-height:.98; }
.tb-section-head > p:last-child { color:#5e6e64; font-size:1.08rem; line-height:1.7; }
.tb-step-grid,.tb-values { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.tb-step-grid article,.tb-values article { padding:clamp(1.35rem,3vw,2.2rem); border:1px solid rgba(34,49,39,.13); border-radius:24px; background:var(--tb-paper); box-shadow:0 12px 34px rgba(34,49,39,.07); }
.tb-step-grid span { display:inline-flex; padding:.35rem .58rem; border-radius:999px; color:var(--tb-paper); background:var(--tb-moss); font-size:.72rem; font-weight:800; letter-spacing:.16em; }
.tb-step-grid h3,.tb-values h3,.tb-feature-list h3 { margin:1rem 0 .5rem; font-family:Georgia,serif; font-size:1.55rem; }
.tb-step-grid p,.tb-values p,.tb-feature-list p { color:#617067; line-height:1.65; }
.tb-garden { background:var(--tb-ink); color:var(--tb-paper); }
.tb-garden-grid { display:grid; grid-template-columns:minmax(260px,440px) minmax(0,1fr); gap:clamp(3rem,8vw,8rem); align-items:center; }
.tb-phone { width:min(100%,390px); margin:0 auto; padding:12px; border-radius:42px; background:#101713; box-shadow:0 30px 70px rgba(0,0,0,.3); }
.tb-phone img { display:block; width:100%; border-radius:31px; }
.tb-garden-copy h2 { max-width:12ch; font-family:Georgia,serif; font-size:clamp(2.7rem,5vw,5rem); line-height:.98; }
.tb-feature-list { display:grid; gap:.85rem; margin-top:2rem; }
.tb-feature-list article { padding:1.1rem 0 1.1rem 1.25rem; border-left:3px solid var(--tb-amber); }
.tb-feature-list h3 { margin:0 0 .35rem; }
.tb-feature-list p { margin:0; color:#c7d2ca; }
.tb-rhythm .tb-section-head { display:block; }
.tb-values article:nth-child(2) { transform:translateY(18px); }
.tb-preview { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,390px); gap:clamp(3rem,8vw,8rem); align-items:center; }
.tb-preview h2 { font-family:Georgia,serif; font-size:clamp(3rem,6vw,5.6rem); line-height:.95; }
.tb-preview > div > p:last-of-type { max-width:56ch; color:#617067; font-size:1.08rem; line-height:1.75; }
.tb-phone-home { transform:rotate(2deg); }
.tb-cta { display:grid; grid-template-columns:100px 1fr auto; gap:1.5rem; align-items:center; background:var(--tb-moss); color:var(--tb-paper); }
.tb-cta img { width:100px; border-radius:24px; }
.tb-cta h2 { margin:.15rem 0; font-family:Georgia,serif; }
.tb-cta p { margin:.25rem 0; }
.tb-cta .btn-primary { background:var(--tb-paper); color:var(--tb-ink); }
@media (max-width:850px) { .tb-nav { display:none; } .tb-hero-grid,.tb-section-head,.tb-garden-grid,.tb-preview { grid-template-columns:1fr; } .tb-hero-grid > *,.tb-preview > * { min-width:0; } .tb-hero h1 { font-size:clamp(2.5rem,10.7vw,3.2rem); } .tb-feature,.tb-phone-home { transform:none; } .tb-step-grid,.tb-values { grid-template-columns:1fr; } .tb-values article:nth-child(2) { transform:none; } .tb-garden-copy { order:-1; } .tb-cta { grid-template-columns:70px 1fr; } .tb-cta img { width:70px; } .tb-cta .btn { grid-column:1/-1; justify-self:start; } }
@media (prefers-reduced-motion:reduce) { .tb-page * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }