.transformation { --color-primary:#176161; --color-accent:#b2e86f; --teal:#176161; --lime:#b2e86f; --ink:#163232; --muted:#536767; color:var(--ink); background:#fff; font-family:Inter,system-ui,sans-serif; line-height:1.65; margin:0; }
.transformation * { box-sizing:border-box; }
.transformation h1,.transformation h2,.transformation h3 { line-height:1.12; letter-spacing:-.035em; font-weight:800; }
.transformation h1 { font-size:clamp(2.7rem,5.2vw,4.7rem); margin:18px 0 24px; }
.transformation h2 { font-size:clamp(2rem,3.4vw,3rem); margin:12px 0 24px; }
.transformation h3 { font-size:1.3rem; margin:18px 0 12px; }
.transformation p { margin:0 0 20px; }
.transformation a:focus-visible,.transformation button:focus-visible { outline:3px solid #e8a839; outline-offset:5px; }
.bt-wrap { max-width:1200px; margin:auto; padding:0 28px; }
.bt-section { padding:88px 0; scroll-margin-top:100px; }
.bt-tint { background:#f3f7f4; }
.bt-dark { background:var(--teal); color:#fff; }
.bt-eyebrow { display:block; text-transform:uppercase; font-size:.75rem; letter-spacing:.17em; font-weight:800; color:var(--teal); }
.bt-dark .bt-eyebrow { color:var(--lime); }
.bt-intro { max-width:760px; margin-bottom:38px; }
.bt-intro p,.bt-card p,.bt-person p { color:var(--muted); }
.bt-hero { padding:128px 0 76px; background:radial-gradient(ellipse at 90% 10%,#297676,transparent 65%),#176161; }
.bt-breadcrumbs { display:flex; flex-wrap:wrap; gap:10px; font-size:.8rem; margin-bottom:44px; }
.bt-breadcrumbs a { text-underline-offset:4px; }
.bt-hero-grid { display:grid; grid-template-columns:1.45fr 1fr; gap:68px; align-items:center; }
.bt-hero h1 span { color:var(--lime); }
.bt-lead { font-size:1.16rem; max-width:640px; }
.bt-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }
.bt-button { display:inline-flex; align-items:center; justify-content:center; padding:14px 24px; border:1px solid transparent; border-radius:999px; font-weight:700; text-decoration:none; min-height:50px; background:var(--lime); color:var(--ink); text-align:center; transition:transform .2s; }
.bt-button:hover { transform:translateY(-2px); }
.bt-outline { border-color:#a1c0ba; background:transparent; color:#fff; }
.bt-mandate { padding:36px; border:1px solid #71a3a0; border-radius:26px; background:#ffffff0c; }
.bt-mandate strong { display:block; font-size:3.6rem; line-height:1; letter-spacing:-.05em; margin:20px 0 8px; }
.bt-mandate ul { padding-left:20px; margin:24px 0; }
.bt-mandate li { margin:12px 0; }
.bt-small { font-size:.85rem; }
.bt-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.bt-grid-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.bt-card { padding:28px; background:#fff; border:1px solid #dce7e2; border-radius:22px; }
.bt-number { color:var(--teal); font-size:.8rem; font-weight:800; letter-spacing:.08em; }
.bt-card p:last-child { margin-bottom:0; }
.bt-note { margin-top:26px!important; color:var(--muted); font-size:.9rem; max-width:880px; }
.bt-phase { border-top:4px solid var(--lime); }
.bt-output { padding-top:18px; border-top:1px solid #dce7e2; font-weight:700; color:var(--teal)!important; }
.bt-team { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.bt-person { border:1px solid #dce7e2; border-radius:24px; overflow:hidden; display:grid; grid-template-columns:150px 1fr; background:#fff; }
.bt-person img { width:110px; height:140px; margin:28px 0 0 24px; border-radius:16px; object-fit:cover; object-position:center top; }
.bt-person div { padding:28px; }
.bt-person h3 { margin-top:12px; }
.bt-person .bt-eyebrow { font-size:.66rem; }
.bt-closing { text-align:center; }
.bt-closing .bt-wrap { max-width:820px; }
.bt-closing .bt-actions { justify-content:center; }
.bt-skip { position:fixed; top:-100px; left:16px; z-index:100; padding:12px 20px; background:var(--lime); color:var(--ink); }
.bt-skip:focus { top:12px; }
.transformation footer { padding:50px 0; }
.bt-footer { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:24px; }
.bt-footer-links { display:flex; flex-wrap:wrap; gap:20px; font-size:.85rem; }
.bt-footer a { text-underline-offset:4px; }
.bt-company { margin-top:28px!important; font-size:.8rem; opacity:.8; }
@media(max-width:1000px) { .bt-hero-grid { gap:32px; grid-template-columns:1.2fr 1fr; } .bt-grid-four { grid-template-columns:repeat(2,minmax(0,1fr)); } .bt-person { grid-template-columns:1fr; } }
@media(max-width:700px) { .bt-section { padding:56px 0; } .bt-hero { padding-top:112px; } .bt-wrap { padding:0 22px; } .bt-hero-grid,.bt-grid,.bt-grid-four,.bt-team { grid-template-columns:1fr; } .bt-breadcrumbs { margin-bottom:30px; } .bt-mandate { padding:28px; } .bt-person { grid-template-columns:1fr; } .bt-person div { padding:22px; } .bt-person img { margin:22px 0 0 22px; } .bt-actions { align-items:stretch; flex-direction:column; } }
@media(prefers-reduced-motion:reduce) { .transformation *, .transformation *::before,.transformation *::after { scroll-behavior:auto!important; transition:none!important; } }