/* Restrained tonal depth drawn from Oceanora's original blues. */
body{background:#f8faff}.hero{background:transparent}.hero:before{content:"";position:absolute;z-index:-1;inset:-1px calc((min(1280px,100vw - 96px) - 100vw)/2) 0;background:radial-gradient(ellipse at 82% 32%,#d7e8ff 0%,#eaf2ff88 29%,transparent 62%),linear-gradient(125deg,#fff 18%,#f2f6fd 65%,#eaf1fc);pointer-events:none}.hero{isolation:isolate}.sectors{background:transparent}.sector{background:linear-gradient(155deg,#fff,#f4f7fc);border-color:#d9e3f1;box-shadow:0 6px 24px #142b4c04}.sector.custom{background:linear-gradient(145deg,#edf4ff,#e2edfc)}.beyond{background:radial-gradient(ellipse at 8% 40%,#17477966,transparent 60%),linear-gradient(115deg,#0c192b,#162e4a);border-block:1px solid #263e59}.why{background:linear-gradient(120deg,#eef3fa,#f8faff 65%,#eaf1fb)}.global{background:transparent}.global-network{background:radial-gradient(ellipse at 52% 48%,#fff 5%,#e7f0ff 80%);box-shadow:0 16px 48px #142b4c06}.journey-inline{background:radial-gradient(ellipse at 20% 10%,#e6effc88,transparent 35%),linear-gradient(180deg,#edf3fc,#fff 35%,#f2f6fc);border-top-color:#d8e3f2}.journey-card{background:linear-gradient(145deg,#fff,#f8faff);box-shadow:0 10px 32px #16376305}.rfq{background:linear-gradient(120deg,#e5eefb,#f2f6fc 65%,#e9f0fb)}.faq{background:transparent}footer{background:linear-gradient(120deg,#0c192b,#152b44)}@media(max-width:700px){.hero:before{inset:-1px -24px 0;background:radial-gradient(ellipse at 90% 30%,#dceaff,transparent 70%),linear-gradient(140deg,#fff,#edf3fc)}}

/* A continuous, scroll-led wash of Oceanora blue. */
body{isolation:isolate;background:#f5f9ff}
.ocean-wash{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(135deg,#fff 5%,#f2f7ff 55%,#eaf2ff)}
.ocean-wash::before,.ocean-wash::after{content:"";position:absolute;inset:-35%;will-change:transform;transform:translate3d(var(--wash-x,0px),var(--wash-y,0px),0) rotate(var(--wash-r,0deg));background:radial-gradient(ellipse at 74% 32%,#a9cbf78c,transparent 45%),radial-gradient(ellipse at 20% 75%,#c9e0fa99,transparent 48%)}
.ocean-wash::after{background:radial-gradient(ellipse at 55% 68%,#ffffffdd,transparent 45%);transform:translate3d(calc(var(--wash-x,0px) * -.6),calc(var(--wash-y,0px) * -.5),0)}
.hero:before{display:none}
.hero,.sectors,.process,.why,.global,.journey-inline,.rfq,.faq{background:transparent}
.why,.rfq{border-block:1px solid #d7e4f255}
.global-network{background:#ffffff70}
@media(prefers-reduced-motion:reduce){.ocean-wash::before,.ocean-wash::after{transform:none;will-change:auto}}

/* A quiet maritime scene, placed behind all content. */
.shipping-pattern{position:absolute;inset:0;z-index:1;pointer-events:none}
.shipping-pattern svg{display:block;width:100%;height:100%}
@media(max-width:700px){.shipping-pattern{opacity:.9}}