/* XENIEL AUTOMATION V18 / Design B. Preview only.
   Scope: visual styling only; keeps existing text, SEO, real photography, URLs and guarded RFQ. */
body.xp.v18-design-b{
  --v18-navy:#071e37;--v18-navy-2:#0b2b4c;--v18-blue:#168df0;
  --v18-cyan:#49d7f5;--v18-ice:#edf6fc;--v18-line:#dce8f1;
  --xp-width:1260px;--xp-ink:#0b2744;--xp-blue:#1479d7;--xp-accent:#087c9e;
  --xp-paper:#f3f8fc;--xp-line:var(--v18-line);
  background:#fff;color:#102e49;
}
body.xp.v18-design-b .xp-top{background:#051b31;color:#cfe2f3}
body.xp.v18-design-b .xp-top .xp-wrap{padding-block:8px}
body.xp.v18-design-b .xa-header{background:#071e37f9;border-bottom:1px solid #ffffff26;box-shadow:0 15px 35px #05182b22}
body.xp.v18-design-b .xa-header .xa-brand img{filter:brightness(0) invert(1)}
body.xp.v18-design-b .xa-header nav>a:not(.xp-nav-contact){color:#ecf6ff}
body.xp.v18-design-b .xa-header nav>a:not(.xp-nav-contact):hover,
body.xp.v18-design-b .xa-header nav>a[aria-current="page"]{color:#65d8fb}
body.xp.v18-design-b .xa-header .xp-search-link{border-color:#ffffff35;color:#e8f5ff!important}
body.xp.v18-design-b .xa-header .xp-search-link svg{color:#65d8fb}
body.xp.v18-design-b .xa-header .xp-nav-contact{background:#148be7;color:#fff;border:1px solid #57d6ff55;border-radius:7px;box-shadow:0 8px 20px #008dff30}
body.xp.v18-design-b .xa-header .xp-nav-contact:hover{background:#27a8f5}
body.xp.v18-design-b .xa-header .xp-search-link kbd{background:#254765;color:#fff}
body.xp.v18-design-b :is(.xp-btn,.xp-nav-contact,.xv-service-card,.v16-gallery-nav a){transition:transform .18s,box-shadow .2s,background-color .2s,border-color .2s}
body.xp.v18-design-b .xp :is(a,button,input,select,textarea,summary):focus-visible,
body.xp.v18-design-b :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #36d9ff;outline-offset:3px}
body.xp.v18-design-b .xv-hero{background:var(--v18-navy);color:#fff;isolation:isolate}
body.xp.v18-design-b .xv-hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 43% 0%,#144d7b55 0,transparent 48%),linear-gradient(130deg,#031428 0%,#092642 58%,#0a3453 100%)}
body.xp.v18-design-b .xv-hero-photo{width:57%;inset:0 0 64px auto;z-index:-1}
body.xp.v18-design-b .xv-hero-photo img{object-position:50% 40%;filter:saturate(1.06) contrast(1.06)}
body.xp.v18-design-b .xv-hero-photo::after{background:linear-gradient(90deg,#071e37 0%,#071e37bc 24%,#071e3700 76%),linear-gradient(0deg,#071e37d9,transparent 43%)}
body.xp.v18-design-b .xv-hero-inner{min-height:675px;padding-block:78px 80px}
body.xp.v18-design-b .xv-hero-copy{width:60%;max-width:760px}
body.xp.v18-design-b .xv-overline{color:#70dffd;font-size:11px;letter-spacing:.18em}
body.xp.v18-design-b .xv-hero-copy h1{font-size:clamp(35px,3.25vw,55px);line-height:1.28;font-weight:670;letter-spacing:-.04em}
body.xp.v18-design-b .xv-hero-en{display:block;font-size:clamp(53px,5.15vw,79px);line-height:1.04;letter-spacing:-.052em;font-weight:800;margin-bottom:14px}
body.xp.v18-design-b .xv-hero-copy h1 em{font-style:normal;color:#52d7f8}
body.xp.v18-design-b .xv-hero-copy>p{font-size:16px;line-height:1.9;color:#d8eaf6;max-width:600px}
body.xp.v18-design-b .xv-hero .xp-actions{margin-block:30px 22px;gap:12px}
body.xp.v18-design-b .xv-hero .xp-actions a{min-height:54px;border-radius:7px;padding:13px 21px}
body.xp.v18-design-b .xv-button-gold,
body.xp.v18-design-b .v16-hero-grid .xp-btn,
body.xp.v18-design-b .v16-breakdown-actions .xp-btn{background:#33c5fa!important;border-color:#33c5fa!important;color:#062039!important}
body.xp.v18-design-b .xv-button-gold:hover{background:#80e1ff!important;border-color:#80e1ff!important}
body.xp.v18-design-b .xv-button-ghost{border-color:#ffffff80;background:#071b2c55;color:#fff!important}
body.xp.v18-design-b .xv-hero-phone{color:#fff}
body.xp.v18-design-b .v16-urgent-link{border-left:2px solid #41cafa;padding-left:15px;color:#e3f6ff!important;font-size:14px;min-height:32px;align-items:center}
body.xp.v18-design-b .xv-photo-caption{border-left-color:#35d1fa}
body.xp.v18-design-b .xv-hero-foot{background:#04172b;color:#d9e9f6;border-top:1px solid #ffffff22}
body.xp.v18-design-b .xv-services{background:linear-gradient(180deg,#092542 0%,#061c33 100%);color:#fff;padding-block:65px 72px}
body.xp.v18-design-b .xv-services .xp-heading h2{color:#fff;font-size:clamp(30px,3.2vw,47px);font-weight:720;letter-spacing:-.04em}
body.xp.v18-design-b .xv-services .xp-heading p{color:#bcd8eb}
body.xp.v18-design-b .xv-services .xp-eyebrow{color:#56d8fb}
body.xp.v18-design-b .xv-service-cards{gap:20px}
body.xp.v18-design-b .xv-service-card{overflow:hidden;background:#0d304e;color:#fff;border:1px solid #4589aa75;border-radius:11px;box-shadow:0 14px 26px #001b2c44}
body.xp.v18-design-b .xv-service-card:hover{transform:translateY(-6px);border-color:#47d8ff;box-shadow:0 22px 38px #001a33a6}
body.xp.v18-design-b .xv-service-card .xv-card-photo{height:220px;background:#173d58}
body.xp.v18-design-b .xv-service-card .xv-card-photo::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(0deg,#09253bbf,transparent);pointer-events:none}
body.xp.v18-design-b .xv-service-card .xv-card-body{padding:28px 25px 24px}
body.xp.v18-design-b .xv-service-card .xv-card-body h3{color:#fff;font-weight:730;font-size:27px;margin:0 0 10px}
body.xp.v18-design-b .xv-service-card .xv-card-body p{color:#cee3f1;font-size:14px;line-height:1.8}
body.xp.v18-design-b .xv-service-card .xv-card-index{color:#ffffff;background:#0969a9;border:1px solid #4bd5ff66;z-index:1}
body.xp.v18-design-b .xv-service-card .xv-card-link{border-top:1px solid #79b6ce48;color:#65e3ff}
body.xp.v18-design-b .xv-service-card .xv-card-arrow{color:#5dddff}
body.xp.v18-design-b .xv-service-footer{border-color:#8cb6cc44;color:#d8e8f5}
body.xp.v18-design-b .xv-service-footer a{color:#6cdffe}
body.xp.v18-design-b .v16-proof-grid{border-color:#cbdeec}
body.xp.v18-design-b .v16-proof-grid article:first-child{border-top:3px solid #238ff0}
body.xp.v18-design-b .v16-proof-grid article:nth-child(2){border-top:3px solid #33c7e4}
body.xp.v18-design-b .v16-proof-grid article:nth-child(3){border-top:3px solid #0c4f8d}
body.xp.v18-design-b .v16-brand-grid.v16-brand-primary>div{background:#f7fbfe}
body.xp.v18-design-b .v16-brand-grid .v16-brand-kicker{color:#0d7fa9}
body.xp.v18-design-b #work{background:#edf5fa}
body.xp.v18-design-b #work .xp-gallery a{border-radius:10px;box-shadow:0 12px 22px #071e3717}
body.xp.v18-design-b .v16-service-hero{background:radial-gradient(circle at 80% 0%,#155181 0%,transparent 46%),#071e37;color:#fff}
body.xp.v18-design-b .v16-hero-grid figure img{border:1px solid #4e9bc444;border-radius:8px}
body.xp.v18-design-b .v16-hero-grid .xp-btn{border-radius:7px}
body.xp.v18-design-b .v16-hero-grid h1{font-weight:700}
body.xp.v18-design-b .v16-gallery-nav a{border-radius:8px}
body.xp.v18-design-b .xv-contact-hero{background:radial-gradient(circle at 55% 0%,#19537a55,transparent 45%),#081f39}
body.xp.v18-design-b .xv-contact-direct{border-top-color:#37d4f7}
body.xp.v18-design-b .v16-field :is(input,select,textarea){border-radius:7px}
body.xp.v18-design-b .v16-field :is(input,select,textarea):focus{border-color:#168af0;box-shadow:0 0 0 3px #168af022}
body.xp.v18-design-b .xp-footer{background:#06182b}
body.xp.v18-design-b .xp-footer a:hover{color:#67dbfb}
body.xp.v18-design-b .xp .xu-mobile-actions a:first-child,body.xp.v18-design-b .xu-mobile-actions a:first-child{background:#0d2c4f}
@media(min-width:981px){
 body.xp.v18-design-b .xa-header .xa-nav{padding-block:13px}
 body.xp.v18-design-b .xa-header nav{gap:22px}
 body.xp.v18-design-b .xa-header .xa-brand img{width:165px;height:auto}
}
@media(max-width:980px){
 body.xp.v18-design-b .xa-header{background:#fff;border-bottom:1px solid #e0ebf3}
 body.xp.v18-design-b .xa-header .xa-brand img{filter:none}
 body.xp.v18-design-b .xa-header .xu-menu-toggle{min-width:48px;min-height:48px;border:1px solid #d5e4f0;color:#0b2744;background:#f3f8fc}
 body.xp.v18-design-b .xa-header nav{background:#fff}
 body.xp.v18-design-b .xa-header nav>a:not(.xp-nav-contact){color:#17334e}
 body.xp.v18-design-b .xa-header nav .xp-search-link{color:#17334e!important;border-color:#d2e3ec}
 body.xp.v18-design-b .xa-header .xp-search-link kbd{color:#1c4c6f;background:#edf5fb}
 body.xp.v18-design-b .xv-hero-copy{width:68%}
}
@media(max-width:700px){
 body.xp.v18-design-b .xv-hero{min-height:0}
 body.xp.v18-design-b .xv-hero-photo{position:absolute;inset:0;width:100%;height:100%;opacity:.92;z-index:-1}
 body.xp.v18-design-b .xv-hero-photo::after{background:linear-gradient(90deg,#05192cdd 0%,#061c30c9 62%,#062036aa 100%),linear-gradient(0deg,#05182bee,transparent 67%)}
 body.xp.v18-design-b .xv-hero-inner{min-height:580px;padding-block:58px 46px;align-items:center}
 body.xp.v18-design-b .xv-hero-copy{width:100%;max-width:510px}
 body.xp.v18-design-b .xv-hero-copy h1{font-size:clamp(30px,8.8vw,41px);line-height:1.34;margin-block:23px 20px}
 body.xp.v18-design-b .xv-hero-en{font-size:clamp(41px,11vw,55px);margin-bottom:16px;line-height:1.05}
 body.xp.v18-design-b .xv-hero-copy>p{font-size:14px;line-height:1.75;color:#f0f9ff}
 body.xp.v18-design-b .xv-hero .xp-actions a{min-height:49px;padding:11px 16px;font-size:13px}
 body.xp.v18-design-b .xv-hero-phone{font-size:13px}
 body.xp.v18-design-b .v16-urgent-link{margin-top:18px;font-size:13px}
 body.xp.v18-design-b .xv-photo-caption{display:none}
 body.xp.v18-design-b .xv-hero-foot{padding-block:9px}
 body.xp.v18-design-b .xv-services{padding:45px 0 55px}
 body.xp.v18-design-b .xv-services .xp-heading h2{font-size:31px}
 body.xp.v18-design-b .xv-service-cards{grid-template-columns:1fr;gap:15px}
 body.xp.v18-design-b .xv-service-card .xv-card-photo{height:210px}
 body.xp.v18-design-b .xv-service-card .xv-card-body{padding:22px}
 body.xp.v18-design-b .v16-proof-grid article{border-top:0!important}
 body.xp.v18-design-b .v16-proof-grid article+article{border-top:1px solid #cbdeec!important}
 body.xp.v18-design-b .v16-hero-grid h1{font-size:clamp(29px,7.8vw,37px)}
 body.xp.v18-design-b .xu-mobile-actions{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){
 body.xp.v18-design-b .xv-hero-inner{padding-block:46px 37px}
 body.xp.v18-design-b .xv-hero-en{font-size:40px}
 body.xp.v18-design-b .xv-hero .xp-actions{gap:8px}
}
@media(prefers-reduced-motion:reduce){
 body.xp.v18-design-b :is(.xv-service-card,.xp-btn,.xv-card-photo img){transition:none!important;animation:none!important;transform:none!important}
}

/* Shared V17 service hero uses xv-service-hero, not v16-service-hero. */
body.xp.v18-design-b .xv-service-hero{background:radial-gradient(circle at 85% 0%,#174e77 0%,transparent 43%),#071e37}
body.xp.v18-design-b .xv-service-hero .xp-actions .xp-btn:first-child{background:#33c5fa!important;border-color:#33c5fa!important;color:#062039!important;border-radius:7px}
body.xp.v18-design-b .xv-service-hero .xp-actions .xp-btn:first-child:hover{background:#83e5ff!important}
body.xp.v18-design-b .xv-service-hero .xp-actions .xp-text-link{color:#b0edff!important}
body.xp.v18-design-b .xv-service-hero .xp-service-overview img{border-radius:7px}