
[hidden]{display:none!important}
.hap-manil{margin:.9em 0;cursor:pointer;align-items:flex-start;font-size:.95rem;line-height:1.45;gap:.6em;display:flex}
.hap-manil input{height:1.1em;width:1.1em;flex:none;margin-top:.25em}
.hap-sample{color:#8a8a8a}
mark.hap-pending{padding:0 .2em;outline:1px dashed #c9a400;border-radius:3px;background:#fff3b0;color:inherit}
.hap-hogub{align-items:flex-start;border:1px dashed currentColor;border-radius:var(--kuv,6px);margin:.9em 0;text-align:left;padding:.6em .75em;font-size:.92em;line-height:1.45;display:flex;gap:.55em}
.hap-guz{position:absolute;white-space:nowrap;overflow:hidden;height:1px;width:1px;clip:rect(0 0 0 0)}
.hap-mok{background:linear-gradient(currentColor 0 0) 0 0/100% 2px no-repeat,linear-gradient(currentColor 0 0) 0 50%/100% 2px no-repeat,linear-gradient(currentColor 0 0) 0 100%/100% 2px no-repeat;height:13px;flex:none;width:18px;display:block}   /* R14: hamburger bars for text-only menu buttons */
.hap-gav{flex:none;stroke-linecap:round;vertical-align:-.25em;height:1.4em;stroke-linejoin:round;stroke-width:2;stroke:currentColor;width:1.4em;fill:none}
.hap-rebtn{padding:.7em 1.15em;display:inline-flex;gap:.5em;align-items:center;justify-content:center;font:inherit;font-weight:700;line-height:1.2;cursor:pointer;color:var(--gev,#fff);text-decoration:none;background:var(--lot,#333);border-radius:var(--kuv,6px);border:2px solid var(--lot,#333)}
.hap-rebtn.hap-nej{background:transparent;color:var(--lot,#333)}
.hap-rebtn.hap-zit{padding:.45em .8em;font-size:.9em}
.hap-rebtn:disabled{opacity:.5;cursor:not-allowed}
.hap-rebtn:focus-visible,.hap-buk:focus-visible,summary:focus-visible,.hap-kok:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--vuf,#1a5fd0);outline-offset:2px}
.hap-hebtns{gap:.7em;display:flex;flex-wrap:wrap}
.hap-bev{display:grid;padding:0;margin:1em 0;grid-template-columns:repeat(3,1fr);list-style:none;gap:12px}
.hap-sef{border:1px solid var(--zen,#ddd);border-radius:var(--kuv,6px);align-items:start;background:var(--fuk,#f6f6f6);grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;display:grid;padding:14px}
.hap-reh{align-items:center;justify-content:center;background:var(--bil,#fff);color:var(--lot,#333);display:flex;width:44px;grid-row:1/3;border-radius:50%;border:1px solid var(--zen,#ddd);height:44px}
.hap-reh .hap-gav{width:24px;height:24px;vertical-align:0}
.hap-kih{font-weight:700}
.hap-gah{color:var(--nup,#555);font-size:.95em}
.hap-tovu{margin:.5em 0 0}
.hap-tovu>summary,.hap-jet>summary{cursor:pointer;font-weight:700;padding:.6em 0}
.hap-mijuk h3{margin:1.2em 0 .3em;font-size:1.1em}
.hap-jet{border-bottom:1px solid var(--zen,#ddd)}
.hap-jet>summary{list-style-position:outside}
.hap-toj{padding:0 0 .8em}
.hap-kok{border:1px solid var(--zen,#ddd);border-radius:var(--kuv,6px);margin:1em 0;overflow-x:auto}
.hap-noz{width:100%;min-width:560px;font-size:.95em;border-collapse:collapse}
.hap-noz th,.hap-noz td{vertical-align:top;text-align:left;border-bottom:1px solid var(--zen,#ddd);padding:10px 12px}
.hap-noz thead th{background:var(--fuk,#f6f6f6)}
.hap-dif{font-size:.85em;color:var(--nup,#555)}
.hap-dif a{margin-right:.8em}
.hap-jam{border-radius:var(--kuv,6px);background:var(--fuk,#f6f6f6);padding:24px}
.hap-hav{padding:0 .15em;border-radius:3px;background:#fff3b0}
.hap-mim{overflow:hidden;margin:1.2em 0;border:1px solid var(--zen,#ddd);border-radius:var(--kuv,6px)}
.hap-lukevu{font-weight:700;padding:8px 12px;align-items:center;justify-content:space-between;background:var(--fuk,#f6f6f6);display:flex;gap:10px;border-bottom:1px solid var(--zen,#ddd)}
.hap-sivive{padding:12px 16px;background:var(--bil,#fff)}
.hap-kojiz{gap:4px;display:flex;flex-direction:column;margin:0 0 12px}
.hap-kojiz label{font-weight:600;font-size:.95em}
.hap-kojiz input,.hap-kojiz select{font:inherit;min-height:44px;background:var(--bil,#fff);border:1px solid var(--zen,#bbb);border-radius:var(--kuv,6px);box-sizing:border-box;width:100%;color:var(--pel,#222);padding:.6em .7em}
.hap-kojiz input:disabled{background:var(--fuk,#f1f1f1);cursor:not-allowed}
.hap-fer{align-items:center;gap:6px;display:flex}
.hap-hub{font-weight:700}
.hap-some{margin:.5em 0 0;color:var(--nup,#555);font-size:.9em}
.hap-fegon,.hap-rovaz,.hap-tetane{max-width:520px}
.hap-bivo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start;margin:1em 0;display:grid}
.hap-zul{border:1px solid var(--zen,#ddd);border-radius:var(--kuv,6px);padding:16px;min-height:80px;background:var(--fuk,#f6f6f6)}
.hap-zub{font-size:1.6em;margin:0 0 .3em;line-height:1.2}
.hap-lor{display:grid;padding:0;gap:10px;list-style:none;margin:0}
.hap-lor li{background:var(--bil,#fff);gap:8px;padding:10px 12px;display:grid;border:1px solid var(--zen,#ddd);border-radius:var(--kuv,6px)}
.hap-vig{white-space:pre-wrap;font:inherit;background:var(--bil,#fff);border:1px solid var(--zen,#ddd);border-radius:var(--kuv,6px);padding:12px;margin:0 0 10px}
.hap-saze-demo{gap:18px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);margin:1.2em 0;align-items:start}
.hap-run{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;gap:10px}
.hap-buk{display:flex;text-align:left;color:var(--pel,#222);font:inherit;flex-direction:column;cursor:pointer;border:2px solid var(--zen,#ddd);border-radius:var(--kuv,6px);gap:6px;background:var(--bil,#fff);padding:12px;align-items:flex-start}
.hap-buk[aria-checked=true]{border-color:var(--lot,#333);background:var(--fuk,#f6f6f6)}
.hap-nov{font-weight:700;line-height:1.25}
.hap-bog{font-size:.88em;color:var(--nup,#555);line-height:1.35}
.hap-fobigo{grid-column:2;grid-row:1/3;border:1px solid var(--zen,#ddd);border-radius:var(--kuv,6px);display:flex;flex-direction:column;gap:12px;background:var(--fuk,#f6f6f6);padding:16px}
.hap-nose{grid-column:1/3}
.hap-peju{color:var(--nup,#555);font-size:.92em;margin:0}
.hap-jifib{flex-wrap:wrap;gap:10px;display:flex}
.hap-zide{display:flex;align-items:center;gap:12px;font-weight:700;font-variant-numeric:tabular-nums}
.hap-puv{background:var(--fas,#c62828);border-radius:50%;animation:happ 1.2s infinite;width:10px;height:10px}
@keyframes happ{50%{opacity:.25}}
.hap-punob{margin:0;min-height:1.4em}
.hap-punob.hap-foj{font-weight:700}
.hap-nulo{max-height:220px;overflow:auto;gap:6px;margin-bottom:8px;display:flex;flex-direction:column}
.hap-nulo p{border-radius:10px;border:1px solid var(--zen,#ddd);background:var(--bil,#fff);margin:0;max-width:90%;padding:8px 10px}
.hap-nulo p.hap-kos{border-color:transparent;color:var(--gev,#fff);align-self:flex-end;background:var(--lot,#333)}
.hap-vemeg{display:flex;gap:8px}
.hap-vemeg input{min-width:0;border:1px solid var(--zen,#bbb);border-radius:var(--kuv,6px);padding:.6em .7em;font:inherit;flex:1;min-height:44px}
.hap-mebol{color:var(--nup,#555);font-size:.92em;margin:.6em 0 0}
.hap-mebol.hap-foj{color:var(--pel,#222);font-weight:700}
.hap-nutuf{max-width:560px;background:var(--bil,#fff);padding:16px;border:1px solid var(--zen,#ccc);border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.hap-numin{border:1px solid var(--zen,#ccc);border-radius:12px;font-size:.9rem;line-height:1.4;max-width:340px;color:var(--pel,#222);text-align:left;padding:12px 14px;box-shadow:0 10px 28px rgba(0,0,0,.18);background:#fff}
.hap-numin .hap-miri{margin:.15em 0 .45em}
.hap-numin .hap-gugo{margin:0;font-size:.95em}
.hap-numin .hap-gun{margin:0 0 .5em}
.hap-jad{display:flex;margin-bottom:8px;align-items:center;gap:8px}
.hap-mebu{font-size:.72em;font-weight:700;text-transform:uppercase;padding:.2em .6em;letter-spacing:.06em;color:var(--nup,#555);border-radius:99px;border:1px solid var(--nup,#777)}
.hap-mazi{white-space:nowrap;background:var(--fuk,#eee);color:var(--pel,#222);padding:.2em .6em;border-radius:99px;font-size:.78em;font-weight:700}
.hap-tanud{background:#fde3e1;color:#8a1c14}
.hap-hune{background:#dff3e3;color:#17612a}
.hap-zuhazi{background:#ececec;color:#444}
.hap-joviti{background:#e3ecfb;color:#1d4a8f}
.hap-zuvud{font-size:.82em;margin-left:auto;color:var(--nup,#555)}
.hap-toru{font-size:.85em;color:var(--nup,#555);margin:0}
.hap-miri{margin:.2em 0 .5em}
.hap-gugo{padding:8px 10px;background:var(--fuk,#f4f4f4);margin:0 0 .6em;display:flex;gap:8px;align-items:flex-start;border-radius:8px}
.hap-ram{font-size:.78em;text-transform:uppercase;color:var(--nup,#555);margin:.4em 0 .2em;letter-spacing:.05em}
.hap-gun{list-style:none;display:grid;font-size:.9em;gap:4px;margin:0;padding:0}
.hap-gun b{display:inline-block;min-width:5.2em}
.hap-pisos{font-size:.8em;color:var(--nup,#555);margin:.7em 0 0}
.hap-zode{margin:1em 0}
.hap-mabive{padding:12px;max-width:640px;background:var(--bil,#fff);border:1px solid var(--zen,#ccc);border-radius:12px}
.hap-vena{gap:14px;border-bottom:1px solid var(--zen,#ddd);font-weight:700;font-size:.9em;display:flex;padding-bottom:10px;align-items:center}
.hap-vad{gap:8px;margin:12px 0;display:grid;grid-template-columns:repeat(4,1fr)}
.hap-mer{padding:10px;background:var(--fuk,#f4f4f4);display:flex;border-radius:8px;flex-direction:column}
.hap-mer b{font-size:1.5em;line-height:1.1}
.hap-mer span{font-size:.78em;color:var(--nup,#555)}
.hap-sobop{padding:0;margin:0;list-style:none}
.hap-sobop li{align-items:center;border-top:1px solid var(--zen,#ddd);gap:8px;font-size:.88em;display:grid;grid-template-columns:5.5em 1fr auto auto;padding:8px 0}
.hap-naj{font-weight:700}
.hap-zode figcaption{margin-top:6px;color:var(--nup,#555);font-size:.85em}
.hap-dutoz{gap:16px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid;margin:1em 0}
.hap-tifa,.hap-fuvi{border:1px solid var(--zen,#ddd);border-radius:var(--kuv,6px);padding:20px;background:var(--bil,#fff)}
.hap-sih{text-transform:uppercase;letter-spacing:.05em;font-weight:700;font-size:.82em;color:var(--nup,#555);margin:0 0 .3em}
.hap-sog{margin:0 0 .6em;font-size:1em}
.hap-sog span{font-size:2.6em;font-weight:800;line-height:1}
.hap-tifa ul,.hap-fuvi ul,.hap-mapo{padding:0;list-style:none;margin:0 0 1em}
.hap-tifa li,.hap-mapo li{padding:5px 0;align-items:flex-start;gap:10px;display:flex}
.hap-fuvi li{justify-content:space-between;padding:8px 0;display:flex;border-top:1px solid var(--zen,#ddd);gap:10px}
.hap-gegu{margin:1em 0;display:grid;list-style:none;padding:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hap-mug{color:inherit;padding:12px;background:var(--bil,#fff);text-decoration:none;align-items:center;display:flex;gap:10px;border:1px solid var(--zen,#ddd);border-radius:var(--kuv,6px)}
.hap-dofi{margin-top:16px;border:1px solid var(--zen,#ddd);border-radius:var(--kuv,6px);align-items:flex-start;display:flex;gap:12px;padding:14px;background:var(--fuk,#f6f6f6);flex-direction:column}
.hap-gugi{margin:0;white-space:pre-line}
.hap-lipe{display:flex;background:var(--bil,#fff);flex-direction:column;align-items:flex-start;gap:10px;padding:12px;border:1px dashed var(--zen,#bbb);border-radius:var(--kuv,6px)}
.hap-satev{margin:0;font-weight:700;font-size:.95em}
.hap-lipe audio{width:100%;max-width:100%}
.hap-rasu{padding:.45em .9em;cursor:pointer;min-height:44px;align-items:center;justify-content:center;font:inherit;font-size:.92em;font-weight:700;line-height:1.2;display:inline-flex;color:var(--gev,#fff);border:2px solid var(--lot,#333);border-radius:var(--kuv,6px);background:var(--lot,#333)}
.hap-rasu:focus-visible{outline:3px solid var(--vuf,#1a5fd0);outline-offset:2px}
.hap-huha{font-size:.92em;line-height:1.4;border:1px solid var(--zen,#ddd);border-radius:var(--kuv,6px);width:100%;overflow:auto;gap:6px;display:grid;max-height:280px;background:var(--fuk,#f6f6f6);padding:10px}
.hap-huha p{margin:0}
.hap-huha b{display:inline-block;min-width:6.5em}
.hap-fega{cursor:pointer;text-align:left;display:inline-flex;box-shadow:0 6px 20px rgba(0,0,0,.28);right:16px;bottom:16px;position:fixed;padding:.7em 1.1em;border:2px solid var(--lot,#333);border-radius:var(--kuv,10px);background:var(--lot,#333);color:var(--gev,#fff);max-width:calc(100vw - 32px);gap:.5em;z-index:45;font:inherit;font-weight:700;line-height:1.2;align-items:center}
.hap-fega[aria-expanded=true]{display:none}
.hap-fega:focus-visible,.hap-mako:focus-visible{outline:3px solid var(--vuf,#1a5fd0);outline-offset:2px}
.hap-luk{background:var(--bil,#fff);color:var(--pel,#222);max-height:min(560px,calc(100vh - 32px));max-height:min(560px,calc(100dvh - 32px));z-index:70;right:16px;bottom:16px;box-shadow:0 14px 44px rgba(0,0,0,.32);flex-direction:column;position:fixed;font-size:1rem;overflow:hidden;width:min(380px,calc(100vw - 32px));border:1px solid var(--zen,#ccc);border-radius:min(var(--kuv,10px),18px);display:flex}
.hap-muso{color:var(--gev,#fff);display:flex;gap:10px;align-items:center;justify-content:space-between;background:var(--lot,#333);padding:4px 4px 4px 14px}
.hap-tobo{font-size:1rem}
.hap-mako{color:inherit;min-width:44px;min-height:44px;display:inline-flex;cursor:pointer;background:transparent;border:0;align-items:center;justify-content:center;padding:0}
.hap-bozo{min-height:140px;display:flex;overflow:auto;padding:12px 14px;flex:1 1 auto;flex-direction:column;background:var(--fuk,#f6f6f6);gap:8px}
.hap-bozo p{overflow-wrap:anywhere;background:var(--bil,#fff);border-radius:12px;border:1px solid var(--zen,#ddd);margin:0;padding:8px 10px;font-size:.95rem;line-height:1.4;white-space:pre-line;max-width:88%}
.hap-bozo p.hap-kos{color:var(--gev,#fff);align-self:flex-end;background:var(--lot,#333);border-color:transparent}
.hap-bozo p.hap-pete{color:var(--nup,#555)}
.hap-pehi{background:var(--bil,#fff);padding:10px 12px;display:flex;border-top:1px solid var(--zen,#ddd);gap:8px}
.hap-pehi input{background:var(--bil,#fff);color:var(--pel,#222);padding:.5em .7em;font:inherit;font-size:16px;border:1px solid var(--zen,#bbb);border-radius:min(var(--kuv,6px),12px);flex:1;min-width:0;min-height:44px}
.hap-pehi .hap-rebtn{flex:none;min-height:44px}
@media (max-width:560px){.hap-fega{right:12px;bottom:12px}.hap-luk{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);width:auto;right:8px;left:8px;bottom:8px}}
@media print{.hap-fega,.hap-luk{display:none}}
@media (max-width:880px){.hap-gegu{grid-template-columns:repeat(2,minmax(0,1fr))}.hap-saze-demo,.hap-bivo,.hap-dutoz{grid-template-columns:minmax(0,1fr)}.hap-run,.hap-fobigo,.hap-nose{grid-column:1;grid-row:auto}}
@media (max-width:720px){.hap-bev{grid-template-columns:1fr}.hap-run{grid-template-columns:1fr}.hap-vad{grid-template-columns:repeat(2,1fr)}.hap-sobop li{grid-template-columns:1fr auto}.hap-sobop .hap-dok{grid-column:1/3;grid-row:2}.hap-gegu{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.hap-puv{animation:none}}


@font-face{font-family:"Barlow Condensed Fb";src:local("Arial Bold"),local("Arial-BoldMT"),local("Arial");font-weight:600 800;size-adjust:69%}
@font-face{font-family:"Barlow Fb";src:local("Arial"),local("ArialMT");font-weight:400;size-adjust:96%}
@font-face{font-family:"Barlow Fb";src:local("Arial Bold"),local("Arial-BoldMT"),local("Arial");font-weight:600;size-adjust:91%}
:root{--vuf:#e0441f;--zen:#c9d2de;--bil:#f6f7f9;--lot:#14365c;--vek:#1f7a45;--doh:#1b6fa3;--vib:#b8340f;--nup:#4b5a6f;--gev:#fff;--kuj:#14365c;--sip:var(--vis);--fas:#c62828;--vis:#3aa7e0;--ref:#e0441f;--saf:Barlow,"Barlow Fb",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--fuk:#fff;--pel:#0e1726;--guh:#e7eef6;--kuv:0px;--kih:#0b1f36;--hup:#ff7a52;--mar:#050d18;--dos:"Barlow Condensed","Barlow Condensed Fb","Arial Narrow",sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
[id]{scroll-margin-top:120px}
body{margin:0;background:var(--bil);color:var(--pel);font-family:var(--saf);font-size:18px;line-height:1.55}
img{max-width:100%;height:auto}
a{color:var(--doh)}
h1,h2,h3{letter-spacing:.012em;margin:0;text-transform:uppercase;color:var(--pel);font-family:var(--dos);font-weight:800;line-height:.98}
h2{font-size:clamp(2rem,4.2vw,3.1rem)}
h3{font-size:1.5rem;line-height:1.05}
.hap-baka{z-index:100;left:-999px;top:0;font-weight:600;background:var(--ref);position:absolute;color:var(--mar);padding:12px 18px}
.hap-baka:focus{left:0}
.hap-jeb{margin:0 auto;padding:0 28px;max-width:1240px}
/* ---------- header: strip + bar + split stripe + mega menu ---------- */
.hap-hez{top:0;background:#fff;z-index:50;position:sticky}
.hap-refam{color:#bcd0e6;font-size:.84rem;letter-spacing:.07em;background:var(--kih);text-transform:uppercase}
.hap-refam .hap-jeb{align-items:center;justify-content:space-between;display:flex;height:34px;gap:20px}
.hap-koso{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hap-huboba{border-bottom:2px solid var(--ref);color:#fff;text-decoration:none;font-weight:600;line-height:1.2}
.hap-huboba:hover{color:var(--hup)}
.hap-hok .hap-jeb{display:flex;align-items:stretch;min-height:72px;gap:24px}
.hap-devuja{flex:none;text-decoration:none;color:var(--kih);align-items:center;gap:12px;display:flex}
.hap-motula{display:block;flex:none}
.hap-med{text-transform:uppercase;white-space:nowrap;gap:6px;font-family:var(--dos);font-weight:800;font-size:1.65rem;line-height:1;align-items:center;letter-spacing:.03em;display:flex}
.hap-med i{padding:.08em .32em .02em;font-style:normal;font-size:.9em;background:var(--ref);color:var(--mar)}
.hap-sor{align-items:stretch;display:flex;margin-left:auto}
.hap-sor>ul{list-style:none;display:flex;align-items:stretch;padding:0;margin:0}
.hap-heb{align-items:stretch;border-left:1px solid var(--zen);display:flex}
.hap-heb:last-child{border-right:1px solid var(--zen)}
.hap-heb>a{padding:0 18px;text-transform:uppercase;display:flex;color:var(--kih);align-items:center;text-decoration:none;white-space:nowrap;font-family:var(--dos);font-weight:700;font-size:1.22rem;letter-spacing:.05em;position:relative}
.hap-heb>a::after{transition:transform .12s;left:0;right:0;bottom:0;background:var(--ref);height:5px;transform:scaleY(0);position:absolute;transform-origin:bottom;content:""}
.hap-heb:hover>a::after,.hap-heb:focus-within>a::after{transform:scaleY(1)}
.hap-jig,.hap-pug{display:none}
.hap-bolo{left:0;right:0;top:calc(100% - 5px);box-shadow:0 18px 0 rgba(11,31,54,.16);border-top:5px solid var(--ref);position:absolute;background:var(--kih);display:none}
.hap-sufu:hover>.hap-bolo,.hap-sufu:focus-within>.hap-bolo{display:block}
.hap-bolo ul{list-style:none;margin:0 auto;gap:4px 32px;padding:26px 28px 30px;max-width:1240px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.hap-bolo a{text-decoration:none;display:block;color:#e6eef8;position:relative;border-bottom:1px solid rgba(255,255,255,.12);padding:9px 0 9px 22px;font-size:1.02rem}
.hap-bolo a::before{margin-top:-5px;height:10px;left:0;top:50%;width:10px;position:absolute;content:"";background:var(--vis)}
.hap-bolo li:nth-child(even) a::before{background:var(--ref)}
.hap-bolo a:hover,.hap-bolo a:focus-visible{color:#fff;background:rgba(255,255,255,.07)}
.hap-vedi{align-self:center;flex:none}
.hap-lev{display:none}
.hap-mat{display:none}
.hap-pabili{height:5px;background:linear-gradient(90deg,var(--vis) 50%,var(--ref) 50%)}
/* ---------- buttons ---------- */
.hap-rebtn{white-space:nowrap;padding:.62em 1.25em;transition:transform .1s,box-shadow .1s;border-radius:0;border:2px solid var(--pel);color:var(--mar);text-transform:uppercase;box-shadow:4px 4px 0 var(--pel);background:var(--ref);letter-spacing:.05em;font-family:var(--dos);font-weight:700;font-size:1.2rem}
.hap-rebtn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--pel)}
.hap-rebtn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--pel)}
.hap-rebtn.hap-nej{background:#fff;color:var(--pel)}
.hap-rebtn.hap-zit{font-size:1.02rem;box-shadow:3px 3px 0 var(--pel);padding:.42em .9em}
.hap-rebtn.hap-fuh{font-size:1.45rem;padding:.6em 1.4em}
.hap-rebtn:disabled{box-shadow:none;opacity:.5;transform:none}
.hap-hebtns{gap:16px;flex-wrap:wrap;display:flex;align-items:center}
.hap-pas .hap-rebtn{white-space:normal;text-align:center}
main{overflow-wrap:break-word}
.hap-tuk .hap-rebtn,.hap-mis .hap-rebtn,.hap-pol .hap-rebtn,.hap-nune .hap-rebtn{border-color:#fff;box-shadow:4px 4px 0 rgba(255,255,255,.35)}
.hap-tuk .hap-rebtn:hover,.hap-mis .hap-rebtn:hover,.hap-pol .hap-rebtn:hover{box-shadow:6px 6px 0 rgba(255,255,255,.5)}
.hap-tuk .hap-rebtn.hap-nej,.hap-mis .hap-rebtn.hap-nej,.hap-pol .hap-rebtn.hap-nej{background:transparent;color:#fff}
/* ---------- heroes ---------- */
.hap-mis,.hap-pol{background:var(--kih);overflow:hidden;color:#fff;position:relative}
.hap-mis::before,.hap-pol::before{position:absolute;background:linear-gradient(112deg,transparent 0 62%,var(--ref) 62% calc(62% + 7px),#112e4f calc(62% + 7px) 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 46px),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 46px);inset:0;content:""}
.hap-vel::before{background:linear-gradient(90deg,var(--vis) 0 7px,transparent 7px),repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 46px),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 46px)}
.hap-mis::after,.hap-pol::after{content:"";position:absolute;height:8px;background:linear-gradient(90deg,var(--vis) 50%,var(--ref) 50%);left:0;right:0;bottom:0}
.hap-mis h1,.hap-pol h1{color:#fff}
.hap-mis{padding:64px 0 0}
.hap-lus{padding-bottom:84px;display:grid;gap:52px;position:relative;align-items:center;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.hap-mis h1{font-size:clamp(2.7rem,6vw,5.3rem);line-height:.93}
.hap-mujer{font-size:1.22rem;margin:22px 0 0;max-width:58ch;color:#cfdbea}
.hap-vubo{max-width:56ch;font-weight:600;font-size:1.18rem;margin:20px 0 0;padding:2px 0 2px 16px;border-left:6px solid var(--ref);color:#fff}
.hap-hiki{flex-wrap:wrap;display:flex;gap:18px;margin-top:30px}
.hap-tijag{flex-wrap:wrap;display:flex;align-items:center;font-size:.95rem;margin:22px 0 0;color:#a9bdd4;gap:8px 20px}
.hap-tijag a{color:#d5e2f1;font-weight:600}
.hap-kizeno{text-transform:uppercase;font-weight:600;display:inline-flex;align-items:center;gap:8px;letter-spacing:.05em}
.hap-kizeno .hap-gav{color:var(--ref);height:18px;width:18px}
.hap-fit{position:relative;padding-bottom:46px}
.hap-fit .hap-lifes{aspect-ratio:5/4}
.hap-fit .hap-numin{left:-11%;bottom:0;width:min(78%,340px);position:absolute;z-index:4}
.hap-numin{padding:12px 16px 14px;font-family:var(--saf);color:var(--pel);background:#fff;box-shadow:8px 8px 0 rgba(11,31,54,.38);border:0;border-top:10px solid var(--ref);border-radius:0;max-width:none}
.hap-numin .hap-jad{margin-bottom:6px}
.hap-numin .hap-miri{font-size:1.1rem;line-height:1.2;margin:.1em 0 .5em}
.hap-numin .hap-gugo{font-size:.95rem;line-height:1.3;padding:7px 10px}
.hap-fit .hap-gun,.hap-fit .hap-ram,.hap-fit .hap-pisos{display:none}
.hap-pol{padding:46px 0 58px}
.hap-fus{gap:48px;align-items:center;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);display:grid;position:relative}
.hap-fus.hap-mizo{grid-template-columns:minmax(0,1fr)}
.hap-pol h1{font-size:clamp(2.3rem,5vw,4rem)}
.hap-pol .hap-mujer{margin-top:18px}
.hap-vamol{text-transform:uppercase;display:flex;margin:0 0 16px;gap:4px 10px;flex-wrap:wrap;letter-spacing:.08em;font-size:.84rem;font-weight:600}
.hap-vamol a{color:#9fb8d4;text-decoration:none}
.hap-vamol a+a::before{color:var(--ref);content:"/";margin-right:10px}
/* ---------- picture frame + fallback ---------- */
.hap-lifes{border:3px solid #fff;overflow:hidden;aspect-ratio:4/3;isolation:isolate;margin:0;position:relative;background:var(--kuj)}
.hap-lifes::before{left:0;right:0;top:0;content:"";height:9px;position:absolute;z-index:3;background:linear-gradient(90deg,var(--vis) 50%,var(--ref) 50%)}
.hap-lifes .hap-solu{width:100%;height:100%;object-fit:cover;inset:0;display:block;position:absolute;z-index:2}
.hap-lozil{background:linear-gradient(110deg,#17517f 0 49%,#c23a17 49% 100%);inset:0;z-index:1;position:absolute}
.hap-lozil::before{inset:0;content:"";position:absolute;background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 32px),repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 32px)}
.hap-lozil::after{opacity:.95;height:18%;background:repeating-linear-gradient(135deg,var(--ref) 0 14px,var(--kih) 14px 28px);position:absolute;left:0;right:0;bottom:0;content:""}
.hap-hipok{position:absolute;color:var(--kih);display:grid;width:36%;background:#fff;transform:translate(-50%,-50%);box-shadow:8px 8px 0 var(--kih);place-items:center;z-index:2;aspect-ratio:1;left:50%;top:44%;border:4px solid var(--kih)}
.hap-hipok .hap-gav{width:56%;height:56%}
.hap-lila{height:100%;position:absolute;inset:0;width:100%;display:block;z-index:1}
/* ---------- sections ---------- */
.hap-pav{padding:76px 0;border-bottom:2px solid #d5dce7;--sip:var(--vis)}
.hap-pav.hap-zoh{--sip:var(--ref)}
.hap-hig{align-items:start;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:60px;display:grid}
.hap-tef .hap-doni{order:2}
.hap-tef .hap-hig{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.hap-jur{min-width:76px;padding:0 14px;margin-bottom:22px;place-items:center;font-family:var(--dos);font-weight:800;font-size:2.2rem;color:#fff;border-bottom:7px solid var(--sip);height:64px;background:var(--kuj);letter-spacing:.03em;display:inline-grid}
.hap-gofe{font-size:1.15rem;max-width:52ch;color:#34425a;margin:18px 0 0}
.hap-doni .hap-lifes{margin-top:30px;border-color:var(--kih)}
.hap-bif{gap:14px;display:grid;margin:0;padding:0;list-style:none}
.hap-gel{border:2px solid var(--pel);background:#fff;display:grid;grid-template-columns:68px minmax(0,1fr)}
.hap-bov{color:var(--pel);background:var(--sip);place-items:center;display:grid}
.hap-bov .hap-gav{height:30px;vertical-align:0;width:30px}
.hap-nes{padding:16px 20px 18px;display:flex;flex-direction:column;gap:3px}
.hap-feh{letter-spacing:.02em;font-family:var(--dos);font-weight:700;font-size:1.42rem;line-height:1.05;text-transform:uppercase}
.hap-zup{font-size:1rem;margin:0;color:#34425a}
.hap-ful{display:none}
.hap-tovu{border:2px solid var(--pel);background:#fff;margin-top:18px}
.hap-tovu>summary{cursor:pointer;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:13px 18px;letter-spacing:.06em;display:flex;font-family:var(--dos);font-weight:700;font-size:1.25rem;text-transform:uppercase}
.hap-tovu>summary::-webkit-details-marker{display:none}
.hap-tovu>summary::after{background:var(--pel);content:"+";height:30px;place-items:center;width:30px;display:grid;color:#fff;padding-bottom:3px;font-size:1.5rem;line-height:1}
.hap-tovu[open]>summary::after{content:"\2212";background:var(--ref);color:var(--pel)}
.hap-mijuk{padding:6px 22px 20px;max-width:76ch}
.hap-mijuk p{margin:0 0 1em}
.hap-mijuk h3{margin:1.5em 0 .4em;font-size:1.5rem}
.hap-mijuk ul,.hap-mijuk ol{padding-left:1.3em;margin:0 0 1em}
.hap-mijuk li{margin:.3em 0}
.hap-mijuk a{font-weight:600}
/* trio mode */
.hap-kogu .hap-hig{display:block}
.hap-sud{align-items:end;margin-bottom:34px;gap:48px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.hap-kogu .hap-gofe{margin:0}
.hap-kogu .hap-bif{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hap-kogu .hap-gel{grid-template-columns:minmax(0,1fr);border-top:9px solid var(--sip)}
.hap-kogu .hap-gel:nth-child(1){--sip:var(--vis)}
.hap-kogu .hap-gel:nth-child(2){--sip:var(--kuj);--hub:#fff}
.hap-kogu .hap-gel:nth-child(3){--sip:var(--ref)}
.hap-kogu .hap-bov{color:var(--pel);justify-content:start;place-items:center start;padding:14px 20px;background:transparent;height:auto}
.hap-kogu .hap-bov .hap-gav{height:44px;color:var(--hub,var(--pel));padding:9px;background:var(--sip);width:44px}
.hap-kogu .hap-nes{padding-top:0}
.hap-nojasa .hap-ful{height:44px;background:var(--kih);width:44px;color:#fff;place-items:center;display:grid;font-family:var(--dos);font-weight:800;font-size:1.6rem;margin:14px 20px 0}
.hap-nojasa .hap-bov{display:none}
.hap-nojasa.hap-kogu .hap-bif{counter-reset:s}
/* dark sections */
.hap-tuk{border-bottom:0;background:var(--kih);color:#e6eef8}
.hap-tuk h2,.hap-tuk h3{color:#fff}
.hap-tuk .hap-gofe{color:#cfdbea}
.hap-tuk .hap-jur{background:#fff;color:var(--kih)}
.hap-tuk .hap-gel{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.55)}
.hap-tuk .hap-kogu .hap-gel,.hap-tuk.hap-kogu .hap-gel{border-top-color:var(--sip)}
.hap-tuk .hap-zup{color:#cfdbea}
.hap-tuk .hap-feh{color:#fff}
.hap-tuk .hap-tovu{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.55)}
.hap-tuk .hap-tovu>summary::after{background:#fff;color:var(--kih)}
.hap-tuk .hap-mijuk{color:#e6eef8}
.hap-tuk .hap-mijuk a{color:var(--vis)}
.hap-tuk .hap-kogu .hap-gel:nth-child(2){--sip:#8fb1d6}
/* ---------- demo console ---------- */
.hap-saze-demo{align-items:start;grid-template-columns:minmax(0,5fr) minmax(0,6fr);display:grid;gap:0 30px;margin:34px 0 36px}
.hap-run{grid-column:1;grid-row:1/3;flex-direction:column;display:flex;gap:8px}
.hap-buk{display:grid;border:2px solid rgba(255,255,255,.4);border-radius:0;align-items:center;min-height:62px;color:#fff;position:relative;grid-template-columns:62px minmax(0,1fr);padding:0;background:linear-gradient(90deg,rgba(255,255,255,.12) 0 62px,rgba(255,255,255,.04) 62px);column-gap:14px;row-gap:0}
.hap-buk .hap-gav{width:62px;color:#fff;background:none;padding:17px;height:62px;align-self:center;grid-row:1/3}
.hap-buk:hover{background:linear-gradient(90deg,rgba(255,255,255,.2) 0 62px,rgba(255,255,255,.1) 62px)}
.hap-buk[aria-checked=true]{background:linear-gradient(90deg,var(--pel) 0 62px,var(--ref) 62px);color:var(--mar);border-color:#fff;box-shadow:5px 5px 0 rgba(255,255,255,.35)}
.hap-buk[aria-checked=true] .hap-gav{color:var(--hup)}
.hap-nov{letter-spacing:.02em;font-family:var(--dos);font-weight:700;font-size:1.28rem;line-height:1.08;text-transform:uppercase;padding:10px 12px 10px 0}
.hap-bog{display:block;font-family:var(--saf);font-size:.92rem;font-weight:400;margin-top:-6px;padding:0 12px 10px 0;text-transform:none;letter-spacing:0;color:#cfdbea}
.hap-buk[aria-checked=true] .hap-bog{color:var(--mar)}
.hap-fobigo{grid-column:2;grid-row:1;color:var(--pel);padding:22px 24px 24px;gap:14px;box-shadow:8px 8px 0 rgba(255,255,255,.18);border:0;border-top:10px solid var(--ref);border-radius:0;background:#fff}
.hap-peju{letter-spacing:.06em;font-size:.84rem;font-weight:600;text-transform:uppercase;color:var(--nup)}
.hap-peju strong{letter-spacing:.03em;color:var(--pel);font-family:var(--dos);font-size:1.2rem}
.hap-jifib{grid-template-columns:1fr;gap:12px;display:grid}
.hap-jifib .hap-rebtn{font-size:1.5rem;padding:.66em 1em;width:100%}
.hap-jifib .hap-rebtn.hap-nej{border-color:var(--pel);background:#fff;box-shadow:3px 3px 0 var(--pel);font-size:1.15rem;color:var(--pel);padding:.5em 1em}
.hap-zide{background:var(--kih);padding:10px 14px;color:#fff}
.hap-punob{color:#34425a;font-weight:600}
.hap-nulo p{border-radius:0}
.hap-vemeg input{border-radius:0;border:2px solid var(--pel)}
.hap-nose{grid-column:2;grid-row:2;margin-top:24px}
.hap-mebol{color:#cfdbea}
.hap-tuk .hap-fobigo .hap-rebtn{border-color:var(--pel);box-shadow:4px 4px 0 var(--pel)}
.hap-tuk .hap-fobigo .hap-rebtn.hap-nej{background:#fff;color:var(--pel)}
/* ---------- alert ticket, dashboard ---------- */
.hap-nutuf{padding:16px 20px 18px;max-width:none;border:0;border-top:10px solid var(--ref);border-radius:0;background:#fff;box-shadow:8px 8px 0 rgba(11,31,54,.3);color:var(--pel)}
.hap-mebu{border-radius:0;border:2px solid var(--pel);color:var(--pel);letter-spacing:.09em;font-family:var(--dos);font-size:.9rem}
.hap-mazi{text-transform:uppercase;font-family:var(--dos);font-weight:700;font-size:1rem;padding:.12em .65em;letter-spacing:.07em;border-radius:0}
.hap-toru{letter-spacing:.06em;font-size:.8rem;font-weight:600;text-transform:uppercase}
.hap-miri{font-size:1.08rem}
.hap-gugo{border-radius:0;background:var(--guh);border-left:6px solid var(--vis)}
.hap-ram{margin-top:12px;border-top:2px dashed #a8b5c7;padding-top:10px}
.hap-zode{margin:50px 0 0;max-width:none}
.hap-mabive{background:#fff;padding:0 14px 14px;max-width:760px;box-shadow:10px 10px 0 var(--vis);border:3px solid var(--pel);border-radius:0}
.hap-vena{background:var(--kih);gap:20px;letter-spacing:.07em;color:#fff;padding:12px 16px;font-family:var(--dos);font-size:1.15rem;text-transform:uppercase;margin:0 -14px 14px;border:0}
.hap-vena .hap-mebu{color:#fff;border-color:#fff}
.hap-mer{border-radius:0;background:var(--guh);border-top:6px solid var(--vis)}
.hap-mer:nth-child(2){border-top-color:var(--kuj)}
.hap-mer:nth-child(3){border-top-color:var(--vek)}
.hap-mer:nth-child(4){border-top-color:var(--ref)}
.hap-mer b{font-family:var(--dos);font-size:2.2rem}
.hap-mer span{text-transform:uppercase;font-weight:600;letter-spacing:.05em}
.hap-zode figcaption{margin-top:14px}
/* ---------- FAQ, CTA, sources ---------- */
.hap-zok{max-width:1240px;margin:0 auto;padding:76px 28px 24px}
.hap-zok>h2{border-bottom:7px solid var(--pel);padding-bottom:14px;gap:14px;align-items:center;display:flex;margin-bottom:28px}
.hap-zok>h2::after{flex:1;content:"";background:linear-gradient(90deg,var(--vis) 50%,var(--ref) 50%);height:7px;margin-bottom:-21px}
.hap-jet{margin:0 0 -2px;background:#fff;border:2px solid var(--pel)}
.hap-jet>summary{list-style:none;display:flex;font-family:var(--dos);font-weight:700;font-size:1.4rem;line-height:1.1;text-transform:uppercase;gap:20px;align-items:center;justify-content:space-between;padding:16px 20px;letter-spacing:.02em}
.hap-jet>summary::-webkit-details-marker{display:none}
.hap-jet>summary::after{display:grid;height:34px;content:"+";padding-bottom:3px;place-items:center;background:var(--pel);font-size:1.6rem;line-height:1;width:34px;flex:none;color:#fff}
.hap-jet[open]{background:var(--guh)}
.hap-jet[open]>summary::after{color:var(--pel);content:"\2212";background:var(--ref)}
.hap-toj{padding:0 20px 20px;max-width:90ch;color:#26334a}
.hap-toj p{margin:0}
.hap-jam{background:var(--ref);background-image:repeating-linear-gradient(135deg,rgba(11,31,54,.06) 0 22px,transparent 22px 44px);position:relative;color:var(--mar);border-top:8px solid var(--pel);border-bottom:8px solid var(--pel);border-radius:0;padding:64px max(28px,calc((100% - 1240px)/2 + 28px));margin:70px 0 0}
.hap-jam::after{opacity:.9;right:max(28px,calc((100% - 1240px)/2 + 28px));top:50%;height:300px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M24 2.500 6 8.500V23c0 10.500 7.500 18.500 18 22.500z' fill='%230b1f36' fill-opacity='.9'/%3E%3Cpath d='M24 2.500l18 6V23c0 10.500-7.500 18.500-18 22.500z' fill='%23fff' fill-opacity='.9'/%3E%3Cpath d='M15 16.500v15M8.800 20.200l12.400 7.600M8.800 27.800l12.400-7.600' stroke='%23fff' stroke-width='2.400' stroke-linecap='round'/%3E%3Cpath d='M33 14c1.200 4.600 6 7.200 6 12.600a6 6 0 0 1-12 0c0-2.400 1.300-4.200 2.700-5.600.5 1.800 1.300 2.700 2.200 3-.9-3.800-.2-6.800 1.100-10z' fill='%23e0441f'/%3E%3C/svg%3E") center/contain no-repeat;content:"";margin-top:-150px;position:absolute;width:260px}
.hap-jam h2{font-size:clamp(2.2rem,5vw,4rem);max-width:18ch}
.hap-jam p{margin:14px 0 0;font-size:1.2rem;font-weight:600;max-width:60ch}
.hap-jam .hap-hebtns{position:relative;z-index:1;margin-top:26px}
.hap-jam .hap-rebtn{color:#fff;box-shadow:5px 5px 0 var(--pel);background:var(--kih);border-color:var(--pel)}
.hap-jam .hap-rebtn.hap-nej{background:#fff;color:var(--pel)}
.hap-dif{color:var(--nup);padding:0 28px;max-width:1240px;font-size:.86rem;margin:34px auto 0}
.hap-dif span{letter-spacing:.06em;font-weight:600;text-transform:uppercase}
.hap-bobok{padding-bottom:70px}
/* ---------- blocks, tables, forms ---------- */
.hap-las{padding:58px 0;border-bottom:2px solid #d5dce7}
.hap-las:nth-of-type(odd){background:#fff}
.hap-fon{display:grid;align-items:start;gap:48px;grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.hap-fon>h2{border-top:7px solid var(--pel);font-size:clamp(1.8rem,3.4vw,2.6rem);padding-top:14px}
.hap-las:nth-of-type(3n+1) .hap-fon>h2{border-top-color:var(--vis)}
.hap-las:nth-of-type(3n+2) .hap-fon>h2{border-top-color:var(--ref)}
.hap-fon .hap-mijuk{padding:0}
.hap-doze{padding:0 28px;margin:0 auto;max-width:1240px}
.hap-jolu{border:2px solid var(--pel);border-left:10px solid var(--vis);margin:0 0 16px;background:#fff;padding:4px 24px 12px}
.hap-jolu:nth-child(even){border-left-color:var(--ref)}
.hap-jolu h3{margin-top:.7em}
.hap-kok{box-shadow:8px 8px 0 var(--guh);background:#fff;margin:6px 0;border:2px solid var(--pel)}
.hap-noz thead th{letter-spacing:.06em;text-transform:uppercase;padding:13px 16px;font-family:var(--dos);font-weight:700;font-size:1.15rem;color:#fff;background:var(--kih)}
.hap-noz th,.hap-noz td{padding:13px 16px;border-bottom:2px solid #dbe2ec}
.hap-noz tbody th{background:var(--guh);border-right:2px solid #dbe2ec;letter-spacing:.03em;font-family:var(--dos);font-weight:700;font-size:1.2rem;text-transform:uppercase}
.hap-kojiz label{text-transform:uppercase;font-family:var(--dos);font-weight:700;font-size:1.05rem;letter-spacing:.05em}
.hap-kojiz input,.hap-kojiz select{padding:.65em .8em;background:#fff;border:2px solid var(--pel);border-radius:0}
.hap-kojiz input:focus,.hap-kojiz select:focus,.hap-vemeg input:focus{outline:3px solid var(--ref);outline-offset:0}
.hap-fegon,.hap-rovaz,.hap-tetane{max-width:540px}
.hap-fegon,.hap-rovaz{padding:26px;box-shadow:8px 8px 0 var(--guh);background:#fff;border:2px solid var(--pel);border-top:10px solid var(--ref)}
.hap-bivo{padding:26px;border:2px solid var(--pel);border-top:10px solid var(--vis);gap:28px;box-shadow:8px 8px 0 var(--guh);background:#fff}
.hap-zul{padding:20px;border:2px solid var(--pel);border-radius:0;background:var(--guh)}
.hap-zub{font-family:var(--dos);font-size:2.2rem;text-transform:uppercase}
.hap-lor li,.hap-vig{border-radius:0;border:2px solid var(--pel)}
.hap-mim{border:2px solid var(--pel);border-radius:0;background:#fff}
.hap-lukevu{text-transform:uppercase;color:#fff;font-family:var(--dos);font-size:1.15rem;background:var(--kih);border-bottom:0;letter-spacing:.06em}
.hap-lukevu .hap-rebtn{background:#fff;border-color:#fff;box-shadow:none;color:var(--pel)}
.hap-dutoz{align-items:start;gap:24px;margin:10px 0}
.hap-tifa{border:3px solid var(--pel);border-top:12px solid var(--ref);border-radius:0;color:#fff;padding:28px;box-shadow:10px 10px 0 var(--vis);background:var(--kih)}
.hap-tifa .hap-sih{color:#cfdbea;font-family:var(--dos);font-size:1.1rem}
.hap-tifa .hap-sog{text-transform:uppercase;font-family:var(--dos);font-size:1.3rem;letter-spacing:.04em}
.hap-tifa .hap-sog span{font-size:4.4rem;font-weight:800;letter-spacing:0}
.hap-tifa .hap-gav{color:var(--ref)}
.hap-tifa .hap-rebtn{border-color:#fff;margin-top:10px;box-shadow:4px 4px 0 rgba(255,255,255,.35)}
mark.hap-pending{color:#0e1726}
.hap-fuvi{border:2px solid var(--pel);border-radius:0;background:#fff;padding:24px}
.hap-fuvi li{border-top:2px solid var(--pel);font-weight:600}
.hap-mapo li{padding:12px 16px;align-items:center;background:#fff;border:2px solid var(--pel);margin:0 0 8px}
.hap-mapo .hap-gav{background:var(--ref);width:28px;color:var(--pel);padding:5px;height:28px}
.hap-gegu{gap:12px}
.hap-mug{font-family:var(--dos);font-weight:700;font-size:1.25rem;line-height:1.1;letter-spacing:.03em;border:2px solid var(--pel);border-radius:0;padding:14px;text-transform:uppercase;transition:transform .1s,box-shadow .1s}
.hap-mug:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--pel)}
.hap-mug .hap-gav{width:36px;color:var(--pel);background:var(--vis);padding:7px;height:36px}
.hap-some{color:var(--nup)}
.hap-zam{list-style:none;margin:0;gap:10px;display:grid;padding:0}
.hap-zam li{grid-template-columns:44px minmax(0,1fr);border:2px solid var(--pel);display:grid;background:#fff}
.hap-zam .hap-gav{background:var(--ref);height:100%;padding:11px;color:var(--pel);width:44px}
.hap-zam span{padding:12px 16px}
.hap-zam strong{text-transform:uppercase;letter-spacing:.02em;font-family:var(--dos);font-size:1.3rem}
.hap-sel{margin:0;padding:0;counter-reset:bs;gap:12px;list-style:none;display:grid}
.hap-sel li{display:grid;border:2px solid var(--pel);background:#fff;counter-increment:bs;grid-template-columns:72px minmax(0,1fr)}
.hap-sel li::before{border-right:7px solid var(--ref);place-items:center;display:grid;background:var(--kuj);content:counter(bs);font-family:var(--dos);font-weight:800;font-size:2.4rem;color:#fff}
.hap-sel li>div{padding:14px 20px 16px}
.hap-sel strong{font-family:var(--dos);font-size:1.4rem;line-height:1.1;text-transform:uppercase;letter-spacing:.02em;display:block}
.hap-pas{padding:56px 0 70px}
.hap-pas .hap-mijuk{padding:0;max-width:78ch}
.hap-por{color:#fff;padding:90px 0 100px;background:var(--kih)}
.hap-por h1{font-size:clamp(2.6rem,6vw,5rem);color:#fff;margin:0 0 18px}
.hap-por p{color:#cfdbea;font-size:1.2rem;max-width:50ch}
.hap-por .hap-lifes{max-width:420px;margin:0 0 34px}
/* ---------- footer ---------- */
.hap-nune{border-top:0;background:var(--kih);margin-top:0;color:#bcd0e6;padding:0}
.hap-nune .hap-pabili{height:8px}
.hap-bubire{padding-top:56px;padding-bottom:36px}
.hap-ser{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,3fr);gap:56px}
.hap-zut{display:flex;color:#fff;gap:12px;margin-bottom:18px;align-items:center;text-decoration:none}
.hap-zut .hap-med{font-size:1.8rem}
.hap-zujoma{color:#a9bdd4;max-width:46ch;margin:0}
.hap-hupes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.hap-pes{text-transform:uppercase;border-bottom:3px solid var(--ref);padding-bottom:8px;margin:0 0 14px;font-family:var(--dos);font-weight:700;font-size:1.2rem;color:#fff;letter-spacing:.08em}
.hap-hupes ul{margin:0;list-style:none;padding:0}
.hap-hupes li{margin:0;border-bottom:1px solid rgba(255,255,255,.1)}
.hap-hupes a{font-size:.98rem;display:block;padding:7px 0;color:#d5e2f1;text-decoration:none}
.hap-hupes a:hover,.hap-zuzage a:hover{color:#fff;text-decoration:underline}
.hap-zuzage{display:flex;letter-spacing:.07em;border-top:2px solid rgba(255,255,255,.2);flex-wrap:wrap;margin:40px 0 0;font-family:var(--dos);font-size:1.1rem;text-transform:uppercase;list-style:none;gap:8px 28px;padding:20px 0 0}
.hap-zuzage a{color:#fff;text-decoration:none}
.hap-vutuk{max-width:96ch;padding:4px 0 4px 16px;margin:24px 0 0;color:#a9bdd4;font-size:.92rem;border-left:6px solid var(--ref)}
.hap-gavup{font-size:.84rem;color:#7f99b8;margin:22px 0 0}
/* ---------- phone dock ---------- */
.hap-ruge{display:none}
/* ---------- responsive ---------- */
@media (max-width:1360px){
.hap-heb>a{padding:0 12px;font-size:1.14rem}
.hap-hok .hap-jeb{gap:16px}
}
@media (max-width:1180px){
.hap-heb>a{padding:0 9px;font-size:1.06rem}
.hap-med{font-size:1.4rem}
.hap-hok .hap-jeb{gap:12px}
}
@media (max-width:1060px){
.hap-refam .hap-jeb{height:32px}
.hap-hok .hap-jeb{min-height:64px;align-items:center;gap:14px}
.hap-sor{position:absolute;max-height:calc(100vh - 110px);margin:0;overflow:auto;left:0;right:0;top:100%;border-top:5px solid var(--ref);background:var(--kih);flex-direction:column;display:none}
.hap-vedi{display:none}
.hap-lev{cursor:pointer;z-index:3;opacity:0;right:20px;top:50%;width:92px;display:block;margin-top:-22px;position:absolute;height:44px}
.hap-mat{gap:8px;padding:0 14px;margin-left:auto;box-shadow:3px 3px 0 var(--pel);border:2px solid var(--pel);text-transform:uppercase;display:flex;background:var(--ref);min-width:96px;height:46px;color:var(--pel);font-family:var(--dos);font-weight:700;font-size:1.25rem;letter-spacing:.07em;align-items:center;justify-content:center}
.hap-mat .hap-gav{width:22px;height:22px}
.hap-lev:focus-visible+.hap-mat{outline:3px solid var(--vis);outline-offset:3px}
.hap-lev:checked~.hap-sor{display:flex}
.hap-sor>ul{padding:6px 0 12px;width:100%;flex-direction:column}
.hap-heb{border:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important;position:relative;flex-wrap:wrap}
.hap-heb>a{font-size:1.5rem;padding:14px 20px;flex:1;color:#fff;min-height:52px}
.hap-heb>a::after{display:none}
.hap-pug{cursor:pointer;color:#fff;width:56px;border-left:1px solid rgba(255,255,255,.14);place-items:center;display:grid}
.hap-pug .hap-gav{width:22px;height:22px}
.hap-jig{cursor:pointer;position:absolute;opacity:0;width:56px;margin:0;height:52px;display:block;right:0;top:0;z-index:2}
.hap-bolo,.hap-sufu:hover>.hap-bolo,.hap-sufu:focus-within>.hap-bolo{display:none;box-shadow:none;position:static;width:100%;background:rgba(255,255,255,.05);border:0}
.hap-jig:checked~.hap-bolo{display:block!important}
.hap-jig:checked~.hap-pug .hap-gav{transform:rotate(180deg)}
.hap-bolo ul{grid-template-columns:minmax(0,1fr);padding:6px 20px 14px}
.hap-mis::before,.hap-pol::before{background:linear-gradient(90deg,var(--vis) 0 7px,transparent 7px),repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 46px),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 46px)}
.hap-lus,.hap-fus,.hap-hig,.hap-tef .hap-hig,.hap-sud,.hap-fon,.hap-ser{grid-template-columns:minmax(0,1fr);gap:34px}
.hap-tef .hap-doni{order:0}
.hap-kogu .hap-bif{grid-template-columns:minmax(0,1fr)}
.hap-mis{padding-top:40px}
.hap-lus{padding-bottom:56px}
.hap-fit{max-width:560px;width:100%}
.hap-fit .hap-numin{left:-2%}
.hap-pav{padding:54px 0}
.hap-saze-demo{display:flex;flex-direction:column;gap:18px}
.hap-run{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hap-buk,.hap-buk:hover{display:flex;align-items:stretch;background:rgba(255,255,255,.05);gap:0;flex-direction:column}
.hap-buk[aria-checked=true]{background:var(--ref)}
.hap-buk .hap-gav{padding:8px;align-self:auto;width:100%;height:40px;background:rgba(255,255,255,.12);grid-row:auto}
.hap-buk[aria-checked=true] .hap-gav{background:var(--pel)}
.hap-nov{padding:10px 10px 12px;font-size:1.12rem}
.hap-bog{display:none}
.hap-nose{margin-top:0}
.hap-dutoz{grid-template-columns:minmax(0,1fr)}
.hap-gegu{grid-template-columns:repeat(2,minmax(0,1fr))}
.hap-zok{padding-top:54px}
.hap-jam{margin-top:44px;padding:44px 22px}
.hap-jam::after{display:none}
}
@media (max-width:720px){
body{font-size:17px;padding-bottom:76px}
.hap-jeb,.hap-doze{padding:0 18px}
.hap-lus{padding-bottom:50px}
.hap-koso{display:none}
.hap-refam .hap-jeb{justify-content:flex-end}
.hap-med{font-size:1.3rem}
.hap-motula{width:38px;height:38px}
.hap-mis h1{font-size:clamp(2.5rem,13vw,3.4rem)}
.hap-hiki .hap-rebtn,.hap-pol .hap-hebtns .hap-rebtn{width:100%}
.hap-fit .hap-numin{left:auto;bottom:auto;width:auto;position:relative;margin:-28px 10px 0}
.hap-fit{padding-bottom:0}
.hap-gel{grid-template-columns:54px minmax(0,1fr)}
.hap-nes{padding:14px 16px 16px}
.hap-jur{height:54px;font-size:1.9rem;min-width:64px}
.hap-sel li{grid-template-columns:56px minmax(0,1fr)}
.hap-gegu{grid-template-columns:minmax(0,1fr)}
.hap-hupes{grid-template-columns:minmax(0,1fr);gap:24px}
.hap-jet>summary{font-size:1.25rem}
.hap-ruge{border-top:4px solid var(--ref);z-index:60;display:grid;padding:8px;gap:8px;left:0;right:0;bottom:0;position:fixed;grid-template-columns:1fr 1fr;background:var(--kih)}
.hap-ruge .hap-rebtn{padding:.58em .3em;white-space:normal;border-color:#fff;width:100%;text-align:center;box-shadow:none;font-size:1.1rem;line-height:1.05}
.hap-ruge .hap-rebtn.hap-nej{background:transparent;color:#fff}
.hap-fega,.hap-luk{bottom:92px}
.hap-luk{max-height:calc(100vh - 108px);max-height:calc(100dvh - 108px)}
.hap-kok{background:none;border:0;box-shadow:none}
.hap-kok .hap-noz{min-width:0;display:block}
.hap-noz thead{display:none}
.hap-noz tbody,.hap-noz tr,.hap-noz th,.hap-noz td{display:block}
.hap-noz tr{box-shadow:5px 5px 0 var(--guh);border:2px solid var(--pel);margin:0 0 14px;background:#fff}
.hap-noz tbody th{color:#fff;background:var(--kih);border:0;border-bottom:2px solid var(--pel);padding:10px 14px}
.hap-noz td{border:0;padding:8px 14px}
.hap-noz td::before{font-family:var(--dos);font-weight:700;font-size:.95rem;text-transform:uppercase;display:block;color:var(--vib);content:attr(data-label);letter-spacing:.07em}
.hap-bivo,.hap-fegon,.hap-rovaz{padding:18px}
}
@media (prefers-reduced-motion:reduce){.hap-rebtn,.hap-mug,.hap-heb>a::after{transition:none}.hap-rebtn:hover,.hap-mug:hover{transform:none}}
/* R14 icon-only menu button */
.hap-mat{min-width:46px;padding:0;gap:0;justify-content:center;width:46px}

/* R12 big hero photo (2026-11-05): home hero, desktop only */
@media (min-width:1180px){
.hap-lus:has(.hap-fit){grid-template-columns:minmax(0,0.88fr) minmax(0,1.12fr)!important;align-items:start!important;column-gap:36px!important}
.hap-lus:has(.hap-fit) .hap-fit{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
.hap-lus:has(.hap-fit) .hap-lifes{aspect-ratio:0.95!important;width:100%!important;max-width:none!important;height:auto!important}
.hap-lus:has(.hap-fit) h1{font-size:clamp(2rem,3.1vw,2.75rem)!important;line-height:1.06!important}
}
@media (max-width:700px){
.hap-lus:has(.hap-fit){align-items:stretch!important;display:flex!important;gap:0!important;row-gap:0!important;flex-direction:column!important}
.hap-lus:has(.hap-fit)>:has(>h1){display:contents!important}
.hap-lus:has(.hap-fit)>:has(>h1)>*{order:0}
.hap-lus:has(.hap-fit)>:has(>h1)>h1~*{order:4}
.hap-lus:has(.hap-fit)>:has(>h1)>h1{order:1!important}
.hap-lus:has(.hap-fit)>:has(>h1)>.hap-hiki{order:2!important;margin-top:18px!important}
.hap-lus:has(.hap-fit)>.hap-fit{min-width:0!important;margin-top:18px!important;margin-left:0!important;margin-right:0!important;max-width:none!important;width:100%!important;order:3!important}

}
