html[data-theme="light"]{color-scheme:light}html[data-theme="dark"]{color-scheme:dark}
html:not([data-theme="dark"]) body{background:radial-gradient(circle at 78% 5%,rgba(21,105,210,.24),transparent 440px),linear-gradient(#020a17,#03101f 52%,#020914);color:#102943}
body::before{background-image:linear-gradient(rgba(61,145,214,.052) 1px,transparent 1px),linear-gradient(90deg,rgba(61,145,214,.052) 1px,transparent 1px);background-size:44px 44px}
.topbar,.tl-topbar{height:64px;background:rgba(2,9,20,.96);border-bottom:1px solid #18344f}
.topbar-inner,.tl-topbar-inner{box-sizing:border-box;width:min(calc(100% - 34px),1240px);max-width:none;height:100%;margin:0 auto;padding:0}
.logo,.tl-logo{width:119px;height:36px}
.top-links,.tl-links{gap:18px}.top-links a,.top-links>button,.tl-links a,.tl-links>button{font-size:12px;font-weight:750}
.theme-switch,.tl-theme{display:inline-flex;gap:3px;padding:3px;background:#071426;border:1px solid #294965;border-radius:9px}
.theme-switch button,.tl-theme button{padding:6px 10px;border:0;border-radius:6px;background:transparent;color:#91a6bd;font-size:10px;font-weight:850}
.theme-switch button[aria-pressed="true"],.tl-theme button[aria-pressed="true"]{background:#2c7dff;color:#fff;box-shadow:0 0 14px rgba(85,221,255,.22)}
.shell,.tl-shell{box-sizing:border-box;width:min(calc(100% - 34px),1240px);max-width:none;margin:18px auto 42px;padding:0}
.hero,.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}
.hero>div:first-child,.tl-hero-copy{max-width:73%;margin-left:14px;position:relative;z-index:2}
.hero::before,.tl-hero::before{left:38px;top:43px;width:3px;height:142px;background:linear-gradient(#55ddff,#2c7dff);box-shadow:0 0 16px rgba(85,221,255,.62)}
.hero::after,.tl-hero::after{width:390px;height:390px;right:-28px;top:-61px;border:0;background:url('https://www.tyreloop.co.nz/assets/homepage-loop-2026-09-13/tyreloop-ring-soft-base-1024.webp') center/contain no-repeat;opacity:.98!important;filter:brightness(1.14) saturate(1.14)!important}
.hero .eyebrow,.tl-eyebrow{margin-left:0;color:#65e4ff;font-size:11px;letter-spacing:.13em;line-height:16px}
.hero h1,.tl-hero h1{max-width:none;margin:9px 0 12px;color:#fff;font-size:clamp(46px,5vw,68px);line-height:.95;letter-spacing:-.045em}
.hero p,.tl-hero p{max-width:750px;margin:0;color:#b9c9db;font-size:15px;line-height:1.62}
.free,.tl-free{position:relative;z-index:2;display:inline-flex;flex-direction:column;align-self:auto;min-width:0;margin:16px 0 0 14px;padding:8px 12px;background:rgba(4,19,36,.82);border:1px solid #37658b;border-radius:11px;color:#fff;font-size:11px;font-weight:800;box-shadow:0 0 30px rgba(36,130,255,.12)}
.free span,.tl-free span{margin-top:2px;color:#8fc8ff;font-size:10px}
html[data-theme="dark"] body{background:radial-gradient(circle at 82% 5%,rgba(106,52,180,.16),transparent 360px),#090e19;color:#edf4ff}
html[data-theme="dark"] body::before{background-image:linear-gradient(rgba(86,87,177,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(86,87,177,.045) 1px,transparent 1px)}
html[data-theme="dark"] .topbar,html[data-theme="dark"] .tl-topbar{background:#070c16;border-color:#263c55}
html[data-theme="dark"] .hero,html[data-theme="dark"] .tl-hero{background:linear-gradient(115deg,#101c30,#142542 72%,#1d1434);border-color:#375679;box-shadow:none}
html[data-theme="dark"] .hero::after,html[data-theme="dark"] .tl-hero::after{opacity:.92!important;filter:brightness(1.14) saturate(1.14)!important}
html[data-theme="dark"] .free,html[data-theme="dark"] .tl-free{background:#111d31;border-color:#6b5591;box-shadow:inset 3px 0 #c564ff}
html[data-theme="dark"] .free span,html[data-theme="dark"] .tl-free span{color:#d9abff}
@media(max-width:650px){
.topbar,.tl-topbar{height:64px}.topbar-inner,.tl-topbar-inner{width:calc(100% - 22px);padding:0}
.top-links,.tl-links{display:flex;gap:0}.top-links>a,.top-links>#headerGuideBtn,.tl-links>a,.tl-links>#tlHeaderGuide{display:none}
.shell,.tl-shell{width:calc(100% - 22px);margin:18px auto 38px;padding:0}
.hero,.tl-hero{height:310px;min-height:310px;padding:29px 20px}
.hero>div:first-child,.tl-hero-copy{max-width:100%;margin-left:8px}
.hero::before,.tl-hero::before{left:16px;top:31px;height:116px}
.hero::after,.tl-hero::after{width:255px;height:255px;right:-92px;top:-74px;opacity:.48!important}
html[data-theme="dark"] .hero::after,html[data-theme="dark"] .tl-hero::after{opacity:.48!important}
.hero h1,.tl-hero h1{max-width:86%;margin:9px 0 12px;font-size:39px}
.hero p,.tl-hero p{max-width:92%;font-size:13px;line-height:1.55}
.free,.tl-free{position:relative;left:auto;bottom:auto;margin:14px 0 0 8px}
.theme-switch button,.tl-theme button{padding:6px 9px}
}

/* APPROVED TYRELOOP HEADER AND FOOTER — 2026-09-15 */
:root{--tl-approved-blue:#2c7dff;--tl-approved-purple:#c564ff}
.tl-topbar{box-sizing:border-box;height:64px;background:#050f1d;border-bottom:1px solid #203b59;color:#fff}
.tl-topbar-inner{box-sizing:border-box;width:min(1240px,calc(100% - 34px));height:100%;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:flex-start;gap:0}
.tl-wordmark{width:119px;height:36px;flex:0 0 auto;background:url('brand/wordmark.webp') center/contain no-repeat;font-size:0}
.tl-tool-location{height:38px;display:flex;align-items:center;gap:9px;margin-left:18px;padding-left:13px;border-left:1px solid #31506f;color:#8fa7be;font-size:10px;white-space:nowrap}
.tl-tool-location b{color:#fff}
.tl-toplinks{display:flex;align-items:center;gap:16px;margin-left:auto}
.tl-toplinks a,.tl-toplinks>button{box-sizing:border-box;height:34px;display:inline-flex;align-items:center;border:0;background:none;color:#d7e4f2;text-decoration:none;font:800 11px/1 Inter,Arial,sans-serif;cursor:pointer;padding:0}
.tl-toplinks a:hover,.tl-toplinks a:focus-visible,.tl-toplinks>button:hover,.tl-toplinks>button:focus-visible{color:#fff}
.tl-theme{box-sizing:border-box;height:36px;display:inline-flex;align-items:center;gap:3px;padding:3px;background:#0b1b2e;border:1px solid #31506f;border-radius:9px}
.tl-theme button{box-sizing:border-box;height:28px;min-width:48px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#9fb3c8;font-size:10px;font-weight:850;cursor:pointer}
html[data-theme="light"] .tl-theme button[data-theme-choice="light"][aria-pressed="true"]{background:var(--tl-approved-blue);color:#fff;box-shadow:0 0 12px rgba(44,125,255,.28)}
html[data-theme="dark"] .tl-theme button[data-theme-choice="dark"][aria-pressed="true"]{background:var(--tl-approved-purple);color:#fff;box-shadow:0 0 12px rgba(197,100,255,.26)}
.hero::after,.tl-hero::after{background-image:url('brand/tyreloop-ring-soft-base-1024.webp')!important;filter:none!important}
.help-hero::after,.tl-guide-hero::after{background-image:url('brand/purple-six-approved-clean-1024.png')!important;filter:none!important}
.tl-footer{box-sizing:border-box;width:100%;height:76px;margin:0;padding:0;display:block;background:#050f1d;border-top:1px solid #203b59;color:#fff;font-family:Inter,Arial,sans-serif}
.tl-footer-inner{box-sizing:border-box;width:min(1240px,calc(100% - 34px));height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.tl-footer-brand{width:auto;height:auto;min-width:0;flex:1;display:flex;align-items:center;gap:11px;background:none!important;filter:none!important;font-size:inherit}
.tl-footer-theme-loop{width:38px;height:38px;flex:0 0 38px;background:url('brand/tyreloop-ring-soft-base-1024.webp') center/contain no-repeat}
html[data-theme="dark"] .tl-footer-theme-loop{background-image:url('brand/purple-six-approved-clean-1024.png')}
.tl-footer-purpose{max-width:430px;color:#9eb1c5;font-size:9px;font-weight:650;line-height:1.42}
.tl-footer-links{display:flex;align-items:center;justify-content:flex-end;gap:6px 17px;flex-wrap:wrap}
.tl-footer-links a{color:#b9c9da;text-decoration:none;font-size:10px;font-weight:800;white-space:nowrap}
.tl-footer-links a:hover,.tl-footer-links a:focus-visible{color:#fff}
.tl-footer-links .tl-footer-home{color:#77cfff}
.tl-footer-links .tl-footer-research{color:#c564ff}
html.embed-mode .tl-topbar,html.embed-mode .hero,html.embed-mode .tl-hero,html.embed-mode .guide-launch,html.embed-mode .tl-guide-launch,html.embed-mode .tl-footer{display:none!important}
@media print{.tl-topbar,.tl-footer{display:none!important}}
@media(max-width:650px){
 .tl-topbar-inner,.tl-footer-inner{width:calc(100% - 22px)}
 .tl-wordmark{width:105px;height:32px}
 .tl-tool-location,.tl-toplinks>a,.tl-toplinks>button{display:none}
 .tl-toplinks{margin-left:auto;gap:0}
 .tl-theme{display:inline-flex}
 .tl-footer{height:auto;min-height:138px}
 .tl-footer-inner{min-height:138px;align-items:flex-start;justify-content:center;flex-direction:column;gap:12px;padding:13px 0}
 .tl-footer-brand{width:100%;flex:none;flex-direction:row}
 .tl-footer-purpose{max-width:none;font-size:8.5px}
 .tl-footer-links{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px 10px;padding-top:9px;border-top:1px solid #203b59}
 .tl-footer-links a{font-size:9px}
}


/* APPROVED GUIDE LAUNCH — 2026-09-15 */
.guide-launch.tl-guide-launch,.tl-guide-launch{box-sizing:border-box;min-height:70px;margin:14px 0;padding:13px 15px 13px 17px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(100deg,#0d2139,#121c39);border:1px solid #355073;border-left:3px solid #c564ff;border-radius:13px;color:#fff;box-shadow:none}
.guide-launch.tl-guide-launch b,.tl-guide-launch b{display:block;margin:0;color:#fff;font-size:14px;line-height:1.25}
.guide-launch.tl-guide-launch span,.tl-guide-launch span{display:block;margin-top:2px;color:#aebfd2;font-size:12px;line-height:1.45}
.guide-launch.tl-guide-launch .tl-guide-button,.tl-guide-launch .tl-guide-button{box-sizing:border-box;width:auto;height:38px;min-width:199px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin:0;padding:0 14px;border:0;border-radius:8px;background:linear-gradient(135deg,#2f8cff,#6d62e8);color:#fff;font:800 12px/1 Inter,Arial,sans-serif;white-space:nowrap;box-shadow:0 0 19px rgba(99,96,231,.26);cursor:pointer}
html[data-theme="dark"] .guide-launch.tl-guide-launch,html[data-theme="dark"] .tl-guide-launch{background:linear-gradient(110deg,#121f34,#21163a);border-color:#61467f;border-left-color:#c564ff}
html[data-theme="dark"] .guide-launch.tl-guide-launch .tl-guide-button,html[data-theme="dark"] .tl-guide-launch .tl-guide-button{background:linear-gradient(135deg,#6c52d9,#a249d8)}
@media(max-width:650px){.guide-launch.tl-guide-launch,.tl-guide-launch{min-height:0;align-items:stretch;flex-direction:column;padding:14px 15px}.guide-launch.tl-guide-launch .tl-guide-button,.tl-guide-launch .tl-guide-button{width:100%;min-width:0}}


/* APPROVED ADAPTIVE WORKFLOW BAR — 2026-09-15 */
.tl-flow{box-sizing:border-box;width:100%;display:grid;grid-template-columns:repeat(var(--tl-step-count,3),minmax(0,1fr));gap:5px;margin:0 0 14px;padding:5px;background:linear-gradient(145deg,rgba(7,31,55,.98),rgba(2,14,27,.99));border:1px solid #2c4d6d;border-radius:13px;overflow-x:auto}
.tl-flow-item{box-sizing:border-box;font-family:Inter,Arial,sans-serif;min-width:0;min-height:41px;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 10px;border-radius:9px;color:#95aac0;font-size:11px;font-weight:800;text-align:center}
.tl-flow-label{display:block;min-width:0;line-height:1.25}
.tl-flow .tl-flow-no{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:50%;background:#1b334c;color:#dceaff;font-size:10px}
.tl-flow-item.active{background:linear-gradient(145deg,rgba(12,73,119,.96),rgba(5,37,68,.98));color:#fff;box-shadow:inset 0 0 0 1px #2d81c5}
.tl-flow-item.active .tl-flow-no{background:#2c8dff;color:#fff;box-shadow:0 0 12px rgba(85,221,255,.38)}
@media(max-width:650px){.tl-flow{grid-template-columns:repeat(var(--tl-step-count,3),minmax(76px,1fr));gap:3px}.tl-flow-item{height:64px;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;font-size:9px;line-height:1.25}.tl-flow .tl-flow-no{margin:0 0 4px}}

/* APPROVED SHARED SHELL FONT — 2026-09-15 */
.tl-topbar,.tl-guide-launch,.tl-flow,.tl-footer{font-family:Arial,sans-serif}
.tl-tool-location,.tl-toplinks a,.tl-toplinks>button,.tl-theme button,.tl-guide-launch b,.tl-guide-launch span,.tl-guide-button,.tl-flow-item,.tl-footer-purpose,.tl-footer-links a{font-family:Arial,sans-serif}
.tl-theme button{font-size:10px;font-weight:800;line-height:1}

/* APPROVED HERO STATUS BADGE — 2026-09-15 */
.hero,.tl-hero{position:relative}
.free,.tl-free{box-sizing:border-box;position:absolute;left:52px;bottom:14px;height:50px;min-height:50px;margin:0;padding:8px 12px;display:inline-flex;flex-direction:column;justify-content:center;font:800 11px/14px Arial,sans-serif}`r`n.free span,.tl-free span{display:block;margin-top:2px;font:600 10px/13px Arial,sans-serif}
@media(max-width:650px){.free,.tl-free{left:28px;bottom:22px;margin:0}}

/* SELF-CONTAINED APPROVED LOOP RENDERING — required by every tool */
.hero,.tl-hero,.help-hero,.tl-guide-hero{position:relative;overflow:hidden}
.hero::before,.tl-hero::before,.hero::after,.tl-hero::after,.help-hero::after,.tl-guide-hero::after{content:"";position:absolute;pointer-events:none}