html{--font-sora:"Sora";--font-inter:"Inter";scroll-behavior:smooth}
body{margin:0;background:var(--background,#060911);color:var(--text,#f4f7fc);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-normal)}
a{color:inherit}.wph-brand__logo,.whc-footer__logo{object-fit:contain}
.wph-brand__logo{width:132px;height:auto;max-height:46px}.whc-footer__logo{width:145px;height:auto}
.wph-header{position:sticky;top:0;z-index:50}.wph-header__inner{width:min(100% - 32px,1200px);margin-inline:auto;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.wph-nav{display:flex;align-items:center}.wph-header__actions{display:flex;align-items:center;gap:8px}
.wph-burger{display:none}.wph-mobile[hidden]{display:none!important}
.whc-page{min-height:100vh;background:var(--background)}
.section{background:var(--background);padding:40px 0;position:relative}.section.alt{background:var(--background-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.wrap{width:min(100% - 32px,1200px);margin-inline:auto}.content{max-width:860px}.section h2{font-family:var(--font-title);font-size:clamp(1.5rem,3.4vw,2.05rem);font-weight:var(--weight-bold);letter-spacing:-.02em;color:var(--text);margin:0 0 14px;line-height:1.14}.section h3{font-family:var(--font-title);color:var(--text)}
.lead{max-width:70ch;color:var(--text-muted);margin:0 0 24px;font-size:.96rem;line-height:1.7}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(120% 100% at 100% 0%,#f0b42917 0%,#fff0 58%),linear-gradient(180deg,#ffffff0e 0%,#fff0 100%),var(--surface);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);align-content:start;gap:12px;padding:20px 18px;display:grid;position:relative}.card:hover{transform:translateY(-2px);border-color:var(--border-accent);box-shadow:var(--shadow-md)}.card h3{font-size:1rem;font-weight:var(--weight-semibold);margin:0;line-height:1.3}.card p{color:var(--text-muted);margin:0;font-size:.86rem;line-height:1.6}
.media-card{padding:0;overflow:hidden}.media-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.media-card .pad{padding:18px;display:grid;gap:12px}
.tag{font-family:var(--font-body);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);display:inline-flex;width:max-content;border:1px solid var(--border-accent);background:var(--primary-soft);padding:6px 9px;border-radius:999px}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.btn{border-radius:var(--radius-pill);height:48px;font-family:var(--font-body);font-size:.9rem;font-weight:var(--weight-semibold);letter-spacing:.01em;white-space:nowrap;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base),color var(--transition-base);border:1px solid transparent;justify-content:center;align-items:center;gap:10px;padding:0 22px;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(180deg,var(--primary-hover) 0%,var(--primary) 62%,var(--primary-active) 100%);color:var(--primary-contrast);box-shadow:var(--shadow-glow),inset 0 1px 0 #ffffff52}.btn-ghost{border-color:var(--border-strong);color:var(--text);backdrop-filter:blur(8px);background:#ffffff0d}.btn:hover{transform:translateY(-1px)}
.pagehero{width:min(100% - 32px,1200px);margin:24px auto 0;border:1px solid #ffffff12;border-radius:22px;padding:42px 40px;position:relative;overflow:hidden;background:radial-gradient(95% 110% at 100% 0%,#f0b4291f 0%,#06091100 58%),linear-gradient(180deg,var(--background-alt) 0%,var(--background) 100%);box-shadow:0 28px 62px #00000070}.pagehero:after{content:"";position:absolute;inset:auto -10% -55% 38%;height:300px;background:radial-gradient(circle,#f0b42922 0%,transparent 68%);pointer-events:none}.pagehero .wrap{width:100%;position:relative;z-index:1}.pagehero h1{font-family:var(--font-title);font-size:clamp(2rem,5vw,3.7rem);font-weight:var(--weight-bold);letter-spacing:-.035em;color:var(--text);margin:12px 0 14px;line-height:1.05;max-width:900px}.pagehero p{max-width:60ch;color:var(--text-muted);margin:0;font-size:1rem;line-height:1.68}.eyebrow{font-family:var(--font-body);font-size:.7rem;font-weight:var(--weight-bold);letter-spacing:.2em;text-transform:uppercase;color:var(--primary);align-items:center;gap:10px;margin:0 0 10px;display:inline-flex}.eyebrow:before{content:"";width:18px;height:1px;background:var(--primary)}
.breadcrumbs{font-size:.75rem;color:var(--text-subtle);margin-bottom:14px}.breadcrumbs a{color:var(--text-muted);text-decoration:none}.breadcrumbs a:hover{color:var(--primary)}
.content h2{margin-top:40px}.content h3{margin-top:28px}.content p,.content li{color:var(--text-muted)}.content strong{color:var(--text)}.content a{color:var(--primary);text-decoration:none}.content a:hover{color:var(--primary-hover)}.content ul,.content ol{padding-left:22px}.content li+li{margin-top:7px}
.note{border:1px solid var(--border-accent);border-left:3px solid var(--primary);background:var(--primary-soft);padding:14px 16px;border-radius:var(--radius-md);color:#e7d49d;margin:22px 0}.warning{border-left-color:var(--warning);background:var(--warning-soft)}
.toc{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-lg);padding:18px;margin:24px 0}.toc b{display:block;margin-bottom:8px}.toc a{display:block;padding:4px 0;color:var(--text-muted)}
.cta{background:radial-gradient(120% 100% at 100% 0%,#f0b42919 0%,#ffffff00 58%),linear-gradient(180deg,#ffffff0c 0%,#ffffff00 100%),var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:28px 30px;display:flex;align-items:center;gap:24px;justify-content:space-between;box-shadow:var(--shadow-md)}.cta h2{font-family:var(--font-title);font-size:1.65rem;margin:0 0 8px}.cta p{margin:0;color:var(--text-muted)}
.kpis{display:none}.hero-card{display:none}
.faq details{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:15px 17px;margin:10px 0}.faq summary{font-family:var(--font-title);font-weight:600;cursor:pointer;color:var(--text)}.faq details p{margin:10px 0 0}
.compare{width:100%;border-collapse:collapse;margin:22px 0;border:1px solid var(--border)}.compare th,.compare td{padding:13px;border-bottom:1px solid var(--border);text-align:left}.compare th{background:var(--surface-elevated);color:var(--text)}.compare td{color:var(--text-muted)}
.whc-hero-band{padding-top:22px}.whc-hero__img{width:100%;height:100%;object-fit:cover}.whc-hero__badges li{white-space:nowrap}
.whc-univers__arrow{font-family:var(--font-title);font-size:22px}
.whc-footer__brand{display:flex;align-items:center;gap:14px}.whc-footer__tagline{max-width:420px}
.whc-footer__legal{list-style:none;display:flex;flex-wrap:wrap;gap:16px;margin:0;padding:0}.whc-footer a{text-decoration:none}.whc-footer a:hover{color:var(--primary-hover)}
.mobnav__icon{font-size:22px;line-height:1}.mobnav__item{text-decoration:none}
@media(max-width:1020px){.wph-nav,.wph-header__client,.wph-header__cta{display:none!important}.wph-burger{display:inline-flex!important}.wph-mobile[data-open="true"]{display:grid!important}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wph-header__inner{min-height:64px}}
@media(max-width:720px){.pagehero{width:min(100% - 24px,1200px);padding:30px 22px;margin-top:14px}.pagehero h1{font-size:2.25rem}.section{padding:32px 0}.wrap{width:min(100% - 24px,1200px)}.grid,.grid.two{grid-template-columns:1fr}.cta{align-items:flex-start;flex-direction:column;padding:22px}.whc-footer__top{align-items:flex-start;flex-direction:column}.whc-footer__brand{align-items:flex-start;flex-direction:column}.whc-footer__links{gap:8px 14px}.whc-hero-band{padding-top:12px}.whc-hero__badges{gap:8px}.whc-hero__badges li{white-space:normal}.whc-univers__card{flex-basis:44%}}
@media(min-width:1021px){.wph-mobile{display:none!important}}
@media(max-width:720px){
  .whc-univers__rail{max-width:100%;overflow-x:auto;overflow-y:hidden}
  .whc-univers__card{flex:0 0 44%!important;width:auto!important;min-width:0!important;max-width:44%!important}
  .whc-univers__img{width:100%!important;max-width:100%!important;height:auto!important}
}