body{padding:0!important;background:var(--tl-night)!important}.tl-shell{padding-bottom:28px}.tc-calculator{border:1px solid var(--tl-line);border-radius:14px;overflow:hidden;background:var(--tl-panel)}.tc-calculator>.tc-grid{padding:8px}.tc-calculator .tc-tyreloop{display:none!important}.shell-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.shell-help-grid article{display:grid;grid-template-columns:34px 1fr;gap:11px;padding:17px;border:1px solid var(--tl-line);border-radius:12px;background:var(--tl-panel)}.shell-help-grid article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#c564ff;color:#fff;font-weight:900}.shell-help-grid h2{margin:1px 0 5px;font-size:17px}.shell-help-grid p{margin:0;color:var(--tl-muted);font-size:13px}.tl-help>.tl-btn{margin-bottom:14px}html.tl-embed .tl-flow{display:none}html.tl-embed .tc-calculator{border:0;border-radius:0}@media(max-width:700px){.shell-help-grid{grid-template-columns:1fr}.tl-hero h1{max-width:82%;font-size:38px}.tc-calculator>.tc-grid{padding:0}}

/* Exact approved Fuel/Towing opening header template. */
html:not(.tl-embed) .tl-shell{box-sizing:border-box;width:min(calc(100% - 34px),1240px);max-width:none;margin:18px auto 42px;padding:0!important}
.tl-hero{box-sizing:border-box;display:block;width:100%;height:268px;min-height:268px;margin:0 0 14px;padding:42px 38px;background:linear-gradient(120deg,rgba(5,25,46,.98),rgba(4,17,31,.95));border:1px solid #224968;border-radius:18px;box-shadow:0 20px 48px rgba(0,0,0,.24);color:#fff}
.tl-hero-copy{max-width:73%;margin-left:14px;position:relative;z-index:2}
.tl-hero:before{content:"";position:absolute;pointer-events:none;left:38px;top:43px;width:3px;height:142px;background:linear-gradient(#55ddff,#2c7dff);box-shadow:0 0 16px rgba(85,221,255,.62)}
.tl-hero:after{content:"";position:absolute;pointer-events:none;width:390px;height:390px;right:-28px;top:-61px;border:0;background:url('brand/tyreloop-ring-soft-base-1024.webp') center/contain no-repeat!important;opacity:.98!important;filter:none!important}
.tl-hero .tl-eyebrow{margin-left:0;color:#65e4ff;font:850 11px/16px Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.tl-hero h1{max-width:none;margin:9px 0 12px;color:#fff;font-size:clamp(46px,5vw,68px);line-height:.95;letter-spacing:-.045em}
.tl-hero p{max-width:750px;margin:0;color:#b9c9db;font-size:15px;line-height:1.62}
.tl-free{box-sizing:border-box;position:absolute;z-index:2;left:52px;bottom:14px;height:50px;min-height:50px;margin:0;padding:8px 12px;display:inline-flex;flex-direction:column;justify-content:center;background:rgba(4,19,36,.82);border:1px solid #37658b;border-radius:11px;color:#fff;font:800 11px/14px Arial,sans-serif;box-shadow:0 0 30px rgba(36,130,255,.12)}
.tl-free span{display:block;margin-top:2px;color:#8fc8ff;font:600 10px/13px Arial,sans-serif}
html[data-theme=dark] .tl-hero{background:linear-gradient(115deg,#101c30,#142542 72%,#1d1434);border-color:#375679;box-shadow:none}
html[data-theme=dark] .tl-hero:after{opacity:.92!important}
html[data-theme=dark] .tl-free{background:#111d31;border-color:#6b5591;box-shadow:inset 3px 0 #c564ff}
html[data-theme=dark] .tl-free span{color:#d9abff}
@media(max-width:650px){
 html:not(.tl-embed) .tl-shell{width:calc(100% - 22px);margin:18px auto 38px;padding:0!important}
 .tl-hero{height:310px!important;min-height:310px!important;padding:29px 20px 88px!important}
 .tl-hero-copy{max-width:100%;margin-left:8px}
 .tl-hero:before{left:16px;top:31px;height:116px}
 .tl-hero:after{width:255px;height:255px;right:-92px;top:-74px;opacity:.48!important}
 html[data-theme=dark] .tl-hero:after{opacity:.48!important}
 .tl-hero h1{max-width:86%;margin:9px 0 12px;font-size:39px;line-height:.95}
 .tl-hero p{max-width:92%;font-size:13px;line-height:1.55}
 .tl-free{left:29px!important;right:auto!important;top:auto!important;bottom:23px!important;width:180px!important;height:50px!important;min-height:50px!important;margin:0!important;padding:7px 12px!important;align-items:flex-start!important}
 .tl-guide-launch{height:158px!important;min-height:158px!important;margin-top:14px!important;margin-bottom:14px!important;padding:14px 15px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-between!important;gap:10px!important}
 .tl-guide-launch .tl-guide-button{width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important;padding:0 14px!important}
 .tl-flow{height:76px!important;min-height:76px!important;gap:4px!important;padding:6px!important;overflow:visible!important}
}


/* Keep long phone titles and descriptions clear of the approved loop artwork. */
@media(max-width:650px){
 .tl-hero h1{max-width:62%!important}
 .tl-hero p{max-width:72%!important}
}


/* Position the offer badge from the hero rather than over its copy. */
.tl-hero-copy{position:static!important}
.tl-hero .tl-eyebrow,.tl-hero h1,.tl-hero p{position:relative;z-index:2}