/* Isolated design previews; production site remains unchanged. */
.design-preview{--preview-accent:#1670d2}.preview-ribbon{position:fixed;right:18px;bottom:18px;z-index:80;background:#10243d;color:#fff;padding:8px 12px;border-radius:999px;font-size:11px;letter-spacing:.04em;box-shadow:0 8px 30px #10243d33}.design-preview .site-header{height:80px;padding-inline:clamp(20px,3vw,54px);gap:20px}.design-preview .brand{flex:0 0 auto}.design-preview .brand small{font-size:9px;white-space:nowrap;letter-spacing:.12em;color:#536981}.design-preview .site-header nav{gap:clamp(14px,1.7vw,27px);margin-left:auto;white-space:nowrap}.design-preview .site-header nav>a{font-size:12px}.design-preview .nav-cta{padding:10px 14px;border:1px solid #1670d2;border-radius:5px}.design-preview .hero{min-height:600px;padding-top:72px}.design-preview .hero-copy{max-width:1040px}.design-preview .hero h1{font-size:clamp(42px,5.15vw,70px);line-height:1.05;max-width:980px;text-wrap:balance}.design-preview .lead{max-width:790px;font-size:19px}.design-preview .eyebrow{letter-spacing:.18em}.language-picker{position:relative;flex:0 0 auto}.language-trigger{display:flex;align-items:center;gap:8px;min-height:42px;border:1px solid #d4dee9;background:#fff;color:#13243a;padding:8px 11px;border-radius:8px;font:700 12px/1 Arial;cursor:pointer}.flag{font-size:18px;line-height:1}.chevron{font-size:15px;color:#718297;transition:transform .2s}.language-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:164px;padding:7px;background:#fff;border:1px solid #e1e7ef;border-radius:10px;box-shadow:0 16px 38px #20395226;opacity:0;visibility:hidden;transform:translateY(-4px);transition:.18s;z-index:50}.language-picker:hover .language-menu,.language-picker:focus-within .language-menu,.language-trigger:focus + .language-menu,.language-picker.is-open .language-menu{opacity:1;visibility:visible;transform:none}.language-picker:hover .chevron,.language-picker:focus-within .chevron,.language-picker.is-open .chevron{transform:rotate(180deg)}.language-menu a{display:flex!important;align-items:center;gap:10px;padding:10px!important;border-radius:7px;font-size:12px!important;text-transform:none!important;color:#31465d}.language-menu a:hover,.language-menu a:focus{background:#eef5fc;color:#0c60bc}.language-menu .check{margin-left:auto;visibility:hidden;color:#1670d2}.language-menu a[aria-current=page] .check{visibility:visible}
/* 1 — clean precision pill */
.variant-1 .language-trigger{border-radius:999px;padding-inline:12px;background:#f7faff}.variant-1 .nav-cta{border-radius:999px}.variant-1 .hero{background:radial-gradient(circle at 90% 15%,#dceeff 0,transparent 24%),linear-gradient(145deg,#f8fafc 0 70%,#edf5fb 70%)}
/* 2 — warm premium card */
.variant-2{--preview-accent:#0b62a9}.variant-2 .site-header{box-shadow:0 8px 28px #17324c0c}.variant-2 .language-trigger{border:0;background:#eef5fb;border-radius:6px}.variant-2 .language-menu{border:0;border-top:3px solid #1670d2;border-radius:3px}.variant-2 .hero{text-align:left;align-items:flex-start;background:linear-gradient(120deg,#fff 0 63%,#e8f2fb 63%);padding-inline:clamp(28px,8vw,130px)}.variant-2 .hero-copy{margin-left:0}.variant-2 .hero h1,.variant-2 .lead{margin-left:0;text-align:left}.variant-2 .actions{justify-content:flex-start}
/* 3 — minimal flag control */
.variant-3 .language-name{display:none}.variant-3 .language-trigger{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%;box-shadow:0 4px 14px #1c3f6420}.variant-3 .language-trigger .chevron{display:none}.variant-3 .language-menu{border-radius:14px}.variant-3 .hero{background:#fff}.variant-3 .hero h1{font-weight:600;letter-spacing:-.045em}.variant-3 .eyebrow{display:inline-block;background:#eaf3fd;padding:6px 10px;border-radius:999px}
/* 4 — enterprise navy */
.variant-4 .site-header{background:#102944;border-bottom:0;color:#fff}.variant-4 .brand small{color:#aac0d7}.variant-4 .brand-mark{background:#fff}.variant-4 .brand-mark i{background:#1670d2}.variant-4 .site-header nav>a{color:#dce7f2}.variant-4 .nav-cta{background:#2687e8;border-color:#2687e8;color:#fff}.variant-4 .language-trigger{background:#183956;border-color:#3c5872;color:#fff}.variant-4 .hero{background:linear-gradient(135deg,#f5f8fc 0 64%,#dcebf8 64%)}.variant-4 .hero h1{font-weight:700}.variant-4 .language-menu{border-radius:4px}
/* 5 — editorial split with quiet typography */
.variant-5 .site-header{border-bottom:3px solid #eef2f6}.variant-5 .language-trigger{border:0;border-bottom:2px solid #1670d2;border-radius:0;padding-inline:6px}.variant-5 .language-menu{border-radius:0;box-shadow:8px 10px 0 #dbeaf7}.variant-5 .nav-cta{background:#1670d2;color:#fff;border-radius:0}.variant-5 .hero{align-items:flex-start;text-align:left;padding-inline:clamp(28px,10vw,150px);background:linear-gradient(90deg,#f8fafc 0 74%,#e6f1fb 74%)}.variant-5 .hero-copy{margin-left:0;max-width:900px}.variant-5 .hero h1,.variant-5 .lead{margin-left:0;text-align:left}.variant-5 .hero h1{font-weight:500;letter-spacing:-.035em}.variant-5 .actions{justify-content:flex-start}
@media(max-width:1150px) and (min-width:901px){.design-preview .site-header nav{gap:12px}.design-preview .site-header nav>a{font-size:11px}.design-preview .brand small{display:none}.variant-1 .brand small{display:block}.variant-1 .brand{min-width:218px}.variant-1 .site-header{padding-inline:24px}.variant-1 .hero-route{grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr}.variant-1 .hero-route div{padding-inline:12px}}
@media(max-width:900px){.design-preview .site-header{height:auto}.design-preview .site-header nav{white-space:normal}.design-preview .language-picker{order:5}.design-preview .language-menu{left:0;right:auto}.design-preview .hero{padding-top:58px}.variant-4 .menu{color:#fff;border-color:#7f96ac;background:#183956}.variant-2 .hero,.variant-5 .hero{text-align:center;align-items:center}.variant-2 .hero h1,.variant-2 .lead,.variant-5 .hero h1,.variant-5 .lead{margin-inline:auto;text-align:center}.variant-2 .actions,.variant-5 .actions{justify-content:center}}
@media(max-width:600px){.design-preview .brand small{font-size:7.5px}.design-preview .hero h1{font-size:39px}.design-preview .lead{font-size:17px}.preview-ribbon{right:10px;bottom:10px}.language-trigger{min-width:44px;min-height:44px}}

/* Final concept 1 — full correction from annotated review */
.design-preview.variant-1{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.variant-1 .site-header{height:88px;padding-inline:max(18px,calc((100% - 1180px)/2));background:rgba(255,255,255,.96);backdrop-filter:saturate(150%) blur(14px)}
.variant-1 .brand{min-width:230px;gap:11px}
.variant-1 .brand small{margin-top:1px;color:#1670d2;font-size:9px;font-weight:750;letter-spacing:.0755em;text-transform:none;white-space:nowrap}
.variant-1 .hero h1 .hero-line:nth-child(2){color:#1670d2}
.variant-1 .site-header nav{gap:clamp(13px,1.65vw,25px)}
.variant-1 .site-header nav>a{font-size:12px;letter-spacing:.015em}
.variant-1 .language-trigger{min-height:42px;border-color:#c9d9e8;background:#f6f9fc;box-shadow:0 2px 9px rgba(25,60,94,.08)}
.variant-1 .flag{display:block;width:22px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(16,41,68,.12)}
.variant-1 .nav-cta{padding:10px 15px;color:#fff;background:#1670d2;border-color:#1670d2}
.variant-1 .hero{min-height:620px;padding-top:76px;background:linear-gradient(145deg,#f7f9fc 0 72%,#e8f2fb 72%)}
.variant-1 .hero-copy{max-width:1020px}
.variant-1 .proof-strip{padding-inline:max(24px,calc((100% - 1180px)/2))}
.variant-1 .hero h1{max-width:900px;font-size:clamp(37px,3.7vw,52px);line-height:1.04;letter-spacing:-.043em}
.variant-1 .hero h1 .hero-line{display:block;white-space:nowrap}
.variant-1 .lead{max-width:780px}
.variant-1 .menu{width:46px;height:46px;margin-left:auto;padding:11px;border:0;border-radius:50%;background:#f3f7fb;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.variant-1 .menu span{display:block;width:22px;height:2px;border-radius:2px;background:#13243a;transition:transform .2s,opacity .2s}
.variant-1 .menu[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.variant-1 .menu[aria-expanded="true"] span:nth-child(2){opacity:0}
.variant-1 .menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(min-width:1400px){
 .variant-1 .section{padding-inline:calc((100% - 1180px)/2)}
 .variant-1 footer{padding-inline:calc((100% - 1180px)/2)}
}
@media(max-width:900px){
 .variant-1 .site-header{min-height:76px;height:auto;padding:10px 18px;flex-wrap:wrap;align-content:center}
 .variant-1 .brand{min-width:0;max-width:calc(100% - 58px);flex:1 1 auto}
 .variant-1 .brand-mark{flex:0 0 42px}
 .variant-1 .brand>span:last-child{min-width:0}
 .variant-1 .brand small{font-size:8px;overflow:hidden;text-overflow:ellipsis}
 .variant-1 .menu{display:flex;flex:0 0 46px}
 .variant-1 .site-header nav{flex:0 0 100%;width:100%;margin:10px 0 0;padding:16px 4px 18px;border-top:1px solid #e5eaf0;align-items:stretch;gap:4px;white-space:normal}
 .variant-1 .site-header nav>a{width:100%;padding:10px 4px;font-size:13px}
 .variant-1 .language-picker{order:5;margin-top:8px;width:100%}
 .variant-1 .language-trigger{width:100%;justify-content:flex-start;padding-inline:13px}
 .variant-1 .language-trigger .chevron{margin-left:auto}
 .variant-1 .language-menu{position:static;display:none;width:100%;margin-top:6px;opacity:1;visibility:visible;transform:none;box-shadow:none}
 .variant-1 .language-picker:hover .language-menu,.variant-1 .language-picker:focus-within .language-menu{display:block}
 .variant-1 .nav-cta{order:6;text-align:center;margin-top:5px}
 .variant-1 .hero{padding-top:54px}
 .variant-1 .hero h1{font-size:clamp(29px,4.9vw,37px)}
}
@media(max-width:600px){
 .variant-1 .site-header{padding-inline:14px}
 .variant-1 .brand{gap:8px}
 .variant-1 .brand-mark{width:38px;height:38px;flex-basis:38px}
 .variant-1 .brand b{font-size:20px}
 .variant-1 .brand small{font-size:7.5px;letter-spacing:.0511em}
 .variant-1 .hero{padding:50px 20px 58px}
 .variant-1 .hero-copy{max-width:100%}
 .variant-1 .hero h1{font-size:clamp(30px,8.4vw,36px);font-weight:800;line-height:1.08;letter-spacing:-.03em;max-width:100%;min-width:0;overflow-wrap:normal;word-break:normal;hyphens:none;margin:14px auto 22px}
 .variant-1 .hero h1 .hero-line{display:inline;white-space:normal}
 .variant-1 .hero h1 .hero-line:first-child::after{content:" "}
 .variant-1 .lead{font-size:16px;line-height:1.6;font-weight:400;max-width:33rem;margin-inline:auto;color:#506176}
 .variant-1 .actions{margin-top:28px}
 .variant-1 .solution-grid,.variant-1 .solution-card{min-width:0;width:100%}
 .variant-1 h2,.variant-1 .journey,.variant-1 .journey li{max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}
 .variant-1 .eyebrow{font-size:10px;letter-spacing:.13em}
}
