.clash-home{--coc-bg: #050505;--coc-raised: #111111;--coc-raised-2: #171717;--coc-text: #f4f4f4;--coc-muted: #a8aeb8;--coc-red: #d20a0a;--coc-red-hover: #ff1a1a;--coc-border: rgba(255, 255, 255, .08);--coc-max: 1240px;--coc-gutter: 22px;background:var(--coc-bg);color:var(--coc-text);font-family:Poppins,system-ui,sans-serif;overflow:hidden}.clash-home *,.clash-home *:before,.clash-home *:after{box-sizing:border-box}.clash-home a{color:inherit;text-decoration:none}.clash-home img{max-width:100%;height:auto;display:block}.clash-home h1,.clash-home h2,.clash-home h3,.clash-home h4,.clash-home h5,.clash-home h6{color:var(--coc-text);font-family:Poppins,system-ui,sans-serif}.clash-home [id]{scroll-margin-top:128px}.coc-wrap{width:min(var(--coc-max),calc(100% - (var(--coc-gutter) * 2)));margin:0 auto}.coc-kicker{margin:0 0 18px;color:var(--coc-red);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.coc-title{margin:0 0 22px;font-family:Poppins,system-ui,sans-serif;font-weight:800;letter-spacing:-.03em;line-height:1.08;color:var(--coc-text)}.coc-title--hero{font-size:clamp(42px,5.4vw,72px);max-width:14ch}.coc-title--section{font-size:clamp(34px,4.2vw,52px)}.coc-lede{margin:0;max-width:720px;color:var(--coc-muted);font-size:16px;font-weight:400;line-height:1.65;letter-spacing:0}.coc-lede--hero{font-size:clamp(16px,1.4vw,19px);color:#d5d5d5;margin-bottom:32px}.coc-head{text-align:center;margin:0 auto 48px}.coc-head .coc-lede{margin:0 auto}.coc-head .coc-title{margin-bottom:20px}.coc-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}.coc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 26px;border-radius:999px;border:1px solid transparent;background:var(--coc-red);color:#fff!important;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease}.coc-btn:hover{background:#fff;color:var(--coc-bg)!important;transform:translateY(-1px)}.coc-btn:focus-visible,.coc-link:focus-visible,.coc-choice:focus-visible,.coc-faq summary:focus-visible,.coc-demo__ctrl:focus-visible{outline:2px solid #fff;outline-offset:3px}.coc-btn--ghost{background:transparent;border-color:#ffffff59;color:#fff!important}.coc-btn--ghost:hover{border-color:#fff;background:#fff;color:var(--coc-bg)!important}.coc-link{display:inline-flex;align-items:center;gap:6px;color:var(--coc-red)!important;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.coc-link:after{content:"";width:14px;height:1px;background:currentColor;transition:transform .2s ease}.coc-link:hover:after{transform:translate(4px)}.coc-trust-line{margin:0;color:var(--coc-muted);font-size:13px;letter-spacing:.04em}.coc-bullets{display:grid;gap:10px;margin:0 0 28px;max-width:34rem;padding:0;list-style:none}.coc-bullets li{position:relative;padding-left:1.15em;color:#f4f4f4;font-size:16px;font-weight:600;line-height:1.45}.coc-bullets li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--coc-red)}.coc-audience{display:grid;grid-template-columns:1fr 1fr;gap:14px}.coc-audience article{background:var(--coc-raised);padding:0;min-height:240px;overflow:hidden}.coc-audience__media img{width:100%;height:220px;object-fit:cover}@media(max-width:989px){.coc-audience__media img{height:200px}}.coc-audience__copy{padding:28px 28px 32px;text-align:center}.coc-audience .coc-title{max-width:14ch;margin-left:auto;margin-right:auto}.coc-audience .coc-lede{margin-left:auto;margin-right:auto}.coc-hero{position:relative;min-height:min(78vh,760px);display:flex;align-items:flex-end;padding:132px 0 88px;background-color:#000;background-image:linear-gradient(90deg,#000000e0,#0000008c 42%,#0000002e);background-size:cover;background-position:center}.coc-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.coc-hero__media img{width:100%;height:100%;object-fit:cover}.coc-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000000e6,#0000009e 38%,#0000002e);z-index:1}.coc-hero .coc-wrap{position:relative;z-index:2}.coc-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px var(--coc-gutter);background:var(--coc-red);text-align:center}.coc-strip p{margin:0;color:#fff;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.coc-section{padding:96px 0}.coc-section--tight{padding:80px 0}.coc-section--raised{background:var(--coc-raised)}.coc-play{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.coc-play__card{position:relative;min-height:460px;overflow:hidden;background:var(--coc-raised);border-radius:4px}.coc-play__card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.coc-play__card:hover img{transform:scale(1.02)}.coc-play__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.92))}.coc-play__copy{position:absolute;left:24px;right:24px;bottom:24px;z-index:2}.coc-play__copy h3,.coc-pick h3,.coc-compare-card h3{margin:0 0 8px;font-size:22px;font-weight:800;letter-spacing:-.03em}.coc-play__copy p,.coc-pick__pos{margin:0 0 16px;color:#d0d0d0;font-size:15px;line-height:1.5}.coc-picks{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.coc-pick{display:flex;flex-direction:column;background:var(--coc-raised);border:0;border-radius:8px;overflow:hidden}.coc-pick[hidden],.coc-demo__stage img[hidden],.coc-finder__empty[hidden]{display:none!important}.coc-pick__media{aspect-ratio:1;background:#0a0a0a;display:grid;place-items:center;padding:18px}.coc-pick__media img{width:100%;height:100%;object-fit:contain}.coc-pick__body{display:flex;flex-direction:column;gap:8px;padding:20px 20px 22px;flex:1}.coc-badge{align-self:flex-start;margin:0;padding:4px 10px;border-radius:999px;background:var(--coc-red);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.coc-pick__price{margin:4px 0 10px;font-size:18px;font-weight:700}.coc-pick .coc-btn{margin-top:auto}.coc-finder{display:grid;gap:28px}.coc-finder__steps{display:grid;gap:22px}.coc-finder__step h3{margin:0 0 12px;font-size:15px;font-weight:600}.coc-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.coc-choice{min-height:44px;padding:14px 16px;border:1px solid transparent;border-radius:8px;background:var(--coc-raised);color:var(--coc-text);font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer}.coc-choice.is-active{border-color:var(--coc-red);box-shadow:inset 0 0 0 1px var(--coc-red)}.coc-finder__results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.coc-finder__empty,.coc-reviews__empty{margin:0;color:var(--coc-muted)}.coc-demo{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.coc-demo__copy,.coc-story__copy{text-align:center;display:flex;flex-direction:column;align-items:center}.coc-demo__copy .coc-lede,.coc-story__copy .coc-lede{margin-left:auto;margin-right:auto}.coc-demo__copy .coc-actions,.coc-story__copy .coc-actions{justify-content:center}.coc-demo__stage{position:relative;overflow:hidden;border-radius:8px;background:#000;aspect-ratio:16 / 10}.coc-demo__stage img,.coc-demo__stage video{width:100%;height:100%;object-fit:cover}.coc-demo__ctrl{position:absolute;right:14px;bottom:14px;min-width:44px;min-height:44px;border:0;border-radius:999px;background:#000000b3;color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;cursor:pointer}.coc-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.coc-benefit{padding:28px 24px;background:var(--coc-raised);border:0;border-radius:8px;text-align:center}.coc-benefit h3{margin:0 0 12px;font-size:20px}.coc-benefit p{margin:0;color:var(--coc-muted);font-size:15px;line-height:1.55}.coc-table-wrap{overflow-x:auto}.coc-table{width:100%;min-width:720px;border-collapse:collapse;background:var(--coc-raised);border-radius:8px;overflow:hidden}.coc-table th,.coc-table td{padding:16px 18px;border-bottom:1px solid var(--coc-border);text-align:left;font-size:15px;vertical-align:top}.coc-table th{background:var(--coc-raised-2);font-size:16px}.coc-table th a{color:#fff}.coc-table tbody th{background:transparent;color:var(--coc-muted);font-weight:600;width:22%}.coc-compare-mobile{display:none;gap:12px;overflow-x:auto;padding-bottom:8px}.coc-compare-card{flex:0 0 min(82vw,320px);padding:22px;background:var(--coc-raised);border:0;border-radius:8px}.coc-compare-card dl{margin:0}.coc-compare-card div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--coc-border);font-size:14px}.coc-compare-card dt{color:var(--coc-muted)}.coc-included-photo{margin:0 auto 18px;overflow:hidden;background:#000;border-radius:8px}.coc-included-photo img{width:100%;max-height:440px;object-fit:cover;object-position:center;margin:0 auto}.coc-included{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.coc-included__item{flex:1 1 200px;max-width:280px;padding:28px 18px;text-align:center;background:var(--coc-raised);border:0;border-radius:8px}.coc-included__item svg{width:36px;height:36px;margin:0 auto 14px;stroke:var(--coc-red);fill:none;stroke-width:1.6}.coc-included__item h3{margin:0 0 8px;font-size:16px}.coc-included__item p{margin:0;color:var(--coc-muted);font-size:13px;line-height:1.45}.coc-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.coc-review{padding:28px 24px;background:var(--coc-raised);border:0;border-radius:8px;text-align:center}.coc-review p{margin:0 0 18px;font-size:16px;line-height:1.6}.coc-review footer{color:var(--coc-muted);font-size:13px}.coc-story{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.coc-story__media{overflow:hidden;border-radius:8px;min-height:420px;background:#000}.coc-story__media img{width:100%;height:100%;object-fit:cover;min-height:420px}.coc-faq{max-width:860px;margin:0 auto}.coc-faq details{border-bottom:1px solid var(--coc-border)}.coc-faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;cursor:pointer;list-style:none;font-size:18px;font-weight:600}.coc-faq summary::-webkit-details-marker{display:none}.coc-faq summary:after{content:"+";color:var(--coc-red);font-size:24px;line-height:1}.coc-faq details[open] summary:after{content:"\2013"}.coc-faq .rte,.coc-faq p{margin:0 0 18px;color:var(--coc-muted);font-size:16px;line-height:1.65}.coc-final{position:relative;min-height:560px;display:grid;place-items:center;text-align:center;padding:96px var(--coc-gutter);background:#7a0000}.coc-final:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#50000059,#0a0000b8),var(--coc-final-image, none) center / cover no-repeat}.coc-final__inner{position:relative;z-index:1;max-width:760px}.coc-final .coc-title{color:#fff}.coc-final .coc-lede{margin:0 auto 32px;color:#f0d0d0}.coc-final .coc-actions{justify-content:center}.coc-reveal{opacity:0;transform:translateY(16px);animation:coc-rise .7s ease forwards}@keyframes coc-rise{to{opacity:1;transform:none}}@media(max-width:989px){.coc-play,.coc-picks,.coc-benefits,.coc-reviews,.coc-demo,.coc-story,.coc-audience{grid-template-columns:1fr}.coc-picks{grid-template-columns:1fr 1fr}.coc-included{justify-content:center}.coc-finder__results,.coc-choices{grid-template-columns:1fr}.coc-table-wrap{display:none}.coc-compare-mobile{display:flex}.coc-section,.coc-final{padding:72px 0}.coc-hero{min-height:640px;align-items:flex-end;padding:118px 0 56px;background-position:62% center}.coc-hero:after{background:linear-gradient(180deg,#0003,#000000e0 72%)}.coc-strip{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;padding:7px 12px}.coc-strip p{font-size:10px;letter-spacing:.06em;line-height:1.2;white-space:nowrap}.coc-play__card,.coc-story__media,.coc-story__media img{min-height:420px}}@media(max-width:749px){.clash-home{--coc-gutter: 20px}.coc-picks{grid-template-columns:1fr}.coc-title--hero{font-size:clamp(32px,9vw,44px);max-width:none}.coc-hero{min-height:520px;padding:104px 0 44px}.coc-section,.coc-final{padding:56px 0}.coc-actions{flex-direction:column}.coc-btn{width:100%}.coc-strip{flex-wrap:wrap;gap:4px 12px;padding:6px 8px}.coc-play__card,.coc-story__media,.coc-story__media img{min-height:320px}}@media(prefers-reduced-motion:reduce){.clash-home *,.clash-home *:before,.clash-home *:after{animation:none!important;transition:none!important;transform:none!important}.coc-reveal{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/clash-home.css.map */