:root{--navy:#103f62;--blue:#286f9b;--ink:#122f48;--pale:#eaf2f7;--muted:#536777;--line:#d6e1e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font:17px/1.6 Arial,Helvetica,sans-serif}a{color:inherit}button,input{font:inherit}a,button,input,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #da7a16;outline-offset:5px}.wrap{width:min(1500px,88%);margin-inline:auto}.demo{padding:7px 6%;background:#f4f7f9;color:#536777;font-size:12px;letter-spacing:.02em}.header{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;white-space:nowrap;font-size:26px;letter-spacing:1.2px;color:#111}.brand svg{width:28px;height:27px}.header nav{display:flex;align-items:center;gap:35px;font-size:17px}.header nav a{text-decoration:none}.header nav a:hover{text-decoration:underline;text-underline-offset:5px}.language{border-left:1px solid var(--line);padding-left:25px;font-size:14px}.menu-toggle{display:none}.breadcrumb{background:var(--blue);color:#fff;padding:12px 0}.breadcrumb .wrap{display:flex;gap:25px;align-items:center}.breadcrumb a{font-size:28px;text-decoration:none;line-height:1}.breadcrumb span{font-size:13px;color:#e5f1f9}.hero{display:grid;grid-template-columns:1.9fr 1fr;background:var(--navy);margin-bottom:42px}.hero-photo{position:relative;overflow:hidden;min-height:490px}.hero-photo img{position:absolute;max-width:none;width:auto;height:201.3645%;left:50%;top:-34.6979%;transform:translateX(-36.5395%)}.hero-copy{padding:43px 36px;color:#fff}.hero h1{font-size:clamp(30px,2.65vw,45px);line-height:1.15;letter-spacing:-.6px;margin:0 0 24px}.hero p{font-size:20px;line-height:1.65;margin:0 0 28px}/* Buttons share one icon size and a compact, stable rhythm. */
.icon{display:block;width:24px;height:24px;flex:0 0 auto}
.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:50px;padding:13px 19px;border:1px solid transparent;border-radius:8px;background:var(--navy);color:#fff;font-size:15px;font-weight:700;line-height:1.4;text-decoration:none;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s}
.button:hover{background:#18567f;box-shadow:0 4px 12px #103f621a}
.button:active{transform:translateY(1px)}
.button .icon{width:20px;height:20px}
.hero .primary-download{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;max-width:100%;min-height:48px;padding:13px 20px;border:1px solid #dce5ec;border-radius:6px;background:#fff;color:#103f62;font:600 15px/20px Arial,Helvetica,sans-serif;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;transition:background .15s,border-color .15s}
.hero .primary-download:hover{background:#edf4f9;border-color:#c4d6e3}
.hero .primary-download:active{background:#e1edf5}
.hero .primary-download svg{display:block;flex:none;width:18px;height:18px}
.hero .primary-download [data-download-label]{font:inherit;line-height:20px;white-space:nowrap}
.file-type{margin-left:6px;font-size:12px;font-weight:400;opacity:.75}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-bottom:80px}.card{background:#f4f8fb;padding:25px;border:1px solid #e0e9f0;border-radius:10px;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s}
a.card:hover{background:#edf4fa;border-color:#bfd2e0;box-shadow:0 4px 16px #103f620a}
.card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:22px;border-radius:12px;background:#e4eff7;color:#20658f}
.card-icon .icon{width:25px;height:25px}
.card h2{overflow-wrap:anywhere;hyphens:auto;font-size:21px;margin:0 0 8px;color:#155b8a;line-height:1.25}.card p{margin:0;font-size:17px;line-height:1.6;color:#182b3a}footer{padding:30px 0;background:#f1f5f8;font-size:13px}footer .wrap{display:flex;gap:30px;align-items:center;justify-content:space-between}footer p{max-width:650px}.skip{position:absolute;left:15px;top:-100px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}@media(min-width:1600px){.hero-photo{min-height:515px}}@media(max-width:1150px){.header nav{gap:18px;font-size:14px}.brand{font-size:22px}.hero{grid-template-columns:1.4fr 1fr}.hero-copy{padding:30px 25px}.hero h1{font-size:32px}.hero p{font-size:18px}.cards{gap:18px}.card{padding:20px}.card h2{font-size:18px}}@media(max-width:800px){.wrap{width:90%}.header{position:relative;min-height:88px;flex-wrap:wrap;gap:0;padding:18px 0}.brand{font-size:21px;gap:10px}.brand svg{width:23px}.menu-toggle{display:block;background:white;border:1px solid var(--line);border-radius:3px;padding:7px 10px;color:var(--navy);font-size:14px}.header nav{display:flex;flex-wrap:wrap;width:100%;padding-top:20px;gap:15px}.js .header nav{display:none}.js .header nav.open{display:flex}.language{padding-left:15px}.hero{grid-template-columns:1fr}.hero-photo{min-height:0;aspect-ratio:1000/513}.hero-copy{padding:30px}.hero h1{font-size:34px}.hero p{font-size:19px}.cards{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:40px}.card p{font-size:15px}footer .wrap{flex-direction:column;align-items:flex-start;gap:5px}}@media(max-width:420px){.brand{font-size:18px;letter-spacing:.5px}.hero-copy{padding:25px}.hero h1{font-size:30px}.cards{gap:10px}.card{padding:17px 14px}.card h2{font-size:16px;overflow-wrap:anywhere}.card p{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.button,.hero .primary-download{transition:none}}
.downloads{margin-bottom:60px;padding:28px;background:#f7f9fc;border:1px solid #e0e9f0;border-radius:10px}.downloads h2{margin-top:0}.download-options{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.download-pending{display:inline-flex;align-items:center;min-height:50px;padding:12px 17px;border:1px dashed #c7d5df;border-radius:8px;background:#fff;color:var(--muted);font-size:14px}@media(max-width:420px){.downloads{padding:20px}.download-options .button{width:100%}}