:root{--ins-gray:#EFEFEF;--ins-yellow:#F7DB07;--ins-blue:#2BAAE1;--ins-blue-deep:#0c3550;--ins-dark:#231F20;--ins-text:#212121;--ins-soft:#7A7A7A;--ins-white:#FFFFFF;--ins-line-soft:rgba(33,33,33,.06);--ins-line:rgba(33,33,33,.10);--ins-glass:rgba(255,255,255,.58);--ins-panel:rgba(255,255,255,.92);--ins-shadow:0 18px 48px rgba(33,33,33,.08);--ins-type-hero:clamp(38px,4.4vw,66px);--ins-type-body:clamp(15px,1.02vw,16px);--ins-type-body-lg:clamp(16px,1.22vw,19px)}
html{scroll-behavior:smooth}
body.ins-preview-body{margin:0;background:var(--ins-white);font-family:"Google Sans",Arial,sans-serif!important;color:var(--ins-text);overflow-x:hidden}
body.ins-preview-body *{box-sizing:border-box}
body.ins-preview-body h1,
body.ins-preview-body h2,
body.ins-preview-body h3,
body.ins-preview-body p,
body.ins-preview-body li,
body.ins-preview-body a,
body.ins-preview-body button,
body.ins-preview-body strong,
body.ins-preview-body span{font-family:"Google Sans",Arial,sans-serif!important}
body.ins-preview-body a{color:inherit;text-decoration:none}
.ins-skip{position:fixed;top:8px;left:16px;z-index:2000;transform:translateY(-200%);padding:12px 20px;background:#202226;color:#fff}
.ins-skip:focus{transform:translateY(0)}
@keyframes insHeroFadeUp{0%{opacity:0;transform:translate3d(0,22px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}
@keyframes insHeroFadeDown{0%{opacity:0;transform:translate3d(0,-16px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}
@keyframes insHeroFadeLeft{0%{opacity:0;transform:translate3d(-18px,0,0)}100%{opacity:1;transform:translate3d(0,0,0)}}
@keyframes insHeroFadeRight{0%{opacity:0;transform:translate3d(18px,0,0)}100%{opacity:1;transform:translate3d(0,0,0)}}
@keyframes insHeroLineIn{0%{opacity:0;transform:scaleX(.18);transform-origin:left center}100%{opacity:1;transform:scaleX(1);transform-origin:left center}}
.ins-preview-nav{position:fixed;top:0;left:0;right:0;z-index:900;display:grid;grid-template-columns:210px minmax(0,1fr) 210px;align-items:start;gap:22px;height:112px;padding:48px clamp(28px,4.4vw,88px) 0;background:transparent;box-shadow:none;transition:height .24s ease,padding .24s ease,background .24s ease,box-shadow .24s ease}
.ins-preview-nav.is-scrolled{height:82px;padding-top:20px;background:rgba(239,239,239,.90);box-shadow:0 1px 0 rgba(33,33,33,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.ins-maritime-brand-tag{display:none!important}
.ins-preview-brand{position:relative;display:block;width:190px;height:78px;background:url("../brand/logo.svg") left top/contain no-repeat;justify-self:start;animation:insHeroFadeLeft .72s cubic-bezier(.16,1,.3,1) .08s both;transition:width .24s ease,height .24s ease}
.ins-preview-nav.is-scrolled .ins-preview-brand{width:133px;height:55px}
.ins-preview-glass-menu{position:relative;display:flex;align-items:center;justify-content:center;gap:11px;width:max-content;max-width:100%;height:56px;padding:5px 7px;margin:0 auto;background:var(--ins-glass);border:1px solid var(--ins-glass);border-radius:16px;box-shadow:0 10px 32px var(--ins-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:insHeroFadeDown .72s cubic-bezier(.16,1,.3,1) .14s both}
.ins-preview-glass-menu>a{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:var(--ins-dark);font-size:13px;font-weight:600;line-height:1;white-space:nowrap;transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.ins-preview-glass-menu>a:hover,
.ins-preview-glass-menu>a:focus,
.ins-preview-glass-menu>a.is-active{background:var(--ins-panel);color:var(--ins-dark);outline:none;box-shadow:0 8px 18px var(--ins-line-soft)}
.ins-preview-glass-menu>a.is-active{color:#10749f}
.ins-preview-nav-side{display:flex;align-items:flex-start;justify-content:flex-end;justify-self:end;width:100%;padding-top:12px;animation:insHeroFadeRight .72s cubic-bezier(.16,1,.3,1) .18s both}
.ins-preview-lang{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:58px;padding:0 10px;border-radius:14px;background:var(--ins-glass);border:1px solid var(--ins-glass);box-shadow:0 10px 28px var(--ins-line-soft);color:var(--ins-soft);font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1;text-transform:uppercase;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ins-preview-lang a{color:var(--ins-soft)}
.ins-preview-lang a.is-active,
.ins-preview-lang a:hover{color:var(--ins-dark)}
.ins-preview-lang em{font-style:normal;margin:0 4px;color:var(--ins-soft)}
.ins-preview-menu-check{display:none}
.ins-preview-mobile-trigger{display:none}
.ins-preview-mobile-panel{display:none}
.ins-preview-hero{position:relative;isolation:isolate;display:block;min-height:760px;background:var(--ins-gray);overflow:hidden;--gravity-x:72%;--gravity-y:42%}
body.ins-maritime-home .ins-maritime-hero{min-height:900px}
.ins-preview-hero:before{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle 300px at var(--gravity-x,72%) var(--gravity-y,42%),rgba(239,239,239,.02),rgba(239,239,239,.25) 55%,rgba(239,239,239,.74) 100%),linear-gradient(90deg,rgba(239,239,239,.94) 0%,rgba(239,239,239,.72) 41%,rgba(239,239,239,.18) 70%,rgba(239,239,239,.42) 100%);pointer-events:none}
.ins-preview-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:4;height:145px;background:linear-gradient(180deg,rgba(239,239,239,0),rgba(239,239,239,.84));pointer-events:none}
.ins-preview-gravity-grid{position:absolute;inset:0;z-index:3;display:block;width:100%;height:100%;pointer-events:none}
.ins-preview-hero-inner{position:relative;z-index:5;display:flex;align-items:center;min-height:inherit;height:100%;padding:150px clamp(32px,4.8vw,96px) 86px}
.ins-preview-hero-copy{position:relative;z-index:5;width:min(760px,57vw);margin-left:clamp(48px,4.2vw,84px);padding:0;transform:translateY(18px)}
.ins-preview-kicker{display:inline-flex;align-items:center;margin:0 0 22px;color:var(--ins-blue);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;animation:insHeroFadeUp .72s cubic-bezier(.16,1,.3,1) .22s both}
.ins-preview-hero h1{max-width:760px;margin:0 0 24px;color:var(--ins-dark);font-size:var(--ins-type-hero);font-weight:400;line-height:1.01;letter-spacing:-.042em;text-transform:none;animation:insHeroFadeUp .82s cubic-bezier(.16,1,.3,1) .30s both}
.ins-preview-lead{max-width:650px;margin:0;color:rgba(35,31,32,.74);font-size:var(--ins-type-body-lg);font-weight:400;line-height:1.72;animation:insHeroFadeUp .78s cubic-bezier(.16,1,.3,1) .42s both}
.ins-preview-hero-line{width:96px;height:4px;margin:32px 0 23px;background:var(--ins-yellow);animation:insHeroLineIn .68s cubic-bezier(.16,1,.3,1) .54s both}
.ins-preview-hero-blocks{display:flex;align-items:center;gap:15px}
.ins-preview-hero-cta{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:174px;height:48px;padding:0 21px;border-radius:999px;border:1px solid rgba(35,31,32,.1);font-size:12px;font-weight:700;letter-spacing:.01em;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.ins-preview-hero-cta:hover,
.ins-preview-hero-cta:focus{transform:translateY(-2px);outline:0}
.ins-preview-hero-cta-primary{background:var(--ins-dark);border-color:var(--ins-dark);color:var(--ins-white)}
.ins-preview-hero-cta-primary:hover,
.ins-preview-hero-cta-primary:focus{background:var(--ins-blue);border-color:var(--ins-blue);color:var(--ins-white)}
.ins-preview-hero-cta-secondary{background:rgba(255,255,255,.68);border-color:rgba(35,31,32,.12);color:var(--ins-dark)}
.ins-preview-hero-cta-secondary:hover,
.ins-preview-hero-cta-secondary:focus{background:var(--ins-white);color:var(--ins-dark)}
body.ins-preview-body a.ins-preview-hero-cta-primary{color:#fff}
body.ins-preview-body a.ins-preview-hero-cta-primary:hover,
body.ins-preview-body a.ins-preview-hero-cta-primary:focus{color:#fff}
body.ins-preview-body a.ins-preview-hero-cta-secondary{color:var(--ins-dark)}
.ins-preview-hero-media{position:absolute;inset:-5%;z-index:1;overflow:hidden;pointer-events:none;opacity:1}
.ins-preview-hero-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.9) contrast(1.05) brightness(.95);transform:scale(1.045)}
.ins-maritime-hero-media{inset:-7% -4% -5% 23%;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 15%,rgba(0,0,0,.88) 42%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 15%,rgba(0,0,0,.88) 42%,#000 100%)}
.ins-maritime-hero-media video{filter:saturate(1.08) contrast(1.12) brightness(.87);transform:scale(1.075)}
.ins-maritime-hero-index{position:absolute;right:clamp(28px,4.4vw,88px);bottom:50px;z-index:6;display:flex;gap:30px;color:rgba(35,31,32,.48);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:991px){
.ins-preview-nav{grid-template-columns:170px minmax(0,1fr) 90px;padding-left:28px;padding-right:28px}
.ins-preview-brand{width:158px;height:64px}
.ins-preview-glass-menu{gap:4px}
.ins-preview-glass-menu>a{padding:0 9px;font-size:12px}
.ins-preview-hero-copy{width:min(700px,74vw);margin-left:16px}
.ins-maritime-hero-media{left:28%}
.ins-preview-hero:before{background:linear-gradient(90deg,rgba(239,239,239,.94) 0%,rgba(239,239,239,.78) 45%,rgba(239,239,239,.30) 100%)}}
@media(max-width:760px){
body.ins-maritime-home .ins-maritime-hero{min-height:760px}
.ins-preview-nav{grid-template-columns:1fr auto;height:86px;padding:24px 20px 0}
.ins-preview-nav.is-scrolled{height:72px;padding-top:14px}
.ins-preview-brand{width:142px;height:57px}
.ins-preview-nav.is-scrolled .ins-preview-brand{width:118px;height:47px}
.ins-preview-glass-menu,
.ins-preview-nav-side{display:none}
.ins-preview-mobile-trigger{display:block;position:relative;z-index:914;align-self:start;width:44px;height:44px;padding:11px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid rgba(35,31,32,.08);box-shadow:0 10px 28px rgba(33,33,33,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ins-preview-mobile-trigger span{display:block;width:20px;height:1px;margin:5px 0;background:var(--ins-dark);transition:transform .18s ease,opacity .18s ease}
.ins-preview-menu-check:checked+.ins-preview-mobile-trigger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.ins-preview-menu-check:checked+.ins-preview-mobile-trigger span:nth-child(2){opacity:0}
.ins-preview-menu-check:checked+.ins-preview-mobile-trigger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.ins-preview-mobile-panel{position:fixed;z-index:913;left:14px;right:14px;top:14px;display:flex;flex-direction:column;gap:2px;padding:82px 18px 20px;background:rgba(255,255,255,.96);border:1px solid rgba(35,31,32,.08);border-radius:24px;box-shadow:0 24px 80px rgba(33,33,33,.15);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.ins-preview-menu-check:checked~.ins-preview-mobile-panel{opacity:1;visibility:visible;transform:translateY(0)}
.ins-preview-mobile-panel a{padding:12px 4px;border-bottom:1px solid rgba(33,33,33,.08);font-size:15px;font-weight:600}
.ins-preview-hero{min-height:720px}
.ins-preview-hero-inner{padding:128px 22px 82px}
.ins-preview-hero-copy{width:100%;margin-left:0;transform:none}
.ins-preview-hero h1{font-size:clamp(38px,10.6vw,58px)}
.ins-preview-lead{font-size:16px;line-height:1.65}
.ins-preview-hero-blocks{align-items:stretch;flex-direction:column;max-width:360px}
.ins-preview-hero-cta{width:100%}
.ins-maritime-hero-media{inset:30% -22% -8% 16%;opacity:.78;mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 22%,#000 60%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 22%,#000 60%)}
.ins-preview-hero:before{background:linear-gradient(180deg,rgba(239,239,239,.98) 0%,rgba(239,239,239,.90) 52%,rgba(239,239,239,.50) 100%)}
.ins-maritime-hero-index{display:none}}
@media(max-width:480px){
.ins-preview-hero{min-height:760px}
.ins-preview-hero-inner{padding-top:122px}
.ins-preview-kicker{font-size:10px;letter-spacing:.11em}
.ins-preview-hero h1{font-size:clamp(35px,11.2vw,50px)}
.ins-preview-hero-line{margin:25px 0 20px}
.ins-preview-hero-media{inset:44% -30% -6% 4%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.ins-preview-gravity-grid{display:none}
.ins-preview-brand,
.ins-preview-glass-menu,
.ins-preview-nav-side,
.ins-preview-kicker,
.ins-preview-hero h1,
.ins-preview-lead,
.ins-preview-hero-line{animation:none!important}
.ins-preview-hero-cta{transition:none}}