.how-page{color:#173753;background:#fff}.how-page *{box-sizing:border-box}.how-page .container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.how-hero{overflow:hidden;background:radial-gradient(circle at 82% 25%,rgba(60,134,245,.15),transparent 31%),linear-gradient(180deg,#f7faff,#fff)}.how-breadcrumbs{display:flex;gap:8px;align-items:center;padding-top:24px;color:#7b8c9f;font-size:11px}.how-breadcrumbs a{color:#5d7187;text-decoration:none}.how-breadcrumbs strong{color:#24415f}.how-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:75px;align-items:center;padding:70px 0 88px}.how-eyebrow,.how-steps header>span,.how-responsibility>.container>div:first-child>span,.how-faq>.container>div:first-child>span,.how-for-carriers span{color:#145bdd;font-size:10px;font-weight:900;letter-spacing:.12em}.how-eyebrow{display:flex;align-items:center;gap:9px}.how-eyebrow i{width:8px;height:8px;border-radius:50%;background:#20b98b;box-shadow:0 0 0 6px rgba(32,185,139,.12)}.how-hero h1{margin:20px 0 19px;font:800 clamp(44px,4.8vw,69px)/1.04 Manrope,sans-serif;letter-spacing:-.055em}.how-hero h1 em{color:#145bdd;font-style:normal}.how-hero-grid>div>p{max-width:690px;margin:0;color:#60738c;font-size:17px;line-height:1.72}.how-actions{display:flex;align-items:center;gap:15px;margin-top:28px}.how-primary,.how-secondary{display:inline-flex;min-height:52px;align-items:center;justify-content:center;border-radius:10px;font-weight:800;text-decoration:none}.how-primary{gap:14px;padding:0 23px;color:#fff;background:#145bdd;box-shadow:0 12px 26px rgba(20,91,221,.21)}.how-primary span{font-size:20px}.how-secondary{padding:0 10px;color:#24415f}.how-proof{display:flex;flex-wrap:wrap;gap:17px;margin-top:24px;color:#435d79;font-size:11px;font-weight:700}.how-route-card{padding:26px;border:1px solid #d5e2f2;border-radius:20px;background:#fff;box-shadow:0 28px 70px rgba(20,55,94,.14);transform:rotate(1deg)}.how-route-card>span{color:#75879b;font-size:9px;font-weight:900;letter-spacing:.12em}.how-route-card>div{display:flex;align-items:center;gap:14px;margin-top:20px;padding:17px;border:1px solid #dce7f3;border-radius:12px;background:#f9fbfe}.how-route-card>div>b{display:grid;width:43px;height:43px;place-items:center;border-radius:10px;color:#145bdd;background:#e6efff}.how-route-card .panel-nav-icon{width:21px;height:21px}.how-route-card p{margin:0}.how-route-card small,.how-route-card strong{display:block}.how-route-card small{color:#8391a2;font-size:8px;font-weight:800}.how-route-card strong{margin-top:4px;font-size:14px}.how-route-card>i{display:block;width:2px;height:18px;margin:0 0 -20px 38px;background:#c6d5e7}.how-route-card footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;padding:14px 15px;border-radius:10px;color:#116e51;background:#e4f8f1;font-size:9px;font-weight:800}.how-route-card footer span{display:flex;align-items:center;gap:6px}.how-route-card footer .panel-nav-icon{width:15px;height:15px}.how-route-card footer strong{color:#145bdd}
.how-steps{padding:90px 0;background:#f7f9fc}.how-steps header{text-align:center}.how-steps h2,.how-responsibility h2,.how-safety h2,.how-faq h2,.how-for-carriers h2{margin:10px 0;font:800 clamp(31px,3vw,44px)/1.14 Manrope,sans-serif;letter-spacing:-.04em}.how-steps header>p{max-width:700px;margin:0 auto;color:#687b92;line-height:1.65}.how-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:38px}.how-steps-grid article{position:relative;min-height:275px;padding:25px;border:1px solid #dce6f2;border-radius:15px;background:#fff}.how-steps-grid article>b{position:absolute;right:20px;top:17px;color:#e2e9f2;font:800 31px Manrope,sans-serif}.how-steps-grid article>div{display:grid;width:47px;height:47px;place-items:center;border-radius:12px;color:#145bdd;background:#e7efff}.how-steps-grid article:nth-child(4)>div{color:#11805d;background:#e1f7ee}.how-steps-grid .panel-nav-icon{width:22px;height:22px}.how-steps-grid h3{margin:22px 0 9px;font:800 18px Manrope,sans-serif}.how-steps-grid p{margin:0;color:#687b91;font-size:13px;line-height:1.65}
.how-responsibility{padding:90px 0}.how-responsibility>.container{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:center}.how-responsibility>.container>div:first-child>p{color:#687b91;line-height:1.68}.how-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.how-compare article{padding:27px;border:1px solid #dbe5f1;border-radius:16px;background:#fff;box-shadow:0 14px 35px rgba(20,55,94,.06)}.how-compare article:last-child{border-color:#cceadd;background:linear-gradient(145deg,#f3fcf8,#fff)}.how-compare header{display:flex;align-items:center;gap:12px}.how-compare header>b{display:grid;width:42px;height:42px;place-items:center;border-radius:10px;color:#145bdd;background:#e7efff}.how-compare article:last-child header>b{color:#11805d;background:#dff7ee}.how-compare .panel-nav-icon{width:20px;height:20px}.how-compare h3{font:800 16px Manrope,sans-serif}.how-compare ul{display:grid;gap:12px;margin:22px 0 0;padding:0;list-style:none;color:#5f7288;font-size:12px;line-height:1.5}.how-compare li{position:relative;padding-left:20px}.how-compare li:before{content:'✓';position:absolute;left:0;color:#18a878;font-weight:900}
.how-safety{padding:58px 0;color:#fff;background:#102f54}.how-safety>.container{display:flex;align-items:center;justify-content:space-between;gap:45px}.how-safety-card{display:flex;align-items:flex-start;gap:20px}.how-safety-card>span{display:grid;flex:0 0 54px;width:54px;height:54px;place-items:center;border-radius:14px;color:#88b5ff;background:rgba(75,135,224,.18)}.how-safety-card>span .panel-nav-icon{width:27px;height:27px}.how-safety small{color:#8cb7ff;font-weight:900;letter-spacing:.1em}.how-safety h2{margin-top:8px;font-size:32px}.how-safety p{max-width:750px;margin:0;color:#c3d1e1;line-height:1.65}.how-safety>a{display:inline-flex;min-height:49px;padding:0 18px;align-items:center;gap:13px;border-radius:9px;color:#102f54;background:#fff;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}.how-safety>a span{font-size:18px}
.how-faq{padding:90px 0}.how-faq>.container{display:grid;grid-template-columns:.55fr 1fr;gap:80px}.how-faq>.container>div:first-child>p{color:#6c7f95}.how-faq details{border-bottom:1px solid #dce5ef}.how-faq summary{display:flex;align-items:center;justify-content:space-between;padding:20px 0;color:#193957;font-weight:800;cursor:pointer;list-style:none}.how-faq summary::-webkit-details-marker{display:none}.how-faq summary i{font-size:20px;font-style:normal}.how-faq details[open] summary i{transform:rotate(45deg)}.how-faq details p{margin:0;padding:0 35px 20px 0;color:#687b91;font-size:13px;line-height:1.65}.how-for-carriers{padding:58px 0;background:#145bdd;color:#fff}.how-for-carriers>.container{display:flex;align-items:center;justify-content:space-between;gap:40px}.how-for-carriers span{color:#bfd3ff}.how-for-carriers h2{margin-bottom:7px}.how-for-carriers p{margin:0;color:#d7e3fa}.how-for-carriers a{display:inline-flex;min-height:50px;padding:0 20px;align-items:center;gap:15px;border-radius:9px;color:#123052;background:#fff;font-weight:800;text-decoration:none;white-space:nowrap}.how-for-carriers a span{color:#123052;font-size:20px}
@media(max-width:1000px){.how-hero-grid,.how-responsibility>.container{grid-template-columns:1fr}.how-route-card{max-width:650px}.how-steps-grid{grid-template-columns:1fr 1fr}.how-faq>.container{grid-template-columns:1fr;gap:30px}.how-safety>.container{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.how-page .container{width:min(100% - 28px,1160px)}.how-hero-grid{gap:42px;padding:45px 0 65px}.how-hero h1{font-size:39px}.how-actions,.how-for-carriers>.container{align-items:stretch;flex-direction:column}.how-primary,.how-secondary{width:100%}.how-route-card{padding:18px;transform:none}.how-route-card footer{align-items:flex-start;flex-direction:column}.how-steps,.how-responsibility,.how-faq{padding:65px 0}.how-steps-grid,.how-compare{grid-template-columns:1fr}.how-steps-grid article{min-height:0}.how-safety-card{flex-direction:column}.how-safety h2{font-size:28px}.how-safety>a,.how-for-carriers a{justify-content:center;white-space:normal;text-align:center}}
