@font-face{font-family:"helvetica-w01-roman";src:url(../fonts/helvetica-w01-roman.woff2) format("woff2");font-display:swap}
:root{--navy:#242969;--blue:#2e39c7;--orange:#e69d35;--btn:#dd870c;--gold:#f5de6e;--btnbg:#efefef}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#d4cfcf;position:relative;color:var(--navy);font:16px/1.4 Verdana,Geneva,"DejaVu Sans",sans-serif;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:url(../img/bg.webp) center top/cover no-repeat}
img{display:block;max-width:100%;height:auto}
a{color:var(--blue)}
h1,h2,h3,h4,p,ul,blockquote{margin:0}
.wrap{position:relative;width:980px;margin:0 auto}
.hf{font-family:"helvetica-w01-roman",Helvetica,Arial,sans-serif}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* header */
.hd{background:var(--navy)}
.banner{height:226px;background:#dfcfba url(../img/banner.jpg) center/cover no-repeat;position:relative}
.banner .wrap{height:226px}
.logo{position:absolute;left:433px;top:30px;width:113px;height:92px}
.logo img{width:113px;height:92px}
.brand{position:absolute;left:328px;top:130px;width:323px;text-align:center;color:#fff;font-size:38px;font-style:italic;line-height:46px;text-decoration:none}
.tag{position:absolute;left:383px;top:195px;width:211px;text-align:center;color:#fff;font-size:13px;line-height:15px;white-space:nowrap}

/* language switch */
.lang{position:absolute;left:890px;top:30px;z-index:30}
.lang summary{list-style:none;cursor:pointer;width:57px;height:26px;background:var(--navy);border:1px solid rgba(255,255,255,.7);border-radius:6px;display:flex;align-items:center;justify-content:center;gap:5px;color:#fff;font:11px Arial,sans-serif}
.lang summary::-webkit-details-marker{display:none}
.lang summary img{width:26px;height:16px}
.lang ul{list-style:none;padding:4px 0;position:absolute;right:0;top:30px;background:var(--navy);border:1px solid rgba(255,255,255,.7);border-radius:6px;min-width:130px;box-shadow:0 4px 10px rgba(0,0,0,.25)}
.lang li a{display:flex;align-items:center;gap:8px;padding:6px 12px;color:#fff;text-decoration:none;font:13px Arial,sans-serif}
.lang li a:hover{color:var(--gold)}
.lang li img{width:22px;height:14px}

/* nav */
.nav{background:var(--navy);height:62px}
.nav ul{list-style:none;padding:0;display:flex;padding-top:31px}
.nav>.wrap>ul>li{width:245px;position:relative;text-align:center}
.nav a{display:block;color:#fff;text-decoration:none;font-size:16px;line-height:31px}
.nav a:hover,.nav a:focus-visible{color:var(--gold)}
.nav a[aria-current]{color:var(--gold)}
.nav .sub{display:none;flex-direction:column;padding:0;position:absolute;left:50%;top:31px;transform:translateX(-50%);background:var(--navy);box-shadow:0 4px 10px rgba(0,0,0,.25);z-index:20;padding:0;white-space:nowrap}
.sub a{padding:8px 20px;line-height:1.3;text-align:left}
.nav .has-sub:hover .sub,.nav .has-sub:focus-within .sub{display:flex}
.nt,.burger{display:none}

/* layout helpers */
main{display:block;position:relative}
.sec{position:relative;height:var(--h)}
.sec>.wrap{height:100%}
.a{position:absolute;left:var(--l);top:var(--t);width:var(--w)}
.ttl h1,.ttl h2{font-weight:400;margin:0;text-transform:uppercase;line-height:1.2}
.rule{display:block;border-top:1.6px solid currentColor;width:var(--rw,116px);margin-top:15px}
.ttl.c{text-align:center}.ttl.c .rule{margin-left:auto;margin-right:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;height:45px;padding:0 12px;background:var(--btnbg);border:1.6px solid var(--navy);color:var(--navy);font:14px/1 "helvetica-w01-roman",Helvetica,Arial,sans-serif;text-decoration:none;text-transform:uppercase;cursor:pointer}
.btn:hover{background:#fff}
.it{font-style:italic}
p+p{margin-top:0}

/* intro */
.intro h1{font-size:28px}
.portrait{border:0}
.portrait img{width:278px;height:442px}
.offer a{text-decoration:none;color:var(--blue)}
.offer a:hover{text-decoration:underline}
.how h3{font-size:21px;font-weight:700;font-style:italic}
.logos img{position:absolute}

/* quotes */
.imp{background:var(--orange)}
.imp h2{font-size:24px}
.q{font-size:16px;line-height:24px}
.q .by{display:block;text-align:right;font-style:italic;margin-top:24px}
.vid{aspect-ratio:390/220;width:390px;background:#000}
.vid{position:relative}
.vid iframe{width:100%;height:100%;border:0;display:block}
.yt{display:block;width:100%;height:100%;border:0;padding:0;cursor:pointer;background-color:#000;background-size:cover;background-position:center;position:relative}
.yt .play{position:absolute;left:50%;top:44%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(0,0,0,.65);border:2px solid #fff}
.yt .play::after{content:"";position:absolute;left:25px;top:17px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent #fff}
.yt:hover .play,.yt:focus-visible .play{background:rgba(221,135,12,.9)}
.yth{position:absolute;left:0;right:0;bottom:0;padding:5px 8px;background:rgba(0,0,0,.7);color:#fff;font-size:11px;line-height:1.3}
.yth a{color:#fff}
.vlink{display:block;white-space:nowrap;overflow:hidden;width:209px;height:25px;border:1px solid var(--navy);padding:0 6px;font:14px/23px "helvetica-w01-roman",Helvetica,Arial,sans-serif;color:var(--navy);text-decoration:none}
.vlink:hover{text-decoration:underline}
.ss{width:385px;height:var(--sh,220px);background:#a0a09f;overflow:hidden}
.ss img{width:100%;height:100%;object-fit:cover}
.ss button{position:absolute;top:43px;width:32px;height:134px;border:0;background:rgba(47,46,46,.75);color:#fff;font-size:22px;cursor:pointer;padding:0}
.ss .pv{left:0}.ss .nx{right:0}
.ss button:hover{background:rgba(47,46,46,.95)}
.ss .cnt{position:absolute;right:11px;top:9px;color:#fff;font:12px Arial,sans-serif;text-shadow:0 0 3px rgba(0,0,0,.6)}

/* cards */
.cards h2{font-size:28px}
.card{width:240px;height:240px;border-radius:50%;background:rgba(169,169,169,.59);text-align:center}
.card .ic{position:absolute;left:0;right:0;display:flex;justify-content:center}
.card b{position:absolute;left:0;right:0;font-size:20px;font-style:italic;line-height:24px;font-weight:700}
.card .btn{position:absolute;left:59px;top:155px;width:122px}

/* footer */
.ft{background:var(--navy);color:#fff}
.ft .sec{height:347px}
.ft h2{font-size:24px}
.ft a{color:#fff}
.ft input[type=text],.ft input[type=email],.ft textarea{display:block;width:100%;border:1.6px solid #373b4d;background:#fff;color:#373b4d;font:14px/1.3 Verdana,Geneva,sans-serif;padding:3px 3px 3px 24px;border-radius:0}
.ft input[type=text],.ft input[type=email]{height:52px}
.ft textarea{height:126px;resize:vertical}
.ft ::placeholder{color:#373b4d;opacity:.8}
.consent{font-size:14px;line-height:18px}
.consent input{position:absolute;left:0;top:2px;margin:0;width:13px;height:13px}
.consent span{display:block;padding-left:43px}
.send{border:0;background:var(--btn);color:#fff;font:18px/25px Verdana,Geneva,sans-serif;width:89px;height:40px;cursor:pointer}
.send:hover{background:#c67809}
.mail{font:18px/25px "helvetica-w01-roman",Helvetica,Arial,sans-serif;color:#fff;text-decoration:none}
.mail:hover,.fl a:hover{text-decoration:underline}
.fl{font:18px/25px "helvetica-w01-roman",Helvetica,Arial,sans-serif}
.fl a{text-decoration:none}
.line{font-size:16px}
.fdeco{position:absolute;left:980px;top:1px;width:276px;height:291px}
.fdeco img{width:276px;height:291px}
.ft{overflow:hidden}

/* ---------- Mobile / tablet ---------- */
@media (max-width:980px){
  .wrap{width:auto;padding:0 20px;max-width:640px}
  .banner,.banner .wrap{height:150px}
  .logo{left:20px;top:14px;width:60px;height:49px}.logo img{width:60px;height:49px}
  .brand{left:0;right:0;width:auto;top:74px;font-size:28px;line-height:34px}
  .tag{left:0;right:0;width:auto;top:114px;font-size:12px}
  .lang{left:auto;right:20px;top:14px}
  .nav{height:auto;position:relative}
  .burger{display:flex;align-items:center;justify-content:center;height:46px;color:#fff;cursor:pointer;font-size:15px;gap:10px}
  .burger i,.burger i::before,.burger i::after{display:block;width:22px;height:2px;background:#fff;position:relative;content:""}
  .burger i::before{position:absolute;top:-7px}.burger i::after{position:absolute;top:7px}
  .nav ul{display:none;flex-direction:column;padding:0 0 10px}
  .nt:checked~.wrap ul{display:flex}
  .nav>.wrap>ul>li{width:auto}
  .nav .wrap{max-width:none;padding:0}
  .nav ul a{padding:8px 20px;border-top:1px solid rgba(255,255,255,.15)}
  .nav .sub{display:flex;position:static;transform:none;box-shadow:none;background:rgba(255,255,255,.06)}
  .sub a{padding:8px 20px 8px 40px}
  .sec{height:auto;padding:28px 0}
  .sec>.wrap{height:auto}
  .a{position:static;left:auto;top:auto;width:auto;max-width:100%;margin:0 0 18px}
  .a.ss,.a.vid{position:relative}
  .portrait img{width:100%;max-width:278px;height:auto;margin:0 auto}
  .intro h1{font-size:24px}
  .logos{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:center}
  .logos img{position:static}
  .vid,.ss{width:100%}
  .vid{height:auto}
  .ss{height:auto;aspect-ratio:385/220}
  .q{margin-bottom:22px}
  .cards .row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
  .card{position:relative}
  .card .ic,.card b,.card .btn{position:absolute}
  .ft .sec{height:auto}
  .fdeco{display:none}
  .fi{height:auto!important}
  .fi>*{position:static!important;width:auto!important;margin:0 0 14px!important}
  .fi textarea{height:140px}
  .fi .send{width:89px!important}
  .q .by{width:auto!important}
  .ft .a.line{font-size:14px}
  .fl{display:flex;gap:24px;flex-wrap:wrap}
}

/* ---- sub pages ---- */
.pg{position:relative;padding:52px 0 56px}
.in{position:relative;width:980px;margin:0 auto;padding:0 60px 0 89px}
.t1 h1{font:400 28px/32px "helvetica-w01-roman",Helvetica,Arial,sans-serif;text-transform:uppercase}
.pg p,.legal p{line-height:18px}
.lead{margin:0}
.h6{font-size:20px;font-style:italic;font-weight:700;line-height:23px;margin:0 0 18px}
.row{display:grid;grid-template-columns:var(--c1) var(--c2);align-items:start}
.tx p{margin:0}
.bl{list-style:none;padding:0;margin:18px 0 0}
.bl li{position:relative;padding-left:22px;line-height:18px}
.bl li::before{content:"\2022";position:absolute;left:0}
.im img{height:auto}
.imp .big h2{font:400 28px/32px "helvetica-w01-roman",Helvetica,Arial,sans-serif}
.prof .ttl h1{font:400 28px/32px "helvetica-w01-roman",Helvetica,Arial,sans-serif}
.prof .info p{line-height:27px;margin:0 0 9px}
.prof .info .btn{width:120px}
.soc{display:flex;gap:27px}
.soc img{width:43px;height:43px}
.prof2{background:var(--orange);padding:21px 0 70px}
.in2{width:980px;margin:0 auto;padding-left:96px;display:grid;grid-template-columns:436px 1fr;max-width:100%}
.hh{font:400 28px/32px "helvetica-w01-roman",Helvetica,Arial,sans-serif;text-transform:uppercase;margin:0 0 11px;max-width:400px}
.colL .rule,.colR .rule{margin-top:0;margin-bottom:12px}
.colL .rule.sm{width:116px;margin:17px 0 12px}
.colR{padding-top:28px}
.ex{line-height:18px;max-width:415px}
.colR dl{margin:0}
.colR dt{font:700 14px/28px "helvetica-w01-roman",Helvetica,Arial,sans-serif;margin-top:14px}
.colR dt:first-child{margin-top:0}
.colR dd{margin:9px 0 0;line-height:27px;max-width:406px}
.legal{padding:32px 0 60px}
.in3{width:980px;margin:0 auto;padding:0 56px 0 124px}
.legal p{margin:0 0 18px}
.legal h2{font-size:16px;font-weight:700;line-height:18px;margin:26px 0 8px}
.legal h3{font-size:15px;font-weight:700;line-height:18px;margin:22px 0 8px}
.legal h4{font-size:14px;font-weight:700;font-style:italic;line-height:18px;margin:16px 0 6px}
.legal ul{margin:0 0 18px;padding-left:22px;line-height:18px}
.legal li{margin:0 0 4px}
.legal a{word-break:break-all}

@media (max-width:480px){
  .card{width:100%;max-width:280px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media (max-width:980px){
  .in,.in3{width:auto;max-width:640px;padding:0 20px}
  .pg{padding:28px 0 20px}
  .row{display:block}
  .row .im{margin:16px 0!important;padding-top:0!important}
  .row .im img{width:100%;max-width:452px}
  .row>div[style*="max-width"]{max-width:none!important}
  .tx,.lead{max-width:none!important}
  .prof .a{position:static;margin:0 0 18px}
  .prof .a img{max-width:274px;width:100%;height:auto}
  .prof .btn{width:auto!important;padding:0 24px}
  .in2{display:block;width:auto;padding:0 20px;max-width:640px}
  .ex,.hh,.colR dd{max-width:none}
  .colR{padding-top:24px}
  .imp .big h2{font-size:24px}
  .legal h2,.legal h3,.legal h4,.legal p,.legal ul{max-width:none}
}
@media (max-width:980px){.t1 h1,.hh,.imp .big h2{font-size:22px;line-height:28px;overflow-wrap:anywhere}}

.hp{position:absolute!important;left:-5000px;top:auto;width:1px;height:1px;overflow:hidden}
.fmsg{margin:0;font-size:14px;line-height:20px}
.fmsg.err{color:#a40000}
.send[disabled]{opacity:.6;cursor:wait}
@media(max-width:979px){.fmsg{position:static!important;width:auto!important;margin:0 0 14px!important}}