:root{--navy:#101d35;--blue:#123bd1;--ice:#f1f5f8;--silver:#dce4ec;--amber:#ffbf57;--ink:#253249;--muted:#536176;--line:#cdd6e1;font-family:'Trebuchet MS','Segoe UI',sans-serif;color:var(--navy);background:var(--ice);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d18100;outline-offset:5px}.skip{position:fixed;top:-80px;left:20px;padding:15px;background:white;z-index:100}.skip:focus{top:10px}header{background:#f9fbfc;border-bottom:1px solid var(--line)}.header-inner{max-width:1440px;margin:auto;min-height:96px;padding:0 5%;display:flex;align-items:center;gap:40px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-weight:800;font-size:25px;letter-spacing:-1.3px;white-space:nowrap}.brand-dot{color:var(--muted);font-weight:400}header nav{display:flex;gap:27px;margin:auto;font-size:14px;font-weight:600}header nav a{text-decoration:none;padding:10px 0}header nav a:hover,header nav a[aria-current]{color:var(--blue);text-decoration:underline}.header-contact{font-size:14px;text-decoration:none;border:1px solid var(--line);padding:12px 17px;border-radius:8px;white-space:nowrap}.header-contact span{padding-left:18px}.menu-button{display:none}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:700px;overflow:hidden;padding:62px 5% 60px;align-items:center}.intro-line{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:14px;margin:0 0 25px}.intro-line>span{height:7px;width:7px;border-radius:50%;background:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6.1vw,88px);line-height:1.02;letter-spacing:-5px;font-weight:800;margin-bottom:27px}h1 em{font-style:normal}h2{font-size:clamp(30px,3.2vw,46px);line-height:1.12;letter-spacing:-1.9px;font-weight:700}h3{font-size:29px;letter-spacing:-1px}p{line-height:1.65;max-width:68ch}.hero-text{max-width:440px;font-size:18px;color:var(--muted)}.actions{display:flex;align-items:center;gap:24px;margin-top:29px}.button,button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:36px;background:var(--blue);color:white;text-decoration:none;padding:17px 23px;border:0;border-radius:8px;font-weight:700;font-size:15px}.button:hover,button[type=submit]:hover{background:#092aa9}.text-link{font-weight:700;font-size:15px}.quiet{font-size:12px;color:var(--muted);margin-top:19px}.wheel-stage{height:540px;position:relative;isolation:isolate;display:grid;place-items:center}.wheel-stage:before{content:'';position:absolute;inset:30px -100px;background:radial-gradient(ellipse,#d4deeb 0,transparent 66%);z-index:-1}.wheel-object{width:340px;height:340px;transform:rotate(-17deg) rotateY(-23deg);filter:drop-shadow(24px 35px 19px #12244640);transition:transform .5s}.wheel-stage:hover .wheel-object{transform:rotate(-4deg) rotateY(-5deg)}.tire{position:relative;width:100%;height:100%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#16202d 0deg 2deg,#35404c 2deg 3deg,#1b2634 3deg 6deg);border:8px solid #1a2534;box-shadow:inset 0 0 0 8px #3d4753,inset 0 0 0 39px #202b39,17px 9px 0 #0c1420,23px 13px 0 #283647;display:grid;place-items:center}.tire-letters{position:absolute;top:33px;font-size:7px;font-weight:bold;color:#abb3be;letter-spacing:1px}.rim{width:214px;height:214px;border:9px solid #a5b2c5;border-radius:50%;background:radial-gradient(circle,#9aacc1 0 17%,#1a293e 18% 62%,#8394a9 63%);box-shadow:inset 3px 5px 7px #040b18,0 0 0 5px #0c1525;position:relative;display:grid;place-items:center;overflow:hidden}.spokes{position:absolute;inset:10px;border-radius:50%;background:repeating-conic-gradient(from 8deg,#dce5ef 0deg,#7a8da7 9deg,#b9c7d8 14deg,transparent 15deg 60deg)}.hub{position:relative;border-radius:50%;border:6px solid #b4c2d4;background:var(--blue);color:white;width:59px;height:59px;display:grid;place-items:center;font-size:25px;font-weight:bold}.orbit{position:absolute;width:460px;height:460px;border:1px solid #b9c7d7;border-radius:50%;z-index:-1}.orbit-two{width:520px;height:520px;border-style:dashed;opacity:.5}.dimension{position:absolute;font-size:26px;font-weight:700;letter-spacing:-1px;line-height:1.1}.dimension:before{content:'';height:1px;width:48px;background:var(--blue);display:block;margin-bottom:9px}.dimension small{font-size:11px;letter-spacing:0;display:block;color:var(--muted);font-weight:400;margin-top:4px}.dim-width{top:40px;left:48px}.dim-rim{right:0;top:244px}.dim-aspect{bottom:85px;left:0}.wheel-caption{position:absolute;bottom:3px;left:100px;font-size:14px;font-weight:700}.wheel-caption span{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px}.section{max-width:1296px;margin:auto;padding:68px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:24px}.section-heading p{max-width:440px;margin-left:30px;color:var(--muted)}.tools{border-top:1px solid var(--line)}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tool-card{background:#e3eaf1;padding:35px 38px;text-decoration:none;border-radius:16px;position:relative;overflow:hidden;transition:transform .2s}.tool-card:hover{transform:translateY(-4px)}.tool-card.blue{background:var(--blue);color:white}.tool-icon{font-size:72px;line-height:1;margin-bottom:28px;color:var(--blue)}.blue .tool-icon{color:#c4d2ff}.tool-card p{max-width:350px;opacity:.8;font-size:16px}.tool-card>span{display:flex;justify-content:space-between;margin-top:35px;border-top:1px solid #aab9cb;padding-top:19px;font-weight:700;font-size:14px}.blue>span{border-color:#7692ed}.tool-card b{font-size:23px}.guide-feature{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.guide-feature p{color:var(--muted)}.size-code{font-size:clamp(30px,4.3vw,60px);font-weight:800;letter-spacing:-2px;background:var(--navy);padding:54px 30px;border-radius:50% / 18%;color:#fff;display:flex;justify-content:center;gap:9px;flex-wrap:wrap;border:12px solid #2c3a50;box-shadow:inset 0 0 0 1px #67758b}.size-code i{font-style:normal;color:#9cabc3;font-weight:400}.size-code small{flex-basis:100%;font-size:11px;font-weight:400;letter-spacing:0;text-align:center;color:#c2ccda;margin-top:12px}.plain-note{border-top:1px solid var(--line);padding-top:45px;padding-bottom:60px}.plain-note h2{font-size:29px}.plain-note p{color:var(--muted);max-width:83ch}.newsletter{background:#dfe7f0;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:60px max(5%,calc((100vw - 1296px)/2))}.newsletter h2{font-size:35px}.newsletter p{font-size:15px}.newsletter form>label:first-child{font-size:13px;font-weight:bold;display:block;margin-bottom:8px}.email-row{display:flex;gap:8px}.email-row input{min-width:0;flex:1;background:white;padding:14px;border:1px solid #b4c0cf;border-radius:7px}.email-row button{white-space:nowrap;padding:14px}.consent{display:block;font-size:12px;line-height:1.6;margin-top:15px}.consent input{margin-right:7px;accent-color:var(--blue)}.newsletter small{display:block;font-size:11px;color:var(--muted);line-height:1.6}.honey{position:absolute;left:-10000px}footer{background:var(--navy);color:#e1e8f1;padding:54px 5% 24px}.footer-top,.footer-bottom{max-width:1296px;margin:auto;display:flex;justify-content:space-between;gap:30px}.footer-top p{color:#aebbd0;font-size:17px}.footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:14px 40px;font-size:13px}.footer-top nav a{text-decoration:none}.footer-bottom{border-top:1px solid #38465c;padding-top:24px;margin-top:42px;color:#aebbd0;font-size:11px}.page-heading{max-width:1296px;margin:auto;padding:57px 0 42px;border-bottom:1px solid var(--line)}.breadcrumb{display:block;font-size:13px;color:var(--muted);margin-bottom:30px;text-decoration:none}.page-heading h1{font-size:clamp(44px,5vw,72px);letter-spacing:-3px}.page-heading p{font-size:19px;color:var(--muted);max-width:55ch}.prose{max-width:850px;padding-top:45px;padding-bottom:85px}.prose h2{font-size:28px;letter-spacing:-.8px;margin-top:35px;margin-bottom:13px}.prose p{color:var(--ink);font-size:17px;line-height:1.8}.prose .button{margin:15px 0}.code-banner{background:var(--navy);color:white;font-size:clamp(35px,7vw,67px);padding:35px;border-radius:12px;letter-spacing:-2px}.contact-address a{font-size:clamp(23px,4vw,39px);color:var(--blue);letter-spacing:-1px}.faq{max-width:950px;padding-top:28px;padding-bottom:100px}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{font-size:20px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-weight:400;color:var(--blue);font-size:25px}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{padding-top:18px;margin:0;max-width:70ch;color:var(--muted)}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:35px}.calculator form{background:white;border:1px solid var(--line);border-radius:14px;padding:30px}.calculator fieldset{border:0;padding:0;margin:0 0 28px}.calculator legend{font-size:20px;font-weight:700;margin-bottom:20px}.legend-dot{display:inline-block;width:12px;height:12px;background:var(--navy);border-radius:50%;margin-right:10px}.legend-dot.b{background:var(--blue)}.input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.input-grid label{font-size:12px;font-weight:700}.input-wrap{display:flex;align-items:center;background:var(--ice);border:1px solid #b3bfce;border-radius:7px;margin-top:7px;overflow:hidden}.input-wrap input{width:100%;min-width:0;border:0;background:transparent;padding:15px 8px;font-size:24px;letter-spacing:-1px;color:var(--navy)}.input-wrap>span{font-size:10px;color:var(--muted);padding-right:8px}.input-grid small{font-size:10px;font-weight:400;color:var(--muted);display:block;margin-top:7px}.calculate-button{width:100%}.form-error{color:#9a201c;margin:12px 0 0;font-size:14px}.calc-output{padding:18px 27px;background:#e4ebf3;border-radius:14px}.comparison-art{height:180px;display:grid;place-items:center}.comparison-art svg{width:100%;height:100%;overflow:visible}.result-primary{display:flex;align-items:baseline;gap:12px;padding:15px 0;border-bottom:1px solid #bbc8d8}.result-primary strong{font-size:45px;letter-spacing:-2px}.result-primary span{font-size:14px}.result-table{width:100%;border-collapse:collapse;font-size:13px;margin:15px 0}.result-table th,.result-table td{padding:9px 0;text-align:right;border-bottom:1px solid #c8d3e1}.result-table th:first-child,.result-table td:first-child{text-align:left}.result-table th{font-weight:400;color:var(--muted)}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.result-actions button{background:transparent;border:1px solid #a4b4c8;padding:10px 12px;border-radius:6px;font-size:12px;font-weight:700;color:var(--navy)}#share-status{font-size:12px;margin:10px 0 0;overflow-wrap:anywhere}.warning{background:#fff0d5;border-left:3px solid #c38a24;padding:20px 23px;font-size:14px;line-height:1.7}.calculator>.warning{grid-column:1/-1;margin-top:0}.warning b{display:block}.wheel-result{font-size:16px;line-height:1.7}.wheel-result strong{font-size:31px;display:block;letter-spacing:-1px}.print-only{display:none}@media(min-width:1440px){.section,.page-heading{max-width:1296px}}@media(max-width:1420px){.section,.page-heading{margin-left:5%;margin-right:5%}.prose{max-width:850px;margin-left:auto;margin-right:auto}}@media(max-width:1050px){.header-inner{gap:20px}header nav{gap:18px}.header-contact{display:none}.hero{min-height:620px}.wheel-object{width:285px;height:285px}.rim{width:180px;height:180px}.wheel-stage{height:470px}.orbit{width:360px;height:360px}.orbit-two{width:410px;height:410px}.dim-width{left:12px;top:20px}.dim-rim{right:0;top:215px}.dim-aspect{bottom:60px}.wheel-caption{left:55px}.hero h1{letter-spacing:-3px}.actions{gap:15px;flex-wrap:wrap}.guide-feature{gap:40px}.prose{margin-left:7%;margin-right:7%}.newsletter{gap:30px}.input-grid{gap:8px}.calculator form{padding:23px}.calc-output{padding:15px}.footer-top{flex-wrap:wrap}}@media(max-width:720px){.header-inner{min-height:77px;justify-content:space-between;flex-wrap:wrap;gap:0}.brand{font-size:23px}.menu-button{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:6px;padding:9px 12px;background:transparent;font-size:13px;color:var(--navy)}header nav{width:100%;display:flex;flex-wrap:wrap;gap:0;margin:0;padding:10px 0 17px}header nav a{width:50%;font-size:13px;padding:11px 0}html.js header nav{display:none}html.js header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:32px}.hero h1{font-size:64px;letter-spacing:-3.8px}.hero-text{font-size:16px;max-width:37ch}.intro-line{font-size:12px;margin-bottom:22px}.hero .quiet{font-size:11px}.wheel-stage{height:415px;margin-top:20px;max-width:500px;width:100%;justify-self:center}.wheel-object{width:265px;height:265px}.rim{width:170px;height:170px}.tire-letters{top:25px;font-size:5px}.orbit{width:320px;height:320px}.orbit-two{width:365px;height:365px}.dim-width{top:20px;left:13px}.dim-rim{top:197px;right:2px}.dim-aspect{bottom:40px;left:4px}.dimension{font-size:21px}.dimension:before{width:30px}.dimension small{font-size:10px}.wheel-caption{left:78px;bottom:-2px;font-size:12px}.wheel-caption span{font-size:10px}.section{padding:43px 0}.section-heading,.tool-grid,.guide-feature,.newsletter,.calculator{grid-template-columns:1fr}.section-heading{gap:0}.section-heading p{margin:0 0 25px;max-width:43ch}.tool-card{padding:29px}.tool-card h3{font-size:28px}.tool-icon{margin-bottom:24px;font-size:58px}.guide-feature{gap:35px}.size-code{font-size:49px;max-width:450px}.plain-note h2{font-size:27px}.newsletter{padding:40px 5%;gap:20px}.newsletter h2{font-size:32px}.newsletter p{font-size:14px}.email-row button{font-size:12px;padding:12px}.footer-top{display:grid;gap:24px}.footer-top p{margin:0}.footer-top nav{gap:16px 30px}.footer-bottom{display:grid;gap:12px;margin-top:30px}.page-heading{padding-top:35px;padding-bottom:24px}.page-heading h1{font-size:44px;letter-spacing:-2.5px}.page-heading p{font-size:16px}.prose{margin-left:5%;margin-right:5%}.prose p{font-size:16px}.faq summary{font-size:18px}.calculator{gap:18px}.calc-output{padding:20px}.calculator>.warning{grid-column:1}.input-wrap input{font-size:22px}.result-primary strong{font-size:43px}.result-table{font-size:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{header,footer,.newsletter,.result-actions,.calculate-button,.breadcrumb,.skip{display:none!important}body{background:white;color:black}.page-heading,.section{margin:0;max-width:none;padding:15px 0}.page-heading h1{font-size:30px}.calculator{display:block}.calculator form{break-inside:avoid;padding:15px;border:1px solid #aaa}.calc-output{break-inside:avoid;background:white}.comparison-art{height:130px}.prose{margin:0}.prose h2{font-size:20px}.prose p{font-size:12px}.warning{background:white;border:1px solid #aaa}.input-wrap input{padding:5px}.input-grid small{display:none}}
.specialist{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line)}.specialist p{color:var(--muted);max-width:43ch}.specialist-links a{display:block;border-bottom:1px solid var(--line);padding:20px 0;text-decoration:none;font-size:24px;font-weight:700;letter-spacing:-.5px}.specialist-links a:first-child{padding-top:0}.specialist-links span{display:block;font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:6px}@media(max-width:720px){.specialist{grid-template-columns:1fr;gap:15px}}
button.dimension{background:#f1f5f8e8;border:0;color:var(--navy);padding:6px;text-align:left;border-radius:5px;font-family:inherit}.dimension[aria-pressed=true]{box-shadow:0 0 0 2px var(--blue)}.wheel-stage[data-dimension=width] .wheel-object{transform:rotate(-12deg) rotateY(-40deg)}.wheel-stage[data-dimension=aspect] .tire{box-shadow:inset 0 0 0 8px #3d4753,inset 0 0 0 39px #36445a,17px 9px 0 #0c1420,23px 13px 0 #283647}.wheel-stage[data-dimension=rim] .rim{border-color:var(--amber)}.wheel-caption{max-width:calc(100% - 80px)}
.staging-banner{padding:13px 5%;background:#fff0d5;border-bottom:1px solid #d6b678;color:#563d12;font-size:14px;text-align:center;line-height:1.5}@media print{.staging-banner{display:none}}

@media(min-width:721px) and (max-width:900px){.header-inner{min-height:85px;justify-content:space-between;flex-wrap:wrap;gap:0}.menu-button{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:6px;padding:9px 12px;background:transparent;font-size:13px;color:var(--navy)}header nav{width:100%;display:flex;flex-wrap:wrap;gap:0;margin:0;padding:10px 0 17px}header nav a{width:50%;font-size:14px;padding:11px 0}html.js header nav{display:none}html.js header nav.open{display:flex}}
