/* Layout idea: the phone number is the centrepiece. Cobalt header and page heads, cool white body, coral reserved for the call action. */
:root{
  --blue:#1541c4; --blue-d:#0f2f96; --navy:#0d1633; --ice:#f4f6fb; --tint:#e7ecf8; --line:#cfd6e8;
  --text:#141c33; --muted:#535d78; --coral:#ff5a3d; --coral-d:#e2432a; --white:#fff;
  --display:"Red Hat Display","Avenir Next","Segoe UI",sans-serif;
  --body:"Red Hat Text",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ice);color:var(--text);font:400 17.5px/1.6 var(--body)}
a{color:var(--blue)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--coral);outline-offset:2px}
h1,h2,h3{font-family:var(--display);color:var(--navy);line-height:1.12;margin:0;text-wrap:balance;letter-spacing:-.02em}
h1{font-size:clamp(2.05rem,4.9vw,3.5rem);font-weight:900}
h2{font-size:clamp(1.5rem,2.8vw,2.05rem);font-weight:800}
h3{font-size:1.18rem;font-weight:800}
p{margin:0 0 1em;max-width:66ch}
address{font-style:normal;margin:0 0 1em;overflow-wrap:anywhere}
.wrap{max-width:1130px;margin:0 auto;padding-left:22px;padding-right:22px}
.narrow{max-width:790px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:var(--white);padding:8px 12px;z-index:9}
.hl{color:var(--blue)}
.hdr{background:var(--blue);color:var(--white)}
.hdr-in{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;padding-top:13px;padding-bottom:13px}
.lg{display:flex;align-items:center;gap:10px;color:var(--white);text-decoration:none;flex:none}
.lg-d{width:32px;height:32px;border-radius:50%;border:4px solid var(--white);position:relative;flex:none}
.lg-d::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--coral)}
.lg-t{font:900 1.3rem/1.05 var(--display);letter-spacing:-.02em}
.lg-t small{display:block;font:500 .74rem/1.5 var(--body);letter-spacing:.03em;color:#cdd8ff}
.nav{display:flex;gap:4px 20px;margin-left:auto;font-size:.97rem;font-weight:500;white-space:nowrap}
.nav a{color:#e3e9ff;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current]{color:var(--white);border-color:var(--white)}
.hdr-tel{font:800 1.02rem var(--display);background:var(--coral);color:var(--white);padding:.65em 1em;border-radius:8px;text-decoration:none;white-space:nowrap;flex:none}
.hdr-tel:hover{background:var(--coral-d)}
.mn{display:none;font:700 .97rem var(--body);background:transparent;color:var(--white);border:2px solid #ffffff99;border-radius:8px;padding:.5em 1em;cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;font:800 1rem/1 var(--display);padding:1em 1.4em;border-radius:8px;text-decoration:none;border:2px solid transparent;cursor:pointer;white-space:nowrap}
.btn-c{background:var(--coral);color:var(--white)}.btn-c:hover{background:var(--coral-d)}
.btn-b{background:var(--blue);color:var(--white)}.btn-b:hover{background:var(--blue-d)}
.btn-l{border-color:var(--navy);color:var(--navy)}.btn-l:hover{background:var(--navy);color:var(--white)}
.btn-lw{border-color:#ffffffaa;color:var(--white)}.btn-lw:hover{background:var(--white);color:var(--blue)}
.btn-xl{font-size:1.2rem;padding:1.05em 1.6em}
.cols-eq{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)}
.row{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.5em}
.eyb{font:700 .82rem var(--body);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:1em}
.lead{font-size:1.2rem;color:var(--muted);margin-top:.9em}
.hero{background:var(--white);padding:60px 0 64px;border-bottom:1px solid var(--line)}
.hero-g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:50px;align-items:center}
.ring{background:var(--navy);color:#c9d2ee;border-radius:14px;padding:28px;border-bottom:6px solid var(--coral)}
.ring-k{font:700 .8rem var(--body);letter-spacing:.08em;text-transform:uppercase;color:#9fb0e6;margin-bottom:.3em}
.ring-n{margin-bottom:.7em}
.ring-n a{font:900 clamp(1.9rem,3.4vw,2.5rem)/1.1 var(--display);color:var(--white);text-decoration:none;white-space:nowrap}
.ring-s{font-weight:700;color:var(--white);margin-bottom:.4em;font-size:1rem}
.ring ul{margin:0;padding-left:1.1em;display:grid;gap:5px;font-size:.98rem}
.sec{padding:62px 0}
.sec h2{margin-bottom:.5em}
.tint{background:var(--tint)}
.navy{background:var(--navy);color:#c9d2ee}.navy h2,.navy h3{color:var(--white)}.navy .sub{color:#9fb0e6}.navy a{color:#ffb3a3}
.sub{color:var(--muted);margin-bottom:1.6em}
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bx{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:22px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:8px;grid-column:span 2}
.bx:hover{border-color:var(--blue)}
.bx p{margin:0;color:var(--muted);font-size:1rem}
.bx-go{margin-top:auto;padding-top:10px;font-weight:700;color:var(--blue)}
.bx-go::after,.arrow::after{content:" \2192"}
.bx-big{grid-column:span 4;background:var(--blue);border-color:var(--blue);padding:28px}
.bx-big h3{color:var(--white);font-size:1.6rem}.bx-big p{color:#dbe3ff;font-size:1.08rem;max-width:60ch}.bx-big .bx-go{color:var(--white)}
.bx-big:hover{background:var(--blue-d)}
.arrow{font-weight:700}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pc{background:var(--white);border:1px solid var(--line);border-top:5px solid var(--blue);border-radius:14px;padding:24px}
.pc-hot{border-top-color:var(--coral)}
.pc ul{margin:.8em 0 1em;padding-left:1.1em;display:grid;gap:7px}
.pc p:last-child{margin-bottom:0}
.pc p{color:var(--muted);font-size:1rem}
.line{list-style:none;counter-reset:l;margin:1.5em 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.line li{counter-increment:l;border-top:3px solid var(--blue);padding:18px 24px 0 0;position:relative}
.line li::before{content:counter(l);position:absolute;top:-19px;left:0;width:36px;height:36px;border-radius:50%;background:var(--blue);color:var(--white);font:900 1rem var(--display);display:grid;place-items:center}
.line h3{margin-top:14px}
.line p{margin:.4em 0 0;color:var(--muted);font-size:1rem}
.acs{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:1.6em}
.ac{border-left:3px solid var(--coral);padding-left:16px}
.ac p{margin:.5em 0 0;font-size:.98rem}
.qg{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:1.2em}
.qg3{grid-template-columns:repeat(3,1fr)}
.q{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:22px}
.q p{margin:.5em 0 0;color:var(--muted);font-size:1rem}
.end{background:var(--blue);color:#dbe3ff;padding:50px 0}
.end h2{color:var(--white)}.end p{margin:.5em 0 0}
.end-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px}
.end .row{margin-top:0}
.ph{background:var(--blue);color:#dbe3ff;padding:36px 0 50px}
.ph h1{color:var(--white)}.ph .lead{color:#dbe3ff}
.bc{font-size:.9rem;margin-bottom:1.3em;color:#cdd8ff}.bc a{color:var(--white)}
.cols2{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:30px 44px;align-items:start}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:1.2em}
.three .pc ul{list-style:none;padding:0;gap:4px;margin-bottom:0}
.chk{list-style:none;margin:.9em 0 0;padding:0;display:grid;gap:10px}
.chk li{padding-left:30px;position:relative}
.chk li::before{content:"";position:absolute;left:0;top:.3em;width:19px;height:19px;border-radius:5px;background:var(--blue)}
.chk li::after{content:"";position:absolute;left:5px;top:.6em;width:8px;height:5px;border-left:2.5px solid var(--white);border-bottom:2.5px solid var(--white);transform:rotate(-45deg)}
.oth{margin:1.8em 0 0;max-width:none;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.oth span{font-weight:700;margin-right:4px}
.chip{background:var(--white);border:1px solid var(--line);border-radius:999px;padding:5px 14px;text-decoration:none;font-size:.95rem;font-weight:500}
.chip:hover{border-color:var(--blue)}
.tel a{font:900 2.1rem var(--display);color:var(--navy);text-decoration:none}
.frm{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:1.2em}
.fi{display:grid;gap:5px}.fi-w{grid-column:1/-1}
.fi label{font-size:.9rem;font-weight:700}
.fi input,.fi select,.fi textarea{font:inherit;font-size:1rem;padding:.7em .8em;border:1px solid #98a3c0;border-radius:8px;background:var(--white);color:var(--text);width:100%}
.frm .btn{justify-self:start}
.frm-out{grid-column:1/-1;margin:0;background:#fff0ec;border:1px solid var(--coral);border-radius:8px;padding:10px 14px;font-size:.95rem}
.ftr{background:var(--navy);color:#b3bedd;font-size:.96rem;padding-top:48px}
.ftr a{color:#ffb3a3;overflow-wrap:anywhere}
.ftr-g{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}
.ftr-n{font:900 1.12rem var(--display);color:var(--white);margin-bottom:.5em}
.ftr-h{font:700 .8rem var(--body);letter-spacing:.08em;text-transform:uppercase;color:#8494c4;margin-bottom:.7em}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ftr-b{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;border-top:1px solid #ffffff22;margin-top:34px;padding-top:16px;padding-bottom:22px;font-size:.86rem}
.stick{display:none}
@media (max-width:1080px){
  .mn{display:inline-block;margin-left:auto}
  .nav{display:none;order:4;width:100%;flex-direction:column;gap:0;margin:0;white-space:normal;border-top:1px solid #ffffff44}
  .nav.open{display:flex}
  .nav a{padding:14px 2px;border-bottom:1px solid #ffffff33;font-size:1.05rem}
  .nav a[aria-current]{border-color:#ffffff33;font-weight:700}
}
@media (max-width:860px){
  body{padding-bottom:58px}
  .hero-g,.cols2,.pair{grid-template-columns:1fr;gap:26px}
  .hero{padding:36px 0 42px}.sec{padding:44px 0}
  .hdr-tel{display:none}
  .bento{grid-template-columns:1fr}.bx,.bx-big{grid-column:auto}
  .line{grid-template-columns:1fr;gap:34px}
  .acs,.three,.qg,.qg3{grid-template-columns:1fr}
  .ftr-g{grid-template-columns:1fr 1fr}
  .ftr li a{display:inline-block;padding:5px 0}
  .end-in{flex-direction:column;align-items:stretch}
  .stick{display:grid;grid-template-columns:1.7fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:5;box-shadow:0 -4px 14px #0003}
  .stick a{padding:18px 8px;text-align:center;font:800 .98rem var(--display);text-decoration:none;background:var(--coral);color:var(--white)}
  .stick a+a{background:var(--navy);font-size:.86rem;font-weight:700}
  .cols-eq{grid-template-columns:1fr}
}
@media (max-width:520px){
  .wrap{padding-left:16px;padding-right:16px}
  .row{flex-direction:column}.row .btn{width:100%}
  .frm{grid-template-columns:1fr}.frm .btn{width:100%}
  .ftr-g{grid-template-columns:1fr}
  .pc,.q,.bx,.ring{padding:20px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}