
.wh-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.wh-eye{font:500 12px 'IBM Plex Mono',monospace;letter-spacing:.2em;text-transform:uppercase;color:#E50914;display:block;margin-bottom:14px}
.wh h2{font-size:clamp(30px,4.2vw,52px)!important;line-height:1.08;margin:0 0 16px;text-align:left!important}
.wh h2:before,.wh h2:after,.wh h3:before,.wh h3:after{display:none!important}
.wh p.lead{font-size:18px;line-height:1.7;max-width:640px;color:#4A4D57}
.wh{padding:110px 0}
.wh.paper{background:#F6F3EC!important}.wh.white{background:#fff!important}.wh.ink{background:#14161C!important}.wh.paper2{background:#EDE8DB!important}
/* bento */
.wh-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(170px,auto);gap:18px;margin-top:44px}
.wh-b{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:26px;border-radius:24px;text-decoration:none!important;overflow:hidden;transition:transform .3s,box-shadow .3s;background:#fff;border:1px solid #E3DDCD;color:#14161C}
.wh-b:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(20,22,28,.14)}
.wh-b svg{margin-bottom:18px}.wh-b h3{font-size:22px;margin:0 0 6px;color:inherit!important;text-align:left!important}.wh-b p{margin:0;font-size:15px;line-height:1.55;color:inherit!important;opacity:.78}
.wh-b .go{margin-top:16px;font:600 13px 'IBM Plex Mono',monospace;letter-spacing:.1em}
.wh-b.big{grid-column:span 2;grid-row:span 2;background:#14161C;color:#fff;border-color:#14161C}.wh-b.big h3{font-size:34px}.wh-b.big svg{color:#E50914;width:44px;height:44px}
.wh-b.red{background:#E50914;color:#fff;border-color:#E50914}.wh-b.wide{grid-column:span 2;background:#F6F3EC}
.wh-b.big:after{content:"";position:absolute;right:-80px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(229,9,20,.55),transparent 70%)}
/* process */
.wh-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:56px;position:relative}
.wh-st{padding:0 36px 0 0;position:relative}
.wh-st:not(:last-child):after{content:"";position:absolute;top:34px;right:18px;width:calc(100% - 140px);height:1px;background:linear-gradient(90deg,rgba(255,255,255,.35),transparent);left:130px}
.wh-st b{display:block;font:700 72px 'Space Grotesk',sans-serif;color:transparent;-webkit-text-stroke:1.5px #E50914;line-height:1}
.wh-st h3{color:#fff!important;font-size:24px;margin:18px 0 8px;text-align:left!important}.wh-st p{color:#b9bac3!important;font-size:16px;line-height:1.65;margin:0}
.wh.ink h2{color:#fff!important}.wh.ink p.lead{color:#b9bac3!important}
/* why */
.wh-why{display:grid;grid-template-columns:5fr 7fr;gap:60px;align-items:start}
.wh-why .stick{position:sticky;top:130px}
.wh-row{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid #cfc8b4;transition:padding .25s}
.wh-row:hover{padding-left:12px}.wh-row:first-child{border-top:1px solid #cfc8b4}
.wh-row b{font:500 14px 'IBM Plex Mono',monospace;color:#E50914;padding-top:6px}.wh-row h3{font-size:22px;margin:0 0 6px;color:#14161C!important;text-align:left!important}.wh-row p{margin:0;color:#4A4D57!important;font-size:16px;line-height:1.65}
/* blog */
.wh-blog{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.wh-bc{display:block;background:#fff;border-radius:20px;overflow:hidden;text-decoration:none!important;border:1px solid #E3DDCD;transition:transform .25s,box-shadow .25s}
.wh-bc:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(20,22,28,.12)}
.wh-bc i{display:block;height:8px}.wh-bc div{padding:22px}.wh-bc em{font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.16em;color:#E50914;font-style:normal;text-transform:uppercase}
.wh-bc h3{font-size:19px;line-height:1.25;margin:10px 0 14px;color:#14161C!important;text-align:left!important}.wh-bc span{font-weight:600;font-size:14px;color:#14161C}
/* faq */
.wh-faq{display:grid;grid-template-columns:5fr 7fr;gap:60px}
.wh-faq details{border-bottom:1px solid #E3DDCD;padding:22px 0}.wh-faq details:first-child{border-top:1px solid #E3DDCD}
.wh-faq summary{cursor:pointer;font:600 19px 'Space Grotesk',sans-serif;color:#14161C;list-style:none;display:flex;justify-content:space-between;gap:20px}
.wh-faq summary::-webkit-details-marker{display:none}.wh-faq summary:after{content:"+";font-size:26px;line-height:1;color:#E50914;transition:transform .25s}
.wh-faq details[open] summary:after{transform:rotate(45deg)}.wh-faq details p{margin:14px 0 0;color:#4A4D57!important;font-size:16px;line-height:1.7}
/* cta */
.wh-cta{background:linear-gradient(135deg,#B3070F,#E50914 55%,#FF3B3B)!important;position:relative;overflow:hidden}
.wh-cta:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;border:1px solid rgba(255,255,255,.25);right:-200px;top:-200px}
.wh-cta:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;border:1px solid rgba(255,255,255,.2);right:-100px;top:-100px}
.wh-cta h2{color:#fff!important}.wh-cta p.lead{color:#ffe3e3!important}.wh-cta .wh-eye{color:#fff}
.wh-card{background:#fff;border-radius:24px;padding:34px;box-shadow:0 30px 70px rgba(0,0,0,.28);position:relative;z-index:2}
.wh-cgrid{display:grid;grid-template-columns:5fr 7fr;gap:60px;align-items:center;position:relative;z-index:2}
.wh-band{background:#14161C!important;padding:44px 0}.wh-band .wh-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wh-band b{display:block;font:500 12px 'IBM Plex Mono',monospace;letter-spacing:.18em;color:#E50914;margin-bottom:8px}.wh-band span,.wh-band a{color:#fff!important;font-size:18px;text-decoration:none}
.wh-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
@media(max-width:980px){.wh-bento{grid-template-columns:repeat(2,1fr)}.wh-b.big,.wh-b.wide{grid-column:span 2}.wh-steps,.wh-why,.wh-faq,.wh-cgrid,.wh-band .wh-wrap{grid-template-columns:1fr}.wh-st:after{display:none}.wh-st{margin-bottom:34px}.wh-blog{grid-template-columns:repeat(2,1fr)}.wh-why .stick{position:static}.wh{padding:70px 0}}
@media(max-width:560px){.wh-bento,.wh-blog{grid-template-columns:1fr}.wh-b.big,.wh-b.wide{grid-column:span 1}}


.wx{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,minmax(250px,auto));gap:20px;margin-top:44px}
.wx-t{--hv:#E50914;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;border-radius:28px;text-decoration:none!important;overflow:hidden;isolation:isolate;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;color:#fff}
.wx-t:before{content:"";position:absolute;inset:0;background:var(--hv);transform:translateY(102%);transition:transform .5s cubic-bezier(.2,.8,.2,1);z-index:-1;border-radius:inherit}
.wx-t:hover{transform:translateY(-8px) rotate(-.4deg);box-shadow:0 30px 60px rgba(20,22,28,.25)}.wx-t:hover:before{transform:translateY(0)}
.wx-t .bg{position:absolute;right:-14px;top:-14px;opacity:.14;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .4s;z-index:-1}
.wx-t:hover .bg{transform:scale(1.25) rotate(12deg);opacity:.28}
.wx-t .ic{position:absolute;top:28px;left:30px;width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;transition:transform .4s}
.wx-t:hover .ic{transform:scale(1.12) rotate(-8deg);background:rgba(255,255,255,.24)}
.wx-t h3{font-size:26px!important;margin:0 0 8px!important;color:inherit!important;text-align:left!important;line-height:1.1}
.wx-t p{margin:0 0 16px;font-size:15px;line-height:1.55;color:inherit!important;opacity:.85;max-width:420px}
.wx-t .go{font:600 12px 'IBM Plex Mono',monospace;letter-spacing:.14em;display:inline-flex;align-items:center;gap:8px}.wx-t .go i{display:inline-block;transition:transform .3s;font-style:normal}.wx-t:hover .go i{transform:translateX(8px)}
.wx-web{grid-column:span 2;grid-row:span 2;background:#14161C;--hv:linear-gradient(135deg,#8b0610,#E50914)}.wx-web h3{font-size:clamp(32px,3.4vw,46px)!important}.wx-web p{font-size:17px}.wx-web .ic{background:#E50914}
.wx-seo{background:#E50914;--hv:#14161C}
.wx-soc{background:#EDE8DB;color:#14161C;--hv:#14161C}.wx-soc .ic{background:rgba(20,22,28,.08)}.wx-soc:hover{color:#fff}
.wx-app{background:#1B2A4A;--hv:#E50914}
.wx-ai{grid-column:span 2;background:#fff;color:#14161C;border:1px solid #E3DDCD;--hv:#14161C}.wx-ai .ic{background:rgba(229,9,20,.1);color:#E50914}.wx-ai:hover{color:#fff}.wx-ai:hover .ic{color:#fff}
.wx-more{margin-top:26px;font-size:16px;color:#4A4D57}.wx-more a{color:#14161C;font-weight:600;border-bottom:2px solid #E50914;margin-right:18px;text-decoration:none;transition:color .2s}.wx-more a:hover{color:#E50914}
@media(max-width:980px){.wx{grid-template-columns:repeat(2,1fr)}.wx-web,.wx-ai{grid-column:span 2}.wx-web{grid-row:span 1}}
@media(max-width:560px){.wx{grid-template-columns:1fr}.wx-web,.wx-ai{grid-column:span 1}}
