@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.isolate{isolation:isolate}.contents{display:contents}.table{display:table}}:root{--ink:#07344b;--deep:#075b78;--sea:#0b8ca3;--signal:#6ee2e5;--signal-soft:#d9fbff;--foam:#f4fbfc;--paper:#e5f4f7;--line:#07344b26}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--foam);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1180px,100% - 48px);margin-inline:auto}.hero{color:#f6fbf7;background:#0a5873;min-height:900px;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;position:absolute}.hero:before{z-index:1;aspect-ratio:1;border:1px solid #79e7eb29;border-radius:50%;width:56vw;top:8%;right:-17vw;box-shadow:0 0 0 86px #79e7eb0b,0 0 0 172px #79e7eb08}.hero:after{z-index:2;background:#dbfaff40;height:1px;bottom:69px;left:0;right:0}.hero-photo{z-index:0;filter:saturate(1.04)contrast(1.02)brightness(1.08);background:linear-gradient(90deg,#043445e6 0%,#044052c2 32%,#07566a61 62%,#0861761f 100%),linear-gradient(#0a4e622e 0%,#0a5c6f0a 45%,#05374994 100%),url(/assets/ship-hero.webp) 50%/cover no-repeat;position:absolute;inset:0}.hero-grid{z-index:1;opacity:.22;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.site-header{z-index:5;height:104px;color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7fdfef0;border:1px solid #ffffffb8;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;margin-top:14px;padding:0 24px;display:grid;position:relative;box-shadow:0 14px 45px #022b391f}.brand{justify-self:start;align-items:center;gap:0;display:inline-flex}.brand-logo{object-fit:contain;mix-blend-mode:multiply;width:150px;height:98px;display:block}nav{color:#164e66;letter-spacing:.08em;text-transform:uppercase;gap:34px;font-size:11px;display:flex}nav a,.header-cta,.footer-inner>a{transition:color .18s}nav a:hover,.footer-inner>a:hover{color:var(--sea)}.header-actions{justify-self:end;align-items:center;gap:22px;display:flex}.language-menu{position:relative}.language-menu summary{cursor:pointer;color:#07344ba8;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;padding:8px 0;font-size:10px;list-style:none;display:flex}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary span{color:var(--signal);font-size:13px}.language-popover{z-index:20;background:#f7fdfefc;border:1px solid #07344b26;width:225px;padding:8px;position:absolute;top:calc(100% + 15px);right:0;box-shadow:0 20px 50px #022f3f2e}.language-popover:before{content:"";height:16px;position:absolute;top:-16px;left:0;right:0}.language-popover a{color:#07344bc2;justify-content:space-between;padding:9px 10px;font-size:11px;display:flex}.language-popover a:hover,.language-popover a[aria-current=page]{color:var(--sea);background:#0b8ca314}.language-popover a span{color:#07344b52;font-family:Courier New,monospace;font-size:9px}.header-cta{letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--sea);justify-self:end;align-items:center;gap:12px;min-height:42px;padding:0 17px;font-size:12px;font-weight:700;display:inline-flex}.header-cta:hover{background:#08788d}.header-cta span{color:#fff}.text-link span{color:var(--sea)}.hero-content{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:82px;min-height:725px;padding:76px 0 94px;display:grid;position:relative}.status-line{color:#f6fbf7ab;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:11px;margin-bottom:26px;font-size:11px;font-weight:700;display:flex}.status-dot{background:var(--signal);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #6ee2e529}.hero h1{letter-spacing:-.058em;max-width:760px;margin:0;font-size:clamp(58px,6.1vw,92px);font-weight:500;line-height:.96}.hero h1 span{color:var(--signal-soft);display:block}.hero-lead{color:#f6fbf7b8;max-width:650px;margin:31px 0 0;font-size:18px;line-height:1.65}.hero-actions{gap:14px;margin-top:38px;display:flex}.button{letter-spacing:.08em;text-transform:uppercase;border:1px solid #0000;justify-content:center;align-items:center;gap:25px;min-height:52px;padding:0 24px;font-size:12px;font-weight:700;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--signal);color:var(--ink)}.button-primary:hover{background:#9af0f2}.button-quiet{color:#f6fbf7;border-color:#f6fbf742}.button-quiet:hover{border-color:#f6fbf79e}.hero-proof{border-top:1px solid #f6fbf721;margin-top:50px;padding-top:24px;display:flex}.hero-proof div{border-right:1px solid #f6fbf721;min-width:156px;margin-right:25px;padding-right:25px}.hero-proof div:last-child{border-right:0;margin-right:0;padding-right:0}.hero-proof strong,.hero-proof span{display:block}.hero-proof strong{letter-spacing:.02em;font-size:14px}.hero-proof span{color:#f6fbf778;letter-spacing:.08em;text-transform:uppercase;margin-top:7px;font-size:10px;line-height:1.4}.operations-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#054a5e8f;border:1px solid #d4f9fc57;justify-self:end;width:100%;max-width:450px;position:relative;box-shadow:0 32px 90px #022a3733}.panel-head,.panel-foot{color:#e8fbf278;letter-spacing:.09em;justify-content:space-between;align-items:center;font-family:Courier New,monospace;font-size:9px;display:flex}.panel-head{border-bottom:1px solid #beeee326;padding:18px 20px}.live-tag{color:var(--signal);align-items:center;gap:7px;display:inline-flex}.live-tag i{background:currentColor;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px}.radar-wrap{place-items:center;height:300px;display:grid;position:relative;overflow:hidden}.radar{background-color:#08768729;background-image:linear-gradient(#6ee2e538 1px,#0000 1px),linear-gradient(90deg,#6ee2e538 1px,#0000 1px),repeating-radial-gradient(circle,#0000 0 36px,#6ee2e52b 37px 38px),none;background-position:50%;background-repeat:no-repeat;background-size:100% 50%,50% 100%,100% 100%,100% 100%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #6ee2e57a;border-radius:50%;width:230px;height:230px;position:relative;overflow:hidden}.radar:before,.radar:after{content:"";background:#6ee2e54d;position:absolute}.radar:before{width:1px;height:100%;left:50%}.radar:after{width:100%;height:1px;top:50%}.radar-sweep{transform-origin:100% 0;background:conic-gradient(from 180deg at 100% 0,#6ee2e58c,#0000 35deg);animation:7s linear infinite sweep;position:absolute;inset:50% 50% 0 0}@keyframes sweep{to{transform:rotate(360deg)}}.radar-point{z-index:3;background:var(--signal);width:6px;height:6px;box-shadow:0 0 10px var(--signal);border-radius:50%;position:absolute}.point-one{top:29%;left:64%}.point-two{top:58%;left:28%}.point-three{top:68%;left:71%}.point-four{top:40%;left:38%}.radar-label{color:#dafbfdc2;letter-spacing:.1em;font-family:Courier New,monospace;font-size:8px;position:absolute}.label-one{top:75px;right:36px}.label-two{top:170px;left:32px}.label-three{bottom:54px;right:25px}.label-four{top:83px;left:27px}.module-list{border-top:1px solid #beeee326}.module-list div{border-bottom:1px solid #beeee31f;grid-template-columns:1fr auto;align-items:center;min-height:55px;padding:0 20px;font-size:11px;display:grid}.module-list strong{letter-spacing:.04em;font-weight:500}.module-list em{color:var(--signal);letter-spacing:.1em;font-family:Courier New,monospace;font-size:8px;font-style:normal}.panel-foot{padding:16px 20px}.nav-data{z-index:3;color:#ecffef7a;letter-spacing:.15em;justify-content:space-between;font-family:Courier New,monospace;font-size:8px;display:flex;position:absolute;bottom:82px;left:50%;transform:translate(-50%)}.hero-ticker{z-index:3;background:#054a5ec7;align-items:center;min-height:70px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.hero-ticker>div{white-space:nowrap;justify-content:space-around;align-items:center;gap:22px;width:100%;padding:0 32px;display:flex}.hero-ticker span{color:#f6fbf7b5;letter-spacing:.14em;text-transform:uppercase;font-family:Courier New,monospace;font-size:10px}.hero-ticker i{background:var(--signal);border-radius:50%;width:4px;height:4px}.ticker-group{align-items:center;gap:22px;display:inline-flex}.locale-prompt{z-index:50;color:#f4fcfd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06566df5;border:1px solid #6ee2e56b;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;max-width:min(460px,100vw - 48px);padding:13px 14px;display:grid;position:fixed;bottom:24px;left:24px;box-shadow:0 16px 45px #033d4f33}.locale-prompt-dot{background:var(--signal);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #6ee2e526}.locale-prompt p{margin:0;font-size:12px;line-height:1.4}.locale-prompt a{color:var(--signal);white-space:nowrap;font-size:11px;font-weight:700}.locale-prompt button{color:#edf8f175;cursor:pointer;background:0 0;border:0;padding:2px 5px;font-size:18px}.section{padding-top:120px;padding-bottom:120px}.section-heading{grid-template-columns:1.3fr .7fr;align-items:end;gap:80px;margin-bottom:60px;display:grid}.section-index{color:#52778a;letter-spacing:.16em;margin-bottom:21px;font-family:Courier New,monospace;font-size:10px;display:block}.section-heading h2,.process-intro h2,.why-copy h2,.contact-copy h2{letter-spacing:-.045em;margin:0;font-size:clamp(42px,5vw,67px);font-weight:500;line-height:1.02}.section-heading>p{color:#496b7d;margin:0;font-size:16px;line-height:1.75}.service-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.service-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(150deg,#ffffffc7,#d2eff457),repeating-linear-gradient(0deg,#0000 0 31px,#075b7808 32px 33px);flex-direction:column;min-height:560px;padding:42px;transition:background .22s,transform .22s;display:flex;position:relative;overflow:hidden}.service-card:hover{z-index:1;background:#fff;transform:translateY(-4px)}.service-topline{color:#55788a;letter-spacing:.13em;text-transform:uppercase;justify-content:flex-start;margin-bottom:53px;font-family:Courier New,monospace;font-size:10px;display:flex}.service-card h3{letter-spacing:-.035em;max-width:500px;margin:0;font-size:33px;font-weight:500;line-height:1.13}.service-card>p{color:#4d6d7d;max-width:510px;margin:22px 0 25px;line-height:1.7}.service-card ul{gap:13px;margin:0 0 38px;padding:0;list-style:none;display:grid}.service-card li{color:#173e51;grid-template-columns:22px 1fr;font-size:14px;line-height:1.5;display:grid}.service-card li span{color:var(--sea)}.service-card>a{border-top:1px solid var(--line);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;margin-top:auto;padding-top:22px;font-size:11px;font-weight:700;display:flex}.sea-bridge{color:#eff9f2;background:var(--deep);min-height:640px;position:relative;overflow:hidden}.sea-bridge-photo{filter:saturate(1.08)contrast(1.02)brightness(1.08);background:linear-gradient(90deg,#054e620d 0%,#055b7014 42%,#044e65bd 77%,#07526f 100%),linear-gradient(#096c8305,#04475b57),url(/assets/ship-hero.webp) 50% 46%/cover no-repeat;position:absolute;inset:0}.sea-bridge:before{content:"";z-index:1;background:repeating-linear-gradient(#e0ffce94 0 1px,#0000 1px 32px);border-left:1px solid #e0ffce61;width:18px;position:absolute;top:42px;bottom:42px;left:31px}.sea-bridge-content{z-index:2;grid-template-columns:1.15fr .85fr;align-items:end;gap:90px;min-height:640px;padding-top:90px;padding-bottom:70px;display:grid;position:relative}.sea-bridge .section-index{color:var(--signal)}.sea-bridge h2{letter-spacing:-.055em;text-shadow:0 3px 32px #00000073;max-width:680px;margin:0;font-size:clamp(48px,5.7vw,78px);font-weight:500;line-height:.98}.sea-bridge-list{border-top:1px solid #eff9f242;display:grid}.sea-bridge-list span{color:#eff9f2d4;letter-spacing:.13em;text-transform:uppercase;border-bottom:1px solid #eff9f233;padding:17px 0;font-family:Courier New,monospace;font-size:10px}.sea-bridge-list span:before{content:"↳";color:var(--signal);margin-right:17px}.situations{color:#f3faf5;background:var(--deep)}.section-heading.inverse .section-index{color:var(--signal)}.section-heading.inverse>p{color:#f3faf594}.situation-grid{border-top:1px solid #f1ffee29;border-left:1px solid #f1ffee29;grid-template-columns:repeat(4,1fr);display:grid}.situation-grid article{border-bottom:1px solid #f1ffee29;border-right:1px solid #f1ffee29;min-height:300px;padding:32px 27px;position:relative;overflow:hidden}.situation-grid article>span{color:var(--signal);letter-spacing:.14em;font-family:Courier New,monospace;font-size:9px;position:relative}.situation-grid h3{letter-spacing:-.025em;margin:44px 0 17px;font-size:22px;font-weight:500;line-height:1.2;position:relative}.situation-grid p{color:#f3faf591;margin:0;font-size:13px;line-height:1.65;position:relative}.process{grid-template-columns:.85fr 1.15fr;gap:110px;display:grid}.process-intro{align-self:start;position:sticky;top:40px}.process-intro p,.why-copy>p,.contact-copy>p{color:#4d6d7d;max-width:520px;font-size:16px;line-height:1.75}.process-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.process-list li{border-bottom:1px solid var(--line);grid-template-columns:145px 1fr;gap:22px;padding:31px 0;display:grid}.process-list h3{margin:0;font-size:16px}.process-list p{color:#4d6d7d;margin:0;font-size:13px;line-height:1.65}.why{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.why-grid{grid-template-columns:.95fr 1.05fr;gap:105px;display:grid}.why-copy{align-self:center}.text-link{letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid;gap:35px;margin-top:22px;padding-bottom:7px;font-size:11px;font-weight:700;display:inline-flex}.why-board{border-top:1px solid var(--line)}.why-board>div{border-bottom:1px solid var(--line);grid-template-columns:160px 1fr;gap:20px;padding:33px 0;display:grid}.why-board h3{margin:0;font-size:16px}.why-board p{color:#4d6d7d;margin:0;font-size:13px;line-height:1.7}.contact{background:linear-gradient(180deg, #0b8ca30e, transparent 24%), var(--foam);padding-bottom:90px}.contact-card{color:#eff9f2;background:radial-gradient(circle at 80% 30%, #6ee2e547, transparent 38%), var(--deep);grid-template-columns:.78fr 1.22fr;display:grid;position:relative;overflow:hidden}.contact-card:after{content:"";border:1px solid #6ee2e540;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-210px;right:-210px;box-shadow:0 0 0 70px #6ee2e50a,0 0 0 140px #6ee2e506}.contact-copy,.contact-form-wrap{z-index:1;padding:62px;position:relative}.contact-copy{border-right:1px solid #f0ffef26}.contact-copy .section-index{color:var(--signal)}.contact-copy>p{color:#eff9f296}.contact-details{border-top:1px solid #f0ffef29;margin-top:76px;padding-top:25px}.contact-details>span,.form-heading{color:var(--signal);letter-spacing:.14em;font-family:Courier New,monospace;font-size:9px}.contact-details>a{letter-spacing:-.035em;margin:17px 0 13px;font-size:clamp(21px,2.2vw,31px);display:block}.contact-details>p{color:#eff9f27a;margin:0;font-size:11px;line-height:1.7}.contact-form-wrap{background:#04485e57}.form-heading{justify-content:space-between;margin-bottom:38px;display:flex}.form-heading span:last-child{color:#eff9f252}.contact-form{gap:22px;display:grid;position:relative}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-row-three{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-form label{gap:9px;display:grid}.contact-form label>span{color:#eff9f294;letter-spacing:.11em;text-transform:uppercase;font-family:Courier New,monospace;font-size:9px}.contact-form label b,.form-submit b{color:var(--signal);font-weight:400}.contact-form input,.contact-form select,.contact-form textarea{color:#eff9f2;width:100%;font:inherit;background:#eff9f20b;border:1px solid #eff9f22e;border-radius:0;outline:none;transition:border-color .16s,background .16s}.contact-form input,.contact-form select{height:48px;padding:0 14px}.contact-form textarea{resize:vertical;min-height:132px;padding:14px;line-height:1.55}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{background:#eff9f213;border-color:#6ee2e5e0}.contact-form select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.contact-form select option{color:var(--ink);background:#fff}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#eff9f240}.form-consent{cursor:pointer;align-items:flex-start;grid-template-columns:none!important;gap:11px!important;display:flex!important}.form-consent input{width:18px;height:18px;accent-color:var(--signal);flex:none;margin:1px 0 0}.form-consent>span{line-height:1.5;color:#eff9f2ad!important;letter-spacing:0!important;text-transform:none!important;font-family:Arial,Helvetica,sans-serif!important;font-size:11px!important}.security-check{color:var(--ink);background:#edf7f9;border:1px solid #07344b24;padding:22px}.security-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.security-head strong{align-items:center;gap:9px;font-size:13px;display:inline-flex}.security-head strong svg{fill:none;stroke:#e35832;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px;height:19px}.security-head button{color:#5c7180;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;align-items:center;gap:7px;padding:0 0 3px;font-size:10px;font-weight:700;display:inline-flex}.security-head button:disabled{cursor:wait;opacity:.5}.security-check label{max-width:325px}.security-check input{height:48px;color:var(--ink);background:#fff;border-color:#c9dce2}.security-check input:disabled{cursor:wait;opacity:.68}.security-check label>span{line-height:1.5;color:#607684!important;letter-spacing:0!important;text-transform:none!important;font-family:Arial,Helvetica,sans-serif!important;font-size:10px!important}.form-honeypot{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.form-submit{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:34px;padding-top:10px;display:grid}.form-privacy p{color:#eff9f27a;margin:0;font-size:10px;line-height:1.55}.form-privacy strong{color:#eff9f2e0;max-width:620px;margin-top:5px;font-size:10px;line-height:1.55;display:block}.form-submit .button{white-space:nowrap}.form-status{color:var(--signal-soft);margin:-4px 0 0;font-size:11px;line-height:1.5}.form-status[data-tone=error]{color:#ffd6cb}.form-success{background:#eff9f20b;border:1px solid #eff9f22b;flex-direction:column;justify-content:center;align-items:flex-start;min-height:560px;padding:clamp(28px,5vw,64px);display:flex}.success-mark{width:56px;height:56px;color:var(--ink);background:var(--signal);border-radius:50%;place-items:center;margin-bottom:26px;font-size:24px;display:grid}.success-kicker{letter-spacing:.14em;font-family:Courier New,monospace;color:var(--signal)!important;margin:0 0 12px!important;font-size:9px!important}.form-success h3{color:#eff9f2;letter-spacing:-.045em;max-width:620px;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(32px,5vw,58px);line-height:.98}.form-success>p:not(.success-kicker){color:#eff9f2a8;max-width:520px;margin:22px 0 28px;font-size:13px;line-height:1.7}.form-success dl{border-top:1px solid #eff9f224;width:min(100%,620px);margin:0 0 34px}.form-success dl div{border-bottom:1px solid #eff9f224;grid-template-columns:150px 1fr;gap:20px;padding:13px 0;display:grid}.form-success dt{color:#eff9f26b;letter-spacing:.1em;text-transform:uppercase;font-family:Courier New,monospace;font-size:9px}.form-success dd{overflow-wrap:anywhere;color:#eff9f2;margin:0;font-size:12px;font-weight:700}.button-light{color:var(--ink);background:#f2f7f2}.button-light:hover{background:var(--signal-soft)}footer{color:#4d6d7d;border-top:1px solid var(--line);background:#dceff3}.footer-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;min-height:132px;display:grid}.footer-inner>p,.footer-inner>a{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:10px}.footer-inner>a{justify-self:end}.footer-brand .brand-logo{width:125px;height:90px}@media (max-width:1020px){.site-header{grid-template-columns:1fr auto}nav{display:none}.hero-content{grid-template-columns:1fr;gap:58px;padding-top:68px}.operations-panel{justify-self:start;max-width:600px}.hero{min-height:1260px}.situation-grid{grid-template-columns:repeat(2,1fr)}.process,.why-grid{grid-template-columns:1fr;gap:60px}.process-intro{position:static}.contact-copy,.contact-form-wrap{padding:50px}.sea-bridge-content{grid-template-columns:1fr;align-content:end;gap:45px}.sea-bridge-photo{background:linear-gradient(#04151b14 0%,#04151b3d 48%,#04151bf0 100%),url(/assets/ship-hero.webp) 50%/cover no-repeat}}@media (max-width:760px){.shell{width:min(100% - 30px,1180px)}.site-header{height:86px}.brand-logo{width:108px;height:74px}.header-cta{gap:0;font-size:0}.header-cta span{border:1px solid #f6fbf773;place-items:center;width:38px;height:38px;font-size:16px;display:grid}.header-actions{gap:12px}.language-menu summary{font-size:0}.language-menu summary span{font-size:15px;display:inline}.language-popover{width:210px;max-height:70vh;right:-52px;overflow-y:auto}.locale-prompt{grid-template-columns:auto 1fr auto;max-width:calc(100vw - 30px);bottom:15px;left:15px}.locale-prompt a{grid-column:2}.locale-prompt button{grid-area:1/3}.hero{min-height:1200px}.hero-content{min-height:auto;padding-top:58px;padding-bottom:130px}.hero h1{font-size:clamp(47px,13vw,68px)}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-proof{grid-template-columns:1fr 1fr;row-gap:21px;display:grid}.hero-proof div{min-width:0}.hero-proof div:nth-child(2){border-right:0}.operations-panel{max-width:none}.radar-wrap{height:260px}.radar{width:200px;height:200px}.hero-ticker>div{justify-content:flex-start;width:max-content;animation:24s linear infinite ticker}.nav-data{display:none}@keyframes ticker{to{transform:translate(-45%)}}.section{padding-top:80px;padding-bottom:80px}.section-heading{grid-template-columns:1fr;gap:27px;margin-bottom:40px}.section-heading h2,.process-intro h2,.why-copy h2,.contact-copy h2{font-size:clamp(38px,11vw,53px)}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:30px 24px}.service-topline{margin-bottom:35px}.service-card h3{font-size:28px}.service-card>a{margin-top:12px}.sea-bridge,.sea-bridge-content{min-height:670px}.sea-bridge-content{padding-top:70px;padding-bottom:54px}.sea-bridge h2{font-size:48px}.sea-bridge:before{left:7px}.situation-grid{grid-template-columns:1fr}.situation-grid article{min-height:230px}.situation-grid h3{margin-top:28px}.process-list li,.why-board>div,.contact-card{grid-template-columns:1fr}.contact-copy,.contact-form-wrap{padding:42px 26px}.contact-copy{border-bottom:1px solid #f0ffef26;border-right:0}.contact-details{margin-top:42px}.form-row,.form-row-three,.form-submit{grid-template-columns:1fr}.form-submit .button{width:100%}.security-head{flex-direction:column;align-items:flex-start}.footer-inner{grid-template-columns:1fr;align-content:center;gap:23px;min-height:190px}.footer-inner>a{justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.radar-sweep,.hero-ticker>div{animation:none}*,:before,:after{transition-duration:.01ms!important}}

/* Clean static-site additions. The core visual system comes from the approved Vanito design. */
.email-reveal {
  color: #eff9f2;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #6ee2e580;
  letter-spacing: -.035em;
  margin: 17px 0 13px;
  padding: 0 0 5px;
  font-size: clamp(21px, 2.2vw, 31px);
  text-align: left;
}
.email-reveal:hover,
.email-reveal:focus-visible { color: var(--signal); border-color: var(--signal); }
.email-reveal[disabled] { cursor: wait; opacity: .65; }
.form-status { min-height: 18px; }
.required-mark { color: var(--signal); font-style: normal; }
.security-check[data-state="error"] { border-color: #e3583270; }
.security-check[data-state="ready"] { border-color: #0b8ca366; }
.security-head strong { flex-wrap: wrap; }
.contact-form button:focus-visible,
.contact-form input:focus-visible,
.contact-form select:focus-visible,
.contact-form textarea:focus-visible,
.email-reveal:focus-visible,
a:focus-visible,
summary:focus-visible { outline: 3px solid #6ee2e5; outline-offset: 3px; }
.noscript-notice { background: #fff3cd; color: #4b3e0c; padding: 14px 20px; text-align: center; font-size: 14px; }
.error-page { min-height: 100vh; display: grid; place-content: center; justify-items: start; gap: 20px; width: min(680px, 100% - 40px); margin: auto; }
.error-page img { width: 160px; height: auto; mix-blend-mode: multiply; }
.error-page p { color: var(--sea); letter-spacing: .18em; font-family: "Courier New", monospace; }
.error-page h1 { font-size: clamp(38px, 7vw, 72px); letter-spacing: -.05em; line-height: 1; }
.locale-prompt[hidden] { display: none !important; }
.language-popover { max-height: min(78vh, 640px); overflow-y: auto; }
html:lang(zh) body,
html:lang(ja) body,
html:lang(ko) body { font-family: "Noto Sans CJK SC", "Noto Sans CJK JP", "Noto Sans CJK KR", "Microsoft YaHei", "Yu Gothic", "Malgun Gothic", Arial, sans-serif; }
html:lang(zh) .hero h1,
html:lang(ja) .hero h1,
html:lang(ko) .hero h1,
html:lang(zh) .section-heading h2,
html:lang(ja) .section-heading h2,
html:lang(ko) .section-heading h2 { letter-spacing: -.035em; line-height: 1.06; }
@media (max-width: 760px) {
  .contact-details .email-reveal { font-size: 24px; }
}

/* Exclusive maritime partner network */
.partner-network {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 18%, rgba(61, 193, 211, .14), transparent 27%),
    linear-gradient(145deg, #f3fafb 0%, #e4f3f5 52%, #f8fbfa 100%);
  border-top: 1px solid rgba(8, 92, 120, .12);
  border-bottom: 1px solid rgba(8, 92, 120, .12);
}
.partner-network::before,
.partner-network::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(8, 92, 120, .09);
  border-radius: 50%;
  pointer-events: none;
}
.partner-network::before { width: 540px; height: 540px; right: -250px; top: -255px; }
.partner-network::after { width: 340px; height: 340px; right: -150px; top: -155px; }
.partner-network .shell { position: relative; z-index: 1; }
.partner-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .8fr);
  gap: clamp(40px, 8vw, 120px);
  align-items: end;
  margin-bottom: clamp(42px, 6vw, 76px);
}
.partner-intro h2 {
  max-width: 760px;
  margin-top: 16px;
  color: var(--ink);
  font-size: clamp(39px, 5.5vw, 72px);
  line-height: .98;
  letter-spacing: -.055em;
}
.partner-lead { display: grid; gap: 22px; }
.partner-lead p { color: #355d69; font-size: 17px; line-height: 1.7; }
.partner-lead > span {
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--sea);
  font-family: "Courier New", monospace;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.partner-lead i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--signal);
  box-shadow: 0 0 0 5px rgba(110, 226, 229, .18);
  flex: 0 0 auto;
}
.partner-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.partner-card {
  position: relative;
  min-height: 470px;
  display: flex;
  flex-direction: column;
  padding: clamp(28px, 4vw, 48px);
  overflow: hidden;
  background: rgba(255, 255, 255, .86);
  border: 1px solid rgba(8, 92, 120, .16);
  box-shadow: 0 22px 70px rgba(4, 57, 74, .08);
}
.partner-card::after {
  content: "";
  position: absolute;
  width: 190px;
  height: 190px;
  right: -82px;
  bottom: -96px;
  border: 1px solid rgba(8, 92, 120, .12);
  border-radius: 50%;
  box-shadow: 0 0 0 34px rgba(8, 92, 120, .025), 0 0 0 68px rgba(8, 92, 120, .018);
}
.partner-card-top,
.partner-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.partner-card-top { margin-bottom: clamp(34px, 5vw, 64px); }
.partner-role {
  color: var(--sea);
  font-family: "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.partner-visit {
  color: var(--sea);
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(8, 92, 120, .28);
  font-size: 13px;
  font-weight: 700;
  transition: color .2s ease, border-color .2s ease;
}
.partner-visit:hover { color: #0b8ca3; border-color: #0b8ca3; }
.partner-card h3 {
  max-width: 530px;
  margin: 0 0 18px;
  color: var(--ink);
  font-size: clamp(27px, 3vw, 40px);
  line-height: 1;
  letter-spacing: -.045em;
}
.partner-card > p { max-width: 620px; color: #456873; font-size: 16px; line-height: 1.65; }
.partner-card ul { display: grid; gap: 11px; margin: 30px 0 42px; padding: 0; list-style: none; }
.partner-card li { display: grid; grid-template-columns: 20px 1fr; gap: 9px; color: #153f4d; font-size: 14px; line-height: 1.45; }
.partner-card li span { color: #0b8ca3; font-weight: 700; }
.partner-card-foot {
  position: relative;
  z-index: 1;
  margin-top: auto;
  padding-top: 22px;
  border-top: 1px solid rgba(8, 92, 120, .13);
}
.partner-card-foot span {
  color: #56717a;
  font-family: "Courier New", monospace;
  font-size: 10px;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.partner-card-foot strong { color: var(--sea); font-size: 12px; letter-spacing: .16em; }
.partner-card-x { border-top: 4px solid #0a7191; }
.partner-card-pro { border-top: 4px solid var(--signal); }
@media (max-width: 900px) {
  .partner-intro { grid-template-columns: 1fr; gap: 28px; }
  .partner-grid { grid-template-columns: 1fr; }
  .partner-card { min-height: 0; }
}
@media (max-width: 560px) {
  .partner-card-top { align-items: flex-start; flex-direction: column; gap: 14px; }
  .partner-card-foot { align-items: flex-start; flex-direction: column; }
}


/* VANITO V2.2 MARITIME IT — partner header, section navigation and radar acquisition */
.hero-photo {
  filter: saturate(1.06) contrast(1.02) brightness(1.03);
  background:
    linear-gradient(90deg, rgba(3, 35, 52, .91) 0%, rgba(4, 54, 75, .78) 34%, rgba(4, 63, 84, .34) 62%, rgba(2, 26, 39, .48) 100%),
    linear-gradient(180deg, rgba(7, 91, 120, .08), rgba(2, 39, 55, .42)),
    url(/assets/maritime-it-background.webp) center / cover no-repeat;
}
.sea-bridge-photo {
  filter: saturate(1.05) contrast(1.02) brightness(.92);
  background:
    linear-gradient(90deg, rgba(4, 62, 82, .14) 0%, rgba(4, 73, 95, .28) 44%, rgba(3, 50, 70, .84) 79%, #073b52 100%),
    linear-gradient(180deg, rgba(5, 88, 113, .08), rgba(2, 36, 52, .5)),
    url(/assets/maritime-it-background.webp) center / cover no-repeat;
}
.site-header { grid-template-columns: auto minmax(0, 1fr) auto; gap: clamp(14px, 2vw, 30px); }
.brand-network { display: flex; align-items: center; min-width: 0; }
.brand-network .brand-logo { width: 116px; height: 84px; }
.header-partners { display: flex; align-items: center; gap: 11px; min-width: 0; margin-left: 14px; padding-left: 14px; border-left: 1px solid rgba(7, 52, 75, .17); }
.header-partners-label { max-width: 58px; color: rgba(7, 52, 75, .58); font-family: "Courier New", monospace; font-size: 8px; font-weight: 700; line-height: 1.25; letter-spacing: .09em; text-transform: uppercase; }
.header-partners-logos { display: flex; align-items: center; gap: 11px; }
.header-partner-logo { display: grid; place-items: center; min-height: 42px; opacity: .88; transition: opacity .18s ease, transform .18s ease; }
.header-partner-logo:hover { opacity: 1; transform: translateY(-1px); }
.header-partner-x img { width: 88px; height: 30px; object-fit: contain; }
.header-partner-pro img { width: 38px; height: 38px; object-fit: contain; }
nav { justify-content: center; gap: clamp(14px, 1.65vw, 25px); font-size: 10px; }
.module-list .module-link { border-bottom: 1px solid #beeee31f; grid-template-columns: 1fr auto; align-items: center; min-height: 55px; padding: 0 20px; font-size: 11px; display: grid; transition: background .18s ease; }
.module-list .module-link:hover { background: rgba(110, 226, 229, .09); }
.service-area { display: flex; align-items: center; gap: 9px; margin-top: -7px !important; color: var(--deep) !important; font-family: "Courier New", monospace; font-size: 11px !important; font-weight: 700; line-height: 1.45 !important; letter-spacing: .04em; text-transform: uppercase; }
.service-area span { flex: 0 0 auto; color: var(--sea); font-size: 13px; }
.contact { padding-bottom: 70px; }
.contact-card { grid-template-columns: .84fr 1.16fr; }
.contact-copy, .contact-form-wrap { padding: 44px 46px; }
.contact-copy h2 { font-size: clamp(38px, 4.2vw, 56px); }
.contact-copy > p { font-size: 14px; line-height: 1.65; }
.contact-details { margin-top: 42px; padding-top: 20px; }
.form-heading { margin-bottom: 22px; }
.contact-form { gap: 14px; }
.form-row { gap: 14px; }
.contact-form label { gap: 6px; }
.contact-form input, .contact-form select { height: 43px; }
.contact-form textarea { min-height: 94px; padding: 11px 14px; }
.security-check { padding: 15px 17px; }
.security-head { margin-bottom: 11px; }
.security-check input { height: 42px; }
.form-submit { gap: 20px; padding-top: 3px; }
.form-success { min-height: 470px; }
.section-actions-band { background: linear-gradient(90deg, #edf9fb, #dff3f6); border-top: 1px solid rgba(7, 52, 75, .1); border-bottom: 1px solid rgba(7, 52, 75, .1); }
.section-actions-band.is-deep { background: #064e68; border-color: rgba(231, 255, 251, .16); }
.section-actions { display: flex; justify-content: flex-end; align-items: center; gap: 12px; min-height: 84px; }
.section-jump { display: inline-flex; justify-content: center; align-items: center; gap: 15px; min-height: 44px; padding: 0 18px; border: 1px solid rgba(7, 52, 75, .24); color: var(--ink); font-size: 11px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; transition: transform .18s ease, background .18s ease, border-color .18s ease; }
.section-jump:hover { transform: translateY(-2px); border-color: var(--sea); }
.section-jump-primary { color: #fff; background: var(--sea); border-color: var(--sea); }
.section-jump-primary:hover { background: #08788d; }
.is-deep .section-jump { color: #f1fbf6; border-color: rgba(241, 251, 246, .34); }
.is-deep .section-jump-primary { color: var(--ink); background: var(--signal); border-color: var(--signal); }
.radar-point { animation: radar-detect 7s linear infinite; }
.point-one { animation-delay: -6.35s; }
.point-three { animation-delay: -4.45s; }
.point-two { animation-delay: -2.15s; }
.point-four { animation-delay: -1s; }
@keyframes radar-detect {
  0%, 1% { transform: scale(1); background: var(--signal); box-shadow: 0 0 10px var(--signal); }
  3% { transform: scale(2.15); background: #fff; box-shadow: 0 0 6px #fff, 0 0 24px var(--signal), 0 0 0 9px rgba(110, 226, 229, .18); }
  6% { transform: scale(1); background: var(--signal); box-shadow: 0 0 10px var(--signal); }
  7%, 100% { transform: scale(.78); background: rgba(110, 226, 229, .62); box-shadow: 0 0 5px rgba(110, 226, 229, .72); }
}
@media (max-width: 1020px) {
  .site-header { grid-template-columns: minmax(0, 1fr) auto; }
  .header-partners-label { display: none; }
  .header-partners { margin-left: 11px; padding-left: 11px; }
}

/* V2.6 — partner status remains explicit in the compact header */
.header-partners-label {
  display: block;
  max-width: 66px;
  color: rgba(7, 52, 75, .62);
  font-size: 7px;
  line-height: 1.2;
  letter-spacing: .08em;
}
@media (max-width: 1020px) and (min-width: 761px) {
  .header-partners-label { display: block; max-width: 62px; font-size: 6px; }
}
@media (max-width: 760px) {
  .site-header { grid-template-rows: 54px 34px; }
  .header-partners {
    justify-content: flex-start;
    gap: 9px;
    margin-inline: -10px;
    padding: 4px 10px;
    background: linear-gradient(90deg, rgba(110, 226, 229, .13), rgba(110, 226, 229, .035));
    border-top: 1px solid rgba(7, 52, 75, .11);
  }
  .header-partners-label {
    display: block;
    max-width: none;
    margin-right: auto;
    font-size: 6px;
    line-height: 1.15;
    letter-spacing: .1em;
    white-space: nowrap;
  }
  .header-partners-logos { gap: 12px; }
  .header-partner-x img { width: 58px; height: 19px; }
  .header-partner-pro img { width: 23px; height: 23px; }
}
@media (max-width: 380px) {
  .header-partners { margin-inline: -7px; padding-inline: 7px; }
  .header-partners-label { font-size: 5.5px; }
  .header-partner-x img { width: 52px; }
  .header-partners-logos { gap: 9px; }
}

/* V2.6 — richer but compact robotics overview on the home page */
.service-card-robots-v26 h3 { max-width: calc(100% - 105px); }
.robot-home-directions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 3px 0 24px; background: rgba(215, 255, 251, .15); border: 1px solid rgba(215, 255, 251, .16); position: relative; z-index: 2; }
.robot-home-directions article { padding: 13px 12px; background: rgba(3, 70, 94, .38); }
.robot-home-directions h4 { margin: 0 0 6px; color: #f4d35e; font-size: 11px; font-weight: 700; line-height: 1.25; }
.robot-home-directions p { margin: 0; color: rgba(241, 255, 253, .72); font-size: 10px; line-height: 1.5; }
.robot-home-actions { display: grid; gap: 8px; margin-top: auto; position: relative; z-index: 2; }
.robot-home-actions a { display: flex; justify-content: space-between; align-items: center; min-height: 44px; padding: 10px 12px; border: 1px solid rgba(221, 255, 251, .28); font-size: 9px; font-weight: 800; line-height: 1.35; letter-spacing: .07em; text-transform: uppercase; }
.robot-home-actions a:first-child { color: #07344b; background: #f4d35e; border-color: #f4d35e; }
.robot-home-actions a:last-child { color: #f5ffff; background: rgba(255, 255, 255, .05); }
.robot-home-actions a:hover { transform: translateY(-1px); }
.footer-inner { grid-template-columns: auto minmax(0, 1fr) auto auto; }
.footer-robots-link { color: #075d72; font-weight: 800; }
@media (max-width: 760px) {
  .service-card-robots-v26 h3 { max-width: calc(100% - 70px); }
  .robot-home-directions { grid-template-columns: 1fr; }
  .robot-home-directions article { padding: 13px 11px; }
  .robot-home-directions h4 { font-size: 12px; }
  .robot-home-directions p { font-size: 11px; }
  .robot-home-actions a { min-height: 46px; font-size: 9px; }
  .footer-inner { grid-template-columns: 1fr; }
  .footer-inner > a, .footer-inner > p { justify-self: center; }
  .mobile-nav-popover, .language-popover { top: 100px; max-height: calc(100vh - 114px); }
}
@media (max-width: 760px) {
  .site-header { height: 86px; gap: 8px; padding-inline: 12px; }
  .brand-network .brand-logo { width: 78px; height: 62px; }
  .header-partners { gap: 7px; margin-left: 8px; padding-left: 8px; }
  .header-partners-logos { gap: 7px; }
  .header-partner-x img { width: 60px; height: 23px; }
  .header-partner-pro img { width: 29px; height: 29px; }
  .section-actions { justify-content: stretch; min-height: 102px; }
  .section-jump { flex: 1 1 0; padding-inline: 12px; text-align: center; }
  .contact-copy, .contact-form-wrap { padding: 34px 24px; }
  .contact-details { margin-top: 30px; }
  .hero-photo { background-position: 47% center; }
  .sea-bridge-photo { background-position: 47% center; }
}
@media (max-width: 430px) {
  .header-partner-x img { width: 52px; }
  .header-partner-pro img { width: 26px; height: 26px; }
  .section-actions { align-items: stretch; flex-direction: column; justify-content: center; gap: 9px; padding-block: 14px; }
  .section-jump { flex: 0 0 auto; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .radar-point { animation: none !important; }
}


/* VANITO V2.3 REFINEMENTS — precise partner anchors and a lighter contact form */
.partner-card { scroll-margin-top: 128px; }
.partner-card:target { border-color: rgba(11, 140, 163, .62); box-shadow: 0 20px 68px rgba(4, 74, 94, .18), 0 0 0 3px rgba(110, 226, 229, .3); }
.header-partner-logo { border-radius: 3px; }
.header-partner-logo:focus-visible { outline: 2px solid var(--sea); outline-offset: 4px; }
.hero { background: #08718c; }
.hero-photo {
  background:
    linear-gradient(90deg, rgba(3, 47, 64, .84) 0%, rgba(4, 72, 91, .69) 34%, rgba(7, 105, 124, .25) 62%, rgba(3, 45, 59, .34) 100%),
    linear-gradient(180deg, rgba(28, 148, 166, .04), rgba(3, 61, 78, .3)),
    url(/assets/maritime-it-background.webp) center / cover no-repeat;
}
.operations-panel { background: linear-gradient(180deg, rgba(6, 116, 142, .84), rgba(4, 83, 111, .91)); border-color: rgba(169, 249, 247, .52); box-shadow: 0 28px 76px rgba(2, 52, 67, .25); }
.panel-head { background: rgba(103, 225, 224, .07); }
.radar { background-color: rgba(17, 145, 164, .3); border-color: rgba(121, 241, 238, .72); }
.radar-target-table { border-top: 1px solid rgba(208, 255, 248, .26); }
.target-table-head, .target-row { display: grid; grid-template-columns: minmax(92px, 1.25fr) 44px 58px 56px 65px; align-items: center; gap: 6px; padding-inline: 15px; font-family: "Courier New", monospace; }
.target-table-head { min-height: 28px; color: rgba(226, 255, 251, .58); background: rgba(110, 226, 229, .08); font-size: 7px; font-weight: 700; letter-spacing: .11em; }
.target-row { min-height: 52px; color: rgba(241, 255, 252, .86); border-bottom: 1px solid rgba(211, 255, 248, .16); font-size: 9px; transition: background .15s ease; animation: radar-row-detect 7s linear infinite; }
.target-row:hover { background: rgba(110, 226, 229, .12); }
.target-id { display: flex; align-items: center; gap: 7px; min-width: 0; }
.target-id b { display: grid; place-items: center; flex: 0 0 auto; width: 24px; height: 24px; color: #063b51; background: var(--signal); border-radius: 50%; font-size: 8px; }
.target-id small { overflow: hidden; color: #f1fffc; font-size: 9px; font-weight: 700; letter-spacing: .04em; text-overflow: ellipsis; white-space: nowrap; }
.target-row em { color: var(--signal); font-size: 7px; font-weight: 700; font-style: normal; letter-spacing: .08em; text-align: right; }
.target-one { animation-delay: -6.35s; }
.target-three { animation-delay: -4.45s; }
.target-two { animation-delay: -2.15s; }
.target-four { animation-delay: -1s; }
@keyframes radar-row-detect {
  0%, 1% { background: transparent; box-shadow: none; }
  3% { color: #fff; background: rgba(121, 241, 238, .24); box-shadow: inset 3px 0 0 var(--signal), inset 0 0 22px rgba(121, 241, 238, .12); }
  6% { background: rgba(121, 241, 238, .08); box-shadow: inset 1px 0 0 rgba(121, 241, 238, .4); }
  7%, 100% { background: transparent; box-shadow: none; }
}
.panel-foot { background: rgba(110, 226, 229, .055); }
.sea-bridge, .situations { background: #087089; }
.section-actions-band.is-deep { background: #07627d; }
.contact.section { padding-top: 72px; padding-bottom: 56px; }
.contact-card { grid-template-columns: .72fr 1.28fr; width: min(1030px, 100%); margin-inline: auto; background: radial-gradient(circle at 82% 24%, rgba(110, 226, 229, .24), transparent 35%), linear-gradient(145deg, #08708a, #07566f); border: 1px solid rgba(110, 226, 229, .28); box-shadow: 0 22px 70px rgba(3, 51, 69, .14); }
.contact-card::after { width: 280px; height: 280px; right: -150px; bottom: -160px; box-shadow: 0 0 0 50px rgba(110, 226, 229, .07), 0 0 0 100px rgba(110, 226, 229, .035); }
.contact-copy, .contact-form-wrap { padding: 30px 32px; }
.contact-copy .section-index { margin-bottom: 14px; }
.contact-copy h2 { max-width: 390px; font-size: clamp(30px, 3.4vw, 44px); line-height: 1.02; }
.contact-copy > p { max-width: 390px; margin-top: 17px; font-size: 13px; line-height: 1.6; }
.contact-details { margin-top: 26px; padding-top: 16px; }
.email-reveal { margin: 10px 0 8px; padding-bottom: 3px; font-size: clamp(17px, 1.8vw, 23px); }
.contact-details > p { font-size: 10px; line-height: 1.55; }
.form-heading { margin-bottom: 14px; }
.contact-form { gap: 10px; }
.form-row { gap: 10px; }
.contact-form label { gap: 5px; }
.contact-form label > span { font-size: 8px; }
.contact-form input, .contact-form select { height: 39px; padding-inline: 11px; font-size: 13px; }
.contact-form textarea { min-height: 70px; height: 70px; padding: 9px 11px; font-size: 13px; line-height: 1.4; }
.form-consent { gap: 8px !important; }
.form-consent input { width: 16px; height: 16px; }
.form-consent > span { font-size: 10px !important; line-height: 1.4; }
.security-check { display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, 220px); align-items: end; gap: 12px; padding: 10px 12px; }
.security-head { align-items: flex-start; flex-direction: column; gap: 5px; margin-bottom: 0; }
.security-head strong { font-size: 12px; }
.security-head strong svg { width: 17px; height: 17px; }
.security-head button { gap: 5px; font-size: 9px; }
.security-check label { max-width: none; gap: 3px; }
.security-check input { height: 38px; }
.security-check label > span { font-size: 9px !important; }
.form-submit { align-items: center; gap: 14px; padding-top: 0; }
.form-privacy p, .form-privacy strong { font-size: 9px; line-height: 1.4; }
.form-submit .button { min-height: 42px; padding-inline: 18px; font-size: 10px; }
.form-success { min-height: 410px; }
@media (max-width: 760px) {
  .contact.section { padding-top: 56px; padding-bottom: 44px; }
  .contact-copy, .contact-form-wrap { padding: 26px 22px; }
  .contact-copy h2 { font-size: clamp(30px, 9vw, 40px); }
  .contact-details { margin-top: 22px; }
  .security-check { grid-template-columns: 1fr; align-items: stretch; gap: 9px; }
  .form-submit { gap: 10px; }
  .target-table-head, .target-row { grid-template-columns: minmax(86px, 1.15fr) 40px 52px 50px 57px; gap: 4px; padding-inline: 10px; }
  .target-row { min-height: 49px; font-size: 8px; }
  .target-id { gap: 5px; }
  .target-id b { width: 22px; height: 22px; }
  .target-id small { font-size: 8px; }
  .target-row em { font-size: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .partner-card:target { transition: none; }
  .target-row { animation: none !important; }
}


/* VANITO V2.3 ARPA GRID */
.target-table-head, .target-row { grid-template-columns: minmax(78px, 1.22fr) 34px 34px 34px 34px 34px 36px; gap: 5px; padding-inline: 12px; }
.target-table-head { font-size: 6px; }
.target-row { font-size: 8px; }
.target-row em { font-size: 7px; }
@media (max-width: 430px) {
  .target-table-head, .target-row { grid-template-columns: minmax(70px, 1.18fr) 31px 31px 31px 31px 31px 33px; gap: 3px; padding-inline: 8px; }
  .target-table-head { font-size: 5px; }
  .target-row { font-size: 7px; }
  .target-id small { font-size: 7px; }
  .target-row em { font-size: 6px; }
}


/* VANITO V2.4 MOBILE-FIRST */
.mobile-nav { display: none; position: relative; }
.mobile-nav summary { cursor: pointer; list-style: none; }
.mobile-nav summary::-webkit-details-marker { display: none; }
.mobile-nav-popover { display: none; }
@media (max-width: 1020px) {
  .mobile-nav { display: block; }
  .mobile-nav summary { display: grid; place-items: center; width: 38px; height: 38px; color: var(--ink); border: 1px solid rgba(7, 52, 75, .18); background: rgba(255, 255, 255, .55); font-size: 19px; }
  .mobile-nav[open] summary { color: #fff; background: var(--sea); border-color: var(--sea); }
  .mobile-nav-popover { position: absolute; z-index: 30; top: calc(100% + 17px); right: 0; width: 270px; padding: 8px; color: var(--ink); background: rgba(247, 253, 254, .99); border: 1px solid rgba(7, 52, 75, .18); box-shadow: 0 20px 50px rgba(2, 47, 63, .24); }
  .mobile-nav[open] .mobile-nav-popover { display: grid; }
  .mobile-nav-popover a { padding: 12px 13px; color: rgba(7, 52, 75, .84); border-bottom: 1px solid rgba(7, 52, 75, .08); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
  .mobile-nav-popover a:last-child { border-bottom: 0; }
  .mobile-nav-popover a:hover { color: var(--sea); background: rgba(11, 140, 163, .08); }
}
@media (max-width: 760px) {
  html { scroll-padding-top: 122px; }
  .shell { width: min(100% - 24px, 1180px); }
  .site-header { grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 68px 40px; gap: 0 10px; width: calc(100% - 20px); height: auto; margin-top: 10px; padding: 0 12px; }
  .brand-network { display: contents; }
  .brand { grid-column: 1; grid-row: 1; align-self: center; }
  .brand-network .brand-logo { width: 92px; height: 64px; }
  .header-actions { grid-column: 2; grid-row: 1; align-self: center; gap: 7px; }
  .header-partners { grid-column: 1 / -1; grid-row: 2; justify-content: center; align-self: stretch; gap: 10px; margin: 0; padding: 5px 0; border-top: 1px solid rgba(7, 52, 75, .1); border-left: 0; }
  .header-partners-label { display: none; }
  .header-partners-logos { gap: 16px; }
  .header-partner-x img { width: 76px; height: 25px; }
  .header-partner-pro img { width: 28px; height: 28px; }
  .mobile-nav-popover, .language-popover { position: fixed; top: 82px; right: 12px; left: 12px; width: auto; max-height: calc(100vh - 104px); overflow-y: auto; }
  .language-popover { padding: 8px; }
  .hero { min-height: 0; padding-bottom: 54px; }
  .hero::after { bottom: 53px; }
  .hero-content { grid-template-columns: 1fr; gap: 36px; min-height: 0; padding: 44px 0 82px; }
  .hero-copy { min-width: 0; }
  .status-line { gap: 8px; margin-bottom: 18px; font-size: 9px; line-height: 1.45; }
  .hero h1 { max-width: 100%; font-size: clamp(39px, 11.5vw, 52px); line-height: .98; letter-spacing: -.048em; overflow-wrap: anywhere; }
  .hero-lead { margin-top: 22px; font-size: 15px; line-height: 1.58; }
  .hero-actions { gap: 10px; margin-top: 28px; }
  .hero-actions .button { min-height: 48px; padding-inline: 18px; }
  .hero-proof { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 34px; padding-top: 18px; }
  .hero-proof div { min-width: 0; margin: 0; padding: 0 10px; border-right: 1px solid rgba(246, 251, 247, .13) !important; }
  .hero-proof div:first-child { padding-left: 0; }
  .hero-proof div:last-child { padding-right: 0; border-right: 0 !important; }
  .hero-proof strong { font-size: 12px; }
  .hero-proof span { font-size: 8px; letter-spacing: .05em; }
  .operations-panel { justify-self: stretch; max-width: 100%; box-shadow: 0 22px 54px rgba(2, 45, 59, .22); }
  .panel-head { padding: 14px 15px; }
  .radar-wrap { height: 230px; }
  .radar { width: 176px; height: 176px; }
  .radar-label { font-size: 7px; }
  .label-one { top: 54px; right: 18px; }
  .label-two { top: 145px; left: 18px; }
  .label-three { right: 15px; bottom: 42px; }
  .label-four { top: 62px; left: 16px; }
  .target-table-head span:nth-child(4), .target-table-head span:nth-child(5), .target-row > span:nth-child(4), .target-row > span:nth-child(5) { display: none; }
  .target-table-head, .target-row { grid-template-columns: minmax(100px, 1fr) 42px 38px 38px 38px; gap: 4px; padding-inline: 10px; }
  .target-table-head { font-size: 6px; }
  .target-row { min-height: 48px; font-size: 8px; }
  .target-id small { font-size: 8px; }
  .panel-foot { flex-wrap: wrap; gap: 8px 16px; padding: 13px 15px; line-height: 1.4; }
  .hero-ticker { min-height: 54px; }
  .section { padding-top: 62px; padding-bottom: 62px; }
  .section-heading { gap: 20px; margin-bottom: 30px; }
  .section-heading h2, .process-intro h2, .why-copy h2, .contact-copy h2 { font-size: clamp(33px, 9.6vw, 42px); line-height: 1.04; }
  .section-heading > p, .process-intro p, .why-copy > p, .contact-copy > p { font-size: 14px; line-height: 1.62; }
  .service-card { padding: 26px 21px; }
  .service-topline { margin-bottom: 25px; }
  .service-card h3 { font-size: 25px; line-height: 1.14; }
  .service-card > p { margin: 17px 0 20px; font-size: 14px; }
  .service-card ul { gap: 10px; margin-bottom: 28px; }
  .service-card li { font-size: 13px; }
  .partner-intro { gap: 22px; margin-bottom: 34px; }
  .partner-intro h2 { font-size: clamp(34px, 10vw, 44px); line-height: 1.02; }
  .partner-lead p { font-size: 14px; line-height: 1.62; }
  .partner-lead > span { align-items: flex-start; font-size: 9px; line-height: 1.45; }
  .partner-grid { gap: 15px; }
  .partner-card { padding: 24px 21px; }
  .partner-card-top { margin-bottom: 28px; }
  .partner-card h3 { font-size: 27px; }
  .partner-card > p { font-size: 14px; }
  .partner-card ul { gap: 9px; margin: 22px 0 28px; }
  .partner-card li { font-size: 13px; }
  .sea-bridge, .sea-bridge-content { min-height: 520px; }
  .sea-bridge-content { gap: 32px; padding-top: 58px; padding-bottom: 45px; }
  .sea-bridge h2 { font-size: clamp(37px, 10.5vw, 48px); }
  .sea-bridge-list span { padding: 13px 0; font-size: 9px; }
  .situation-grid article { min-height: 0; padding: 25px 21px; }
  .situation-grid h3 { margin: 22px 0 12px; font-size: 21px; }
  .process { gap: 36px; }
  .process-list li { grid-template-columns: 1fr; gap: 8px; padding: 22px 0; }
  .process-list p { font-size: 13px; }
  .why-grid { gap: 40px; }
  .why-board > div { gap: 8px; padding: 23px 0; }
  .section-actions { flex-direction: column; align-items: stretch; justify-content: center; gap: 8px; min-height: 0; padding: 14px 0; }
  .section-jump { flex: 0 0 auto; width: 100%; min-height: 43px; padding-inline: 14px; font-size: 10px; line-height: 1.3; text-align: center; }
  .contact.section { padding-top: 52px; padding-bottom: 40px; }
  .contact-copy, .contact-form-wrap { padding: 24px 20px; }
  .contact-copy h2 { font-size: clamp(31px, 9vw, 39px); }
  .contact-form { gap: 9px; }
  .contact-form input, .contact-form select { height: 42px; }
  .contact-form textarea { height: 76px; min-height: 76px; }
  .form-submit { grid-template-columns: 1fr; align-items: stretch; }
  .form-submit .button { width: 100%; }
  .footer-inner { justify-items: center; gap: 17px; min-height: 170px; padding-block: 24px; text-align: center; }
  .footer-inner > a { justify-self: center; }
  .footer-brand .brand-logo { width: 100px; height: 68px; }
}
@media (max-width: 380px) {
  .site-header { width: calc(100% - 14px); padding-inline: 9px; }
  .brand-network .brand-logo { width: 82px; }
  .header-actions { gap: 5px; }
  .mobile-nav summary { width: 35px; height: 35px; }
  .header-cta span { width: 35px; height: 35px; }
  .hero h1 { font-size: 38px; }
  .hero-proof strong { font-size: 11px; }
  .hero-proof span { font-size: 7px; }
  .target-table-head, .target-row { grid-template-columns: minmax(92px, 1fr) 38px 34px 34px 34px; gap: 2px; padding-inline: 7px; }
}


/* VANITO V2.5 INDUSTRIAL ROBOTICS — compact header and highlighted new business line */
html { scroll-padding-top: 94px; }
.site-header {
  height: 78px;
  gap: clamp(10px, 1.25vw, 18px);
  margin-top: 10px;
  padding-inline: 16px;
}
.brand-network .brand-logo { width: 86px; height: 62px; }
.header-partners { gap: 8px; margin-left: 10px; padding-left: 10px; }
.header-partners-label { display: none; }
.header-partners-logos { gap: 8px; }
.header-partner-logo { min-height: 32px; }
.header-partner-x img { width: 65px; height: 23px; }
.header-partner-pro img { width: 29px; height: 29px; }
nav { gap: clamp(8px, 1vw, 15px); font-size: 8px; }
.header-actions { gap: 12px; }
.header-cta { min-height: 38px; padding-inline: 13px; font-size: 9px; }
.language-menu summary { font-size: 9px; }
.nav-robots {
  color: #086b80;
  background: linear-gradient(180deg, rgba(110, 226, 229, .08), rgba(110, 226, 229, .25));
  border: 1px solid rgba(8, 121, 143, .24);
  padding: 8px 9px;
  font-weight: 800;
}
.robotics-hero-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  width: min(100%, 540px);
  margin-top: 24px;
  padding: 15px 17px;
  color: #f6ffff;
  background: linear-gradient(110deg, rgba(7, 130, 153, .86), rgba(11, 178, 184, .46));
  border: 1px solid rgba(174, 255, 247, .62);
  box-shadow: inset 3px 0 0 #f4d35e, 0 14px 36px rgba(1, 42, 58, .2);
  transition: transform .18s ease, background .18s ease;
}
.robotics-hero-link:hover { transform: translateY(-2px); background: linear-gradient(110deg, rgba(9, 152, 172, .94), rgba(20, 199, 199, .58)); }
.robotics-hero-link span { display: grid; gap: 5px; }
.robotics-hero-link small { color: #f4d35e; font-family: "Courier New", monospace; font-size: 8px; font-weight: 800; letter-spacing: .16em; }
.robotics-hero-link strong { font-size: 17px; font-weight: 600; letter-spacing: -.01em; }
.robotics-hero-link b { display: grid; place-items: center; flex: 0 0 auto; width: 34px; height: 34px; color: #07344b; background: #f4d35e; font-size: 15px; }
.ticker-robots > span { color: #f4d35e; font-weight: 800; }
.service-card-robots {
  color: #f5ffff;
  background:
    radial-gradient(circle at 88% 13%, rgba(244, 211, 94, .28), transparent 24%),
    repeating-linear-gradient(90deg, transparent 0 45px, rgba(159, 248, 241, .055) 46px 47px),
    repeating-linear-gradient(0deg, transparent 0 45px, rgba(159, 248, 241, .055) 46px 47px),
    linear-gradient(145deg, #086e88, #064c69);
  border-color: rgba(127, 229, 229, .25);
  box-shadow: inset 0 0 0 1px rgba(110, 226, 229, .16);
}
.service-card-robots:hover { background: radial-gradient(circle at 88% 13%, rgba(244, 211, 94, .32), transparent 26%), linear-gradient(145deg, #087b92, #075570); }
.service-card-robots .service-topline { color: #bdf9f1; justify-content: space-between; position: relative; z-index: 2; }
.service-card-robots .service-topline strong { color: #f4d35e; font-size: 8px; letter-spacing: .13em; }
.service-card-robots h3 { max-width: 72%; color: #fff; position: relative; z-index: 2; }
.service-card-robots > p { color: rgba(239, 255, 253, .76); position: relative; z-index: 2; }
.service-card-robots li { color: rgba(246, 255, 254, .92); position: relative; z-index: 2; }
.service-card-robots li span { color: #f4d35e; }
.service-card-robots > a { color: #fff; border-color: rgba(220, 255, 251, .28); position: relative; z-index: 2; }
.service-card-robots > a span { color: #f4d35e; }
.robotics-mark {
  position: absolute;
  top: 77px;
  right: 28px;
  width: 118px;
  height: 118px;
  color: rgba(189, 249, 241, .78);
  border: 1px solid rgba(189, 249, 241, .22);
  border-radius: 50%;
  display: grid;
  place-items: center;
  box-shadow: 0 0 0 13px rgba(189, 249, 241, .035), 0 0 0 26px rgba(189, 249, 241, .018);
}
.robotics-mark svg { width: 78px; height: 78px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.4; }
.service-grid .service-card:last-child { grid-column: 1 / -1; min-height: 430px; }
.point-five { top: 48%; left: 78%; animation-delay: -3.2s; }
.target-five { animation-delay: -3.2s; }
.label-five { bottom: 22px; left: 42%; color: #f4d35e; }
.target-five .target-id b { background: #f4d35e; }
.target-five .target-id small, .target-five em { color: #f4d35e; }

@media (max-width: 1180px) and (min-width: 1021px) {
  .site-header { padding-inline: 12px; }
  .brand-network .brand-logo { width: 76px; }
  .header-partner-x img { width: 55px; }
  .header-partner-pro img { width: 26px; height: 26px; }
  nav { gap: 7px; font-size: 7px; }
  .nav-robots { padding-inline: 6px; }
  .header-cta { padding-inline: 9px; }
}

@media (max-width: 1020px) {
  .mobile-nav-popover .nav-robots { color: #075d72; background: rgba(110, 226, 229, .2); border: 0; border-left: 3px solid #f4d35e; }
}

@media (max-width: 760px) {
  html { scroll-padding-top: 96px; }
  .site-header {
    grid-template-rows: 54px 29px;
    width: calc(100% - 16px);
    margin-top: 8px;
    padding-inline: 10px;
  }
  .brand-network .brand-logo { width: 70px; height: 50px; }
  .header-actions { gap: 5px; }
  .mobile-nav summary { width: 34px; height: 34px; }
  .header-cta span { width: 34px; height: 34px; }
  .header-partners { gap: 6px; padding-block: 2px; }
  .header-partners-logos { gap: 13px; }
  .header-partner-x img { width: 61px; height: 20px; }
  .header-partner-pro img { width: 23px; height: 23px; }
  .mobile-nav-popover, .language-popover { top: 68px; max-height: calc(100vh - 82px); }
  .hero-content { padding-top: 34px; }
  .robotics-hero-link { margin-top: 19px; padding: 13px 14px; }
  .robotics-hero-link strong { font-size: 15px; line-height: 1.25; }
  .robotics-hero-link b { width: 30px; height: 30px; }
  .service-grid .service-card:last-child { grid-column: auto; min-height: 0; }
  .robotics-mark { top: 61px; right: 16px; width: 86px; height: 86px; }
  .robotics-mark svg { width: 58px; height: 58px; }
  .service-card-robots h3 { max-width: calc(100% - 70px); }
  .label-five { bottom: 18px; left: 39%; }
}

@media (max-width: 380px) {
  .site-header { width: calc(100% - 12px); padding-inline: 7px; }
  .brand-network .brand-logo { width: 62px; }
  .header-partner-x img { width: 55px; }
  .robotics-hero-link small { font-size: 7px; }
  .robotics-hero-link strong { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .robotics-hero-link { transition: none; }
}

/* V2.6 — robotics link integrated into the primary navigation */
nav .nav-robots {
  position: relative;
  padding: 0;
  color: #075d72;
  background: transparent;
  border: 0;
  font-weight: 800;
}
nav .nav-robots::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  width: 4px;
  height: 4px;
  background: #e5b934;
  border-radius: 50%;
  transform: translateY(-50%);
}
nav .nav-robots::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -9px;
  left: 0;
  height: 1px;
  background: rgba(7, 93, 114, .45);
}
@media (max-width: 1020px) {
  .mobile-nav-popover .nav-robots {
    padding: 12px 13px;
    color: #075d72;
    background: rgba(110, 226, 229, .13);
    border-left: 3px solid #e5b934;
  }
  .mobile-nav-popover .nav-robots::before,
  .mobile-nav-popover .nav-robots::after { display: none; }
}

/* Final v2.6 header and robotics-card cascade */
.header-partners-label { display: block; max-width: 66px; color: rgba(7, 52, 75, .62); font-size: 7px; line-height: 1.2; letter-spacing: .08em; }
.service-card-robots-v26 h3 { max-width: calc(100% - 105px); }
.footer-inner { grid-template-columns: auto minmax(0, 1fr) auto auto; }
@media (max-width: 1020px) and (min-width: 761px) {
  .header-partners-label { display: block; max-width: 62px; font-size: 6px; }
}
@media (max-width: 760px) {
  .site-header { height: 84px; min-height: 84px; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 50px 30px; column-gap: 8px; row-gap: 0; }
  .brand-network { display: contents; }
  .brand-network > .brand { grid-column: 1; grid-row: 1; }
  .header-actions { grid-column: 2; grid-row: 1; }
  .header-partners { grid-column: 1 / -1; grid-row: 2; align-self: stretch; justify-content: flex-start; gap: 9px; width: auto; margin: 0 -10px; padding: 3px 10px; background: linear-gradient(90deg, rgba(110, 226, 229, .13), rgba(110, 226, 229, .035)); border-top: 1px solid rgba(7, 52, 75, .11); border-left: 0; }
  .header-partners-label { display: block; max-width: none; margin-right: auto; font-size: 7px; line-height: 1.15; letter-spacing: .1em; white-space: nowrap; }
  .header-partners-logos { gap: 12px; }
  .header-partner-x img { width: 58px; height: 19px; }
  .header-partner-pro img { width: 23px; height: 23px; }
  .service-card-robots-v26 h3 { max-width: calc(100% - 70px); }
  .footer-inner { grid-template-columns: 1fr; }
  .footer-inner > a, .footer-inner > p { justify-self: center; }
  .mobile-nav-popover, .language-popover { top: 100px; max-height: calc(100vh - 114px); }
}
@media (max-width: 380px) {
  .header-partners { margin-inline: -7px; padding-inline: 7px; }
  .header-partners-label { font-size: 6px; }
  .header-partner-x img { width: 52px; }
  .header-partners-logos { gap: 9px; }
}

/* v2.7 — reliable first-screen flow and mobile contact visibility */
@media (max-width: 760px) {
  .hero-content { gap: 44px; padding-top: 42px; }
  .hero-copy { display: flex; flex-direction: column; align-items: stretch; min-width: 0; }
  .hero-copy > .status-line,
  .hero-copy > h1,
  .hero-copy > .hero-lead,
  .hero-copy > .robotics-hero-link,
  .hero-copy > .hero-actions,
  .hero-copy > .hero-proof { position: relative; inset: auto; float: none; flex: 0 0 auto; }
  .robotics-hero-link { z-index: 1; width: 100%; max-width: none; margin: 22px 0 0; }
  .hero-actions { z-index: 1; width: 100%; margin-top: 18px; }
  .hero-proof { width: 100%; margin-top: 32px; }
  .contact-card { display: block; overflow: visible; }
  .contact-form-wrap,
  .contact-form { display: grid; visibility: visible; min-width: 0; opacity: 1; }
}

/* v2.8 — the main website contact form comes first and stays visible on mobile */
@media (max-width: 760px) {
  .contact.section { padding-top: 28px; padding-bottom: 36px; }
  .contact-card { display: flex; flex-direction: column; width: 100%; overflow: hidden; }
  .contact-form-wrap { order: 1; display: block; width: 100%; padding: 22px 18px 24px; background: rgba(3, 62, 82, .48); }
  .contact-copy { order: 2; width: 100%; padding: 22px 18px; background: rgba(4, 69, 90, .42); border-top: 1px solid rgba(240, 255, 239, .2); border-right: 0; border-bottom: 0; }
  .form-heading { margin-bottom: 16px; color: #bdf9f1; font-size: 10px; }
  .contact-form { display: grid; width: 100%; gap: 11px; visibility: visible; opacity: 1; }
  .contact-form .form-row { display: grid; grid-template-columns: 1fr; gap: 11px; width: 100%; }
  .contact-form label { display: grid; width: 100%; min-width: 0; gap: 6px; }
  .contact-form label > span { color: rgba(239, 255, 252, .82); font-size: 9px; }
  .contact-form input,
  .contact-form select,
  .contact-form textarea { display: block; width: 100%; min-width: 0; color: #fff; background: rgba(246, 255, 253, .1); border-color: rgba(225, 255, 251, .36); }
  .contact-form input,
  .contact-form select { height: 44px; }
  .contact-form textarea { height: 88px; min-height: 88px; }
  .contact-form select option { color: var(--ink); background: #fff; }
  .form-consent { display: flex !important; width: 100%; }
  .security-check { display: grid; width: 100%; padding: 13px; }
  .form-submit { display: grid; grid-template-columns: 1fr; width: 100%; gap: 12px; }
  .form-submit .button { display: inline-flex; width: 100%; min-height: 48px; }
  .contact-copy .section-index { margin-bottom: 10px; }
  .contact-copy h2 { font-size: 30px; }
  .contact-copy > p { margin-top: 12px; font-size: 13px; }
  .contact-details { margin-top: 18px; padding-top: 14px; }
}

/* v2.9 — prevent the consent checkbox from consuming the whole mobile row */
@media (max-width: 760px) {
  .contact-form .form-consent {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    align-items: start;
    gap: 10px !important;
    width: 100%;
    min-width: 0;
  }
  .contact-form .form-consent input[type="checkbox"] {
    display: block;
    grid-column: 1;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: 2px 0 0;
    padding: 0;
    flex: none;
  }
  .contact-form .form-consent > span {
    grid-column: 2;
    width: auto;
    min-width: 0;
    color: rgba(239, 255, 252, .82) !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    overflow-wrap: anywhere;
  }
  .contact-form .security-check,
  .contact-form .form-privacy,
  .contact-form .form-submit { min-width: 0; overflow-wrap: anywhere; }
}

/* v2.10 — readable arithmetic security challenge on its light panel */
@media (max-width: 760px) {
  .contact-form .security-check { color: var(--ink); background: #edf7f9; }
  .contact-form .security-head strong { color: var(--ink) !important; }
  .contact-form .security-head button { color: #526f7d !important; }
  .contact-form .security-check label > span { color: #526f7d !important; }
  .contact-form .security-check input {
    color: var(--ink) !important;
    background: #fff !important;
    border-color: #bfd5dc !important;
  }
}
