/* HomeShipping multi-page design system */
:root{--ink:#092144;--ink2:#123765;--coral:#f06452;--coral-dark:#d94c3d;--mint:#c7ebe1;--gold:#ffca67;--paper:#fffdfa;--cloud:#f4f7fb;--line:#dfe7f1;--muted:#60718a;--white:#fff;--max:1180px;--shadow:0 18px 46px rgba(6,29,61,.12);--page-accent:var(--coral);--page-soft:#fff0ed;--hero-card:var(--mint)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.eyebrow{margin:0 0 10px;color:var(--coral);font-size:.72rem;font-weight:850;letter-spacing:.125em;line-height:1.25;text-transform:uppercase}.btn{display:inline-flex;min-height:47px;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border:1px solid transparent;border-radius:999px;color:#fff;background:var(--coral);font-size:.88rem;font-weight:850;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.btn:hover{background:var(--coral-dark);box-shadow:0 8px 18px rgba(240,100,82,.25);transform:translateY(-2px)}.btn--light{color:var(--ink);background:#fff}.btn--light:hover{color:var(--ink);background:#f6faff}.btn--outline{border-color:#cfdbea;color:var(--ink);background:transparent}.btn--outline:hover{background:#edf3fa;box-shadow:none}.icon{width:20px;height:20px;flex:0 0 auto}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}::selection{color:#fff;background:var(--coral)}section[id]{scroll-margin-top:92px}
/* Header and dropdown navigation */
.topbar{color:#d8e4f5;background:var(--ink);font-size:.79rem}.topbar__inner{display:flex;min-height:36px;align-items:center;justify-content:space-between;gap:18px}.topbar strong{color:#fff}.topbar__items{display:flex;gap:20px}.topbar__items a:hover{color:#fff}.site-header{position:sticky;z-index:30;top:0;border-bottom:1px solid rgba(223,231,241,.9);background:rgba(255,253,250,.94);backdrop-filter:blur(14px)}.nav{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:1.17rem;font-weight:900;letter-spacing:-.052em;white-space:nowrap}.brand-mark{display:grid;width:33px;height:33px;place-items:center;overflow:hidden;border-radius:10px;color:#fff;background:var(--coral);box-shadow:inset -4px -4px 0 rgba(0,0,0,.08)}.brand-mark svg{width:21px;height:21px}.nav-links{display:flex;align-items:center;gap:27px;margin-left:auto;font-size:.89rem;font-weight:700}.nav-links>a{position:relative;color:#36506f}.nav-links>a:after{position:absolute;right:0;bottom:-7px;left:0;height:2px;background:var(--coral);content:"";transform:scaleX(0);transition:transform .2s ease}.nav-links>a:hover,.nav-links>a.active{color:var(--ink)}.nav-links>a:hover:after,.nav-links>a.active:after{transform:scaleX(1)}.nav-dropdown{position:relative}.dropdown-toggle{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;color:#36506f;background:transparent;font-size:.89rem;font-weight:700}.dropdown-toggle>span{display:inline-block;margin-top:-3px;color:var(--coral);font-size:1.08rem;line-height:1;transition:transform .2s ease}.dropdown-toggle:hover,.nav-dropdown.is-open .dropdown-toggle{color:var(--ink)}.nav-dropdown.is-open .dropdown-toggle>span{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 20px);left:50%;display:grid;width:250px;padding:7px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 16px 35px rgba(9,33,68,.14);opacity:0;pointer-events:none;transform:translate(-50%,-7px);transition:opacity .18s ease,transform .18s ease}.dropdown-menu:before{position:absolute;top:-6px;left:50%;width:11px;height:11px;border-top:1px solid var(--line);border-left:1px solid var(--line);background:#fff;content:"";transform:translateX(-50%) rotate(45deg)}.dropdown-menu--services{width:276px}.nav-dropdown.is-open .dropdown-menu{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.dropdown-menu a{display:grid;gap:2px;padding:10px 11px;border-radius:9px;color:var(--ink);transition:color .16s ease,background .16s ease}.dropdown-menu a:hover,.dropdown-menu a:focus-visible{color:var(--coral);background:#fff2ef;outline:0}.dropdown-menu a span{font-size:.79rem;font-weight:850;line-height:1.2}.dropdown-menu a small{color:#72849a;font-size:.66rem;font-weight:550;line-height:1.25}.menu-toggle{display:none;width:43px;height:43px;padding:0;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#fff}.menu-toggle svg{width:21px;height:21px}@media(min-width:821px){.nav-dropdown:after{position:absolute;top:100%;right:-12px;left:-12px;height:24px;content:""}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{opacity:1;pointer-events:auto;transform:translate(-50%,0)}}
/* Interior heroes */
.sub-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(120deg,#092144 0%,#0b2c57 60%,#123765 100%)}.sub-hero:before{position:absolute;top:-232px;right:-126px;width:590px;height:590px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 56px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.025);content:""}.sub-hero:after{position:absolute;right:27%;bottom:-145px;width:480px;height:210px;border-radius:50%;background:var(--page-accent);content:"";filter:blur(4px)}.sub-hero__grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;min-height:420px;align-items:center;gap:45px;padding:64px 0}.sub-hero__copy{padding-block:4px}.breadcrumbs{display:flex;gap:8px;color:#bfd2e8;font-size:.7rem;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.breadcrumbs a:hover{color:#fff}.breadcrumbs span:last-child{color:var(--gold)}.sub-hero h1{max-width:690px;margin:20px 0 0;font-size:clamp(2.7rem,5.4vw,4.75rem);line-height:.99;letter-spacing:-.07em}.sub-hero h1 em{color:var(--gold);font-style:normal}.sub-hero__copy>p:last-child{max-width:590px;margin:19px 0 0;color:#c4d6eb;font-size:1rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.hero-actions .btn{box-shadow:0 8px 22px rgba(0,0,0,.13)}.hero-graphic{position:relative;min-height:280px}.hero-orbit{position:absolute;top:7px;right:8%;width:270px;height:270px;border:1px dashed rgba(255,255,255,.33);border-radius:50%}.hero-orbit:after{position:absolute;top:29px;right:22px;width:13px;height:13px;border-radius:50%;background:var(--gold);content:""}.hero-mark{position:absolute;top:50%;left:50%;display:grid;width:151px;height:151px;place-items:center;border:9px solid #fff;border-radius:37px;color:var(--ink);background:var(--hero-card);box-shadow:0 20px 30px rgba(0,0,0,.24);transform:translate(-50%,-50%) rotate(-8deg);transition:transform .25s ease,box-shadow .25s ease}.sub-hero:hover .hero-mark{box-shadow:0 24px 36px rgba(0,0,0,.28);transform:translate(-50%,-50%) rotate(-3deg)}.hero-mark svg{width:75px;height:75px}.hero-label{position:absolute;right:2%;bottom:13px;min-width:177px;padding:13px 16px;border:1px solid rgba(255,255,255,.26);border-radius:13px;color:#eaf3fd;background:rgba(9,33,68,.68);box-shadow:0 12px 22px rgba(0,0,0,.18);font-size:.74rem;font-weight:750;backdrop-filter:blur(7px)}.hero-label:before{display:inline-block;width:7px;height:7px;margin:0 6px 1px 0;border-radius:50%;background:var(--mint);content:""}.hero-label b{display:block;color:var(--gold);font-size:.92rem;line-height:1.1}
/* Shared content blocks */
.section{padding:103px 0}.section--cloud{background:var(--cloud)}.heading{max-width:720px}.heading h2{margin:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.04;letter-spacing:-.055em}.heading>p:last-child{max-width:650px;margin:17px 0 0;color:var(--muted);font-size:.97rem}.split{display:grid;grid-template-columns:.86fr 1.14fr;gap:75px;align-items:start}.sticky-note{position:sticky;top:110px;padding:28px;border:1px solid var(--line);border-top:4px solid var(--page-accent);border-radius:18px;background:#fff;box-shadow:0 12px 25px rgba(9,33,68,.06)}.sticky-note svg{width:34px;height:34px;color:var(--page-accent)}.sticky-note h3{margin:15px 0 7px;font-size:1.12rem;line-height:1.2;letter-spacing:-.03em}.sticky-note p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.55}.sticky-note .btn{width:100%;margin-top:20px;background:var(--page-accent);font-size:.78rem}.sticky-note .btn:hover,.calculator .btn:hover{filter:brightness(.94)}.steps{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:step}.steps li{position:relative;min-height:111px;padding:0 0 33px 70px;counter-increment:step}.steps li:last-child{min-height:0;padding-bottom:0}.steps li:before{position:absolute;top:0;left:0;display:grid;width:43px;height:43px;place-items:center;border-radius:50%;color:var(--page-accent);background:var(--page-soft);content:counter(step,decimal-leading-zero);font-size:.7rem;font-weight:900}.steps li:not(:last-child):after{position:absolute;top:46px;bottom:5px;left:21px;width:1px;background:#d7e2ed;content:""}.steps h3{margin:3px 0 4px;font-size:1.08rem;line-height:1.25;letter-spacing:-.027em}.steps p{max-width:650px;margin:0;color:var(--muted);font-size:.84rem;line-height:1.62}.rate-banner{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:1px;overflow:hidden;margin-top:48px;border:1px solid #dce6ef;border-radius:19px;background:#dce6ef;box-shadow:0 12px 26px rgba(9,33,68,.07)}.rate-banner__intro,.rate-banner__rate{padding:22px 20px;background:#fff}.rate-banner__intro{color:#fff;background:linear-gradient(135deg,#092144,#174779)}.rate-banner__intro b,.rate-banner__intro span,.rate-banner__rate span,.rate-banner__rate strong{display:block}.rate-banner__intro b{font-size:1.06rem;line-height:1.2;letter-spacing:-.03em}.rate-banner__intro span{margin-top:4px;color:#c5d7eb;font-size:.72rem}.rate-banner__rate span{color:#6d8098;font-size:.65rem;font-weight:850;letter-spacing:.075em;text-transform:uppercase}.rate-banner__rate strong{margin-top:5px;font-size:1.1rem;line-height:1.1;letter-spacing:-.045em}.notice{display:flex;gap:11px;align-items:flex-start;max-width:930px;margin:21px auto 0;padding:15px 17px;border:1px solid #dfebf3;border-radius:12px;color:#48627f;background:#eef5fb;font-size:.78rem}.notice svg{width:19px;height:19px;flex:0 0 auto;color:var(--page-accent)}.notice strong{color:var(--ink)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:41px}.feature{padding:22px 20px;border:1px solid var(--line);border-radius:16px;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.feature:hover{box-shadow:0 13px 25px rgba(9,33,68,.09);transform:translateY(-4px)}.feature svg{width:27px;height:27px;color:var(--page-accent)}.feature h3{margin:12px 0 5px;font-size:1rem;line-height:1.22;letter-spacing:-.03em}.feature p{margin:0;color:var(--muted);font-size:.77rem;line-height:1.55}.dark-cta{position:relative;overflow:hidden;padding:78px 0;color:#fff;background:var(--ink2)}.dark-cta:after{position:absolute;right:-112px;bottom:-195px;width:470px;height:470px;border:35px solid rgba(255,255,255,.05);border-radius:50%;content:""}.dark-cta__inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px}.dark-cta h2{max-width:670px;margin:0;font-size:clamp(1.85rem,3.7vw,3.1rem);line-height:1.05;letter-spacing:-.054em}.dark-cta p{max-width:570px;margin:13px 0 0;color:#c5d7eb;font-size:.91rem}.dark-cta .btn{flex:0 0 auto}.kit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:38px}.kit-card{padding:19px;border:1px solid var(--line);border-radius:16px;background:#fff}.kit-card__icon{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;color:var(--ink);background:var(--gold)}.kit-card__icon svg{width:25px;height:25px}.kit-card h3{margin:15px 0 4px;font-size:.92rem;line-height:1.2}.kit-card p{margin:0;color:var(--muted);font-size:.74rem}.kit-card b{display:block;margin-top:13px;color:var(--page-accent);font-size:.82rem}
/* Service-at-a-glance strip */
.service-glance{position:relative;z-index:3;margin-top:-31px}.glance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--line);box-shadow:0 15px 33px rgba(9,33,68,.11)}.glance-card{display:flex;min-height:99px;align-items:center;gap:12px;padding:17px 18px;background:#fff}.glance-card__icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:11px;color:var(--page-accent);background:var(--page-soft)}.glance-card__icon svg{width:21px;height:21px}.glance-card b,.glance-card span{display:block}.glance-card b{font-size:.8rem;line-height:1.2}.glance-card span{margin-top:3px;color:var(--muted);font-size:.68rem;line-height:1.35}.service-glance+.section{padding-top:91px}.service-endnote{display:flex;align-items:flex-start;gap:12px;max-width:900px;margin:36px auto 0;padding:17px 19px;border-radius:14px;color:#4a6480;background:var(--page-soft);font-size:.8rem}.service-endnote svg{width:21px;height:21px;flex:0 0 auto;color:var(--page-accent)}.service-endnote strong{color:var(--ink)}
/* Pricing */
.pricing-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:35px 0 2px}.pricing-overview__card{padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff}.pricing-overview__card svg{width:24px;height:24px;color:var(--page-accent)}.pricing-overview__card b,.pricing-overview__card span{display:block}.pricing-overview__card b{margin-top:7px;font-size:.82rem;line-height:1.2}.pricing-overview__card span{margin-top:3px;color:var(--muted);font-size:.71rem;line-height:1.4}.price-grid{display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;gap:13px;margin-top:43px}.price-card{display:flex;min-height:405px;flex-direction:column;padding:23px 19px 19px;border:1px solid var(--line);border-radius:17px;background:#fff}.price-card--featured{position:relative;border-color:var(--ink);color:#fff;background:var(--ink);box-shadow:0 18px 33px rgba(7,34,70,.18);transform:translateY(-10px)}.popular{position:absolute;top:-12px;left:50%;padding:5px 10px;border-radius:99px;color:var(--ink);background:var(--gold);font-size:.61rem;font-weight:900;letter-spacing:.07em;white-space:nowrap;text-transform:uppercase;transform:translateX(-50%)}.price-card__size{color:#7286a0;font-size:.68rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.price-card--featured .price-card__size{color:var(--mint)}.price-card h3{min-height:43px;margin:12px 0 8px;font-size:1.16rem;line-height:1.08;letter-spacing:-.04em}.price-card__price{margin:0;font-size:2.1rem;font-weight:900;letter-spacing:-.065em}.price-card__price small{color:var(--muted);font-size:.66rem;font-weight:700;letter-spacing:0}.price-card--featured .price-card__price small{color:#bdd2ea}.price-divider{height:1px;margin:20px 0 16px;background:var(--line)}.price-card--featured .price-divider{background:rgba(255,255,255,.18)}.item-list{display:grid;gap:9px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:.75rem;line-height:1.35}.item-list li{position:relative;padding-left:16px}.item-list li:before{position:absolute;left:0;color:var(--page-accent);content:"✓";font-weight:900}.price-card--featured .item-list{color:#c8d8e9}.price-card .btn{width:100%;min-height:39px;margin-top:auto;padding:8px;font-size:.75rem}.price-card:not(.price-card--featured) .btn{border-color:#d3dfec;color:var(--ink);background:#fff}.price-card:not(.price-card--featured) .btn:hover{border-color:var(--page-accent);color:var(--page-accent);box-shadow:none}.price-card--featured .btn{color:var(--ink);background:var(--mint)}.pricing-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:65px;align-items:start}.calculator{position:sticky;top:103px;padding:26px;border:1px solid #e8e0d3;border-top:4px solid var(--page-accent);border-radius:20px;background:#fff;box-shadow:0 17px 35px rgba(51,47,35,.09)}.calculator__header{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:19px}.calculator h2{margin:0;font-size:1.24rem;line-height:1.15;letter-spacing:-.04em}.calculator__header p{margin:4px 0 0;color:var(--muted);font-size:.72rem}.calc-reset{padding:0;border:0;color:var(--page-accent);background:none;font-size:.73rem;font-weight:850}.calc-reset:hover{text-decoration:underline}.calc-row{display:grid;grid-template-columns:1fr auto 68px;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #edf0f3}.calc-item b,.calc-item span{display:block}.calc-item b{font-size:.82rem;line-height:1.2}.calc-item span{margin-top:2px;color:#71839a;font-size:.7rem}.counter{display:inline-flex;align-items:center;overflow:hidden;border:1px solid #d8e0e8;border-radius:9px}.counter button{display:grid;width:27px;height:29px;padding:0;place-items:center;border:0;color:var(--ink);background:#f6f8fa;font-size:1rem;font-weight:800}.counter button:hover{color:var(--page-accent);background:#eef3f7}.counter output{width:27px;text-align:center;font-size:.77rem;font-weight:800}.row-total{text-align:right;color:var(--ink);font-size:.8rem;font-weight:850}.calc-total{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;padding:16px 0 0;border-top:2px solid var(--ink)}.calc-total>div{display:grid;gap:1px}.calc-total span{color:#60728b;font-size:.75rem;font-weight:800}.calc-status{color:#71839a;font-size:.67rem;font-weight:650}.calc-total strong{font-size:1.45rem;line-height:1;letter-spacing:-.05em}.calculator .btn{width:100%;min-height:43px;margin-top:18px;background:var(--page-accent);font-size:.8rem}
/* Footer */
.footer{color:#c5d6e9;background:#061a35}.footer-main{display:grid;grid-template-columns:1.5fr .8fr .8fr 1.05fr;gap:45px;padding:65px 0 46px}.footer .brand{color:#fff}.footer-copy{max-width:290px;margin:17px 0 0;font-size:.78rem;line-height:1.62}.footer h3{margin:5px 0 16px;color:#fff;font-size:.77rem;letter-spacing:.05em;text-transform:uppercase}.footer-links{display:grid;gap:9px;font-size:.76rem}.footer-links a:hover{color:var(--gold)}.footer-contact{display:grid;gap:11px;font-size:.76rem}.footer-contact div{display:flex;align-items:flex-start;gap:9px}.footer-contact svg{width:16px;height:16px;flex:0 0 auto;color:var(--gold)}.footer-bottom{display:flex;min-height:61px;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid rgba(255,255,255,.12);color:#9ab0ca;font-size:.68rem}.footer-bottom div{display:flex;gap:18px}.footer-bottom a:hover{color:#fff}
/* Page-specific accents */
body.page-ship{--page-accent:#e85c4c;--page-soft:#fff0ed;--hero-card:#c7ebe1}body.page-storage{--page-accent:#249879;--page-soft:#e8f7f1;--hero-card:#b6e6dc}body.page-direct{--page-accent:#d65345;--page-soft:#fff0ee;--hero-card:#ffb2a7}body.page-international{--page-accent:#735bc1;--page-soft:#efedff;--hero-card:#d9d0ff}body.page-supplies{--page-accent:#bd8518;--page-soft:#fff6df;--hero-card:#f7d48a}body.page-pricing{--page-accent:#4e72b5;--page-soft:#edf3ff;--hero-card:#cbdcf7}
/* Responsive rules */
@media(max-width:1040px){.price-grid{grid-template-columns:repeat(3,1fr)}.price-card--featured{transform:none}.kit-grid{grid-template-columns:repeat(2,1fr)}.glance-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1.3fr .9fr .9fr}.footer-main>:last-child{grid-column:2/4}}
@media(max-width:820px){.topbar__inner{justify-content:center}.topbar__items{display:none}.nav{min-height:69px}.menu-toggle{display:grid;place-items:center}.nav-links{position:absolute;top:69px;right:20px;left:20px;display:grid;gap:0;max-height:0;overflow:hidden;border:1px solid transparent;border-radius:14px;background:#fff;box-shadow:0 14px 28px rgba(9,33,68,.11);opacity:0;transition:all .25s ease}.nav-links.is-open{max-height:760px;padding:8px 15px 15px;border-color:var(--line);opacity:1}.nav-links>a{padding:12px 7px}.nav-links>a:after{display:none}.nav-dropdown{width:100%}.dropdown-toggle{width:100%;justify-content:space-between;padding:12px 7px}.dropdown-menu,.dropdown-menu--services{position:static;width:100%;max-height:0;margin:0;padding:0 7px;overflow:hidden;border:0;border-radius:0;box-shadow:none;opacity:1;pointer-events:auto;transform:none;transition:max-height .25s ease,padding .25s ease}.dropdown-menu:before{display:none}.nav-dropdown.is-open .dropdown-menu{max-height:400px;padding:0 7px 7px;transform:none}.dropdown-menu a{padding:9px 10px;background:#f5f8fc}.sub-hero__grid,.split,.pricing-layout{grid-template-columns:1fr;gap:40px}.sub-hero__grid{min-height:0;padding:57px 0}.hero-graphic{display:none}.hero-label{display:none}.sticky-note,.calculator{position:static}.feature-grid{grid-template-columns:1fr 1fr}.rate-banner{grid-template-columns:1fr 1fr}.rate-banner__intro{grid-column:1/-1}.dark-cta__inner{align-items:flex-start;flex-direction:column}.service-glance{margin-top:-19px}.service-glance+.section{padding-top:76px}.glance-card{min-height:86px}.pricing-overview{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1.25fr 1fr 1fr;gap:30px}.footer-main>:last-child{grid-column:2/4}}
@media(max-width:560px){.container{width:min(var(--max),calc(100% - 30px))}.topbar{font-size:.7rem}.brand{font-size:1.05rem}.sub-hero h1{font-size:clamp(2.65rem,13vw,4rem)}.sub-hero__copy>p:last-child{font-size:.92rem}.section{padding:75px 0}.feature-grid,.kit-grid,.price-grid,.pricing-overview,.glance-grid{grid-template-columns:1fr}.rate-banner{grid-template-columns:1fr}.rate-banner__intro{grid-column:auto}.price-card{min-height:0}.price-card--featured{order:-1}.price-card h3{min-height:0}.price-card .btn{margin-top:20px}.calc-row{grid-template-columns:1fr auto 53px;gap:6px}.row-total{font-size:.73rem}.steps li{min-height:0;padding:0 0 28px 59px}.steps li:before{width:37px;height:37px}.steps li:not(:last-child):after{top:40px;left:18px}.steps h3{font-size:1rem}.sticky-note{padding:22px}.service-endnote{margin-top:25px}.calculator{padding:20px 16px}.glance-card{min-height:70px;padding:13px 15px}.footer-main{grid-template-columns:1fr 1fr;gap:30px 18px;padding:50px 0 35px}.footer-main>:first-child{grid-column:1/-1}.footer-main>:last-child{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;justify-content:center;padding:13px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* Mobile-first refinement layer — merged into every standalone interior page. */
@media (max-width: 600px) {
  html { -webkit-text-size-adjust: 100%; }
  body { min-width: 320px; overflow-x: hidden; }
  .container { width: min(var(--max), calc(100% - 28px)); }
  .topbar__inner { min-height: 32px; text-align: center; }
  .topbar__inner > span { line-height: 1.3; }
  .site-header { top: 0; }
  .nav { min-height: 64px; }
  .brand-mark { width: 31px; height: 31px; }
  .menu-toggle { width: 44px; height: 44px; }
  .nav-links { top: 64px; right: 12px; left: 12px; border-radius: 16px; }
  .nav-links.is-open { max-height: calc(100dvh - 78px); overflow-y: auto; overscroll-behavior: contain; }
  .nav-links > a, .dropdown-toggle { min-height: 46px; padding: 12px 8px; }
  .dropdown-menu a { min-height: 48px; padding: 10px 11px; }
  .dropdown-menu a small { font-size: .68rem; }
  .sub-hero__grid { padding: 45px 0 48px; }
  .breadcrumbs { font-size: .64rem; }
  .sub-hero h1 { margin-top: 16px; font-size: clamp(2.42rem, 12vw, 3.45rem); line-height: 1.02; }
  .sub-hero__copy > p:last-child { margin-top: 15px; font-size: .91rem; line-height: 1.58; }
  .hero-actions { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 23px; }
  .hero-actions .btn { width: 100%; min-height: 50px; }
  .service-glance { margin-top: -14px; }
  .glance-grid { border-radius: 14px; }
  .glance-card { min-height: 74px; padding: 13px 14px; }
  .glance-card__icon { width: 37px; height: 37px; }
  .glance-card b { font-size: .82rem; }
  .section, .service-glance + .section { padding-top: 63px; padding-bottom: 63px; }
  .heading h2 { font-size: clamp(1.9rem, 9vw, 2.45rem); line-height: 1.07; }
  .heading > p:last-child { font-size: .9rem; }
  .split, .pricing-layout { gap: 29px; }
  .sticky-note { padding: 20px; border-radius: 15px; }
  .sticky-note .btn { min-height: 46px; }
  .steps { margin-top: 29px !important; }
  .steps li { padding-left: 55px; padding-bottom: 26px; }
  .steps li:before { width: 36px; height: 36px; font-size: .63rem; }
  .steps li:not(:last-child):after { top: 39px; left: 17px; }
  .steps h3 { font-size: .98rem; }
  .steps p { font-size: .81rem; line-height: 1.56; }
  .rate-banner { margin-top: 32px; border-radius: 15px; }
  .rate-banner__intro, .rate-banner__rate { padding: 17px; }
  .rate-banner__rate strong { font-size: 1.05rem; }
  .notice, .service-endnote { gap: 10px; margin-top: 17px; padding: 14px; font-size: .76rem; line-height: 1.5; }
  .feature-grid { gap: 11px; margin-top: 28px; }
  .feature { padding: 18px 16px; border-radius: 14px; }
  .feature:hover { transform: none; }
  .feature h3 { font-size: .95rem; }
  .dark-cta { padding: 59px 0; }
  .dark-cta h2 { font-size: clamp(1.72rem, 8vw, 2.3rem); }
  .dark-cta p { font-size: .86rem; }
  .dark-cta .btn { width: 100%; min-height: 50px; }
  .pricing-overview { gap: 10px; margin-top: 25px; }
  .pricing-overview__card { padding: 15px; }
  .price-grid { gap: 14px; margin-top: 32px; }
  .price-card { padding: 21px 18px 18px; border-radius: 15px; }
  .price-card--featured { margin-top: 9px; }
  .price-card__price { font-size: 2rem; }
  .price-card .btn { min-height: 45px; }
  .calculator { padding: 18px 14px; border-radius: 16px; }
  .calculator__header { align-items: center; }
  .calculator h2 { font-size: 1.14rem; }
  .calc-row { grid-template-columns: minmax(0, 1fr) auto 54px; gap: 6px; padding: 11px 0; }
  .calc-item b { font-size: .77rem; }
  .calc-item span { font-size: .66rem; }
  .counter button { width: 29px; height: 32px; }
  .counter output { width: 27px; }
  .row-total { font-size: .73rem; }
  .calculator .btn { min-height: 48px; }
  .kit-grid { gap: 11px; margin-top: 28px; }
  .kit-card { padding: 17px; }
  .footer-main { grid-template-columns: 1fr; gap: 28px; padding: 47px 0 33px; }
  .footer-main > :first-child, .footer-main > :last-child { grid-column: auto; }
  .footer h3 { margin-bottom: 12px; }
  .footer-bottom { padding: 15px 0; font-size: .67rem; }
  .footer-bottom div { flex-wrap: wrap; gap: 10px 16px; }
}
@media (max-width: 380px) {
  .container { width: calc(100% - 24px); }
  .topbar { font-size: .65rem; }
  .sub-hero h1 { font-size: 2.3rem; }
  .glance-card span { font-size: .65rem; }
  .calc-row { grid-template-columns: minmax(0, 1fr) auto 49px; }
  .counter button { width: 27px; }
}
/* Brand logo, responsive tablet layouts, and scroll-reveal motion */
.brand--image { display: inline-flex; width: 208px; max-width: 42vw; align-items: center; gap: 0; }
.brand-logo { display: block; width: 100%; height: auto; max-height: 38px; object-fit: contain; object-position: left center; }
.footer .brand--image { width: 196px; max-width: 100%; padding: 6px 9px; border-radius: 9px; background: #fff; }
.footer .brand-logo { max-height: 32px; }

@media (min-width: 821px) and (max-width: 1080px) {
  .container { width: min(var(--max), calc(100% - 52px)); }
  .brand--image { width: 186px; }
  .nav-links { gap: 17px; font-size: .84rem; }
  .dropdown-menu { top: calc(100% + 17px); }
  .sub-hero__grid { gap: 28px; }
  .sub-hero h1 { font-size: clamp(2.7rem, 5vw, 4rem); }
  .service-glance .glance-card { padding: 15px 13px; }
  .price-grid { grid-template-columns: repeat(3, 1fr); }
  .price-card--featured { transform: none; }
}
@media (min-width: 601px) and (max-width: 820px) {
  .container { width: min(var(--max), calc(100% - 48px)); }
  .brand--image { width: 194px; max-width: 48vw; }
  .nav-links { right: 24px; left: 24px; }
  .sub-hero__grid { padding: 58px 0; }
  .hero-actions { gap: 11px; }
  .glance-grid { grid-template-columns: repeat(2, 1fr); }
  .pricing-overview { grid-template-columns: repeat(3, 1fr); }
  .price-grid { grid-template-columns: repeat(2, 1fr); }
  .price-card--featured { transform: none; }
  .feature-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-main { grid-template-columns: 1.3fr 1fr 1fr; }
}
@media (max-width: 600px) {
  .brand--image { width: 178px; max-width: 56vw; }
  .brand-logo { max-height: 31px; }
  .footer .brand--image { width: 184px; padding: 6px 8px; }
}

@media (prefers-reduced-motion: no-preference) {
  .reveal { opacity: 0; transform: translate3d(0, 26px, 0); transition: opacity .62s ease, transform .62s cubic-bezier(.2,.7,.2,1); will-change: opacity, transform; }
  .reveal.reveal--scale { transform: scale(.96); }
  .reveal.is-visible { opacity: 1; transform: none; }
  .reveal-delay-1 { transition-delay: .08s; }
  .reveal-delay-2 { transition-delay: .16s; }
  .reveal-delay-3 { transition-delay: .24s; }
  .hero-mark { animation: hs-float 5.5s ease-in-out infinite; }
  @keyframes hs-float { 0%,100% { translate: 0 0; } 50% { translate: 0 -9px; } }
}
/* Logo visibility and second-pass tablet/mobile typography refinements */
.site-header .brand--image { flex: 0 0 auto; }
.footer .brand--footer { width: 228px; max-width: 100%; padding: 0; border-radius: 0; background: transparent; }
.footer .brand--footer .brand-logo { width: 100%; max-height: 38px; object-fit: contain; object-position: left center; }

@media (min-width: 1081px) {
  .site-header .nav { min-height: 86px; }
  .site-header .brand--image { width: 286px; max-width: 286px; }
  .site-header .brand-logo { max-height: 48px; }
  .site-header .nav-links { gap: 24px; font-size: .9rem; }
}
@media (min-width: 821px) and (max-width: 1080px) {
  .site-header .brand--image { width: 210px; max-width: 210px; }
  .site-header .brand-logo { max-height: 35px; }
  .site-header .nav-links { gap: 16px; }
}
@media (min-width: 601px) and (max-width: 820px) {
  .site-header .brand--image { width: 202px; max-width: 50vw; }
  .footer .brand--footer { width: 214px; }
}
@media (max-width: 600px) {
  .footer .brand--footer { width: 198px; }
  .footer .brand--footer .brand-logo { max-height: 33px; }
  p, li, .glance-card span, .feature p, .item-list, .footer-copy { overflow-wrap: anywhere; }
  .topbar { padding: 4px 0; }
  .topbar__inner > span { max-width: 100%; font-size: .68rem; }
  .hero h1, .page-hero h1, .sub-hero h1 { letter-spacing: -.055em; }
  .hero-copy > p:not(.eyebrow), .page-hero p:last-child, .sub-hero__copy > p:last-child { max-width: 100%; }
  .services-top, .how-header, .pricing__head, .map-heading { gap: 17px; }
  .service-card h3, .price-card h3 { min-height: 0; }
  .service-card p, .price-card p, .feature p { line-height: 1.52; }
  .price-card__price { white-space: nowrap; }
  .intl-feature-grid { gap: 10px; }
  .quote-card > p:not(.eyebrow), .contact-form-card > p { line-height: 1.55; }
  .footer-copy { max-width: 100%; }
}
@media (max-width: 380px) {
  .site-header .brand--image { width: 166px; max-width: 54vw; }
  .site-header .brand-logo { max-height: 29px; }
  .footer .brand--footer { width: 185px; }
}
/* Prevent decorative circles from covering actions and show the full mobile hero collage. */
.hero::before, .hero::after, .hero-orbit,
.sub-hero::before, .sub-hero::after,
.page-hero::before, .page-hero::after { pointer-events: none; }
.hero-copy, .sub-hero__grid, .page-hero__inner { position: relative; z-index: 2; }
.hero-actions { position: relative; z-index: 4; }

@media (max-width: 820px) {
  .sub-hero::after { display: none; }
}
@media (max-width: 600px) {
  .hero::before, .hero::after { opacity: .35; }
  .hero-visual { min-height: 415px; }
  .hero-photo { right: 5%; width: 238px; aspect-ratio: 2 / 3; }
  .hero-photo img { height: 100%; object-fit: contain; object-position: center; }
  .hero-orbit { right: calc(5% - 22px); width: 268px; height: 355px; border-radius: 46%; }
  .label-card { right: 0; bottom: 24px; z-index: 3; }
  .tracking-card { bottom: 0; left: 0; z-index: 3; }
}
@media (max-width: 380px) {
  .hero-visual { min-height: 390px; }
  .hero-photo { width: 220px; }
  .hero-orbit { width: 246px; height: 330px; }
}
/* Sticky header, hierarchy, icon alignment, and service-hero refinement. */
body .site-header { z-index: 1000; overflow: visible !important; isolation: isolate; }
body .site-header .nav { display: flex; align-items: center; overflow: visible; }
body .site-header .brand--image { display: flex; align-items: center; }
body .site-header .nav-links, body .site-header .nav-dropdown, body .site-header .dropdown-toggle { align-items: center; }
body .site-header .dropdown-toggle { line-height: 1; white-space: nowrap; }
body.admin-bar .site-header { top: 32px; }

.hero-copy > p:not(.eyebrow) { color: #e0ecfb; font-size: 1.18rem; font-weight: 520; line-height: 1.7; }
.sub-hero__copy > p:last-child { color: #d5e4f5; font-size: 1.13rem; font-weight: 520; line-height: 1.68; }
.page-hero p:last-child { color: #d5e4f5; font-size: 1.1rem; font-weight: 520; line-height: 1.66; }
.hero .eyebrow, .sub-hero .eyebrow { font-size: .78rem; }

.price-card__icon { display: grid; width: 42px; height: 42px; margin: 13px 0 2px; place-items: center; border-radius: 12px; color: var(--page-accent, var(--coral)); background: var(--page-soft, #fff0ed); }
.price-card__icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.price-card--featured .price-card__icon { color: var(--ink); background: var(--mint); }
.glance-card, .trust__item, .info-item, .note { align-items: center; }
.glance-card__icon, .trust__item > svg, .info-item > svg, .note > svg { flex: 0 0 auto; }

.service-hero-media { position: relative; z-index: 1; min-height: 318px; overflow: hidden; border: 6px solid rgba(255,255,255,.96); border-radius: 26px; box-shadow: 0 23px 42px rgba(0,0,0,.28); background: #173c69; }
.service-hero-media::after { position: absolute; inset: 0; background: linear-gradient(130deg, rgba(6,27,56,.10) 15%, rgba(6,27,56,0) 58%, rgba(6,27,56,.28)); content: ""; pointer-events: none; }
.service-hero-media img { width: 100%; height: 318px; object-fit: cover; object-position: center; }
.service-hero-media figcaption { position: absolute; z-index: 2; right: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; color: #fff; background: rgba(7,30,62,.76); box-shadow: 0 7px 16px rgba(0,0,0,.16); font-size: .68rem; font-weight: 850; backdrop-filter: blur(7px); }
.service-hero-media figcaption svg { width: 17px; height: 17px; color: var(--gold); }

@media (min-width: 1081px) {
  body .site-header { min-height: 94px; }
  body .site-header .nav { height: 94px; min-height: 94px !important; }
  body .site-header .brand--image { width: 302px; max-width: 302px; }
  body .site-header .brand-logo { max-height: 50px; }
  body .site-header .nav-links { gap: 27px; }
}
@media (max-width: 782px) { body.admin-bar .site-header { top: 46px; } }
@media (max-width: 820px) {
  .sub-hero__copy > p:last-child { font-size: 1.03rem; }
  .service-hero-media { width: min(100%, 570px); min-height: 285px; margin: 2px auto 0; border-width: 5px; }
  .service-hero-media img { height: 285px; }
}
@media (max-width: 600px) {
  .hero-copy > p:not(.eyebrow), .sub-hero__copy > p:last-child, .page-hero p:last-child { font-size: 1rem; line-height: 1.62; }
  .hero .eyebrow, .sub-hero .eyebrow { font-size: .72rem; }
  .price-card__icon { width: 39px; height: 39px; margin-top: 11px; }
  .service-hero-media { min-height: 210px; border-width: 4px; border-radius: 19px; }
  .service-hero-media img { height: 210px; }
  .service-hero-media figcaption { right: 10px; bottom: 10px; padding: 7px 9px; font-size: .64rem; }
}
/* Slightly larger supporting text for improved readability. */
.topbar { font-size: .85rem; }
.nav-links, .dropdown-toggle { font-size: .93rem; }
.dropdown-menu a span { font-size: .83rem; }
.dropdown-menu a small { font-size: .72rem; }
.eyebrow { font-size: .76rem; }
.hero-label { font-size: .8rem; }
.hero-label b { font-size: .98rem; }
.service-card__number, .price-card__size { font-size: .74rem; }
.service-card p, .feature p, .kit-card p { font-size: .84rem; }
.item-list { font-size: .81rem; }
.notice, .service-endnote { font-size: .83rem; }
.glance-card b { font-size: .86rem; }
.glance-card span { font-size: .74rem; }
.footer-copy, .footer-links, .footer-contact { font-size: .82rem; }
.footer-bottom { font-size: .72rem; }
@media (max-width: 600px) {
  .topbar { font-size: .74rem; }
  .nav-links, .dropdown-toggle { font-size: .91rem; }
  .dropdown-menu a span { font-size: .81rem; }
  .dropdown-menu a small { font-size: .7rem; }
  .eyebrow { font-size: .74rem; }
  .service-card p, .feature p, .kit-card p { font-size: .82rem; }
  .item-list { font-size: .79rem; }
  .notice, .service-endnote { font-size: .8rem; }
  .glance-card span { font-size: .71rem; }
  .footer-copy, .footer-links, .footer-contact { font-size: .8rem; }
}
/* Mobile legal-navigation spacing: each footer route becomes a clear separate tap target. */
@media (max-width: 600px) {
  .footer-bottom > div,
  .footer-bottom__links {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 3px;
  }
  .footer-bottom > div a,
  .footer-bottom__links a {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    padding: 6px 10px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 999px;
    line-height: 1;
  }
  .footer-bottom > div a:hover,
  .footer-bottom__links a:hover { border-color: var(--gold); }
}
/* Stronger mobile logo treatment: larger wordmark, better contrast, and a safe sticky-header height. */
@media (max-width: 600px) {
  body .site-header { min-height: 74px; }
  body .site-header .nav { min-height: 74px; height: 74px; }
  body .site-header .brand--image { width: 220px; max-width: 64vw; }
  body .site-header .brand-logo { max-height: 42px; filter: contrast(1.26) saturate(1.12); }
  .nav-links { top: 74px; }
  .footer .brand--footer { width: 214px; }
  .footer .brand--footer .brand-logo { max-height: 36px; filter: none; }
}
@media (max-width: 380px) {
  body .site-header .brand--image { width: 202px; max-width: 63vw; }
  body .site-header .brand-logo { max-height: 38px; }
}
/* Desktop footer legal links: clear, separate click targets. */
@media (min-width: 601px) {
  .footer-bottom > div,
  .footer-bottom__links {
    display: flex !important;
    align-items: center;
    gap: 18px !important;
  }
  .footer-bottom > div a,
  .footer-bottom__links a {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 4px 9px;
    border-radius: 7px;
    line-height: 1;
  }
  .footer-bottom > div a + a,
  .footer-bottom__links a + a { margin-left: 2px; }
  .footer-bottom > div a:hover,
  .footer-bottom__links a:hover { background: rgba(255,255,255,.08); }
}
/* Final small-text boost for clearer reading without changing the main visual hierarchy. */
.topbar { font-size: .89rem; }
.nav-links, .dropdown-toggle { font-size: .96rem; }
.dropdown-menu a small { font-size: .75rem; }
.eyebrow, .roadmap-card__step, .price-card__size { font-size: .79rem; }
.roadmap-card p, .service-card p, .feature p, .kit-card p { font-size: .89rem; }
.glance-card span, .move-ready__points div div span { font-size: .8rem; }
.footer-copy, .footer-links, .footer-contact { font-size: .85rem; }
.footer-bottom { font-size: .75rem; }
@media (max-width: 600px) {
  .topbar { font-size: .77rem; }
  .nav-links, .dropdown-toggle { font-size: .94rem; }
  .dropdown-menu a small { font-size: .73rem; }
  .roadmap-card p, .service-card p, .feature p, .kit-card p { font-size: .86rem; }
  .glance-card span, .move-ready__points div div span { font-size: .77rem; }
  .footer-copy, .footer-links, .footer-contact { font-size: .83rem; }
}
/* Accessible supporting type scale for desktop, tablet, and mobile. */
.topbar { font-size: .96rem; }
.nav-links, .dropdown-toggle { font-size: 1rem; }
.dropdown-menu a span { font-size: .9rem; }
.dropdown-menu a small { font-size: .82rem; }
.eyebrow, .roadmap-card__step, .price-card__size { font-size: .85rem; }
.hero-label { font-size: .88rem; }
.hero-label b { font-size: 1.04rem; }
.roadmap-card p, .service-card p, .feature p, .kit-card p { font-size: .96rem; line-height: 1.6; }
.item-list { font-size: .9rem; }
.notice, .service-included, .service-endnote { font-size: .9rem; line-height: 1.58; }
.glance-card b { font-size: .92rem; }
.glance-card span, .move-ready__points div div span { font-size: .86rem; }
.footer-copy, .footer-links, .footer-contact { font-size: .92rem; }
.footer-bottom { font-size: .82rem; }
@media (min-width: 601px) and (max-width: 1024px) {
  .topbar { font-size: .92rem; }
  .roadmap-card p, .service-card p, .feature p, .kit-card p { font-size: .93rem; }
  .footer-copy, .footer-links, .footer-contact { font-size: .89rem; }
}
@media (max-width: 600px) {
  .topbar { font-size: .84rem; }
  .nav-links, .dropdown-toggle { font-size: .98rem; }
  .dropdown-menu a span { font-size: .87rem; }
  .dropdown-menu a small { font-size: .78rem; }
  .eyebrow, .roadmap-card__step, .price-card__size { font-size: .8rem; }
  .roadmap-card p, .service-card p, .feature p, .kit-card p { font-size: .92rem; line-height: 1.58; }
  .item-list { font-size: .86rem; }
  .notice, .service-included, .service-endnote { font-size: .86rem; line-height: 1.56; }
  .glance-card b { font-size: .89rem; }
  .glance-card span, .move-ready__points div div span { font-size: .82rem; }
  .footer-copy, .footer-links, .footer-contact { font-size: .87rem; }
  .footer-bottom { font-size: .78rem; }
}
/* Readable FAQ and supporting-content scale across desktop, tablet, and mobile. */
body { font-size: 17px; }
.section-heading > p:last-child, .heading > p:last-child, .intl-copy > p:not(.eyebrow), .move-ready__copy > p:not(.eyebrow), .roadmap-card p { font-size: 1.03rem; line-height: 1.65; }
.faq-question { min-height: 66px; font-size: 1.1rem; line-height: 1.35; }
.faq-question span:last-child { width: 29px; height: 29px; font-size: 1.3rem; }
.faq-answer p { padding-bottom: 20px; color: #536b88; font-size: 1rem; line-height: 1.68; }
.faq-home .faq-question { font-size: 1.08rem; }
.faq-home .faq-answer p { font-size: 1rem; line-height: 1.68; }
.form-field label, .field label { font-size: .8rem; }
.footer-copy, .footer-links, .footer-contact { line-height: 1.62; }
@media (min-width: 601px) and (max-width: 1024px) {
  body { font-size: 16.5px; }
  .faq-question, .faq-home .faq-question { font-size: 1.04rem; }
  .faq-answer p, .faq-home .faq-answer p { font-size: .97rem; }
}
@media (max-width: 600px) {
  body { font-size: 16px; }
  .section-heading > p:last-child, .heading > p:last-child, .intl-copy > p:not(.eyebrow), .move-ready__copy > p:not(.eyebrow), .roadmap-card p { font-size: .96rem; }
  .faq-question, .faq-home .faq-question { min-height: 62px; font-size: .98rem; line-height: 1.38; }
  .faq-question span:last-child { width: 28px; height: 28px; font-size: 1.22rem; }
  .faq-answer p, .faq-home .faq-answer p { padding-bottom: 18px; font-size: .93rem; line-height: 1.64; }
}
/* Larger packing calculator controls and type for clearer shopping on every device. */
.calculator, .calc { padding: 32px; }
.calculator h2, .calc__header h3 { font-size: 1.42rem; }
.calculator__header p, .calc__header p { font-size: .84rem; }
.calc-reset { font-size: .84rem; }
.calc-row { min-height: 67px; padding: 14px 0; }
.calc-item b { font-size: .98rem; }
.calc-item span { font-size: .81rem; }
.counter button { width: 34px; height: 37px; font-size: 1.12rem; }
.counter output { width: 34px; font-size: .9rem; }
.row-total { font-size: .94rem; }
.calc-total span { font-size: .86rem; }
.calc-status { font-size: .77rem; }
.calc-total strong { font-size: 1.7rem; }
.calculator .btn, .calc .btn { min-height: 52px; font-size: .92rem; }
.trust__icon { display: grid; width: 29px; height: 29px; flex: 0 0 auto; place-items: center; color: var(--coral); }
.trust__icon svg { width: 27px; height: 27px; stroke: currentColor; }
@media (min-width: 601px) and (max-width: 1024px) {
  .calculator, .calc { padding: 28px; }
  .calc-row { min-height: 63px; }
}
@media (max-width: 600px) {
  .calculator, .calc { padding: 23px 18px; }
  .calculator h2, .calc__header h3 { font-size: 1.28rem; }
  .calculator__header p, .calc__header p { font-size: .79rem; }
  .calc-row { min-height: 61px; padding: 12px 0; }
  .calc-item b { font-size: .91rem; }
  .calc-item span { font-size: .77rem; }
  .counter button { width: 32px; height: 35px; }
  .counter output { width: 30px; }
  .row-total { font-size: .88rem; }
  .calc-total strong { font-size: 1.55rem; }
  .calculator .btn, .calc .btn { min-height: 50px; font-size: .88rem; }
}
/* Centered desktop menu and account actions. */
.auth-actions { display: flex; align-items: center; gap: 9px; }
.auth-actions--mobile { display: none; }
.auth-link { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; padding: 8px 13px; border: 1px solid #d5e0ec; border-radius: 999px; color: var(--ink); background: #fff; font-size: .84rem; font-weight: 850; white-space: nowrap; }
.auth-link:hover { border-color: var(--coral); color: var(--coral); }
.auth-link--primary { border-color: var(--coral); color: #fff; background: var(--coral); }
.auth-link--primary:hover { border-color: var(--coral-dark); color: #fff; background: var(--coral-dark); }
@media (min-width: 821px) {
  .nav { display: grid; grid-template-columns: minmax(230px, 1fr) auto minmax(230px, 1fr); }
  .nav > .brand { grid-column: 1; justify-self: start; }
  .nav > .nav-links { grid-column: 2; margin-left: 0; justify-self: center; }
  .nav > .auth-actions--desktop { grid-column: 3; justify-self: end; }
}
@media (max-width: 820px) {
  .auth-actions--desktop { display: none; }
  .auth-actions--mobile { display: flex; width: 100%; padding: 10px 7px 3px; }
  .auth-actions--mobile .auth-link { width: 50%; min-height: 43px; }
}
@media (max-width: 380px) {
  .auth-actions { gap: 7px; }
  .auth-link { padding: 8px 9px; font-size: .8rem; }
}
/* Storage calculator item guidance. */
.storage-calculator { max-width: 100%; }
.storage-calc-row { align-items: flex-start; }
.storage-calc-row .calc-item { padding-right: 10px; }
.calc-fit { display: block; max-width: 390px; margin-top: 5px; color: #60758e; font-size: .78rem; line-height: 1.5; }
.storage-calc-row .counter, .storage-calc-row .row-total { margin-top: 4px; }
@media (max-width: 600px) {
  .storage-calc-row .calc-item { padding-right: 4px; }
  .calc-fit { font-size: .72rem; line-height: 1.45; }
  .storage-calc-row .counter, .storage-calc-row .row-total { margin-top: 7px; }
}
/* Color-coded storage tiers for faster price comparison. */
.price-card { position: relative; overflow: hidden; }
.price-card::before { position: absolute; top: 0; right: 0; left: 0; height: 5px; content: ""; }
.price-card:nth-child(1) { border-color: #f2d998; background: linear-gradient(180deg, #fffdf6 0%, #fff8e8 100%); }
.price-card:nth-child(1)::before { background: #e9ad35; }
.price-card:nth-child(1) .price-card__icon { color: #9b6810; background: #ffe7aa; }
.price-card:nth-child(1) .btn { border-color: #e9ad35; color: #6a480c; background: #ffe5a4; }
.price-card:nth-child(2) { border-color: #bfe5d9; background: linear-gradient(180deg, #fbfffd 0%, #edf9f4 100%); }
.price-card:nth-child(2)::before { background: #38a887; }
.price-card:nth-child(2) .price-card__icon { color: #197c62; background: #cbeee1; }
.price-card:nth-child(2) .btn { border-color: #38a887; color: #fff; background: #299b7d; }
.price-card:nth-child(3)::before { background: var(--gold); }
.price-card:nth-child(4) { border-color: #f4c5b9; background: linear-gradient(180deg, #fffdfc 0%, #fff0ed 100%); }
.price-card:nth-child(4)::before { background: var(--coral); }
.price-card:nth-child(4) .price-card__icon { color: #bd4d3f; background: #ffd4cc; }
.price-card:nth-child(4) .btn { border-color: var(--coral); color: #fff; background: var(--coral); }
.price-card:nth-child(5) { border-color: #d8cbfa; background: linear-gradient(180deg, #fff 0%, #f4f0ff 100%); }
.price-card:nth-child(5)::before { background: #8266cf; }
.price-card:nth-child(5) .price-card__icon { color: #654cae; background: #e1d8ff; }
.price-card:nth-child(5) .btn { border-color: #8266cf; color: #fff; background: #765cbd; }
.price-card:not(.price-card--featured) .btn:hover { filter: brightness(.95); transform: translateY(-1px); box-shadow: 0 7px 15px rgba(9,33,68,.12); }
/* Match each tier label text to its storage-category color. */
.price-card:nth-child(1) .price-card__size { color: #9b6810; }
.price-card:nth-child(2) .price-card__size { color: #197c62; }
.price-card:nth-child(3) .price-card__size { color: var(--mint); }
.price-card:nth-child(4) .price-card__size { color: #bd4d3f; }
.price-card:nth-child(5) .price-card__size { color: #654cae; }
/* Leave room for the Most Common badge above the featured pricing card. */
.price-grid { padding-top: 14px; }
.price-card--featured { z-index: 2; overflow: visible; }
.popular { z-index: 3; }
/* Unified blue, white, and gold visual system across every service page. */
body.page-ship, body.page-storage, body.page-direct, body.page-international, body.page-supplies { --page-accent: #174d85; --page-soft: #edf5fc; --hero-card: #fff0bf; }
body.page-ship .sub-hero::after, body.page-storage .sub-hero::after, body.page-direct .sub-hero::after, body.page-international .sub-hero::after, body.page-supplies .sub-hero::after { background: #174d85; }
body.page-ship .hero-mark, body.page-storage .hero-mark, body.page-direct .hero-mark, body.page-international .hero-mark, body.page-supplies .hero-mark { background: #fff0bf; }
.service-hero-media { border-color: #fff; box-shadow: 0 23px 42px rgba(8,39,76,.3); }
.service-hero-media figcaption { border-color: rgba(255,205,104,.7); color: #fff; background: rgba(9,33,68,.84); }
.service-hero-media figcaption svg { color: var(--gold); }
.service-glance { background: transparent; }
.glance-card__icon { color: #174d85; background: #fff0bf; }
.service-endnote { border-left: 4px solid var(--gold); border-radius: 10px; color: #31557c; background: #fff8e6; }
.service-endnote svg { color: #c99019; }
.notice { border-color: #cadfed; color: #31557c; background: #edf6ff; }
.notice svg { color: #e4a627; }
.rate-banner { border-color: #c8dced; background: #c8dced; }
.rate-banner__intro { color: #fff; background: linear-gradient(135deg, #092144, #1d548e); }
.rate-banner__rate { background: #fff; }
.rate-banner__rate span { color: #426789; }
.rate-banner__rate strong { color: #092144; }
.sticky-note { border-top-color: var(--gold); }
.sticky-note .btn { color: #fff; background: #174d85; }
.sticky-note .btn:hover { color: #fff; background: #0d3f72; }
.feature { border-color: #d2e1ee; background: #fff; }
.feature svg { color: #174d85; }
.kit-card { border-color: #d2e1ee; background: #fff; }
.kit-card__icon { color: #174d85; background: #fff0bf; }
.kit-card b { color: #174d85; }
.storage-calculator .btn { color: #fff; background: var(--coral); }
.storage-calculator .btn:hover { color: #fff; background: var(--coral-dark); }
/* Color-coded service-at-a-glance cards on all service pages. */
.service-glance .glance-card { position: relative; overflow: hidden; border-top: 4px solid transparent; }
.service-glance .glance-card:nth-child(1) { border-top-color: #3d78bd; background: #edf5ff; }
.service-glance .glance-card:nth-child(1) .glance-card__icon { color: #174d85; background: #d6e8ff; }
.service-glance .glance-card:nth-child(2) { border-top-color: #dfab35; background: #fff8e8; }
.service-glance .glance-card:nth-child(2) .glance-card__icon { color: #9a6911; background: #ffe9ab; }
.service-glance .glance-card:nth-child(3) { border-top-color: #4a94b0; background: #eef8fb; }
.service-glance .glance-card:nth-child(3) .glance-card__icon { color: #1d637f; background: #d4edf5; }
.service-glance .glance-card:nth-child(4) { border-top-color: var(--gold); color: #fff; background: #174d85; }
.service-glance .glance-card:nth-child(4) .glance-card__icon { color: #174d85; background: #fff0bf; }
.service-glance .glance-card:nth-child(4) span { color: #d7e8f7; }
/* Orange service-card palette across all service pages. */
.service-glance .glance-card:nth-child(1) { border-top-color: #f06452; background: #fff0ed; }
.service-glance .glance-card:nth-child(1) .glance-card__icon { color: #bd4e3e; background: #ffd6ce; }
.service-glance .glance-card:nth-child(2) { border-top-color: #ed8a36; background: #fff5e8; }
.service-glance .glance-card:nth-child(2) .glance-card__icon { color: #ad611e; background: #ffe1b8; }
.service-glance .glance-card:nth-child(3) { border-top-color: #f6ad4b; background: #fff9ef; }
.service-glance .glance-card:nth-child(3) .glance-card__icon { color: #aa681e; background: #ffe9bf; }
.service-glance .glance-card:nth-child(4) { border-top-color: #ffcc6c; color: #fff; background: #e85e49; }
.service-glance .glance-card:nth-child(4) .glance-card__icon { color: #b84a3b; background: #fff0c9; }
.service-glance .glance-card:nth-child(4) span { color: #fff1ed; }
/* Orange gradient finish for every service summary card. */
.service-glance .glance-card:nth-child(1) { background: linear-gradient(135deg, #fff9f4 0%, #ffd9cf 100%); }
.service-glance .glance-card:nth-child(2) { background: linear-gradient(135deg, #fffdf7 0%, #ffe0b8 100%); }
.service-glance .glance-card:nth-child(3) { background: linear-gradient(135deg, #fffaf2 0%, #ffd1a0 100%); }
.service-glance .glance-card:nth-child(4) { background: linear-gradient(135deg, #f57d5e 0%, #df4c3c 100%); }
.service-glance .glance-card:nth-child(4) .glance-card__icon { box-shadow: 0 5px 12px rgba(113,35,21,.18); }
/* One consistent solid orange color for every service summary card. */
.service-glance .glance-card,
.service-glance .glance-card:nth-child(1),
.service-glance .glance-card:nth-child(2),
.service-glance .glance-card:nth-child(3),
.service-glance .glance-card:nth-child(4) { border-top-color: #d94d3c; color: #fff; background: #f06452; }
.service-glance .glance-card .glance-card__icon { color: #b94839; background: #fff0c9; }
.service-glance .glance-card span,
.service-glance .glance-card:nth-child(4) span { color: #fff3ef; }
/* Navy service-rate and information panels with gold headings and white text. */
body.page-ship .rate-banner, body.page-storage .rate-banner, body.page-direct .rate-banner, body.page-international .rate-banner, body.page-supplies .rate-banner { border-color: #092144; background: #092144; }
body.page-ship .rate-banner__intro, body.page-storage .rate-banner__intro, body.page-direct .rate-banner__intro, body.page-international .rate-banner__intro, body.page-supplies .rate-banner__intro { background: #092144; }
body.page-ship .rate-banner__rate, body.page-storage .rate-banner__rate, body.page-direct .rate-banner__rate, body.page-international .rate-banner__rate, body.page-supplies .rate-banner__rate { background: #174d85; }
body.page-ship .rate-banner__intro b, body.page-storage .rate-banner__intro b, body.page-direct .rate-banner__intro b, body.page-international .rate-banner__intro b, body.page-supplies .rate-banner__intro b { color: var(--gold); }
body.page-ship .rate-banner__intro span, body.page-storage .rate-banner__intro span, body.page-direct .rate-banner__intro span, body.page-international .rate-banner__intro span, body.page-supplies .rate-banner__intro span { color: #f3f8ff; }
body.page-ship .rate-banner__rate span, body.page-storage .rate-banner__rate span, body.page-direct .rate-banner__rate span, body.page-international .rate-banner__rate span, body.page-supplies .rate-banner__rate span { color: var(--gold); }
body.page-ship .rate-banner__rate strong, body.page-storage .rate-banner__rate strong, body.page-direct .rate-banner__rate strong, body.page-international .rate-banner__rate strong, body.page-supplies .rate-banner__rate strong { color: #fff; }
body.page-ship .notice, body.page-storage .notice, body.page-direct .notice, body.page-international .notice, body.page-supplies .notice,
body.page-ship .service-endnote, body.page-storage .service-endnote, body.page-direct .service-endnote, body.page-international .service-endnote, body.page-supplies .service-endnote { border-color: #23609d; border-left-color: var(--gold); color: #f3f8ff; background: #174d85; }
body.page-ship .notice strong, body.page-storage .notice strong, body.page-direct .notice strong, body.page-international .notice strong, body.page-supplies .notice strong,
body.page-ship .service-endnote strong, body.page-storage .service-endnote strong, body.page-direct .service-endnote strong, body.page-international .service-endnote strong, body.page-supplies .service-endnote strong { color: var(--gold); }
body.page-ship .notice svg, body.page-storage .notice svg, body.page-direct .notice svg, body.page-international .notice svg, body.page-supplies .notice svg,
body.page-ship .service-endnote svg, body.page-storage .service-endnote svg, body.page-direct .service-endnote svg, body.page-international .service-endnote svg, body.page-supplies .service-endnote svg { color: var(--gold); }
/* FedEx with HomeShipping pickup-signup form. */
.signup-hero { position: relative; overflow: hidden; color: #fff; background: linear-gradient(125deg, #092144 0%, #123765 72%, #1a548d 100%); }
.signup-hero::after { position: absolute; top: -190px; right: -95px; width: 520px; height: 520px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 50px rgba(255,255,255,.035), 0 0 0 126px rgba(255,255,255,.025); content: ""; }
.signup-hero__inner { position: relative; z-index: 1; padding: 72px 0 66px; }
.signup-hero .eyebrow { color: var(--gold); }
.signup-hero h1 { max-width: 760px; margin: 0; font-size: clamp(2.35rem, 5vw, 4.35rem); line-height: 1.02; letter-spacing: -.065em; }
.signup-hero h1 em { color: var(--gold); font-style: normal; }
.signup-hero__inner > p:last-child { max-width: 650px; margin: 18px 0 0; color: #d7e5f7; font-size: 1.05rem; line-height: 1.65; }
.signup-section { padding: 88px 0 104px; background: #f5f8fc; }
.signup-layout { display: grid; grid-template-columns: .68fr 1.32fr; gap: 32px; align-items: start; }
.signup-aside { position: sticky; top: 112px; padding: 30px; border-radius: 20px; color: #fff; background: #174d85; box-shadow: 0 15px 32px rgba(9,33,68,.14); }
.signup-aside__icon, .pickup-form__section-icon { display: grid; width: 47px; height: 47px; place-items: center; border-radius: 14px; color: #174d85; background: var(--gold); }
.signup-aside__icon svg, .pickup-form__section-icon svg { width: 25px; height: 25px; }
.signup-aside h2 { margin: 19px 0 8px; font-size: 1.42rem; line-height: 1.15; letter-spacing: -.04em; }
.signup-aside > p { margin: 0; color: #d4e4f6; font-size: .92rem; line-height: 1.6; }
.signup-aside__tip { display: flex; align-items: flex-start; gap: 9px; margin-top: 25px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.18); color: #e8f1fc; font-size: .78rem; line-height: 1.5; }
.signup-aside__tip svg { width: 19px; height: 19px; flex: 0 0 auto; color: var(--gold); }
.pickup-form { overflow: hidden; border: 1px solid #dce6f0; border-top: 5px solid #174d85; border-radius: 20px; background: #fff; box-shadow: 0 15px 32px rgba(9,33,68,.08); }
.pickup-form__section { display: grid; grid-template-columns: auto 1fr; gap: 15px 18px; padding: 32px; border-bottom: 1px solid #e2eaf2; }
.pickup-form__section-icon { grid-row: span 2; width: 44px; height: 44px; color: #fff; background: var(--coral); }
.pickup-form__section-head { padding-top: 1px; }
.pickup-form__section-head .eyebrow { margin-bottom: 4px; color: #d2634f; font-size: .7rem; }
.pickup-form__section-head h2 { margin: 0; color: var(--ink); font-size: 1.45rem; line-height: 1.15; letter-spacing: -.04em; }
.pickup-form__section-head > p:last-child { margin: 7px 0 0; color: #60758e; font-size: .88rem; line-height: 1.55; }
.pickup-form__section .form-field--wide { grid-column: 2; }
.form-grid { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 8px; }
.pickup-form .form-field { display: grid; gap: 7px; }
.pickup-form .form-field--wide { grid-column: 1 / -1; }
.pickup-form label { color: #193756; font-size: .84rem; font-weight: 800; }
.pickup-form label span { color: var(--coral); }
.pickup-form label small { color: #71839a; font-size: .76rem; font-weight: 650; }
.pickup-form input, .pickup-form select { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #cbd9e7; border-radius: 9px; outline: 0; color: var(--ink); background: #fff; font-size: .92rem; transition: border-color .15s ease, box-shadow .15s ease; }
.pickup-form input:focus, .pickup-form select:focus { border-color: #3e77b5; box-shadow: 0 0 0 3px rgba(62,119,181,.14); }
.pickup-form__footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 24px 32px 29px; background: #fcfdff; }
.pickup-form__footer > p:first-child { display: flex; max-width: 390px; align-items: flex-start; gap: 8px; margin: 0; color: #61768f; font-size: .75rem; line-height: 1.45; }
.pickup-form__footer > p:first-child svg { width: 18px; height: 18px; flex: 0 0 auto; color: #d69b24; }
.pickup-form__submit { flex: 0 0 auto; min-height: 50px; border: 0; background: var(--coral); }
.pickup-form__submit:hover { background: var(--coral-dark); }
.pickup-form__response { display: none; width: 100%; margin: 0; color: #188266; font-size: .83rem; font-weight: 800; }
.pickup-form__response.is-visible { display: block; }
@media (max-width: 820px) { .signup-layout { grid-template-columns: 1fr; } .signup-aside { position: static; } }
@media (max-width: 600px) { .signup-hero__inner { padding: 54px 0 50px; } .signup-hero h1 { font-size: clamp(2rem, 10vw, 3rem); } .signup-hero__inner > p:last-child { font-size: .96rem; } .signup-section { padding: 59px 0 70px; } .signup-aside { padding: 23px 20px; border-radius: 16px; } .pickup-form { border-radius: 16px; } .pickup-form__section { grid-template-columns: 1fr; gap: 13px; padding: 24px 18px; } .pickup-form__section-icon { grid-row: auto; } .pickup-form__section .form-field--wide { grid-column: auto; } .form-grid { grid-template-columns: 1fr; margin-top: 2px; } .pickup-form__footer { align-items: stretch; flex-direction: column; padding: 20px 18px 23px; } .pickup-form__submit { width: 100%; } }
/* Orange overview cards for the storage pricing page. */
.pricing-overview__card { border-color: #f3bf84; color: #fff; background: #f06452; }
.pricing-overview__card svg { color: #fff0bf; }
.pricing-overview__card b { color: #fff; }
.pricing-overview__card span { color: #fff3ef; }
.pricing-overview__card:nth-child(2) { background: #e85c48; }
.pricing-overview__card:nth-child(3) { background: #d94c3c; }
/* WooCommerce dashboard, checkout, and payment-area styling. */
.woocommerce-page { min-height: 62vh; background: #f5f8fc; }
.woocommerce-page .woocommerce { padding: 10px 0; }
.woocommerce-page .woocommerce-MyAccount-navigation { float: left; width: 25%; padding: 18px; border-radius: 16px; background: #174d85; }
.woocommerce-page .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; }
.woocommerce-page .woocommerce-MyAccount-navigation li + li { border-top: 1px solid rgba(255,255,255,.15); }
.woocommerce-page .woocommerce-MyAccount-navigation a { display: block; padding: 11px 6px; color: #fff; font-weight: 800; }
.woocommerce-page .woocommerce-MyAccount-navigation .is-active a { color: var(--gold); }
.woocommerce-page .woocommerce-MyAccount-content { float: right; width: 71%; min-height: 350px; padding: 30px; border: 1px solid #dbe5ef; border-radius: 16px; background: #fff; box-shadow: 0 12px 25px rgba(9,33,68,.06); }
.woocommerce-page .woocommerce::after { display: table; clear: both; content: ""; }
.woocommerce-page .woocommerce h1, .woocommerce-page .woocommerce h2, .woocommerce-page .woocommerce h3 { color: #092144; }
.woocommerce-page .woocommerce button, .woocommerce-page .woocommerce a.button, .woocommerce-page .woocommerce input.button { border: 0; border-radius: 999px; color: #fff; background: var(--coral); font-weight: 850; }
.woocommerce-page .woocommerce button:hover, .woocommerce-page .woocommerce a.button:hover, .woocommerce-page .woocommerce input.button:hover { color: #fff; background: var(--coral-dark); }
.woocommerce-page .woocommerce input.input-text, .woocommerce-page .woocommerce select, .woocommerce-page .woocommerce textarea { min-height: 44px; padding: 9px 11px; border: 1px solid #cad9e8; border-radius: 8px; }
.woocommerce-page .woocommerce-info, .woocommerce-page .woocommerce-message { border-top-color: var(--gold); background: #fff8e6; }
.woocommerce-page .woocommerce-error { border-top-color: var(--coral); }
@media (max-width: 820px) { .woocommerce-page .woocommerce-MyAccount-navigation, .woocommerce-page .woocommerce-MyAccount-content { float: none; width: 100%; } .woocommerce-page .woocommerce-MyAccount-navigation { margin-bottom: 18px; } .woocommerce-page .woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; gap: 4px; } .woocommerce-page .woocommerce-MyAccount-navigation li { border: 0 !important; } .woocommerce-page .woocommerce-MyAccount-navigation a { padding: 8px; font-size: .78rem; } }
/* Branded templates for WooCommerce My Account, Cart, and Checkout pages. */
.account-page { background: #f5f8fc; }
.account-page__hero { position: relative; overflow: hidden; color: #fff; background: linear-gradient(125deg, #092144 0%, #174d85 100%); }
.account-page__hero::after { position: absolute; right: -120px; bottom: -220px; width: 500px; height: 500px; border: 42px solid rgba(255,255,255,.06); border-radius: 50%; content: ""; }
.account-page__hero .container { position: relative; z-index: 1; padding: 65px 0 60px; }
.account-page__hero .eyebrow { color: var(--gold); }
.account-page__hero h1 { margin: 0; font-size: clamp(2.3rem, 5vw, 4.2rem); line-height: 1.04; letter-spacing: -.06em; }
.account-page__hero h1 em { color: var(--gold); font-style: normal; }
.account-page__hero p:last-child { max-width: 640px; margin: 15px 0 0; color: #dceafa; font-size: 1rem; }
.account-page__content { min-height: 500px; }
.account-page__content .woocommerce { max-width: 100%; }
@media (max-width: 600px) { .account-page__hero .container { padding: 52px 0 48px; } .account-page__hero h1 { font-size: clamp(2rem, 10vw, 3rem); } .account-page__hero p:last-child { font-size: .94rem; } }
/* HomeShipping WooCommerce shop product cards. */
.woocommerce-page ul.products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.woocommerce-page ul.products::before, .woocommerce-page ul.products::after { display: none; }
.woocommerce-page ul.products li.product { width: auto !important; min-width: 0; margin: 0 !important; padding: 22px; border: 1px solid #d8e4ef; border-top: 5px solid #174d85; border-radius: 16px; background: #fff; box-shadow: 0 10px 22px rgba(9,33,68,.06); }
.woocommerce-page ul.products li.product:nth-child(3n+2) { border-top-color: #f06452; }
.woocommerce-page ul.products li.product:nth-child(3n) { border-top-color: #d9a126; }
.woocommerce-page ul.products li.product .woocommerce-loop-product__title { min-height: 50px; color: #092144; font-size: 1.05rem; line-height: 1.25; }
.woocommerce-page ul.products li.product .price { color: #174d85; font-size: 1.1rem; font-weight: 900; }
.woocommerce-page ul.products li.product a.button { margin-top: 12px; color: #fff; background: #f06452; }
.woocommerce-page .woocommerce-order-overview, .woocommerce-page .woocommerce-table--order-details, .woocommerce-page .woocommerce-customer-details { border-radius: 12px; background: #fff; }
@media (max-width: 1024px) { .woocommerce-page ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .woocommerce-page ul.products { grid-template-columns: 1fr; } .woocommerce-page ul.products li.product { padding: 18px; } }
/* Fallback Shop page template replaces host placeholders at /shop/. */
.shop-page__intro { margin-bottom: 28px; }
.shop-page__intro h2 { margin: 0; color: #092144; font-size: clamp(1.65rem, 3vw, 2.35rem); letter-spacing: -.045em; }
.shop-page__intro p { margin: 8px 0 0; color: #60758e; font-size: .96rem; }
.shop-page__empty { max-width: 630px; margin: 0 auto; padding: 46px 32px; border: 1px solid #d8e4ef; border-radius: 18px; background: #fff; text-align: center; box-shadow: 0 12px 26px rgba(9,33,68,.07); }
.shop-page__empty > span { display: grid; width: 58px; height: 58px; margin: 0 auto 16px; place-items: center; border-radius: 16px; color: #174d85; background: #fff0bf; }
.shop-page__empty svg { width: 31px; height: 31px; }
.shop-page__empty h2 { margin: 0; color: #092144; font-size: 1.55rem; }
.shop-page__empty p { margin: 10px 0 0; color: #60758e; line-height: 1.6; }
/* Standalone HomeShipping sample shop, cart, checkout, and confirmation flow. */
.sample-shop-page { background: #f5f8fc; }
.sample-shop-hero { position: relative; overflow: hidden; color: #fff; background: linear-gradient(125deg, #092144 0%, #174d85 100%); }
.sample-shop-hero::after { position: absolute; top: -190px; right: -100px; width: 520px; height: 520px; border: 42px solid rgba(255,255,255,.05); border-radius: 50%; content: ""; }
.sample-shop-hero .container { position: relative; z-index: 1; padding: 72px 0 66px; }
.sample-shop-hero--compact .container { padding: 58px 0 54px; }
.sample-shop-hero .eyebrow { color: var(--gold); }
.sample-shop-hero h1 { margin: 0; font-size: clamp(2.4rem, 5vw, 4.35rem); line-height: 1.04; letter-spacing: -.065em; }
.sample-shop-hero h1 em { color: var(--gold); font-style: normal; }
.sample-shop-hero p:not(.eyebrow) { max-width: 650px; margin: 16px 0 25px; color: #d9e8fa; font-size: 1.02rem; }
.sample-cart-count { display: inline-grid; min-width: 23px; height: 23px; margin-left: 3px; place-items: center; border-radius: 50%; color: #fff; background: var(--coral); font-size: .7rem; }
.sample-shop-section { min-height: 460px; }
.sample-shop-heading { display: flex; align-items: end; justify-content: space-between; margin: 0 0 18px; }
.sample-shop-heading h2 { margin: 0; color: #092144; font-size: 1.65rem; letter-spacing: -.04em; }
.sample-shop-heading:not(:first-child) { margin-top: 56px; }
.sample-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.sample-product-card { display: flex; min-height: 258px; flex-direction: column; padding: 21px; border: 1px solid #d8e4ef; border-top: 5px solid #174d85; border-radius: 16px; background: #fff; box-shadow: 0 10px 22px rgba(9,33,68,.06); }
.sample-product-card:nth-child(3n+2) { border-top-color: #f06452; }.sample-product-card:nth-child(3n) { border-top-color: #d9a126; }
.sample-product-card__icon { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 12px; color: #174d85; background: #fff0bf; }.sample-product-card__icon svg { width: 24px; height: 24px; }
.sample-product-card h3 { margin: 16px 0 7px; color: #092144; font-size: 1.08rem; line-height: 1.25; }.sample-product-card p { margin: 0; color: #60758e; font-size: .84rem; line-height: 1.55; }
.sample-product-card__bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 18px; }.sample-product-card__bottom strong { color: #174d85; font-size: 1.25rem; }
.sample-add-cart { min-height: 40px; padding: 8px 11px; border: 0; border-radius: 9px; color: #fff; background: var(--coral); font-size: .77rem; font-weight: 850; }.sample-add-cart:hover { background: var(--coral-dark); }.sample-add-cart span { margin-left: 4px; font-size: 1.1rem; }
.sample-cart { overflow: hidden; border: 1px solid #d8e4ef; border-radius: 17px; background: #fff; box-shadow: 0 10px 24px rgba(9,33,68,.06); }.sample-cart__loading, .sample-cart__empty { padding: 42px; color: #60758e; text-align: center; }
.sample-cart__item { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 18px; padding: 20px 24px; border-bottom: 1px solid #e4ebf2; }.sample-cart__item h3 { margin: 0; color: #092144; font-size: 1rem; }.sample-cart__item p { margin: 4px 0 0; color: #60758e; font-size: .78rem; }
.sample-cart__qty { display: inline-flex; align-items: center; overflow: hidden; border: 1px solid #cfdeeb; border-radius: 8px; }.sample-cart__qty button { width: 31px; height: 33px; border: 0; color: #092144; background: #f6f9fc; font-size: 1.1rem; font-weight: 800; }.sample-cart__qty span { width: 30px; color: #092144; text-align: center; font-weight: 850; }.sample-cart__line { color: #092144; font-weight: 900; }
.sample-cart__footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px; background: #f9fbfe; }.sample-cart__footer strong { color: #092144; font-size: 1.5rem; }.sample-cart__footer .btn { min-height: 49px; }
.sample-checkout-layout { display: grid; grid-template-columns: 1.2fr .8fr; gap: 25px; align-items: start; }.sample-checkout-form, .sample-order-summary { padding: 29px; border: 1px solid #d8e4ef; border-radius: 17px; background: #fff; box-shadow: 0 10px 24px rgba(9,33,68,.06); }.sample-checkout-form { border-top: 5px solid #174d85; }.sample-checkout-form h2 { margin: 0 0 20px; color: #092144; font-size: 1.55rem; letter-spacing: -.04em; }
.sample-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }.sample-form-grid .form-field { display: grid; gap: 7px; }.sample-form-grid .form-field--wide { grid-column: 1 / -1; }.sample-checkout-form label { color: #193756; font-size: .84rem; font-weight: 800; }.sample-checkout-form label span { color: var(--coral); }.sample-checkout-form input, .sample-checkout-form select { min-height: 46px; padding: 10px 12px; border: 1px solid #cbd9e7; border-radius: 9px; color: #092144; font-size: .92rem; }.sample-checkout-form__submit { width: 100%; margin-top: 22px; border: 0; background: var(--coral); }.sample-checkout-form__notice { display: flex; gap: 8px; align-items: flex-start; margin: 15px 0 0; color: #60758e; font-size: .76rem; }.sample-checkout-form__notice svg { width: 18px; height: 18px; flex: 0 0 auto; color: #d9a126; }
.sample-order-summary { position: sticky; top: 112px; }.sample-order-summary h3 { margin: 0; color: #092144; font-size: 1rem; }.sample-order-summary__line { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid #e5ebf2; color: #516982; font-size: .84rem; }.sample-order-summary__line strong { color: #092144; }.sample-order-summary__total { display: flex; justify-content: space-between; margin-top: 16px; color: #092144; font-size: 1.18rem; font-weight: 900; }
.order-success { min-height: 62vh; display: grid; place-items: center; background: #f5f8fc; }.order-success__card { max-width: 690px; padding: 45px; border: 1px solid #d8e4ef; border-top: 5px solid #174d85; border-radius: 20px; background: #fff; box-shadow: 0 14px 30px rgba(9,33,68,.08); text-align: center; }.order-success__icon { display: grid; width: 64px; height: 64px; margin: 0 auto 18px; place-items: center; border-radius: 50%; color: #174d85; background: #fff0bf; }.order-success__icon svg { width: 33px; height: 33px; }.order-success__card h1 { margin: 0; color: #092144; font-size: clamp(2rem, 4vw, 3.3rem); letter-spacing: -.055em; }.order-success__card h1 em { color: var(--coral); font-style: normal; }.order-success__card > p:not(.eyebrow) { color: #60758e; line-height: 1.65; }.order-success__actions { display: flex; justify-content: center; align-items: center; gap: 18px; margin-top: 25px; }
@media (max-width: 1024px) { .sample-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.sample-checkout-layout { grid-template-columns: 1fr; }.sample-order-summary { position: static; } }
@media (max-width: 600px) { .sample-shop-hero .container { padding: 55px 0 50px; }.sample-shop-hero h1 { font-size: clamp(2rem, 10vw, 3rem); }.sample-product-grid, .sample-form-grid { grid-template-columns: 1fr; }.sample-product-card { min-height: 225px; }.sample-shop-heading:not(:first-child) { margin-top: 42px; }.sample-cart__item { grid-template-columns: 1fr auto; gap: 12px; padding: 18px; }.sample-cart__line { grid-column: 2; grid-row: 1; }.sample-cart__qty { grid-column: 1 / -1; }.sample-cart__footer { align-items: stretch; flex-direction: column; padding: 20px; }.sample-cart__footer .btn { width: 100%; }.sample-checkout-form, .sample-order-summary { padding: 22px 18px; }.order-success__card { padding: 34px 22px; }.order-success__actions { align-items: stretch; flex-direction: column; }.order-success__actions .btn { width: 100%; } }
.nav-cart { display: inline-flex !important; align-items: center; gap: 4px; }
.nav-cart__count { display: inline-grid; min-width: 18px; height: 18px; place-items: center; border-radius: 50%; color: #fff; background: var(--coral); font-size: .62rem; line-height: 1; }
/* Standalone shop storage calculator section. */
.sample-store-calculator { display: grid; grid-template-columns: .72fr 1.28fr; gap: 30px; align-items: start; margin-top: 62px; padding: 34px; border: 1px solid #d8e4ef; border-radius: 20px; background: linear-gradient(135deg, #edf6ff 0%, #fff8e9 100%); }
.sample-store-calculator__intro { padding: 12px 5px; }.sample-store-calculator__intro h2 { margin: 0; color: #092144; font-size: clamp(1.7rem, 3.3vw, 2.5rem); line-height: 1.08; letter-spacing: -.05em; }.sample-store-calculator__intro p:not(.eyebrow) { color: #60758e; line-height: 1.6; }
.sample-store-calculator .calculator { position: static; margin: 0; }.storage-checkout-button { color: #fff; background: #f06452; }.storage-checkout-button:hover { color: #fff; background: #d94c3c; }
@media (max-width: 820px) { .sample-store-calculator { grid-template-columns: 1fr; padding: 25px; } }
@media (max-width: 600px) { .sample-store-calculator { margin-top: 42px; padding: 18px; border-radius: 16px; } }
/* Clearly identify the pre-filled test buyer email in the sample checkout. */
.sample-test-email-note { display: block; margin-top: 2px; color: #a36612; font-size: .73rem; font-weight: 750; line-height: 1.35; }
/* Product imagery, View Cart action, and branded WooCommerce account dashboard. */
.sample-view-cart-btn { border: 1px solid #fff0bf; color: #092144; background: linear-gradient(135deg, #ffdc82 0%, #ffbf4d 100%); box-shadow: 0 10px 20px rgba(0,0,0,.16); }
.sample-view-cart-btn:hover { color: #092144; background: #ffe4a0; }
.sample-view-cart-btn .sample-cart-count { color: #fff; background: #174d85; }
.woocommerce-page ul.products li.product img { width: 100%; aspect-ratio: 1 / 1; margin: 0 0 16px; border-radius: 11px; object-fit: cover; background: #f5f8fc; }
.hs-dashboard-welcome { margin-bottom: 25px; padding: 24px; border-left: 5px solid var(--gold); border-radius: 14px; background: #edf6ff; }
.hs-dashboard-welcome h2 { margin: 0; color: #092144; font-size: 1.55rem; letter-spacing: -.04em; }.hs-dashboard-welcome p:last-child { margin: 8px 0 0; color: #60758e; line-height: 1.6; }
.hs-dashboard-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 24px 0 30px; }.hs-dashboard-card { display: block; min-height: 170px; padding: 20px; border: 1px solid #d7e4ef; border-radius: 14px; color: #092144; background: #fff; transition: transform .18s ease, box-shadow .18s ease; }.hs-dashboard-card:hover { color: #092144; box-shadow: 0 12px 24px rgba(9,33,68,.09); transform: translateY(-3px); }.hs-dashboard-card__icon { display: grid; width: 40px; height: 40px; margin-bottom: 14px; place-items: center; border-radius: 11px; color: #174d85; background: #fff0bf; }.hs-dashboard-card__icon svg { width: 22px; height: 22px; }.hs-dashboard-card strong,.hs-dashboard-card span { display: block; }.hs-dashboard-card strong { font-size: .96rem; }.hs-dashboard-card span:not(.hs-dashboard-card__icon) { margin-top: 5px; color: #60758e; font-size: .78rem; line-height: 1.45; }
@media (max-width: 820px) { .hs-dashboard-grid { grid-template-columns: 1fr; } }
/* Real checkout payment readiness messaging. */
.woocommerce-page .woocommerce-checkout-payment { padding: 20px; border: 1px solid #d8e4ef; border-radius: 14px; background: #f8fbfe; }
.woocommerce-page .woocommerce-checkout-payment ul.payment_methods { border-bottom-color: #d8e4ef; }
.woocommerce-page .woocommerce-checkout-payment .place-order { margin: 0; }
.woocommerce-page #payment #place_order { min-height: 52px; border-radius: 999px; color: #fff; background: #f06452; font-weight: 850; }
.woocommerce-page #payment #place_order:hover { background: #d94c3c; }
/* Logged-in account controls replace Sign in / Sign up. */
.auth-link--logout { border-color: #e9b6ae; color: #b84b3d; background: #fff7f5; }
.auth-link--logout:hover { border-color: #d94c3c; color: #fff; background: #d94c3c; }
/* Real checkout guidance, validation visibility, and View Cart button styling. */
.woocommerce a.added_to_cart { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; margin: 10px 0 0 8px; padding: 8px 13px; border: 1px solid #174d85; border-radius: 999px; color: #174d85; background: #edf6ff; font-size: .8rem; font-weight: 850; }.woocommerce a.added_to_cart:hover { color: #fff; background: #174d85; }
.real-checkout-help { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 22px; padding: 16px 18px; border-left: 4px solid var(--gold); border-radius: 10px; color: #31557c; background: #fff8e6; }.real-checkout-help svg { width: 20px; height: 20px; flex: 0 0 auto; color: #d89e1e; }.real-checkout-help strong,.real-checkout-help span { display: block; }.real-checkout-help strong { color: #092144; font-size: .92rem; }.real-checkout-help span { margin-top: 3px; font-size: .82rem; line-height: 1.5; }
.woocommerce-page .woocommerce-NoticeGroup-checkout, .woocommerce-page .woocommerce-error { margin: 0 0 20px; border-radius: 10px; box-shadow: 0 8px 18px rgba(9,33,68,.08); }.woocommerce-page .woocommerce-error { border-top-color: #f06452; background: #fff1ef; }.woocommerce-page .woocommerce-error li { color: #9c382d; font-weight: 750; }
@media (max-width: 600px) { .woocommerce a.added_to_cart { width: 100%; margin: 10px 0 0; }.real-checkout-help { padding: 14px; }.real-checkout-help span { font-size: .78rem; } }
/* Defensive fallback: keep WooCommerce default dashboard copy hidden beneath the branded dashboard cards. */
.hs-dashboard-grid ~ p { display: none; }
/* Hide WooCommerce's built-in dashboard greeting paragraphs; preserve branded dashboard content. */
.woocommerce-MyAccount-content:has(.hs-dashboard-welcome) > p { display: none !important; }
/* HomeShipping styling for WooCommerce My Account → Addresses. */
.woocommerce-page .woocommerce-Addresses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 20px; }
.woocommerce-page .woocommerce-Addresses::before, .woocommerce-page .woocommerce-Addresses::after { display: none; }
.woocommerce-page .woocommerce-Addresses .woocommerce-Address { float: none !important; width: auto !important; min-height: 225px; margin: 0; padding: 24px; border: 1px solid #d8e4ef; border-top: 5px solid #174d85; border-radius: 16px; background: #fff; box-shadow: 0 10px 22px rgba(9,33,68,.06); }
.woocommerce-page .woocommerce-Addresses .woocommerce-Address:nth-child(2) { border-top-color: #f06452; }
.woocommerce-page .woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 18px; }
.woocommerce-page .woocommerce-Address-title h2, .woocommerce-page .woocommerce-Address-title h3 { margin: 0; color: #092144; font-size: 1.15rem; letter-spacing: -.03em; }
.woocommerce-page .woocommerce-Address-title .edit { display: inline-flex; min-height: 34px; align-items: center; padding: 6px 10px; border: 1px solid #f06452; border-radius: 999px; color: #fff; background: #f06452; font-size: .76rem; font-weight: 850; text-decoration: none; }
.woocommerce-page .woocommerce-Address-title .edit:hover { color: #fff; background: #d94c3c; }
.woocommerce-page .woocommerce-Address address { color: #526b85; font-size: .88rem; font-style: normal; line-height: 1.65; }
.woocommerce-page .woocommerce-Address address:empty::before { content: 'No address saved yet. Use Edit to add your address.'; color: #758ba1; }
.woocommerce-page .woocommerce-address-fields .form-row { margin-bottom: 16px; }.woocommerce-page .woocommerce-address-fields label { color: #193756; font-weight: 800; }.woocommerce-page .woocommerce-address-fields input, .woocommerce-page .woocommerce-address-fields select { min-height: 45px; border: 1px solid #cad9e8; border-radius: 8px; }.woocommerce-page .woocommerce-address-fields .button { margin-top: 10px; }
@media (max-width: 700px) { .woocommerce-page .woocommerce-Addresses { grid-template-columns: 1fr; }.woocommerce-page .woocommerce-Addresses .woocommerce-Address { min-height: 0; padding: 20px; } }
/* Add Order action on WooCommerce My Account → Orders. */
.hs-orders-action { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0 0 24px; padding: 20px; border-left: 5px solid var(--gold); border-radius: 13px; background: #edf6ff; }
.hs-orders-action .eyebrow { margin-bottom: 4px; }.hs-orders-action h2 { margin: 0; color: #092144; font-size: 1.3rem; letter-spacing: -.035em; }.hs-orders-action .btn { flex: 0 0 auto; min-height: 46px; background: #f06452; }.hs-orders-action .btn:hover { background: #d94c3c; }
@media (max-width: 600px) { .hs-orders-action { align-items: stretch; flex-direction: column; }.hs-orders-action .btn { width: 100%; } }
/* High-visibility Proceed to Checkout button in the WooCommerce cart. */
.woocommerce-page .wc-proceed-to-checkout a.checkout-button,
.woocommerce .wc-proceed-to-checkout a.checkout-button { display: flex; min-height: 54px; align-items: center; justify-content: center; margin: 20px 0 0; border: 0; border-radius: 999px; color: #fff; background: #f06452; box-shadow: 0 10px 20px rgba(240,100,82,.24); font-size: 1rem; font-weight: 850; text-decoration: none; }
.woocommerce-page .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover { color: #fff; background: #d94c3c; box-shadow: 0 12px 24px rgba(217,76,60,.3); transform: translateY(-1px); }
/* WooCommerce Blocks Cart uses different selectors than classic Cart. */
.wc-block-cart__submit-button,
.wc-block-components-button.wc-block-cart__submit-button,
.wc-block-components-button.wc-block-components-checkout-place-order-button,
.wc-block-checkout__actions_row .wc-block-components-button { min-height: 54px !important; border: 0 !important; border-radius: 999px !important; color: #fff !important; background: #f06452 !important; box-shadow: 0 10px 20px rgba(240,100,82,.24) !important; font-size: 1rem !important; font-weight: 850 !important; }
.wc-block-cart__submit-button:hover,
.wc-block-components-button.wc-block-cart__submit-button:hover,
.wc-block-components-button.wc-block-components-checkout-place-order-button:hover,
.wc-block-checkout__actions_row .wc-block-components-button:hover { color: #fff !important; background: #d94c3c !important; box-shadow: 0 12px 24px rgba(217,76,60,.3) !important; }
/* Homepage content refresh: chill move hero, illustrated steps, rates, and moving services. */
.home-how-steps { padding: 104px 0; background: #fff; }.home-how-steps__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-top: 40px; }.home-step-card { overflow: hidden; border: 1px solid #d8e4ef; border-radius: 17px; background: #fff; box-shadow: 0 10px 22px rgba(9,33,68,.06); }.home-step-card img { width: 100%; aspect-ratio: 1 / .78; object-fit: cover; }.home-step-card__copy { padding: 19px; }.home-step-card__copy > span { color: #c06049; font-size: .72rem; font-weight: 900; letter-spacing: .09em; }.home-step-card h3 { margin: 8px 0 7px; color: #092144; font-size: 1.08rem; line-height: 1.2; }.home-step-card p { margin: 0; color: #60758e; font-size: .84rem; line-height: 1.55; }.home-step-card a { display: inline-flex; align-items: center; gap: 6px; margin-top: 15px; color: #174d85; font-size: .78rem; font-weight: 850; }
.home-estimated-rates { padding: 92px 0; color: #fff; background: linear-gradient(125deg, #092144 0%, #174d85 100%); }.home-estimated-rates .container { display: grid; grid-template-columns: .75fr 1.25fr; gap: 42px; align-items: center; }.home-estimated-rates .eyebrow { color: var(--gold); }.home-estimated-rates h2 { margin: 0; font-size: clamp(2rem, 3.8vw, 3.2rem); line-height: 1.05; letter-spacing: -.055em; }.home-estimated-rates__intro > p:last-child { color: #d6e6f8; line-height: 1.6; }.home-estimated-rates__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }.home-estimated-rates__grid article { padding: 20px 16px; border: 1px solid rgba(255,255,255,.2); border-radius: 13px; background: rgba(255,255,255,.08); }.home-estimated-rates__grid span,.home-estimated-rates__grid strong,.home-estimated-rates__grid p { display: block; }.home-estimated-rates__grid span { color: var(--gold); font-size: .7rem; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }.home-estimated-rates__grid strong { margin-top: 6px; font-size: 1.32rem; line-height: 1.1; letter-spacing: -.04em; }.home-estimated-rates__grid strong small { color: #d6e6f8; font-size: .67rem; letter-spacing: 0; }.home-estimated-rates__grid p { margin: 8px 0 0; color: #d6e6f8; font-size: .75rem; line-height: 1.4; }.home-estimated-rates .btn { grid-column: 1 / -1; justify-self: start; color: #092144; background: var(--gold); }.home-estimated-rates .btn:hover { color: #092144; background: #ffe2a0; }
.home-moving-services { padding: 108px 0; background: #f5f8fc; }.home-moving-services__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 40px; }.home-service-block { display: grid; grid-template-columns: 58px 1fr; gap: 18px; padding: 28px; border: 1px solid #d8e4ef; border-radius: 18px; background: #fff; }.home-service-block__number { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 50%; color: #174d85; background: #fff0bf; font-size: .8rem; font-weight: 900; }.home-service-block .eyebrow { margin-bottom: 4px; color: #c06049; font-size: .7rem; }.home-service-block h3 { margin: 0; color: #092144; font-size: 1.45rem; line-height: 1.12; letter-spacing: -.045em; }.home-service-block h3 small { display: block; margin-top: 4px; color: #60758e; font-size: .72rem; font-weight: 700; letter-spacing: 0; }.home-service-block > div > p:not(.eyebrow) { margin: 12px 0; color: #556f8a; line-height: 1.6; }.home-service-block h4 { margin: 17px 0 8px; color: #174d85; font-size: .87rem; }.home-service-block ol { display: grid; gap: 7px; margin: 0; padding-left: 19px; color: #60758e; font-size: .82rem; line-height: 1.5; }.home-service-block li::marker { color: #f06452; font-weight: 900; }.home-service-block .btn { min-height: 43px; margin-top: 20px; font-size: .78rem; }
@media (max-width: 1024px) { .home-how-steps__grid { grid-template-columns: repeat(2, 1fr); }.home-estimated-rates .container { grid-template-columns: 1fr; }.home-estimated-rates .btn { grid-column: auto; }.home-moving-services__grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .home-how-steps,.home-estimated-rates,.home-moving-services { padding: 66px 0; }.home-how-steps__grid,.home-estimated-rates__grid { grid-template-columns: 1fr; }.home-step-card__copy { padding: 17px; }.home-estimated-rates .container { gap: 27px; }.home-estimated-rates .btn { width: 100%; min-height: 49px; }.home-moving-services__grid { margin-top: 28px; }.home-service-block { grid-template-columns: 1fr; gap: 12px; padding: 21px; }.home-service-block h3 { font-size: 1.28rem; }.home-service-block .btn { width: 100%; min-height: 47px; } }
/* Service workflows: remove A–D labels and spotlight the practical step text. */
.steps li .service-step-highlight { max-width: 620px; margin: 0; padding: 12px 14px; border-left: 4px solid var(--gold); border-radius: 8px; color: #174d85; background: #fff8e6; font-size: .9rem; font-weight: 750; line-height: 1.55; }
@media (max-width: 600px) { .steps li .service-step-highlight { padding: 11px 12px; font-size: .84rem; } }
/* Balanced title hierarchy for the Home to Dorm service hero. */
.sub-hero h1.service-title-dorm { max-width: 780px; font-size: clamp(2.3rem, 4.6vw, 4.4rem); line-height: 1.05; }
.service-title-dorm > span { display: block; color: #fff; }.service-title-dorm em { display: block; max-width: 720px; margin-top: 8px; color: var(--gold); font-size: .56em; font-style: normal; line-height: 1.18; letter-spacing: -.035em; }
@media (max-width: 820px) { .sub-hero h1.service-title-dorm { font-size: clamp(2.15rem, 7vw, 3.45rem); }.service-title-dorm em { font-size: .6em; } }
@media (max-width: 600px) { .sub-hero h1.service-title-dorm { font-size: clamp(2rem, 9.4vw, 2.8rem); }.service-title-dorm em { margin-top: 6px; font-size: .58em; line-height: 1.22; } }
/* Exact three-line Home to Dorm service heading. */
.service-title-dorm em > span { display: block; }
/* Orange sign-up CTAs and larger gold homepage vibe line. */
.sticky-note .btn { color: #fff !important; background: #f06452 !important; }.sticky-note .btn:hover { color: #fff !important; background: #d94c3c !important; }
.hero .eyebrow { color: #ffca67; font-size: .94rem; font-weight: 900; letter-spacing: .13em; }
@media (max-width: 600px) { .hero .eyebrow { font-size: .8rem; } }
/* Blue background treatment for packing supply product cards. */
.kit-card { border-color: #174d85; color: #fff; background: #174d85; }
.kit-card:nth-child(even) { background: #123d6d; }
.kit-card__icon { color: #174d85; background: #fff0bf; }
.kit-card h3 { color: #fff; }
.kit-card p { color: #d9e8f8; }
.kit-card b { color: #ffca67; }
/* Navy shipping-estimate notice on the Pricing page. */
body.page-pricing .notice { border-color: #23609d; color: #f3f8ff; background: #174d85; }
body.page-pricing .notice strong { color: #ffca67; }
body.page-pricing .notice svg { color: #ffca67; }
/* Navy feature cards for service-page support features. */
.feature { border-color: #174d85; color: #fff; background: #174d85; }
.feature:nth-child(even) { background: #123d6d; }
.feature svg { color: #ffca67; }
.feature h3 { color: #fff; }
.feature p { color: #d9e8f8; }
.feature:hover { box-shadow: 0 13px 25px rgba(9,33,68,.2); transform: translateY(-4px); }
/* Orange pickup-information panel on the Sign Up page. */
.signup-aside { background: #f06452; }
.signup-aside__icon { color: #b84a3b; background: #fff0bf; }
.signup-aside > p { color: #fff3ef; }
.signup-aside__tip { border-top-color: rgba(255,255,255,.28); color: #fff; }
.signup-aside__tip svg { color: #fff0bf; }
/* Orange checkout buttons for both storage and packing calculators. */
.storage-checkout-button, .packaging-checkout-button { color: #fff !important; background: #f06452 !important; }.storage-checkout-button:hover, .packaging-checkout-button:hover { color: #fff !important; background: #d94c3c !important; }