/* BorderlessUSA / Source & Ship USA — visual three-card service gateway
   Version 2026-11-14. Scoped to .bl-ss-page. No library dependencies. */
.bl-ss-page {
  --ss-navy:#062b53;--ss-blue:#0b4376;--ss-orange:#fa8508;
  --ss-ink:#072c55;--ss-muted:#52657a;
  color:var(--ss-ink);background:#fff;overflow-x:clip;
}
.bl-ss-page *{box-sizing:border-box}
.bl-ss-page a:focus-visible{outline:3px solid #1c79c4;outline-offset:3px}
.bl-ss-hero{
  position:relative;isolation:isolate;display:flex;align-items:center;
  justify-content:center;text-align:center;min-height:250px;
  padding:28px 18px 30px;overflow:hidden;background:
  radial-gradient(ellipse at center,#074e8a 0%,#073c70 42%,#041e43 100%);
  color:#fff;border-bottom:6px solid var(--ss-orange);
}
.bl-ss-hero:before{position:absolute;z-index:1;content:"";inset:0;
 background:linear-gradient(90deg,rgba(3,29,61,.05) 0%,rgba(5,49,92,.82) 27%,rgba(4,56,103,.98) 49%,rgba(5,49,92,.82) 73%,rgba(3,29,61,.1));
}
.bl-ss-hero-photo{
 position:absolute;top:0;height:100%;width:33%;z-index:0;opacity:.85;
}
.bl-ss-hero-photo img{display:block;width:100%;height:100%;object-fit:cover}
.bl-ss-hero-left{left:0;mask-image:linear-gradient(90deg,#000 55%,transparent 100%)}
.bl-ss-hero-right{right:0;mask-image:linear-gradient(270deg,#000 55%,transparent 100%)}
.bl-ss-hero-left img{object-position:center 68%}
.bl-ss-hero-right img{object-position:center 58%}
.bl-ss-hero-inner{position:relative;z-index:2;max-width:1050px;margin:auto;text-shadow:0 2px 6px rgba(4,25,54,.35)}
.bl-ss-eyebrow{font-size:.68rem;font-weight:850;letter-spacing:.20em;text-transform:uppercase;color:#ffbf68;margin-bottom:10px}
.bl-ss-hero h1{
 color:white;line-height:1.10;letter-spacing:-.035em;font-weight:900;
 font-size:clamp(2rem,3.9vw,3.5rem);max-width:1000px;margin:0 0 13px;
}
.bl-ss-hero h1 em{color:#ffa229;font-style:normal}
.bl-ss-hero p{font-size:clamp(.84rem,1.25vw,1.05rem);font-weight:700;color:#f2f6fc;margin:0}
.bl-ss-hero p span{color:#ffac44;padding:0 5px}
.bl-ss-main{padding:20px 0 42px;background:linear-gradient(#fff 0%,#f9fbfe 100%)}
.bl-ss-wide{width:calc(100% - 40px);max-width:1660px;margin:0 auto}
.bl-ss-heading-wrap{
  display:flex;align-items:center;justify-content:center;
  gap:22px;text-align:center;margin:3px auto 22px;
}
.bl-ss-heading-wrap h2{
  color:#072c58;font-size:clamp(1.45rem,2.35vw,2.65rem);font-weight:900;
  line-height:1.16;letter-spacing:-.034em;margin:0;
}
.bl-ss-heading-line{height:3px;background:#f68b11;width:82px;flex:0 0 82px;border-radius:3px}
.bl-ss-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.bl-ss-visual-card{
  height:288px;min-width:0;position:relative;isolation:isolate;overflow:hidden;
  background:#fff;border:1px solid #e0e7f0;border-radius:26px;
  box-shadow:0 7px 15px rgba(12,48,86,.14);transition:transform .2s,box-shadow .2s;
}
.bl-ss-visual-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(12,48,86,.20)}
.bl-ss-card-image{position:absolute;inset:0 auto 0 0;width:62%;height:100%;z-index:0}
.bl-ss-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(1,29,60,.22),transparent 58%)}
.bl-ss-card-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:47% center}
.bl-ss-card-curve{
 position:absolute;z-index:1;top:-7%;bottom:-15%;right:-2%;width:61%;background:#fff;
 border-left:7px solid #ff8f0b;border-radius:59% 0 0 54% / 58% 0 0 52%;
 box-shadow:-3px 0 1px #ffffff55;
}
.bl-ss-card-content{
 position:absolute;z-index:2;top:15px;bottom:69px;right:14px;width:46%;
 display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;
}
.bl-ss-card-icon{
 height:46px;width:46px;background:linear-gradient(150deg,#0f6095,#072a5e);
 color:#fff;display:grid;place-items:center;border-radius:50%;flex:none;
 font-size:1.26rem;margin:0 0 7px;border:3px solid #edf5ff;
 box-shadow:0 2px 8px #173d642b;
}
.bl-ss-card-content h3{
 color:#082b53;font-size:clamp(.99rem,1.38vw,1.33rem);
 font-weight:900;letter-spacing:-.035em;line-height:1.12;margin:0 0 9px;
}
.bl-ss-card-content p{
 color:#233b55;font-size:clamp(.78rem,.98vw,.96rem);
 line-height:1.40;font-weight:600;margin:0;
}
.bl-ss-card-cta{
 z-index:3;position:absolute;left:29%;right:12px;bottom:12px;min-height:49px;
 display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 9px;
 background:linear-gradient(100deg,#ff9d19,#fb6905);
 border:2px solid #fff;border-radius:15px;color:#fff!important;
 font-weight:900;text-align:center;font-size:clamp(.8rem,1.1vw,1.15rem);
 line-height:1.16;text-decoration:none;text-transform:uppercase;letter-spacing:-.018em;
 box-shadow:0 4px 14px #bd63094a;
}
.bl-ss-card-cta:hover{background:linear-gradient(100deg,#ffad29,#e85e00);color:#fff!important}
.bl-ss-card-cta i{font-size:1.22em;flex:none}
.bl-ss-services-bar{
 display:grid;grid-template-columns:170px repeat(3,minmax(0,1fr)) 190px;
 align-items:stretch;gap:0;min-height:90px;margin-top:24px;
 background:#fff;border:1px solid #e0e8f2;border-radius:23px;overflow:hidden;
 box-shadow:0 5px 16px #0c40621c;
}
.bl-ss-services-label{
 color:white;background:linear-gradient(135deg,#09548e,#062d63);
 padding:13px 18px;display:flex;align-items:center;gap:10px;
 text-transform:uppercase;font-size:.86rem;line-height:1.13;font-weight:900;
 clip-path:polygon(0 0,85% 0,100% 50%,85% 100%,0 100%);
}
.bl-ss-services-label i{font-size:1.36rem}
.bl-ss-service-link{
 color:#103559!important;display:flex;align-items:center;gap:11px;
 padding:12px 17px;min-width:0;text-decoration:none;position:relative;
}
.bl-ss-service-link:not(:last-of-type):after{content:"";width:1px;height:55%;background:#cbd8e6;position:absolute;right:0;top:22%}
.bl-ss-service-link>i{font-size:2rem;color:#082e59;flex:none}
.bl-ss-service-link span{min-width:0;line-height:1.1}
.bl-ss-service-link strong{display:block;font-size:1.05rem;font-weight:900}
.bl-ss-service-link small{display:block;margin-top:5px;font-weight:650;color:#4f6175;font-size:.69rem;line-height:1.32}
.bl-ss-service-link:hover{background:#f4f9fd}
.bl-ss-service-air{
 align-self:center;justify-self:stretch;min-height:54px;margin:11px;
 border-radius:13px;display:flex;align-items:center;justify-content:center;gap:12px;
 color:#fff!important;text-decoration:none;background:linear-gradient(105deg,#ff9c17,#ff6d04);
 text-transform:uppercase;font-weight:900;font-size:1rem;white-space:nowrap;
 box-shadow:0 3px 8px #d7691536;
}
.bl-ss-service-air i{font-size:1.75rem}
.bl-ss-service-air:hover{background:#ed6500}
.bl-ss-benefits{
 display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;
 gap:0;margin-top:21px;background:#fff;border:1px solid #e0e9f2;
 border-radius:20px;padding:17px 5px;box-shadow:0 6px 15px #0d3c6d18;
}
.bl-ss-benefits>div{
 display:flex;align-items:center;gap:10px;justify-content:center;
 padding:5px 9px;min-height:44px;color:#103d65;font-size:.81rem;
 font-weight:850;line-height:1.27;
}
.bl-ss-benefits>div+div{border-left:1px solid #cbd9e8}
.bl-ss-benefits i{font-size:1.65rem;color:#f18a10}
.bl-ss-benefits>div:nth-child(2n) i{color:#0b3f76}
.bl-ss-service-note{text-align:center;color:#77899b;font-size:.74rem;margin:14px 0 0}
@media (max-width:1350px){
 .bl-ss-wide{width:calc(100% - 34px)}
 .bl-ss-visual-card{height:308px}
 .bl-ss-card-content{top:13px;right:10px;width:45%;bottom:68px}
 .bl-ss-card-icon{width:43px;height:43px;margin-bottom:6px;font-size:1.1rem}
 .bl-ss-card-content h3{font-size:1.07rem}
 .bl-ss-card-content p{font-size:.79rem;line-height:1.38}
 .bl-ss-card-cta{font-size:.81rem}
 .bl-ss-services-bar{grid-template-columns:145px repeat(3,minmax(0,1fr)) 175px}
 .bl-ss-service-link{padding:10px 12px}
 .bl-ss-service-link strong{font-size:.91rem}
 .bl-ss-service-link>i{font-size:1.7rem}
}
@media (max-width:1080px){
 .bl-ss-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bl-ss-visual-card{height:290px}
 .bl-ss-card-content h3{font-size:1.25rem}
 .bl-ss-card-content p{font-size:.92rem}
 .bl-ss-card-grid .bl-ss-visual-card:last-child{grid-column:1/-1;max-width:650px;width:100%;justify-self:center}
 .bl-ss-services-bar{grid-template-columns:repeat(2,1fr)}
 .bl-ss-services-label{clip-path:none;grid-column:1/-1;justify-content:center;text-align:center;min-height:54px}
 .bl-ss-service-link{min-height:78px}
 .bl-ss-service-air{margin:11px}
 .bl-ss-benefits{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}
 .bl-ss-benefits>div{border:0!important}
}
@media (max-width:720px){
 .bl-ss-hero{min-height:220px;padding:30px 13px}
 .bl-ss-hero-photo{width:42%;opacity:.55}
 .bl-ss-hero:before{background:rgba(4,35,72,.67)}
 .bl-ss-hero h1{font-size:clamp(1.9rem,6vw,2.45rem)}
 .bl-ss-hero p{font-size:.8rem;line-height:1.5}
 .bl-ss-wide{width:calc(100% - 24px)}
 .bl-ss-main{padding-top:20px}
 .bl-ss-heading-wrap{gap:10px;margin-bottom:18px}
 .bl-ss-heading-wrap h2{font-size:1.5rem}
 .bl-ss-heading-line{flex:0 0 24px;width:24px}
 .bl-ss-card-grid{grid-template-columns:1fr;gap:14px}
 .bl-ss-card-grid .bl-ss-visual-card:last-child{grid-column:auto;max-width:none}
 .bl-ss-visual-card{display:flex;flex-direction:column;height:auto;min-height:0;border-radius:19px}
 .bl-ss-card-image{position:relative;z-index:auto;height:165px;width:100%;inset:auto}
 .bl-ss-card-curve{display:none}
 .bl-ss-card-content{position:relative;inset:auto;width:100%;padding:17px 19px 10px;display:block}
 .bl-ss-card-icon{float:left;margin:0 13px 8px 0;width:48px;height:48px}
 .bl-ss-card-content h3{font-size:1.33rem;line-height:1.15;padding-top:7px;min-height:45px;margin-bottom:12px}
 .bl-ss-card-content p{font-size:.92rem;clear:both;margin-top:7px;min-height:0}
 .bl-ss-card-cta{position:relative;inset:auto;margin:12px 15px 15px;width:calc(100% - 30px);min-height:48px;font-size:.99rem}
 .bl-ss-services-bar{margin-top:21px}
 .bl-ss-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 0}
 .bl-ss-benefits>div{padding-inline:6px;font-size:.74rem;justify-content:flex-start}
 .bl-ss-benefits i{font-size:1.35rem}
}
@media (max-width:400px){
 .bl-ss-hero h1{font-size:1.78rem}
 .bl-ss-services-bar{grid-template-columns:1fr}
 .bl-ss-service-link{border-bottom:1px solid #e9eef4}
 .bl-ss-service-air{min-height:48px}
 .bl-ss-benefits{grid-template-columns:1fr}
 .bl-ss-benefits>div{justify-content:center}
}
@media (prefers-reduced-motion:reduce){.bl-ss-visual-card{transition:none}}