:root{--ink:#071941;--text:#33476b;--blue:#095de9;--line:#dce6f7;--violet:#6354d9;--muted:#607292;--soft:#f6f9ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:white;font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img,svg{max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8caeff;outline-offset:3px}.site-shell{width:min(1480px,calc(100% - 96px));margin:0 auto}.icon{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.site-header{height:80px;position:relative;z-index:20;background:#fff;border-bottom:1px solid #e5ecfa}.site-header-inner{display:flex;gap:25px;align-items:center;height:100%}.brand{display:block;flex:none;width:195px}.brand img{display:block;height:auto;width:100%;max-height:59px;object-fit:contain;object-position:left center}.site-nav{display:flex;align-items:center;gap:clamp(10px,1vw,21px);margin-left:auto}.site-nav a{white-space:nowrap;color:#2b4066;font-size:13px;font-weight:600;padding:8px 0}.site-nav a:hover,.site-nav a.selected{color:var(--blue)}.site-nav a:nth-last-child(2){padding-left:14px;border-left:1px solid var(--line)}.header-actions{display:flex;align-items:center;gap:9px;flex:none}.language{display:flex;gap:5px;align-items:center;margin:0 5px;color:#c2cde0}.language button{border:0;background:none;padding:4px 0;font-size:12px;font-weight:750;color:#8492ab}.language button[aria-pressed=true]{color:var(--blue)}.btn{border:1px solid var(--blue);padding:10px 16px;min-height:42px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;line-height:1.2;font-weight:750;transition:transform .16s ease,background .16s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#034dbf}.btn-outline{background:#fff;color:var(--blue)}.btn-large{padding:16px 24px;min-height:53px;font-size:15px;border-radius:10px}.btn .icon{width:17px;height:17px}.nav-toggle{display:none;border:1px solid var(--line);color:var(--blue);border-radius:10px;padding:9px;background:#fff}
/* Full-bleed panoramic banner. Text is in the DOM, never in the image. */
.banner{position:relative;isolation:isolate;overflow:hidden;min-height:680px;display:flex;align-items:center;background:#fff}.banner-image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.banner-white{position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.80) 33%,rgba(255,255,255,.07) 60%,rgba(255,255,255,0) 72%)}.banner-inner{position:relative;width:100%;padding-top:75px;padding-bottom:76px}.banner-copy{width:min(56%,760px)}.eyebrow,.overline{display:inline-flex;align-items:center;gap:9px;color:#1262d6;font-size:12px;font-weight:800;letter-spacing:.1em}.eyebrow .icon{color:#0f995d}.banner h1{font-size:clamp(42px,4.1vw,71px);line-height:1.08;letter-spacing:-.055em;margin:22px 0 22px;font-weight:800;max-width:740px}.banner .lead{color:#2d4269;font-size:clamp(16px,1.2vw,19px);line-height:1.64;max-width:660px;margin:0 0 26px}.banner-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-highlights{display:flex;gap:21px;align-items:center;flex-wrap:wrap;margin-top:44px;max-width:720px}.hero-highlights>span{display:flex;align-items:center;gap:8px;line-height:1.25;color:#283e65;font-size:12px;font-weight:700}.hero-highlights .icon{color:var(--blue);height:20px;width:20px}.home-banner{min-height:min(740px,calc(100vw * .46))}.secondary-banner{min-height:460px}.secondary-banner .banner-inner{padding:62px 0}.secondary-banner .banner-copy{max-width:720px}.secondary-banner h2,.section h2{font-size:clamp(32px,3.25vw,50px);line-height:1.13;letter-spacing:-.04em;margin:13px 0 18px}.secondary-banner p,.section p{font-size:16px;line-height:1.7;color:var(--text);margin:0 0 23px}.section{padding:78px 0}.section-heading{max-width:780px}.feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:37px 0 25px}.feature-row article{padding:0 25px 0 0;border-right:1px solid var(--line)}.feature-row article:last-child{border-right:0}.feature-icon{width:48px;height:48px;display:grid;place-items:center;color:var(--blue);border-radius:15px;background:#eaf2ff}.feature-row article:nth-child(2) .feature-icon{background:#f0edff;color:var(--violet)}.feature-row article:nth-child(3) .feature-icon{background:#e5f8f1;color:#008e63}.feature-row h3{font-size:20px;margin:18px 0 9px}.feature-row p{font-size:15px;line-height:1.65;margin:0}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-size:14px;font-weight:800}.purpose-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.purpose-inner img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;object-position:right}.purpose-inner p{max-width:670px}.contact{background:var(--soft);padding:65px 0}.contact-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.75fr);gap:45px;align-items:center}.contact-inner h2{margin-bottom:15px}.contact-inner p{max-width:570px}.contact-action{border-left:2px solid #b9d0ff;padding:6px 0 6px 29px;display:flex;align-items:flex-start;flex-direction:column;gap:17px}.contact-action>.icon{height:26px;width:26px;color:var(--blue)}.contact-action>a:not(.btn){font-weight:720;color:var(--blue)}.site-footer{padding:25px 0;border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap}.footer-inner>strong{font-size:21px;letter-spacing:-.06em}.footer-inner>strong span{color:var(--blue)}.footer-inner>div{display:flex;gap:20px;font-size:13px;font-weight:700}.footer-inner small{font-size:12px;color:#7f8ea7}
/* Auth visual split; photo fills the ENTIRE left pane, not a square inset. */
.auth-page-v14{min-height:100vh}.auth-brandbar{height:76px;border-bottom:1px solid var(--line);padding:9px clamp(25px,4vw,68px);display:flex;align-items:center;background:#fff}.auth-brandbar .i21-brand img{width:195px;max-height:59px;height:auto;display:block;object-fit:contain}.auth-main-v14{display:grid;grid-template-columns:minmax(0,1fr) minmax(425px,.79fr);min-height:calc(100vh - 76px)}.auth-visual-v14{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:800px;padding:68px clamp(35px,4.7vw,84px);background:#f6f9ff}.auth-panorama{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}.auth-visual-v14::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 20%,rgba(255,255,255,.76) 40%,rgba(255,255,255,.08) 69%,transparent 90%);pointer-events:none}.auth-visual-copy-v14{max-width:min(68%,500px);padding-bottom:50px}.auth-visual-copy-v14 h1{font-size:clamp(37px,3.15vw,58px);line-height:1.08;letter-spacing:-.048em;margin:0 0 24px}.auth-visual-copy-v14 h1 em{font-style:normal;color:var(--blue)}.auth-visual-copy-v14 p{font-size:16px;line-height:1.65;color:var(--text);margin:0 0 30px}.auth-points-v14{display:grid;gap:20px}.auth-points-v14>div{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:740}.auth-points-v14 svg{height:20px;width:20px;fill:none;stroke:var(--blue);stroke-width:1.9;flex:none}.auth-formside-v14{padding:33px clamp(22px,3.4vw,66px) 48px;display:flex;flex-direction:column;background:#fff}.auth-top-v14{display:flex;gap:20px;justify-content:space-between;align-items:center;max-width:560px;width:100%;margin:0 auto 28px}.auth-back{font-size:13px;color:var(--blue);font-weight:750}.i21-lang{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:750;color:#b8c5d9}.i21-lang button{border:0;background:none;color:#8493af;padding:3px;font-size:12px;font-weight:800}.i21-lang button.active{color:var(--blue)}.auth-card-v14{width:100%;max-width:560px;margin:auto}.auth-card-v14 h2{font-size:clamp(28px,2.3vw,39px);letter-spacing:-.035em;margin:0 0 7px;line-height:1.13}.auth-card-v14 .sub{margin:0 0 26px;color:var(--muted);font-size:15px}.auth-card-v14 .field{margin-bottom:14px}.auth-card-v14 label:not(.check){display:block;font-size:13px;font-weight:720;margin:0 0 7px}.auth-card-v14 .input-wrap{border:1px solid #cbd9ef;min-height:47px;display:flex;align-items:center;gap:9px;border-radius:9px;padding:0 12px;box-shadow:0 2px 5px rgba(21,62,130,.02)}.input-wrap>svg{height:18px;width:18px;fill:none;stroke:#496b9e;stroke-width:1.8;flex:none}.input-wrap input,.input-wrap select{height:44px;min-width:0;flex:1;width:100%;border:0;background:none;outline:0;color:var(--ink);font-size:14px}.input-wrap input::placeholder{color:#8193ae}.input-wrap:focus-within{border-color:#3472ed;box-shadow:0 0 0 3px rgba(52,114,237,.10)}.toggle-pass{border:0;background:none;padding:5px;color:var(--blue)}.toggle-pass svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.8}.form-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:7px 0 20px}.auth-card-v14 .check{display:flex;align-items:start;gap:9px;color:#526584;font-size:12px;line-height:1.5;margin:7px 0 17px}.check input{margin:3px 0 0;width:15px;height:15px;flex:none;accent-color:var(--blue)}.link{color:var(--blue);font-size:13px;font-weight:710;text-decoration:underline;text-underline-offset:2px}.auth-card-v14 .submit{min-height:48px;width:100%;background:var(--blue);color:white;border:0;border-radius:10px;font-size:15px;font-weight:770}.auth-card-v14 .submit:disabled{background:#abc1ee;cursor:not-allowed}.auth-switch{font-size:13px;color:var(--muted);text-align:center;margin-top:20px}.auth-status{display:none}.auth-status.show{display:block;padding:11px 13px;margin:10px 0;color:#153a71;background:#edf4ff;border-radius:8px;font-size:13px}.auth-status.error{background:#fff0f0;color:#a11d1d}.auth-status.success{background:#edf9f0;color:#116d36}.device-verify{display:none;border:1px solid var(--line);padding:16px;margin-top:18px;border-radius:11px}.device-verify.show{display:block}.device-row{display:flex;gap:10px}.device-row input{min-width:0;width:100%;border:1px solid var(--line);border-radius:8px;padding:10px}.device-row button{padding:10px 16px;border:0;border-radius:8px;background:var(--blue);color:white}.hidden-sync{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}
/* Full-width blog hero, no image cards in the header. */
.blog-banner{min-height:490px}.blog-banner .banner-inner{padding:64px 0}.blog-banner .banner-copy{max-width:790px}.blog-banner h1{font-size:clamp(38px,3.5vw,60px)}.blog-list-v14{padding-top:50px}.blog-search-v14{display:flex;gap:12px;max-width:980px;margin:0 0 18px}.blog-search-v14 input{height:51px;border:1px solid var(--line);padding:0 16px;border-radius:10px;min-width:0;flex:1}.blog-search-v14 button{padding:0 22px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:740}.blog-filters-v14{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:17px}.blog-filters-v14 button{border:1px solid var(--line);background:#fff;color:#344d76;border-radius:999px;font-size:12px;padding:9px 12px;font-weight:700}.blog-filters-v14 button.active{color:var(--blue);background:#eaf2ff;border-color:#accaff}.blog-language-note{color:var(--muted);font-size:12px!important;margin:0 0 23px!important}.blog-grid-v14{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.blog-card-v14{border-bottom:1px solid var(--line);padding-bottom:16px}.blog-card-v14[hidden]{display:none}.blog-card-v14>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center;border-radius:13px}.blog-card-body .tag{display:inline-block;margin-top:15px;color:var(--blue);font-size:11px;font-weight:800}.blog-card-body h2{font-size:19px;line-height:1.3;margin:9px 0}.blog-card-body p{color:var(--text);font-size:13px;line-height:1.6;margin:0 0 13px}.blog-meta{font-size:13px;color:var(--blue);font-weight:800}
@media(max-width:1360px){.site-shell{width:min(1320px,calc(100% - 60px))}.site-header-inner{gap:12px}.site-nav{gap:11px}.brand{width:165px}.header-actions .btn{font-size:12px;padding:9px 10px}.banner h1{font-size:clamp(39px,4.05vw,60px)}.auth-visual-copy-v14{max-width:65%}}
@media(max-width:1110px){.site-header{height:auto;min-height:78px}.site-header-inner{flex-wrap:wrap;padding:10px 0;row-gap:10px}.site-nav{order:3;justify-content:center;flex-basis:100%;margin:0}.header-actions{margin-left:auto}.home-banner{min-height:590px}.banner-copy{width:58%}.auth-main-v14{grid-template-columns:minmax(0,1fr) minmax(390px,.92fr)}.auth-visual-copy-v14{max-width:75%}.auth-visual-v14{padding-left:32px;padding-right:15px}}
@media(max-width:760px){.site-shell{width:calc(100% - 36px)}.site-header-inner{gap:10px}.brand{width:157px}.nav-toggle{display:inline-grid;place-items:center;margin-left:auto}.site-nav{display:none;order:4;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 12px}.site-nav.open{display:flex}.site-nav a,.site-nav a:nth-last-child(2){font-size:14px;padding:10px 4px;border:0}.header-actions{order:3;margin-left:0;width:100%;justify-content:flex-end}.header-actions .btn{font-size:12px;padding:9px 10px}.banner{display:block;min-height:0}.banner-image{position:relative;inset:auto;width:100%;height:auto;object-fit:contain;z-index:-2;display:block}.banner-white{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.88) 23%,rgba(255,255,255,0) 55%)}.home-banner .banner-image{content:normal;max-height:390px;width:auto;max-width:100%;margin-left:auto;margin-right:0}.banner-inner{padding:29px 0 43px}.home-banner .banner-inner{padding-top:31px}.banner-copy{width:100%}.banner h1{font-size:clamp(35px,9vw,48px);margin:14px 0}.banner .lead{font-size:15px;line-height:1.63}.hero-highlights{margin-top:28px;gap:13px}.hero-highlights>span{font-size:11px}.secondary-banner .banner-image,.blog-banner .banner-image{width:100%;max-height:unset}.secondary-banner .banner-inner,.blog-banner .banner-inner{padding:30px 0}.section{padding:50px 0}.feature-row{grid-template-columns:1fr;gap:24px}.feature-row article{padding:0 0 19px;border:0;border-bottom:1px solid var(--line)}.purpose-inner,.contact-inner{grid-template-columns:1fr;gap:22px}.purpose-inner img{max-height:300px}.auth-main-v14{grid-template-columns:1fr}.auth-visual-v14{min-height:0;height:auto;padding:25px 23px 280px}.auth-panorama{inset:auto 0 0 auto;position:absolute;height:310px;width:auto;max-width:100%;object-fit:contain;object-position:right bottom}.auth-visual-v14::before{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.97) 43%,rgba(255,255,255,.05) 79%)}.auth-visual-copy-v14{max-width:100%;padding-bottom:0}.auth-visual-copy-v14 h1{font-size:34px}.auth-visual-copy-v14 p{font-size:14px;margin-bottom:16px}.auth-points-v14{display:none}.auth-formside-v14{padding:24px 22px 42px}.auth-top-v14{margin-bottom:18px}.auth-card-v14{max-width:560px}.blog-grid-v14{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.footer-inner{justify-content:center;text-align:center}}
@media(max-width:490px){.banner-actions .btn{width:100%}.auth-brandbar{height:67px}.auth-brandbar .i21-brand img{width:160px}.auth-visual-v14{padding-bottom:240px}.auth-panorama{height:275px}.auth-visual-copy-v14 h1{font-size:32px}.auth-formside-v14{padding:22px 15px 38px}.form-grid.two{grid-template-columns:1fr}.blog-search-v14{flex-direction:column}.blog-search-v14 button{height:42px}.blog-grid-v14{grid-template-columns:1fr}.site-footer .footer-inner>div{justify-content:center;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* V16 consolidated panoramic composition. The actual pictures contain no text. */
@media (min-width:1111px){
 .home-banner{min-height:0;aspect-ratio:1920/780}
 .home-banner>.banner-image{object-fit:contain;object-position:center center}
 .home-banner .banner-inner{padding-top:3.3vw;padding-bottom:3.3vw}
 .home-banner .banner-white{background:linear-gradient(90deg,rgba(255,255,255,.90) 0%,rgba(255,255,255,.62) 31%,rgba(255,255,255,0) 64%)}
 .secondary-banner{min-height:0;aspect-ratio:1920/680}
 .secondary-banner>.banner-image{object-fit:contain}
 .blog-banner{min-height:0;aspect-ratio:1920/680}
 .blog-banner>.banner-image{object-fit:contain}
 .auth-panorama{object-position:center center}
}
@media (min-width:761px) and (max-width:1110px){
 .banner{display:block;min-height:0}
 .banner-image{position:relative;inset:auto;width:100%;height:auto;object-fit:contain;z-index:-2}
 .banner-white{display:none}
 .banner-inner,.secondary-banner .banner-inner{padding-top:30px;padding-bottom:45px}
 .banner-copy,.secondary-banner .banner-copy{width:100%;max-width:850px}
 .auth-visual-copy-v14{max-width:75%}
}
@media (max-width:760px){
 .home-banner .banner-image{content:normal;width:100%;height:auto;max-height:none;max-width:100%;margin:0;object-fit:contain}
 .banner-white{display:none}
 .auth-visual-v14{padding-bottom:0;display:block}
 .auth-visual-v14::before{display:none}
 .auth-panorama{position:relative;display:block;inset:auto;width:100%;max-width:100%;height:auto;object-fit:contain;margin:10px 0 0}
 .auth-visual-copy-v14{max-width:100%}
 .auth-visual-v14{padding:27px 24px 20px}
}
@media (max-width:490px){.auth-visual-v14{padding-bottom:15px}.auth-panorama{height:auto}}

@media(min-width:1111px){.about-wide-banner,.blog-banner{aspect-ratio:1920/700}.about-wide-banner .banner-image,.blog-banner .banner-image{object-fit:contain}.about-wide-banner .banner-white,.blog-banner .banner-white{background:linear-gradient(90deg,rgba(255,255,255,.85) 0%,rgba(255,255,255,.63) 34%,transparent 69%)}}

@media(min-width:1111px){.secondary-banner:not(.about-wide-banner):not(.blog-banner){aspect-ratio:1920/700}.secondary-banner:not(.about-wide-banner):not(.blog-banner)>.banner-image{object-fit:contain}}

/* Preserve the full auth photograph instead of cropping the subject. */
@media(min-width:761px){.auth-visual-v14{background:#fff}.auth-panorama{object-fit:contain;object-position:center center}}
@media(max-width:760px){.auth-panorama{width:calc(100% + 48px);max-width:none;margin-left:-24px;margin-right:-24px}}