: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}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;border-radius:4px;background:var(--navy);color:white;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;line-height:1.4;text-align:center;min-height:52px}.button:hover{background:#1b5f8b}.button.light{color:var(--navy);background:white;width:100%}.button.light:hover{background:#eaf2f7}.button.light span{font-size:26px;line-height:1}.button:disabled{cursor:not-allowed;background:#dbe3e9;color:#586b79}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-bottom:80px}.card{background:var(--pale);padding:25px;text-decoration:none;transition:background .15s}a.card:hover{background:#dceaf3}.card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:42px;border:2px solid var(--blue);color:var(--blue);font-size:27px;line-height:1;border-radius:5px;margin-bottom:18px}.card h2{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}.hero .button{width:auto}.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}.hero .button{width:100%;font-size:14px}.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{transition:none}}
