/* Approved design 01 — scoped visual update, 2026-09-20 */
:root{--green:#25553b;--green-dark:#193f2d;--warm:#fbf8f1;--accent:#ed7416}
body.tl-home{background:#fbf8f1}
.tl-design{color:#202520;font:16px/normal Arial,Helvetica,sans-serif}
.tl-design *{box-sizing:border-box}.tl-design a{text-decoration:none;color:inherit}.tl-design button,.tl-design input{font:inherit}.tl-design button{border:0;cursor:pointer}.tl-design p{margin-top:0}.tl-design h1,.tl-design h2{font-family:Arial,Helvetica,sans-serif}.tl-design a:focus-visible,.tl-design button:focus-visible,.tl-design input:focus-visible{outline:3px solid #ed7416;outline-offset:4px}
.tl-design .hero:before,.tl-design .hero:after{display:none}.tl-design .hero{position:static;min-height:0}.tl-design .hero h1{color:#202520}.tl-design .tl-nav{position:static;backdrop-filter:none;border:0;background:none;padding:0}
.tl-design header{max-width:1280px;margin:auto;display:flex;align-items:center;gap:34px;padding:27px 42px}.tl-design .brand{display:flex;align-items:center;gap:14px}.tl-design .logo-svg{width:67px;height:74px;display:block}.tl-design .brand-name{font-size:25px;font-weight:750;letter-spacing:-1px}.tl-design .tl-nav{display:flex;gap:29px;align-items:center;font-size:14px;margin-left:22px}.tl-design .account{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:14px}.tl-design .orange{background:#ed7416;color:white;border-radius:13px;padding:17px 25px;font-weight:700}.tl-design .menu{display:none}.tl-design .arrows{transform-origin:60px 47px}.tl-design .turn{animation:spin 1.1s cubic-bezier(.4,0,.2,1)}.tl-design .hero{max-width:1280px;margin:auto;padding:53px 42px 45px;display:grid;grid-template-columns:1.2fr .9fr;gap:72px;align-items:center}.tl-design .eyebrow{text-transform:uppercase;letter-spacing:2px;color:#476b54;font-size:11px;font-weight:700;margin:0 0 23px}.tl-design .tag{display:inline-flex;background:#edf1e9;color:#27563e;border:1px solid #dce5d9;border-radius:25px;padding:9px 13px;letter-spacing:.6px}.tl-design .hero h1{font-size:54px;line-height:1.09;letter-spacing:-2.4px;font-weight:750;margin:0 0 28px;max-width:670px}.tl-design .hero h1 em{font-style:normal;color:#275d3f;white-space:nowrap;position:relative}.tl-design .hero h1 em:after{content:"";position:absolute;left:0;right:0;height:5px;border-radius:100%;background:#e7a663;bottom:-9px;transform:rotate(-2deg)}.tl-design .intro{font-size:17px;line-height:1.7;color:#677066;max-width:525px;margin:0 0 28px}.tl-design .search{display:flex;background:white;border:1px solid #d7ddd2;border-radius:12px;padding:7px;gap:5px;max-width:535px;box-shadow:0 6px 20px #28433105}.tl-design .search input{min-width:0;width:100%;border:0;outline:0;padding:11px 13px;background:transparent;font-size:15px}.tl-design .green{background:#25553b;color:white;border-radius:8px;padding:14px 24px;font-weight:700}.tl-design .links{display:flex;align-items:center;gap:15px;margin-top:17px}.tl-design .outline{display:inline-flex;align-items:center;gap:10px;border:1px solid #cfd9cc;border-radius:10px;background:transparent;padding:14px 20px;color:#25553b;font-weight:600;font-size:13px}.tl-design .hint{font-size:12px;color:#838a7f;margin-top:20px}.tl-design .listing{background:white;border:1px solid #ecebe4;border-radius:23px;padding:16px;box-shadow:0 18px 45px #293b2110;max-width:460px;position:relative}.tl-design .photo{position:relative;overflow:hidden;aspect-ratio:389/268;border-radius:13px;background:#e9e6db}.tl-design .photo img{position:absolute;width:300.258%;max-width:none;height:auto;left:-184.576%;top:-73.507%}.tl-design .loc{position:absolute;bottom:14px;left:14px;background:#fffdf5ef;border-radius:30px;padding:10px 15px;font-size:12px;color:#244c34}.tl-design .listing h2{font-size:22px;letter-spacing:-.5px;margin:21px 8px 10px}.tl-design .listing p{font-size:13px;color:#73796f;margin:0 8px}.tl-design .details{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e8df;margin:25px 8px 9px;padding-top:18px;font-size:12px;color:#727b70}.tl-design .details strong{font-size:17px;color:#25553b}.tl-design .demo{position:absolute;right:28px;top:28px;background:#204f38;color:white;border-radius:20px;font-size:10px;padding:7px 11px;letter-spacing:.5px}.tl-design .steps{max-width:1196px;margin:13px auto 0;border-top:1px solid #dfE4d9;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:29px 0 40px}.tl-design .step{display:flex;gap:16px;align-items:flex-start}.tl-design .num{background:#edf1e8;border-radius:50%;height:32px;width:32px;display:grid;place-items:center;color:#285439;font-size:12px;flex-shrink:0}.tl-design .step b{font-size:14px}.tl-design .step p{font-size:12px;line-height:1.7;color:#7c8277;margin:6px 0 0}.tl-design .note{max-width:1196px;margin:0 auto 20px;font-size:10px;color:#8b9187}
.tl-design .orange{color:white}.tl-design .links .outline{color:#25553b}.tl-design .loc{display:none}.tl-design .hero{animation:none}.tl-design .brand{flex-shrink:0}.tl-design .brand-name{color:#202520}.tl-design .listing{margin:0}.tl-design .details small{font-size:12px}.tl-design .tag{font-size:11px}.tl-design .note{font-size:11px}
.tl-brand{display:inline-flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important;line-height:1!important}.tl-brand .logo-svg{width:48px!important;height:53px!important;display:block!important;flex-shrink:0}.tl-brand .tl-wordmark{font:700 24px/1 Arial,Helvetica,sans-serif;letter-spacing:-1px;color:#204f38}.tl-brand .arrows,.tl-design .arrows{transform-origin:60px 47px}.tl-brand .turn,.tl-design .turn{animation:tl-spin 1.1s cubic-bezier(.4,0,.2,1)}@keyframes tl-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.tl-design header .logo-svg{width:67px!important;height:74px!important}.tl-design header .tl-wordmark{color:#202520;font-size:25px}.footer-logo.tl-brand .tl-wordmark,footer .tl-brand .tl-wordmark{color:inherit}
@media(max-width:1100px){.tl-design header{gap:20px}.tl-design .tl-nav{gap:15px;margin-left:0}.tl-design .account{gap:13px}.tl-design .hero{gap:35px}.tl-design .hero h1{font-size:47px}.tl-design .steps{margin-left:42px;margin-right:42px}}
@media(max-width:850px){.tl-design .tl-nav{display:none}}
@media(max-width:700px){.tl-design .review{padding:10px 15px;gap:8px;flex-wrap:wrap}.tl-design .review strong{width:100%;font-size:10px}.tl-design .review span{display:none}.tl-design .review button{padding:6px 15px;font-size:11px}.tl-design header{padding:18px 22px;gap:10px}.tl-design .logo-svg{width:48px;height:53px}.tl-design .brand-name{font-size:21px}.tl-design .tl-nav,.tl-design .account a{display:none}.tl-design .account{gap:10px}.tl-design .account .orange{font-size:11px;padding:12px 14px}.tl-design .hero,.tl-design .variant-b .hero,.tl-design .variant-c .hero{display:flex;flex-direction:column;gap:30px;padding:26px 24px;margin:0;border-radius:0}.tl-design .hero h1,.tl-design .variant-c .hero h1{font-size:39px;line-height:1.12;letter-spacing:-1.4px;margin-bottom:24px}.tl-design .variant-b .hero h1{font-size:47px}.tl-design .eyebrow{font-size:9px;margin-bottom:20px}.tl-design .intro{font-size:14px;line-height:1.7;margin-bottom:22px}.tl-design .search input{font-size:12px;padding:10px 6px}.tl-design .green{padding:13px 15px;font-size:12px}.tl-design .links{gap:8px}.tl-design .outline{font-size:11px;padding:12px 10px}.tl-design .hint{font-size:10px}.tl-design .listing{width:100%;max-width:400px;padding:12px;border-radius:20px}.tl-design .listing h2{font-size:20px}.tl-design .details strong{font-size:15px}.tl-design .steps{margin:10px 24px 0;display:flex;flex-direction:column;gap:22px;padding:25px 0}.tl-design .note{margin:0 24px 20px}.tl-design .lab{padding:25px}.tl-design .lab .samples{flex-wrap:wrap;gap:40px}.tl-design .variant-b .logo-svg{width:53px;height:58px}.tl-design header .logo-svg{width:48px!important;height:53px!important}.tl-design header .tl-wordmark{font-size:21px}.tl-design .account a.orange{display:inline-block}.tl-design .steps{margin-left:24px;margin-right:24px}.tl-brand .logo-svg{width:36px!important;height:40px!important}.tl-brand .tl-wordmark{font-size:20px}.tl-design .hero h1{font-size:39px}.tl-design .account>a:not(.orange){display:none}}
@media(prefers-reduced-motion:reduce){.tl-brand .turn,.tl-design .turn{animation:none!important}}

/* Exact square logo supplied by Johann. Only the circular arrow area turns. */
.tl-brand .tl-square-logo{width:48px!important;height:48px!important}.tl-design header .tl-square-logo{width:67px!important;height:67px!important}.tl-brand .tl-square-logo .arrows{transform-origin:512px 364px;transform-box:view-box}
@media(max-width:700px){.tl-brand .tl-square-logo{width:36px!important;height:36px!important}.tl-design header .tl-square-logo{width:48px!important;height:48px!important}}

/* Home typography and publish action aligned with the approved references. */
.tl-design .intro,.tl-design .hint,.tl-design .step p{font-size:17px;font-family:Arial,Helvetica,sans-serif;line-height:1.7}
.tl-design .links{flex-wrap:wrap}
.tl-design .links .tl-publish-button{display:inline-block;padding:.75rem 1.5rem;border:0;border-radius:8px;background:#E8721C;color:#fff;font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:500;line-height:1.6;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s}
.tl-design .links .tl-publish-button:hover{background:#cc621a}
@media(max-width:700px){.tl-design .intro,.tl-design .hint,.tl-design .step p{font-size:14px}}