/* Leviathan V65 — scoped visual refresh; all images supplied by the client.
   Keep server-side CSP intact: NO inline styles, remote assets or JS libraries. */
:root{--v65-gold:#f2b940;--v65-deep:#041a31}
html{scroll-padding-top:100px}
/* Original official logo should stay legible on a white header */
.site-header .brand-lockup img{width:clamp(226px,22.1vw,318px)!important;height:auto!important;max-height:104px!important;padding:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;object-fit:contain!important}
.site-header .brand-lockup{min-width:0;flex-shrink:0}
.site-header .header-cta{background:linear-gradient(180deg,#f7c862,#d99b26);border-radius:16px}
.site-header .main-nav{gap:clamp(10px,1.15vw,23px)!important;font-size:clamp(.69rem,.85vw,.88rem)!important}

/* HOME: reference layout, real untouched Panama Canal photo. */
.hero.hero-v65{background:linear-gradient(90deg,rgba(2,22,42,.97) 0%,rgba(3,28,53,.82) 36%,rgba(5,32,54,.23) 70%,rgba(5,32,54,.04) 100%),url('../img/v65/home-canal-bridge.webp') center 52% / cover no-repeat!important;display:flex!important;flex-direction:column;align-items:stretch!important;justify-content:space-between!important;gap:38px!important;min-height:clamp(610px,74vh,790px)!important;padding:clamp(56px,5.5vw,90px) clamp(24px,5vw,85px) 0!important;isolation:isolate}
.hero-v65 .hero-bg{background:linear-gradient(0deg,rgba(1,17,34,.55),transparent 50%)!important;inset:0}
.hero-v65 .hero-content{width:min(780px,65%);z-index:2}
.hero-v65 .eyebrow{color:#fac253;font-size:clamp(.7rem,1.0vw,.89rem);letter-spacing:.16em;line-height:1.5}
.hero-v65 h1{font-size:clamp(3rem,5.5vw,6.4rem)!important;line-height:.99!important;font-weight:700;letter-spacing:-.038em!important;max-width:880px!important;text-wrap:balance;color:#fff!important;text-shadow:0 3px 17px rgba(0,0,0,.15)}
.hero-v65 .gold-period{color:#fac454}
.hero-v65 .hero-text{font-size:clamp(1.05rem,1.28vw,1.26rem)!important;line-height:1.57!important;max-width:600px;margin:22px 0 0;color:#f6f8fd}
.hero-v65 .brand-motto{display:block;color:#fac454!important;text-align:left!important;font-family:Georgia,serif!important;font-size:clamp(1.65rem,2.9vw,2.7rem)!important;line-height:1.2!important;margin:18px 0 0!important;font-weight:700}
.hero-v65 .hero-v65-actions{margin-top:22px;gap:12px}
.hero-v65 .hero-v65-actions .btn{font-size:clamp(.76rem,.95vw,.95rem);min-height:52px;padding:13px 22px;border-radius:8px;text-align:center;white-space:normal}
.hero-v65 .hero-v65-actions .btn-outline{color:#fff;background:rgba(3,25,48,.54)}
.hero-v65-trust{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:21px 0 23px;background:rgba(2,22,42,.84);margin:0 calc(clamp(24px,5vw,85px)*-1);padding-left:clamp(24px,5vw,85px);padding-right:clamp(24px,5vw,85px)}
.hero-v65-trust article{display:flex;align-items:center;gap:18px;min-width:0;padding:3px 22px;border-right:1px solid rgba(255,255,255,.32)}
.hero-v65-trust article:first-child{padding-left:0}.hero-v65-trust article:last-child{border:0;padding-right:0}
.hero-v65-icon{flex:none;color:#f7c255;font:700 2.3rem/1 Georgia,serif}
.hero-v65-trust strong{color:white;font-size:clamp(.85rem,1vw,1rem);line-height:1.35;display:block}
.hero-v65-trust p{font-size:clamp(.75rem,.88vw,.91rem);line-height:1.45;margin:4px 0 0;color:#e5ecf4}

/* SERVICES: photographic hero and four original service families */
.services-page:has(.services-v65-header){padding:0 clamp(16px,2.4vw,44px) 48px!important;background:linear-gradient(#081d31 0,#081d31 650px,#f8f7f3 651px)}
.services-v65-header{position:relative;isolation:isolate;min-height:clamp(300px,29vw,440px);border-radius:0 0 12px 12px;overflow:hidden;background:linear-gradient(90deg,rgba(2,18,36,.98),rgba(2,18,36,.8) 42%,rgba(2,18,36,.14) 87%),url('../img/v65/services-banner.webp') right center / cover no-repeat;display:flex;align-items:center;padding:clamp(36px,5.3vw,76px)}
.services-v65-header-copy{width:min(640px,65%);position:relative;color:white}
.services-v65-header .section-kicker{color:var(--v65-gold)}
.services-v65-header h1{font-family:Georgia,serif;font-size:clamp(2.4rem,4.3vw,4.95rem)!important;line-height:1.01!important;color:white!important;letter-spacing:-.035em;margin:0 0 16px}
.services-v65-header p:not(.section-kicker){color:#f3f6fc;margin:0;max-width:490px;line-height:1.65;font-size:clamp(.98rem,1.24vw,1.18rem)}
.services-page .v51-advantages{position:relative;margin:24px auto 33px!important}
.services-page .v51-advantages>h2{color:#f7f5f0!important}
.services-page .v65-services-official{max-width:1320px;width:100%;margin:0 auto 35px!important;padding:0}
.services-page .v65-services-official>h2{font-size:clamp(1.7rem,2.5vw,2.5rem);margin-bottom:20px;color:var(--navy)}
.v65-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}
.v65-service-card{min-width:0;background:#041a2f;overflow:hidden;border-radius:13px;border:1px solid rgba(224,175,77,.50);box-shadow:0 10px 28px rgba(1,15,31,.18);color:white;transition:transform .2s ease,box-shadow .2s ease}
.v65-service-card:hover{transform:translateY(-4px);box-shadow:0 18px 33px rgba(2,16,30,.23)}
.v65-service-card>img{width:100%;height:clamp(160px,15vw,245px);object-fit:cover;object-position:center;filter:saturate(.96);border:0}
.v65-service-card:nth-child(4)>img{object-position:center 34%}
.v65-service-card:nth-child(2)>img{object-position:center 28%}
.v65-service-body{position:relative;padding:44px clamp(13px,1.5vw,23px) 20px;min-height:330px;display:flex;flex-direction:column}
.v65-service-icon{position:absolute;top:-33px;left:18px;color:#f9c353;border:1px solid rgba(250,202,95,.4);display:grid;place-items:center;font-size:2rem;background:#06243f;width:58px;height:58px;border-radius:14px}
.v65-service-card h3{font-size:clamp(.86rem,1vw,1.08rem)!important;color:#fff!important;line-height:1.4;letter-spacing:.02em;text-transform:uppercase;margin:0 0 14px;min-height:38px}
.v65-card-num{color:#f5bd4d}
.v65-service-points{margin:0 0 23px;padding:0;list-style:none;display:grid;gap:10px}
.v65-service-points li{position:relative;padding-left:18px;color:#e8eff8;font-size:clamp(.78rem,.88vw,.93rem);line-height:1.35}
.v65-service-points li::before{content:'✓';position:absolute;left:0;color:#f2b940;font-weight:900}
.v65-service-detail{margin-top:auto;border-top:1px solid rgba(255,255,255,.2);padding-top:16px}
.v65-service-detail summary{color:#ffcd62;text-transform:uppercase;font-size:.81rem;font-weight:900;letter-spacing:.045em;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.v65-service-detail[open] summary{margin-bottom:14px}.v65-service-detail p{color:#e7eaf3;line-height:1.55;font-size:.92rem;margin:0 0 15px}
.v65-service-detail a{display:inline-block;padding:9px 12px;border:1px solid #e3b451;border-radius:8px;color:#ffd36c;font-size:.78rem;text-transform:uppercase;font-weight:800}
.services-page .service-access-panel{margin-top:32px}

/* ABOUT: only first visual section changes; existing sections below remain */
.about-page:has(.about-v65-hero){padding-top:0!important}
.about-v65-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;background:linear-gradient(90deg,rgba(2,22,43,.96) 0%,rgba(4,25,48,.78) 37%,rgba(4,24,43,.18) 76%,rgba(3,24,46,.06) 100%),url('../img/v65/about-vessel.webp') center 48%/cover no-repeat;color:#fff;border-radius:12px;min-height:clamp(400px,42vw,610px);padding:clamp(30px,5.4vw,78px);margin:0 0 clamp(46px,6vw,80px);box-shadow:0 16px 38px rgba(6,26,49,.12)}
.about-v65-copy{width:min(570px,58%)}
.about-v65-copy h1{font-size:clamp(2.55rem,4.55vw,5.2rem)!important;line-height:1.04!important;color:#fff!important;letter-spacing:-.036em!important;max-width:600px;margin:0 0 20px}
.about-v65-copy p:not(.section-kicker){margin:0 0 23px;color:#f4f6fa;font-size:clamp(1rem,1.2vw,1.17rem);line-height:1.68}
.about-v65-copy .btn{border-radius:9px;min-height:50px}
/* Preserve the desktop V64 About story grid, without interfering with its CSS. */

/* HOW WE WORK: update upper section only; original operational App content unchanged */
.process-page.process-v65{padding:clamp(45px,5vw,76px) clamp(20px,5vw,80px) 0!important;max-width:1500px;margin:0 auto;color:var(--navy)}
.process-v65-top{max-width:900px;text-align:center;margin:0 auto 36px}
.process-v65-top .section-kicker{color:#c18b27}
.process-v65-top h1{font-family:Georgia,serif;font-size:clamp(2.25rem,4.4vw,4.6rem)!important;line-height:1.07!important;color:#061a31!important;letter-spacing:-.035em!important;margin:0 0 16px}
.process-v65-intro{font-size:clamp(.98rem,1.2vw,1.17rem);line-height:1.65;color:#36485d;margin:0 auto;max-width:670px}
.process-v65-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,55px);align-items:start;padding:0 0 clamp(25px,4vw,45px);position:relative}
.process-v65-steps article{text-align:center;position:relative;min-width:0;padding:0 4px}
.process-v65-steps article:not(:last-child)::after{content:'→';position:absolute;right:calc(clamp(20px,3vw,55px)*-.67);top:31px;color:#0a2744;font-size:1.35rem}
.process-v65-steps .v65-step-icon{background:#061b33;color:#fff;border-radius:50%;margin:0 auto 15px;width:72px;height:72px;display:grid;place-items:center;font-size:2rem;box-shadow:0 7px 18px rgba(6,26,49,.18)}
.process-v65-steps h3{font-size:clamp(.96rem,1.15vw,1.15rem)!important;color:#061a31!important;line-height:1.35;margin:0 0 9px}
.process-v65-steps h3 span:first-child{color:#b8852b}
.process-v65-steps p{font-size:clamp(.82rem,.98vw,1rem);line-height:1.5;margin:0;color:#45586e}
.process-v65-photo{margin:12px auto 0;height:clamp(165px,20vw,290px);width:100%;overflow:hidden;border-radius:14px 14px 0 0}
.process-v65-photo img{height:100%;width:100%;object-fit:cover;object-position:center 38%}

/* Cookie preference interface — no optional trackers are installed. */
.v65-cookie-banner{position:fixed;z-index:1000;bottom:18px;left:18px;right:18px;max-width:880px;margin:0 auto;background:#fff;color:#0b2541;border:1px solid #d7b469;box-shadow:0 18px 65px rgba(2,14,29,.35);border-radius:16px;padding:18px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}
.v65-cookie-banner[hidden]{display:none}
.v65-cookie-banner strong{font-size:1rem}.v65-cookie-banner p{margin:4px 0 0;line-height:1.5;font-size:.87rem;color:#394b60}
.v65-cookie-banner a{text-decoration:underline;color:#074378}
.v65-cookie-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.v65-cookie-actions button{cursor:pointer;min-height:42px;border:1px solid #c69b40;padding:9px 13px;border-radius:9px;font-weight:800;background:white;color:#102743;font-size:.81rem}
.v65-cookie-actions .v65-cookie-accept{background:#eabb53;border-color:#eabb53}
.v65-cookie-preferences{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;font-size:.77rem;padding:4px 0;align-self:start}
.v65-cookie-preferences:hover{text-decoration-thickness:2px}

@media(max-width:1100px){
 .site-header .brand-lockup img{width:247px!important;max-height:76px!important}
 .hero.hero-v65{min-height:630px!important}
 .hero-v65 .hero-content{width:min(700px,76%)}
 .v65-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
 .v65-service-card>img{height:210px}
 .v65-service-body{min-height:300px}
 .services-page:has(.services-v65-header){background:linear-gradient(#081d31 0,#081d31 640px,#f8f7f3 641px)}
 .about-v65-hero{min-height:530px}
}
@media(max-width:720px){
 .site-header .brand-lockup img{width:clamp(160px,46vw,188px)!important;height:auto!important;max-height:60px!important}
 .hero.hero-v65{padding:42px 19px 0!important;min-height:660px!important;gap:38px!important;background-position:center,right center!important;background-image:linear-gradient(90deg,rgba(2,20,39,.96) 0%,rgba(3,23,44,.82) 42%,rgba(4,25,46,.3) 100%),url('../img/v65/home-canal-bridge.webp')!important}
 .hero-v65 .hero-content{width:100%;max-width:560px;margin:0 auto;text-align:center}
 .hero-v65 .eyebrow,.hero-v65 h1,.hero-v65 .hero-text,.hero-v65 .brand-motto{text-align:center!important;margin-left:auto;margin-right:auto}
 .hero-v65 h1{font-size:clamp(2.65rem,8.9vw,4.1rem)!important;max-width:550px!important}
 .hero-v65 .hero-text{font-size:1rem!important;line-height:1.52!important;max-width:460px}
 .hero-v65 .brand-motto{font-size:clamp(1.55rem,6vw,2.2rem)!important}
 .hero-v65 .hero-v65-actions{justify-content:center}
 .hero-v65 .hero-v65-actions .btn{flex:1 1 190px;min-width:0;font-size:.82rem;padding:12px}
 .hero-v65-trust{grid-template-columns:1fr;margin:0 -19px;padding:11px 19px;gap:5px}
 .hero-v65-trust article{padding:12px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.24);gap:8px;flex-direction:column;align-items:center;text-align:center}
 .hero-v65-trust article>div{text-align:center}
 .hero-v65-trust article:last-child{border-bottom:0}
 .hero-v65-icon{font-size:1.7rem;min-width:30px;text-align:center}
 .hero-v65-trust strong,.hero-v65-trust p{display:block;text-align:center}
 .hero-v65-trust p{font-size:.78rem}
 .services-page:has(.services-v65-header){padding:0 12px 35px!important;background:linear-gradient(#081d31 0,#081d31 500px,#f8f7f3 501px)}
 .services-v65-header{min-height:360px;padding:32px 20px;background-position:right center;background-image:linear-gradient(90deg,rgba(2,18,36,.98),rgba(2,18,36,.78) 64%,rgba(2,18,36,.34)),url('../img/v65/services-banner.webp')}
 .services-v65-header-copy{width:100%}.services-v65-header h1{font-size:clamp(2.3rem,7.8vw,3.7rem)!important}
 .services-page .v51-advantages{margin-top:20px!important}.services-page .v51-advantages>h2{font-size:1.3rem}
 .v65-service-card>img{height:180px}.v65-services-grid{grid-template-columns:1fr;gap:17px}
 .v65-service-body{min-height:0;padding:38px 20px 21px}.v65-service-card h3{min-height:0;font-size:1.05rem!important}.v65-service-points li{font-size:.94rem}
 .about-v65-hero{min-height:560px;margin-bottom:35px;border-radius:11px;padding:27px 22px;background-image:linear-gradient(90deg,rgba(2,20,39,.95),rgba(2,20,39,.58) 76%,rgba(2,20,39,.28)),url('../img/v65/about-vessel.webp');background-position:55% center}
 .about-v65-copy{width:100%;max-width:530px}.about-v65-copy h1{font-size:clamp(2.35rem,8.6vw,3.8rem)!important}
 .process-page.process-v65{padding:44px 18px 0!important}.process-v65-top{margin-bottom:26px}
 .process-v65-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 17px}.process-v65-steps article::after{display:none!important}
 .process-v65-steps .v65-step-icon{width:61px;height:61px;font-size:1.8rem}.process-v65-photo{height:190px}
 .v65-cookie-banner{display:block;left:10px;right:10px;bottom:10px;padding:14px}.v65-cookie-actions{margin-top:12px}
}
@media(max-width:420px){.hero.hero-v65{min-height:740px!important}.hero-v65 h1{font-size:2.55rem!important}.hero-v65 .hero-v65-actions{gap:9px}.hero-v65 .hero-v65-actions .btn{flex-basis:100%;min-height:46px}.about-v65-hero{min-height:590px}.process-v65-steps{grid-template-columns:1fr}.process-v65-steps article{max-width:310px;margin:0 auto}}
@media(prefers-reduced-motion:reduce){.v65-service-card{transition:none}.v65-service-card:hover{transform:none}}

.hero-v65 h1>span[data-i18n]{display:block}.hero-v65 h1 .gold-period{display:inline;color:#fac454}.services-v65-header h1 span,.about-v65-copy h1 span{display:block}

/* Final V65 service section sequence: photo + cards, then original advantages. */
.services-page:has(.services-v65-header){background:#f8f7f3!important}
.services-v65-header{border-radius:10px 10px 0 0}
.services-page .v65-services-official{max-width:none!important;margin:0 auto 0!important;padding:24px clamp(14px,2.5vw,40px) 32px!important;background:#071d32;border-radius:0 0 14px 14px}
.services-page .v65-services-official>h2{color:#fff!important}
.services-page .v51-advantages{margin:33px auto!important}
.services-page .v51-advantages>h2{color:var(--navy)!important}
.hero-v65 h1>.hero-title-line{display:block}.hero-v65 h1>.hero-title-line>span[data-i18n]{display:inline}


/* V69: retain the enlarged logo on small phones without clipping mobile controls. */
@media(max-width:360px){
 .site-header{padding-left:10px!important;padding-right:10px!important;gap:4px!important}
}

/* V70: Exclusively mobile/tablet refinements; desktop styling remains unchanged. */
@media (max-width: 1100px) and (min-width: 721px) {
  .site-header .brand-lockup img { width: 310px !important; max-height: 100px !important; }
}
@media (max-width: 720px) {
  .site-header .brand-lockup img { width: clamp(190px, 62vw, 240px) !important; height: auto !important; max-height: 82px !important; }
}
@media (max-width: 1100px) {
  .contact-direct .ops-desktop-only { display: none !important; }
}