@font-face{font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-400.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/barlow-500.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-600.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-condensed-600.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-700.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/barlow-condensed-800.woff2) format("woff2")}
.wpf{margin:0;background:#141414}
.wpf .skip{position:absolute;left:-999px;top:8px;background:#004ed7;color:#fff;padding:10px 14px;z-index:100;font-weight:600}
.wpf .skip:focus{left:8px}
.wpf .preview-header{background:#6e6e6c;font-family:"Barlow Condensed",sans-serif}
.wpf .preview-header .in{width:min(1400px,100% - 40px);margin:auto;display:flex;align-items:center;gap:32px;min-height:74px}
.wpf .preview-header .logo{font-size:2.3rem;font-weight:800;font-style:italic;color:#ffe500;text-shadow:3px 3px 0 #141414;text-decoration:none}
.wpf .preview-header nav{display:flex;gap:28px;margin-inline:auto;flex-wrap:wrap}
.wpf .preview-header nav a{color:#141414;font-size:1.15rem;font-weight:600;text-decoration:none}
.wpf .preview-header nav a.act{color:#ffe500}
.wpf .preview-header .shop{background:#ffe500;color:#141414;padding:6px 18px;border-radius:6px;font-weight:600;text-decoration:none;font-size:1.1rem;white-space:nowrap}
.wpf .preview-footer{background:#2a2a2a;color:#c9c9c4;font-family:"Barlow",sans-serif;font-size:.9rem;padding:28px 0}
.wpf .preview-footer .in{width:min(1200px,100% - 40px);margin:auto}
.wpf .preview-footer p{margin:0 0 6px}
@media (max-width:900px){.wpf .preview-header nav{display:none}
.wpf .preview-header .shop{margin-left:auto}}
main.wpf{
  --blue:#004ed7;--blue-2:#1a63e0;--wms:#ffe500;--wms-2:#fff27a;--accent:#6aaef5;--accent-ink:#141414;
  --ink:#141414;--ink-2:#1c1c1c;--ink-3:#262626;--line:rgba(255,255,255,.12);
  --paper:#f4f3ef;--paper-2:#e8e6df;--paper-3:#dcd9d0;
  --text:#f3f2ee;--muted:#a9a9a3;--text-dark:#161616;--muted-dark:#5b5a55;--line-dark:#d9d6cc;
  --radius:14px;--wrap:1200px;--top:0px;
  --display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--body:"Barlow","Helvetica Neue",Arial,sans-serif;
  background:var(--ink);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;display:block
}
main.wpf *,main.wpf *::before,main.wpf *::after{box-sizing:border-box}
main.wpf img,main.wpf video,main.wpf svg{display:block;max-width:100%;height:auto}
main.wpf a{color:inherit}
main.wpf h1,main.wpf h2,main.wpf h3,main.wpf h4{hyphens:auto;overflow-wrap:break-word;font-family:var(--display);font-weight:700;line-height:1.05;letter-spacing:.01em;text-transform:uppercase;margin:0 0 .5em;text-wrap:balance;color:inherit}
main.wpf h1{font-size:clamp(2.4rem,5.4vw,4.4rem);font-weight:800}
main.wpf h2{font-size:clamp(1.9rem,4vw,3.1rem)}
main.wpf h3{font-size:clamp(1.25rem,2vw,1.55rem);letter-spacing:.02em}
main.wpf h4{font-size:1.15rem;letter-spacing:.04em}
main.wpf p{margin:0 0 1em}
main.wpf ul,main.wpf ol{margin:0 0 1em;padding-left:1.2em}
main.wpf .wrap{width:min(var(--wrap),100% - 40px);margin-inline:auto}
main.wpf section{padding:clamp(60px,8vw,110px) 0;scroll-margin-top:calc(70px + var(--top))}
main.wpf .light{background:var(--paper);color:var(--text-dark);--accent:#004ed7}
main.wpf .light .lead,main.wpf .light .muted{color:var(--muted-dark)}
main.wpf .deep{background:var(--ink-2)}
main.wpf .lead{font-size:clamp(1.08rem,1.5vw,1.28rem);color:var(--muted);max-width:64ch}
main.wpf .muted{color:var(--muted)}
main.wpf .small{font-size:.88rem}
main.wpf .hl{color:var(--accent)}
main.wpf .eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-size:.92rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-weight:600}
main.wpf .eyebrow::before{content:"";width:32px;height:3px;background:var(--wms)}
main.wpf .section-head{margin-bottom:clamp(28px,4.5vw,52px);max-width:820px}
main.wpf .section-head p{color:var(--muted)}
main.wpf .light .section-head p{color:var(--muted-dark)}
main.wpf .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
main.wpf .source{font-size:.85rem;color:var(--muted);margin-top:14px}
main.wpf .light .source{color:var(--muted-dark)}
main.wpf .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);font-size:1.02rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:15px 26px;border-radius:8px;border:2px solid transparent;text-decoration:none;cursor:pointer;line-height:1.1;transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease}
main.wpf .btn:hover{transform:translateY(-2px)}
main.wpf .btn:focus-visible,main.wpf a:focus-visible,main.wpf button:focus-visible,main.wpf input:focus-visible,main.wpf select:focus-visible,main.wpf summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
main.wpf .btn-primary{background:var(--blue);color:#fff}
main.wpf .btn-primary:hover{background:var(--blue-2)}
main.wpf .btn-shop{background:var(--wms);color:#141414;border-color:var(--wms)}
main.wpf .btn-shop:hover{background:var(--wms-2);border-color:var(--wms-2)}
main.wpf .light .btn-shop,main.wpf .pcard .btn-shop{border-color:#141414}
main.wpf .btn-ghost{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(20,20,20,.35)}
main.wpf .btn-ghost:hover{border-color:#fff}
main.wpf .light .btn-ghost{border-color:var(--text-dark);color:var(--text-dark);background:transparent}
main.wpf .light .btn-ghost:hover{background:var(--text-dark);color:#fff}
main.wpf .btn-dark{background:var(--ink);color:#fff}
main.wpf .btn-dark:hover{background:#2c2c2c}
main.wpf .btn-sm{padding:11px 18px;font-size:.92rem}
main.wpf .btn svg{width:20px;height:20px;flex:none}
main.wpf .cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
main.wpf .link{color:var(--accent);font-weight:600;text-decoration:none;border-bottom:1px solid transparent}
main.wpf .link:hover{border-color:currentColor}
main.wpf .more{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:.98rem;text-decoration:none}
main.wpf .subnav{position:sticky;top:var(--top);z-index:50;background:rgba(20,20,20,.94);backdrop-filter:blur(10px);border-bottom:3px solid var(--wms)}
main.wpf .subnav.is-fixed{position:fixed;left:0;right:0}
main.wpf .subnav .wrap{display:flex;align-items:center;gap:22px;min-height:62px}
main.wpf .subnav .brand{display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap}
main.wpf .subnav .brand-text{display:flex;flex-direction:column;line-height:1.1}
main.wpf .subnav .brand-logo{height:30px;width:auto}
main.wpf .partner-badge{display:inline-flex;align-items:center;gap:14px;background:#fff;color:var(--text-dark);border-radius:10px;padding:10px 16px;margin:26px 0 0;line-height:1.25;font-size:.92rem}
main.wpf .partner-badge img{height:40px;width:auto}
main.wpf .partner-badge b{display:block;font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;color:var(--blue);font-size:1.05rem}
main.wpf .subnav .brand-text strong{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;font-size:1rem}
main.wpf .subnav .brand-text span{font-size:.78rem;color:var(--muted)}
main.wpf .subnav-links{display:flex;gap:22px;margin-left:auto;overflow-x:auto;scrollbar-width:none;padding:4px 0}
main.wpf .subnav-links::-webkit-scrollbar{display:none}
main.wpf .subnav-links a{font-family:var(--display);font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--muted);white-space:nowrap;padding:8px 0;border-bottom:2px solid transparent}
main.wpf .subnav-links a:hover,main.wpf .subnav-links a[aria-current="page"]{color:#fff;border-color:var(--wms)}
main.wpf .subnav .hdr-cta{flex:none}
@media (max-width:900px){main.wpf .subnav .brand-text{display:none}
main.wpf .subnav-links{margin-left:0}
main.wpf .subnav .hdr-cta{display:none}}
main.wpf .hero{position:relative;padding:0;display:flex;align-items:flex-end;overflow:hidden;min-height:min(92vh,820px);isolation:isolate}
main.wpf .hero-media{position:absolute;inset:0;z-index:-2}
main.wpf .hero-media img,main.wpf .hero-media video{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
main.wpf .hero-media video{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
main.wpf .hero-media video.is-ready{opacity:1}
main.wpf .hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,20,20,.78) 0%,rgba(20,20,20,.35) 55%,rgba(20,20,20,0) 80%),linear-gradient(180deg,rgba(20,20,20,.35) 0%,rgba(20,20,20,.15) 35%,rgba(20,20,20,.75) 75%,var(--ink) 100%)}
main.wpf .hero-content{position:relative;padding:clamp(170px,26vh,260px) 0 60px;width:min(var(--wrap),100% - 40px);margin-inline:auto}
main.wpf .hero h1{max-width:24ch;margin-bottom:20px;text-shadow:0 2px 30px rgba(0,0,0,.6)}
main.wpf .hero .lead{color:#e6e5e0;max-width:58ch;margin-bottom:28px}
main.wpf .claim{font-family:var(--display);text-transform:uppercase;letter-spacing:.18em;color:var(--wms);font-weight:700;font-size:1rem;margin-bottom:14px}
main.wpf .badge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.95);color:var(--ink);border-radius:10px;padding:9px 16px;font-weight:600;font-size:.95rem;line-height:1.2}
main.wpf .badge b{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;color:var(--accent);font-size:1.05rem}
main.wpf .hero.sub{min-height:min(70vh,640px)}
main.wpf .hero.sub .hero-content{padding-top:clamp(120px,18vh,200px)}
main.wpf .facts{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-top:3px solid var(--wms);border-radius:var(--radius);overflow:hidden;margin-top:44px}
main.wpf .facts div{background:rgba(20,20,20,.8);backdrop-filter:blur(6px);padding:18px 20px}
main.wpf .facts strong{display:block;font-family:var(--display);font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.1;color:var(--accent)}
main.wpf .facts span{color:var(--muted);font-size:.92rem}
@media (max-width:900px){main.wpf .facts{grid-template-columns:repeat(2,1fr)}
main.wpf .facts div:last-child{grid-column:span 2}}
main.wpf .answer{border-left:4px solid var(--wms);background:var(--ink-2);padding:26px 30px;border-radius:0 var(--radius) var(--radius) 0;font-size:1.1rem;max-width:920px}
main.wpf .light .answer{background:#fff}
main.wpf .answer p:last-child{margin:0}
main.wpf .audiences{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
main.wpf .audiences.three{grid-template-columns:repeat(3,1fr)}
main.wpf .aud{position:relative;border-radius:var(--radius);overflow:hidden;min-height:380px;display:flex;align-items:flex-end;text-decoration:none;color:#fff;isolation:isolate}
main.wpf .aud img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s ease}
main.wpf .aud::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,20,20,0) 30%,rgba(20,20,20,.94) 85%)}
main.wpf .aud:hover img{transform:scale(1.05)}
main.wpf .aud-body{padding:26px}
main.wpf .aud-body h3{margin-bottom:8px}
main.wpf .aud-body p{color:#d9d8d4;font-size:1rem;margin-bottom:12px}
@media (max-width:980px){main.wpf .audiences,main.wpf .audiences.three{grid-template-columns:1fr 1fr}
main.wpf .aud{min-height:280px}}
@media (max-width:600px){main.wpf .audiences,main.wpf .audiences.three{grid-template-columns:1fr}}
main.wpf .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
main.wpf .card{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
main.wpf .light .card{background:#fff;border-color:var(--line-dark)}
main.wpf .card img{aspect-ratio:16/10;width:100%;object-fit:cover}
main.wpf .card > div{padding:22px 24px 26px}
main.wpf .card p{color:var(--muted);font-size:1rem;margin:0}
main.wpf .light .card p{color:var(--muted-dark)}
main.wpf .card .more{display:inline-block;margin-top:12px}
main.wpf .card.wide{grid-column:span 2}
main.wpf .card.wide img{aspect-ratio:21/9}
main.wpf .cards.four{grid-template-columns:repeat(4,1fr)}
main.wpf .cards.two{grid-template-columns:repeat(2,1fr)}
@media (max-width:980px){main.wpf .cards,main.wpf .cards.four{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){main.wpf .cards,main.wpf .cards.four,main.wpf .cards.two{grid-template-columns:1fr}
main.wpf .card.wide{grid-column:auto}}
main.wpf .icon-card{padding:24px;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius)}
main.wpf .light .icon-card{background:#fff;border-color:var(--line-dark)}
main.wpf .icon-card .num{font-family:var(--display);font-size:2.4rem;color:var(--accent);line-height:1;margin-bottom:10px;font-weight:800}
main.wpf .icon-card h3{font-size:1.25rem}
main.wpf .icon-card p{color:var(--muted);font-size:1rem;margin:0}
main.wpf .light .icon-card p{color:var(--muted-dark)}
main.wpf .finder{display:grid;grid-template-columns:1fr;background:#fff;color:var(--text-dark);border-radius:20px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.25)}
main.wpf .finder form{padding:clamp(24px,4vw,44px);display:grid;grid-template-columns:1fr 1.5fr 1.2fr;gap:28px}
@media (max-width:1000px){main.wpf .finder form{grid-template-columns:1fr}}
main.wpf .finder fieldset{border:0;padding:0;margin:0}
main.wpf .finder legend{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;font-size:1.05rem;margin-bottom:12px;padding:0;font-weight:700}
main.wpf .chips{display:flex;flex-wrap:wrap;gap:10px}
main.wpf .chips label{cursor:pointer;position:relative}
main.wpf .chips input{position:absolute;opacity:0;width:1px;height:1px}
main.wpf .chips span{display:block;padding:9px 15px;border:2px solid var(--paper-3);border-radius:999px;font-weight:600;font-size:.98rem;transition:all .15s ease;background:#fff}
main.wpf .chips input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}
main.wpf .chips input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}
main.wpf .finder-result{background:var(--paper);padding:clamp(20px,3vw,36px);min-height:420px}
main.wpf .finder-head{margin-bottom:18px}
main.wpf .finder-why{font-size:1.08rem;margin:0;max-width:80ch}
main.wpf .finder-more{margin:18px 0 0;color:var(--muted-dark)}
main.wpf .finder-more a{color:var(--blue);font-weight:600}
main.wpf .finder-empty{max-width:70ch;padding:20px 0}
main.wpf .finder .eyebrow{color:var(--blue)}
main.wpf .finder .eyebrow::before{background:var(--blue)}
@media (max-width:900px){main.wpf .finder{grid-template-columns:1fr}
main.wpf .finder-result{min-height:0}}
main.wpf .noimg{display:grid;place-items:center;width:100%;height:100%;min-height:160px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:var(--accent);font-family:var(--display);font-size:2rem;text-transform:uppercase;letter-spacing:.06em;border-radius:10px}
main.wpf .light .noimg{background:linear-gradient(135deg,#efede6,#e2dfd5)}
main.wpf .pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
main.wpf .pcard{background:#fff;color:var(--text-dark);border:1px solid var(--line-dark);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
main.wpf .pcard:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(0,0,0,.16)}
main.wpf .pcard-img{background:radial-gradient(circle at 50% 40%,#fff,#eef1f5);height:190px;display:grid;place-items:center;padding:16px}
main.wpf .pcard-img img{max-height:158px;width:auto;max-width:100%;object-fit:contain}
main.wpf .pcard-body{padding:16px 18px 20px;display:flex;flex-direction:column;flex:1}
main.wpf .pcard-type{font-family:var(--display);color:var(--blue);letter-spacing:.06em;font-size:.92rem;margin:0 0 4px;font-weight:600}
main.wpf .pcard h3{font-size:1.15rem;text-transform:none;letter-spacing:0;margin:0 0 10px;line-height:1.2}
main.wpf .pcard ul{list-style:none;padding:0;margin:0 0 12px;font-size:.9rem;color:var(--muted-dark);display:grid;gap:4px}
main.wpf .pcard li{padding-left:16px;position:relative}
main.wpf .pcard li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:2px;background:var(--blue)}
main.wpf .pcard-id{font-size:.82rem;color:var(--muted-dark);margin:auto 0 12px;padding-top:6px}
main.wpf .pcard .btn{width:100%}
main.wpf .pcard-files{display:flex;gap:14px;margin-top:10px;font-size:.85rem}
main.wpf .pcard-files a{color:var(--blue);font-weight:600}
main.wpf .segs{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
main.wpf .seg{min-width:0;background:#fff;color:var(--text-dark);border:1px solid var(--line-dark);border-radius:var(--radius);padding:16px;text-decoration:none;display:flex;flex-direction:column;gap:10px;transition:border-color .15s ease,transform .15s ease}
main.wpf .seg:hover{border-color:var(--blue);transform:translateY(-3px)}
main.wpf .seg img{height:110px;width:100%;object-fit:contain}
main.wpf .seg strong{hyphens:auto;overflow-wrap:anywhere;font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;font-size:1.05rem;line-height:1.15}
main.wpf .seg span{font-size:.86rem;color:var(--muted-dark);line-height:1.4}
@media (max-width:1100px){main.wpf .segs{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){main.wpf .segs{grid-template-columns:repeat(2,minmax(0,1fr))}
main.wpf .seg span{display:none}}
main.wpf .dl-box{background:#fff;color:var(--text-dark);border-radius:20px;padding:clamp(20px,3vw,34px);border:1px solid var(--line-dark)}
main.wpf .dl-box input{font:500 1.1rem var(--body);padding:14px 16px;border-radius:10px;border:2px solid var(--paper-3);width:100%}
main.wpf .dl-count{margin:12px 0 6px;color:var(--muted-dark);font-size:.92rem}
main.wpf .dl-list{list-style:none;padding:0;margin:0}
main.wpf .dl-list li{display:grid;grid-template-columns:110px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--paper-2);font-size:.95rem}
main.wpf .dl-id{font-family:var(--display);color:var(--blue);letter-spacing:.04em}
main.wpf .dl-links{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:flex-end}
main.wpf .dl-links a,main.wpf .dl-more a{color:var(--blue);font-weight:600;white-space:nowrap}
main.wpf .dl-list li.dl-more{display:block;color:var(--muted-dark)}
@media (max-width:760px){main.wpf .dl-list li{grid-template-columns:1fr}
main.wpf .dl-links{justify-content:flex-start}}
main.wpf .catalogs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;list-style:none;padding:0;margin:0}
main.wpf .catalogs a{display:flex;justify-content:space-between;gap:12px;background:#fff;color:var(--text-dark);border:1px solid var(--line-dark);border-radius:10px;padding:14px 16px;text-decoration:none;font-weight:600}
main.wpf .catalogs a:hover{border-color:var(--blue)}
main.wpf .catalogs small{color:var(--muted-dark);font-weight:400;white-space:nowrap}
main.wpf .cats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
main.wpf .cat{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line-dark);border-radius:10px;padding:16px 18px;text-decoration:none;font-family:var(--display);font-size:1.1rem;letter-spacing:.03em;text-transform:uppercase;transition:border-color .15s ease,transform .15s ease,background .15s ease;color:var(--text-dark)}
main.wpf .cat:hover{border-color:var(--blue);transform:translateY(-2px);background:#f2f7fd}
main.wpf .cat svg{width:18px;height:18px;flex:none;color:var(--accent)}
main.wpf .shop-band{background:var(--ink);color:#fff;border-radius:20px;padding:clamp(24px,4vw,40px);margin-top:28px;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}
main.wpf .shop-band h3{margin-bottom:6px}
main.wpf .shop-band p{color:var(--muted);margin:0}
main.wpf .shop-band .cta-row{justify-content:flex-end}
@media (max-width:1000px){main.wpf .cats{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){main.wpf .cats{grid-template-columns:repeat(2,1fr)}
main.wpf .cat{font-size:.95rem;padding:13px 14px}
main.wpf .shop-band{grid-template-columns:1fr}
main.wpf .shop-band .cta-row{justify-content:flex-start}}
main.wpf .series-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:48px 0 20px;border-bottom:2px solid currentColor;padding-bottom:12px}
main.wpf .series-head h3{margin:0;font-size:1.6rem}
main.wpf .series-head p{margin:0;color:var(--muted)}
main.wpf .light .series-head p{color:var(--muted-dark)}
main.wpf .models{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
main.wpf .model{background:#fff;color:var(--text-dark);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;border:1px solid var(--line-dark);transition:transform .2s ease,box-shadow .2s ease}
main.wpf .model:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(0,0,0,.18)}
main.wpf .model .pic{background:radial-gradient(circle at 50% 40%,#fff,var(--paper-2));border-radius:10px;height:200px;display:grid;place-items:center;padding:12px;margin-bottom:16px;overflow:hidden}
main.wpf .model .pic img{max-height:176px;max-width:100%;width:auto;object-fit:contain;mix-blend-mode:multiply}
main.wpf .model .sku{color:var(--muted-dark);font-size:.86rem;letter-spacing:.04em}
main.wpf .model h4{font-size:1.45rem;margin:2px 0 10px;text-transform:none;letter-spacing:0}
main.wpf .model ul{list-style:none;padding:0;margin:0 0 16px;font-size:.95rem}
main.wpf .model li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid var(--paper-2)}
main.wpf .model li span:first-child{color:var(--muted-dark)}
main.wpf .model li span:last-child{font-weight:600;text-align:right}
main.wpf .model .why{color:var(--muted-dark);font-size:.95rem;margin-bottom:14px}
main.wpf .model .price{font-family:var(--display);font-size:1.6rem;margin-top:auto}
main.wpf .model .price small{display:block;font-family:var(--body);font-size:.8rem;color:var(--muted-dark);font-weight:400}
main.wpf .model .btn{margin-top:12px;width:100%}
main.wpf .flag{display:inline-block;background:var(--blue);color:#fff;font-family:var(--display);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:4px;margin-bottom:8px;align-self:flex-start;font-weight:700}
main.wpf .flag.grey{background:var(--ink);color:#fff}
main.wpf .table-scroll{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line-dark);background:#fff;color:var(--text-dark);margin-top:24px}
main.wpf table{border-collapse:collapse;width:100%;min-width:760px;font-size:.96rem}
main.wpf caption{text-align:left;padding:16px 18px;font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;font-size:1.1rem;font-weight:700}
main.wpf th,main.wpf td{padding:12px 16px;text-align:left;border-top:1px solid var(--paper-2);white-space:nowrap;vertical-align:top}
main.wpf td.wrap-text,main.wpf th.wrap-text{white-space:normal;min-width:220px}
main.wpf thead th{background:var(--ink);color:#fff;font-family:var(--display);font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:.86rem;border:0}
main.wpf tbody th{font-weight:700}
main.wpf tbody tr:hover{background:var(--paper)}
main.wpf td .link{color:var(--text-dark);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;border:0}
main.wpf .dark-table .table-scroll{background:var(--ink-2);border-color:var(--line);color:var(--text)}
main.wpf .dark-table th,main.wpf .dark-table td{border-color:var(--line)}
main.wpf .dark-table thead th{background:var(--ink-3)}
main.wpf .dark-table tbody tr:hover{background:var(--ink-3)}
main.wpf .dark-table td .link{color:#fff}
main.wpf .ok{color:#2e9c4a;font-weight:700}
main.wpf .no{color:var(--muted-dark)}
main.wpf .video-frame{position:relative;border-radius:var(--radius);overflow:hidden;background:#000;aspect-ratio:16/9}
main.wpf .video-frame video{width:100%;height:100%;object-fit:cover}
main.wpf .video-play{position:absolute;inset:0;display:grid;place-items:center;border:0;padding:0;cursor:pointer;background:linear-gradient(0deg,rgba(20,20,20,.55),rgba(20,20,20,.1));color:#fff;width:100%}
main.wpf .video-play span{width:88px;height:88px;border-radius:50%;background:var(--blue);display:grid;place-items:center;transition:transform .2s ease}
main.wpf .video-play:hover span{transform:scale(1.08)}
main.wpf .video-play svg{width:32px;height:32px;fill:#fff;margin-left:5px}
main.wpf .video-play b{position:absolute;left:20px;bottom:16px;font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;text-shadow:0 1px 8px rgba(0,0,0,.6)}
main.wpf .video-frame.is-playing .video-play{display:none}
main.wpf .split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
main.wpf .split.flip > :first-child{order:2}
@media (max-width:900px){main.wpf .split{grid-template-columns:1fr}
main.wpf .split.flip > :first-child{order:0}}
main.wpf .checks{list-style:none;padding:0;margin:22px 0 28px;display:grid;gap:12px}
main.wpf .checks li{padding-left:34px;position:relative}
main.wpf .checks li::before{content:"";position:absolute;left:0;top:.35em;width:20px;height:20px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23141414' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain}
main.wpf .checks b{color:#fff}
main.wpf .light .checks b{color:var(--text-dark)}
main.wpf .quote{border-left:4px solid var(--wms);padding:6px 0 6px 22px;margin:28px 0 0;font-size:1.1rem;font-style:italic;color:#e4e3df}
main.wpf .light .quote{color:var(--text-dark)}
main.wpf .quote cite{display:block;font-style:normal;color:var(--muted);font-size:.92rem;margin-top:8px}
main.wpf .notice{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;margin-top:24px}
main.wpf .light .notice{background:#fff;border-color:var(--line-dark)}
main.wpf .notice p:last-child{margin:0}
main.wpf .mosaic{display:grid;grid-template-columns:1fr 1fr;gap:12px}
main.wpf .mosaic img{border-radius:12px;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
main.wpf .mosaic img:first-child{grid-column:span 2;aspect-ratio:16/9}
main.wpf .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:step;list-style:none;padding:0;margin:0}
main.wpf .steps li{counter-increment:step;background:#fff;color:var(--text-dark);border-radius:var(--radius);padding:26px 24px;border:1px solid var(--line-dark)}
main.wpf .steps li::before{content:"0" counter(step);font-family:var(--display);font-size:3rem;line-height:1;color:var(--accent);display:block;margin-bottom:14px;font-weight:800}
main.wpf .steps h3{font-size:1.25rem}
main.wpf .steps p{color:var(--muted-dark);font-size:1rem;margin:0}
@media (max-width:980px){main.wpf .steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){main.wpf .steps{grid-template-columns:1fr}}
main.wpf .consult{display:grid;grid-template-columns:380px 1fr;gap:clamp(28px,5vw,64px);align-items:center}
main.wpf .person{border-radius:20px;overflow:hidden;position:relative;background:var(--ink-2);margin:0}
main.wpf .person img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}
main.wpf .person figcaption{position:absolute;left:0;right:0;bottom:0;padding:60px 22px 20px;background:linear-gradient(0deg,rgba(20,20,20,.95),transparent)}
main.wpf .person figcaption b{font-family:var(--display);font-size:1.5rem;text-transform:uppercase;letter-spacing:.04em;display:block;color:#fff}
main.wpf .person figcaption span{color:var(--muted);font-size:.98rem}
main.wpf .contact-lines{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:26px;color:var(--muted)}
main.wpf .contact-lines a{color:#fff;text-decoration:none;border-bottom:1px solid var(--line)}
main.wpf .contact-lines a:hover{border-color:var(--accent)}
main.wpf .calendly-box{margin-top:26px;border-radius:var(--radius);overflow:hidden;background:#fff;color:var(--text-dark);min-height:0}
main.wpf .calendly-box.is-open{min-height:700px}
main.wpf .calendly-box .fallback{padding:22px 24px}
main.wpf .calendly-box .fallback a{color:var(--text-dark);font-weight:600}
main.wpf .consent{font-size:.85rem;color:var(--muted);margin-top:12px}
main.wpf .consent a{color:#fff}
@media (max-width:900px){main.wpf .consult{grid-template-columns:1fr}
main.wpf .person{max-width:380px}}
main.wpf .reviews{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
main.wpf .review{background:#fff;color:var(--text-dark);border:1px solid var(--line-dark);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:10px}
main.wpf .stars{color:#f5a623;letter-spacing:2px;font-size:1.1rem}
main.wpf .review p{margin:0;font-size:1rem}
main.wpf .review cite{font-style:normal;color:var(--muted-dark);font-size:.9rem;margin-top:auto}
main.wpf .review.google{background:var(--ink);color:#fff;border-color:var(--ink);justify-content:center;align-items:flex-start}
main.wpf .review.google p{color:var(--muted)}
main.wpf .review .big{font-family:var(--display);font-size:3.2rem;line-height:1;color:var(--accent);font-weight:800}
main.wpf .review .big small{font-size:1.3rem;color:var(--muted)}
@media (max-width:1100px){main.wpf .reviews{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){main.wpf .reviews{grid-template-columns:1fr}}
main.wpf .places{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:26px 0 0}
main.wpf .places li{background:#fff;border:1px solid var(--line-dark);border-radius:999px;padding:8px 16px;font-weight:600;font-size:.96rem}
main.wpf .info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
main.wpf .info-cards div{background:#fff;border:1px solid var(--line-dark);border-radius:var(--radius);padding:24px}
main.wpf .info-cards h3{font-size:1.2rem}
main.wpf .info-cards p{margin:0;color:var(--muted-dark)}
main.wpf .info-cards a{color:var(--text-dark);font-weight:600}
@media (max-width:800px){main.wpf .info-cards{grid-template-columns:1fr}}
main.wpf .form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#fff;color:var(--text-dark);border-radius:20px;padding:clamp(22px,3vw,36px);border:1px solid var(--line-dark)}
main.wpf .form label{display:grid;gap:6px;font-weight:600;font-size:.95rem}
main.wpf .form label.full{grid-column:span 2}
main.wpf .form input,main.wpf .form textarea,main.wpf .form select{font:400 1rem var(--body);padding:12px 14px;border-radius:8px;border:2px solid var(--paper-3);background:#fff;color:var(--text-dark);width:100%}
main.wpf .form textarea{min-height:110px;resize:vertical}
main.wpf .form .actions{grid-column:span 2;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
main.wpf .form .actions p{margin:0;color:var(--muted-dark);font-size:.9rem}
@media (max-width:640px){main.wpf .form{grid-template-columns:1fr}
main.wpf .form label.full,main.wpf .form .actions{grid-column:auto}}
main.wpf .faq{max-width:900px}
main.wpf .faq details{border-bottom:1px solid var(--line)}
main.wpf .light .faq details{border-color:var(--line-dark)}
main.wpf .faq summary{cursor:pointer;list-style:none;padding:20px 44px 20px 0;position:relative;font-family:var(--display);font-size:1.2rem;letter-spacing:.02em;text-transform:uppercase;font-weight:700}
main.wpf .faq summary::-webkit-details-marker{display:none}
main.wpf .faq summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:1.9rem;color:var(--wms);font-family:var(--body);transition:transform .2s ease;font-weight:400}
main.wpf .light .faq summary::after{color:var(--blue)}
main.wpf .faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
main.wpf .faq details p{color:#d3d2ce;max-width:76ch;padding-bottom:20px;margin:0}
main.wpf .light .faq details p{color:var(--text-dark)}
main.wpf .final{position:relative;text-align:center;overflow:hidden;isolation:isolate}
main.wpf .final > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
main.wpf .final::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--ink) 0%,rgba(20,20,20,.7) 40%,rgba(20,20,20,.88) 100%)}
main.wpf .final h2{max-width:20ch;margin-inline:auto}
main.wpf .final .lead{margin-inline:auto;color:#e4e3df;margin-bottom:30px}
main.wpf .final .cta-row{justify-content:center}
main.wpf .legal{background:var(--ink);color:var(--muted);font-size:.85rem;padding:26px 0 40px;border-top:3px solid var(--wms)}
main.wpf .legal p{max-width:100ch;margin:0 0 .6em}
main.wpf .legal a{color:var(--text)}
main.wpf .mobile-bar{display:none}
@media (max-width:760px){main.wpf .mobile-bar{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(20,20,20,.96);border-top:1px solid var(--line)}
main.wpf .mobile-bar .btn{padding:13px 10px;font-size:.95rem}
main.wpf .legal{padding-bottom:100px}
main.wpf .hero-content{padding-top:200px}
main.wpf section{padding:56px 0}}
main.wpf .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
main.wpf .reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){main.wpf .reveal{opacity:1;transform:none;transition:none}
main.wpf .hero-media video{display:none}}