<style> /* ========================================================= FLEXIBLE 90° RIGHT-ANGLE DRILL ATTACHMENT HIGH-CONVERSION SHOPIFY CRO Practicality First / Mobile First / Theme Font Inherited ========================================================= */ #tight-space-driver{ --ts-ink:#212529; --ts-text:#68717a; --ts-muted:#90979d; --ts-yellow:#f4ad12; --ts-yellow-dark:#c98500; --ts-yellow-soft:#fff5d9; --ts-dark:#17191b; --ts-dark2:#292d31; --ts-soft:#f5f6f7; --ts-line:#e2e5e7; --ts-white:#ffffff; width:100%; max-width:920px; margin:0 auto; padding:5px 6px 46px; color:var(--ts-ink); line-height:1.65; container-type:inline-size; container-name:tightdriver; } #tight-space-driver, #tight-space-driver *, #tight-space-driver *::before, #tight-space-driver *::after{ box-sizing:border-box; } #tight-space-driver img{ display:block; width:100%; height:auto; margin:0; } #tight-space-driver h1, #tight-space-driver h2, #tight-space-driver h3, #tight-space-driver p{ margin-top:0; } /* ========================= BASE ========================= */ .ts-card{ margin:0 0 12px; overflow:hidden; border:1px solid var(--ts-line); border-radius:22px; background:#fff; box-shadow: 0 12px 34px rgba(24,28,31,.055); } .ts-inner{ padding:29px 19px; } .ts-center{ text-align:center; } .ts-kicker{ display:inline-block; margin-bottom:10px; padding:6px 11px; border-radius:999px; background:#fff3d0; color:#996600; font-size:10.5px; line-height:1.3; font-weight:900; letter-spacing:.09em; text-transform:uppercase; } .ts-title{ max-width:770px; margin:0 auto 11px!important; color:#252a2e; font-size:30px; line-height:1.08; letter-spacing:-.6px; font-weight:950; } .ts-title span{ color:#c48300; } .ts-copy{ max-width:690px; margin:0 auto!important; color:var(--ts-text); font-size:14.5px; line-height:1.72; } /* ========================= IMAGE ========================= */ .ts-image{ overflow:hidden; background:#f2f2f1; } .ts-image-stage{ padding:12px; background: radial-gradient( circle at 88% 0%, rgba(244,173,18,.12), transparent 34% ), linear-gradient( 145deg, #fafafa, #ececeb ); } .ts-image-stage img{ border-radius:16px; box-shadow: 0 14px 32px rgba(25,28,31,.09); } /* ========================= HERO ========================= */ .ts-hero{ text-align:center; color:#fff; border-color:#34383c; background: radial-gradient( circle at 88% 0%, rgba(244,173,18,.26), transparent 34% ), linear-gradient( 145deg, #292d31, #141618 ); } .ts-hero .ts-inner{ padding:44px 19px 30px; } .ts-hero h1{ max-width:820px; margin:0 auto 13px!important; color:#fff; font-size:39px; line-height:1.03; letter-spacing:-1px; font-weight:950; } .ts-hero h1 span{ display:block; color:#ffc13a; } .ts-hero .ts-copy{ color:#dfe3e6; } .ts-hero .ts-kicker{ color:#ffd66c; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.07); } /* ========================= PILLS ========================= */ .ts-pills{ display:flex; flex-wrap:wrap; justify-content:center; gap:7px; margin-top:18px; } .ts-pill{ padding:8px 11px; border:1px solid rgba(255,255,255,.11); border-radius:999px; background:rgba(255,255,255,.07); color:#fff; font-size:11px; font-weight:850; } /* ========================= STATS ========================= */ .ts-stats{ display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin-top:18px; } .ts-stat{ padding:14px 7px; border:1px solid rgba(255,255,255,.10); border-radius:14px; background:rgba(255,255,255,.06); text-align:center; } .ts-stat strong{ display:block; color:#ffc13c; font-size:15px; } .ts-stat span{ display:block; margin-top:4px; color:#d6dce0; font-s