.tools-hub-page{background:#fff;color:#17324a}.tools-hub-page .home-container{max-width:1180px}.tools-hero{position:relative;min-height:570px;background-image:url("/assets/site-core/images/tools/volume-calculator/hero.jpg");background-size:cover;background-position:center;display:flex;align-items:center}.tools-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,13,.38),rgba(4,18,13,.64))}.tools-hero-inner{position:relative;z-index:1;width:100%}.tools-breadcrumb{position:absolute;top:-170px;left:12px;display:flex;align-items:center;gap:.55rem;color:rgba(255,255,255,.82);font-size:.9rem}.tools-breadcrumb a{color:#fff;text-decoration:none;font-weight:800}.tools-hero-copy{max-width:900px;margin:0 auto;text-align:center;color:#fff}.tools-hero-copy h1{margin:0;font-size:clamp(2.8rem,6vw,5.15rem);line-height:1;letter-spacing:-.055em;font-weight:950;text-shadow:0 4px 28px rgba(0,0,0,.3)}.tools-hero-copy p{margin:1rem auto 1.6rem;color:rgba(255,255,255,.9);font-size:clamp(1.05rem,2vw,1.25rem)}.tools-intro{position:relative;z-index:2;margin-top:-42px}.tools-intro-card{height:100%;padding:1.2rem 1rem;border:1px solid #e3ebe7;border-radius:1.2rem;background:#fff;box-shadow:0 16px 34px rgba(16,42,67,.08)}.tools-intro-card i{display:block;margin-bottom:.45rem;color:#198754;font-size:1.45rem}.tools-intro-card strong,.tools-intro-card span{display:block}.tools-intro-card span{margin-top:.2rem;color:#78909f;font-size:.88rem}.tools-grid-section{padding:6rem 0;background:#f7faf8}.tools-section-title{max-width:760px;margin:0 auto 2.7rem;text-align:center}.tools-section-title h2{margin:0;color:#102a43;font-size:clamp(2rem,3vw,3rem);font-weight:950;letter-spacing:-.035em}.tools-section-title p{margin:.7rem 0 0;color:#718592}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}.tool-card{display:grid;grid-template-columns:minmax(0,42%) 1fr;overflow:hidden;border:1px solid #e1eae5;border-radius:1.35rem;background:#fff;box-shadow:0 15px 38px rgba(16,42,67,.055)}.tool-card-featured{grid-column:1/-1;grid-template-columns:minmax(0,50%) 1fr}.tool-card-image{position:relative;display:block;min-height:280px;overflow:hidden}.tool-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.tool-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,18,13,.2))}.tool-card-icon{position:absolute;z-index:2;left:1rem;bottom:1rem;display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:1rem;background:#fff;color:#198754;font-size:1.45rem;box-shadow:0 10px 24px rgba(0,0,0,.15)}.tool-card-body{display:flex;flex-direction:column;justify-content:center;padding:1.6rem}.tool-card-step{color:#198754;font-size:.73rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.tool-card-body h3{margin:.4rem 0 .15rem;color:#102a43;font-size:1.55rem;font-weight:950;letter-spacing:-.02em}.tool-card-body>strong{color:#516a5b;font-size:.93rem}.tool-card-body p{margin:.7rem 0 1.1rem;color:#748895;line-height:1.62}.tool-card-link{display:inline-flex;align-items:center;gap:.45rem;color:#198754;text-decoration:none;font-weight:900}.tools-flow-section{padding:6rem 0}.tools-flow{display:flex;align-items:center;justify-content:center;gap:.65rem;overflow-x:auto;padding:.6rem 0}.tools-flow-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 145px;min-height:135px;padding:1rem;border:1px solid #e2eae6;border-radius:1.1rem;background:#fff;color:#17324a;text-decoration:none}.tools-flow-item>span{position:absolute;top:.7rem;right:.7rem;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:999px;background:#eef7f2;color:#198754;font-size:.73rem;font-weight:950}.tools-flow-item i{color:#198754;font-size:1.65rem}.tools-flow-item strong{margin-top:.55rem}.tools-flow-arrow{flex:0 0 auto;color:#b3c3ba}.tools-visual-section{padding:6rem 0;background:#f7faf8}.tools-photo{height:470px;margin:0;overflow:hidden;border-radius:1.6rem;box-shadow:0 24px 50px rgba(16,42,67,.1)}.tools-photo img{width:100%;height:100%;object-fit:cover}.tools-short-copy{max-width:520px}.tools-short-copy h2{margin:0 0 1.5rem;color:#102a43;font-size:clamp(2rem,3vw,3rem);font-weight:950;letter-spacing:-.035em}.tools-advice{display:grid;grid-template-columns:3.2rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid #e7ede9}.tools-advice>i{display:grid;place-items:center;width:3rem;height:3rem;border-radius:1rem;background:#eef7f2;color:#198754;font-size:1.25rem}.tools-advice strong,.tools-advice span{display:block}.tools-advice span{margin-top:.15rem;color:#748895}.tools-cta{position:relative;min-height:430px;background-image:url("/assets/site-core/images/tools/duration-calculator/truck.jpg");background-size:cover;background-position:center;display:flex;align-items:center}.tools-cta-overlay{position:absolute;inset:0;background:rgba(4,18,13,.63)}.tools-cta-inner{position:relative;z-index:1;max-width:880px;text-align:center;color:#fff}.tools-cta-inner h2{font-size:clamp(2.15rem,4vw,3.7rem);font-weight:950;letter-spacing:-.04em}.tools-cta-inner p{max-width:760px;margin:.75rem auto 1.4rem;color:rgba(255,255,255,.87);font-size:1.05rem;line-height:1.65}.tools-faq-section{padding:6rem 0}.tools-faq{max-width:900px}.tools-faq .accordion-button{font-weight:850;color:#17324a}.tools-faq .accordion-button:not(.collapsed){color:#198754;background:#f0f8f3;box-shadow:none}.tools-faq .accordion-button:focus{box-shadow:none}@media(hover:hover) and (pointer:fine){.tool-card:hover{border-color:#bdd6c7;box-shadow:0 20px 44px rgba(16,42,67,.08)}.tool-card:hover .tool-card-image img{transform:scale(1.035)}.tools-flow-item:hover{border-color:#198754;background:#f6fbf8;color:#17324a}}@media(max-width:991.98px){.tools-hero{min-height:530px}.tools-breadcrumb{top:-150px}.tools-intro{margin-top:2rem}.tools-grid{grid-template-columns:1fr}.tool-card,.tool-card-featured{grid-column:auto;grid-template-columns:42% 1fr}.tools-photo{height:360px}.tools-short-copy{max-width:none}.tools-flow{justify-content:flex-start}}@media(max-width:767.98px){.tools-hero{min-height:500px}.tools-breadcrumb{position:static;margin-bottom:4rem;justify-content:center}.tools-hero-copy h1{font-size:2.55rem}.tools-grid-section{padding-top:4.8rem}.tool-card,.tool-card-featured{grid-template-columns:1fr}.tool-card-image{min-height:230px}.tools-photo{height:310px}}@media(max-width:575.98px){.tools-hero-copy h1{font-size:2.3rem}.tool-card-body{padding:1.25rem}.tool-card-body h3{font-size:1.35rem}.tools-photo{height:270px}}