.cp{--bg:#07080c;--line:#ffffff14;--line2:#ffffff24;--text:#f4f5f7;--soft:#c5cad3;--muted:#9aa1ad;--lime:#8bd84e;--lime2:#a8ec6c;--glow:#e8f59a;--gutter:clamp(16px,4vw,40px);background:var(--bg);color:var(--text);font-family:var(--font-geist-sans),"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.5;position:relative;overflow-x:clip}.cp *{box-sizing:border-box}.cp a{color:inherit;text-decoration:none}.cp img{max-width:100%;display:block}.cp h1,.cp h2{font-family:var(--font-display),var(--font-geist-sans),sans-serif;text-wrap:balance}:where(.cp) :where(h1,h2,p,table){margin:0}.cp a:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:12px}.cp-wrap{width:min(1200px,calc(100% - var(--gutter) * 2));margin-inline:auto}.cp-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.cp-btn{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 24px;font-size:16px;font-weight:750;transition:transform .2s,background-color .2s,border-color .2s;display:inline-flex}.cp-btn b{font-weight:500;transition:transform .2s}.cp-btn:hover b{transform:translate(3px)}.cp-btn:active{transform:scale(.97)}.cp-btn-lime{background:var(--lime);box-shadow:0 0 0 1px #e8f59a59,0 16px 44px -14px #8bd84ef2;color:#101110!important}.cp-btn-lime:hover{background:var(--lime2)}.cp-btn-main{background:#fff;color:#07080c!important}.cp-btn-ghost{border:1px solid var(--line2);background:#ffffff08}.cp-btn-ghost:hover{border-color:#ffffff52}.cp-ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.cp-hero{isolation:isolate;text-align:center;padding:clamp(56px,8vw,112px) 0 clamp(36px,5vw,64px);position:relative}.cp-bg{z-index:-1;pointer-events:none;background:radial-gradient(70% 60% at 50% 0,#8bd84e29,#0000 70%);position:absolute;inset:0}.cp-bg:after{content:"";background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 60% at 50% 20%,#000 10%,#0000 70%);mask-image:radial-gradient(60% 60% at 50% 20%,#000 10%,#0000 70%)}.cp-pill{color:var(--soft);background:#0e100cb3;border:1px solid #8bd84e4d;border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 6px;font-size:14px;font-weight:700;display:inline-flex}.cp-pill img{border-radius:6px;width:22px;height:22px}.cp-hero h1{letter-spacing:-.045em;margin-top:20px;font-size:clamp(2.4rem,1rem + 5.4vw,6rem);font-weight:800;line-height:1}.cp h1 span,.cp h2 span{background:linear-gradient(92deg,#fff,var(--glow) 40%,var(--lime));color:#0000;-webkit-background-clip:text;background-clip:text}.cp .cp-lede{max-width:680px;color:var(--soft);margin:22px auto 0;font-size:clamp(1.0625rem,.95rem + .5vw,1.3rem);line-height:1.55}.cp-versus{padding:clamp(24px,4vw,48px) 0}.cp-versus-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.cp-vs{background:linear-gradient(#0f120d,#0a0b09);border:1px solid #8bd84e2e;border-radius:24px;padding:22px;position:relative;overflow:hidden}.cp-vs-art{border:1px solid var(--line);background:#0c0d10;border-radius:14px;height:96px;margin-bottom:16px;position:relative;overflow:hidden}.cp .cp-from{color:var(--muted);font-size:16px;-webkit-text-decoration:line-through #ff6b6bcc;text-decoration:line-through #ff6b6bcc;text-decoration-thickness:2px}.cp .cp-to{font:800 clamp(1.2rem,1.05rem + .5vw,1.45rem)/1.25 var(--font-display),sans-serif;color:var(--text);margin-top:6px}.cp-vs-life i{background:#ffffff0f;border-radius:6px;height:12px;position:absolute;left:16px;right:16px}.cp-vs-life i:first-child{top:24px}.cp-vs-life i:first-child:after{content:"";transform-origin:0;background:#ff6b6b;border-radius:6px;animation:4s ease-in-out infinite cp-drain;position:absolute;inset:0}.cp-vs-life i:nth-child(2){background:linear-gradient(90deg,var(--lime),var(--glow));top:56px;box-shadow:0 0 18px #8bd84e73}.cp-vs-life i:nth-child(3){display:none}.cp-vs-offline i:first-child{border:2px solid var(--lime2);border-radius:8px;width:54px;height:40px;margin:-20px 0 0 -27px;position:absolute;top:50%;left:50%}.cp-vs-offline i:nth-child(2){background:var(--lime2);border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;animation:2.2s ease-in-out infinite cp-bounce;position:absolute;top:50%;left:50%}.cp-vs-offline i:nth-child(3){opacity:.8;background:#ff6b6b;width:40px;height:2px;margin-left:-20px;position:absolute;top:14px;left:50%;transform:rotate(-12deg)}.cp-vs-layers i{transform-origin:0;background:#e8f59a40;border:1px solid #e8f59aa6;border-radius:4px;height:14px;animation:3.6s ease-out infinite cp-layer;position:absolute;left:18px}.cp-vs-layers i:first-child{width:46%;top:18px}.cp-vs-layers i:nth-child(2){width:40%;animation-delay:.3s;top:41px;left:30%}.cp-vs-layers i:nth-child(3){width:36%;animation-delay:.6s;top:64px;left:52%}.cp-hq{text-align:center;padding:clamp(48px,7vw,96px) 0 clamp(24px,4vw,48px)}.cp-hq-badge{background:linear-gradient(92deg,var(--glow),var(--lime));color:#101110;font:800 13px/1.4 var(--font-geist-mono),monospace;letter-spacing:.16em;text-transform:uppercase;border-radius:999px;padding:4px 12px;display:inline-block}.cp-hq h2{letter-spacing:-.04em;margin-top:16px;font-size:clamp(2rem,1.1rem + 3.6vw,4rem);font-weight:800;line-height:1.05}.cp-hq-head>p:last-child{max-width:560px;color:var(--soft);margin:16px auto 0;font-size:17px}.cp-strip{margin-top:clamp(24px,4vw,44px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.cp-strip-track{gap:12px;width:max-content;animation:70s linear infinite cp-marq;display:flex}.cp-card{aspect-ratio:360/200;background:#100c1a;border-radius:12px;flex:none;width:clamp(170px,17vw,250px);display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.cp-card img{height:calc(var(--n) * 100%);animation:4.4s infinite cp-flip;animation-timing-function:steps(var(--n),jump-none);animation-delay:var(--dl,0s);position:absolute;top:0;left:0;width:100%!important;max-width:none!important}.cp-table-wrap{padding:clamp(48px,7vw,96px) 0}.cp-table-wrap h2{letter-spacing:-.035em;text-align:center;font-size:clamp(2rem,1.2rem + 3vw,3.4rem);font-weight:800}.cp-table{border-collapse:separate;border-spacing:0;width:100%;font-size:16px;margin-top:clamp(24px,4vw,40px)!important}.cp-table th,.cp-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:16px 18px}.cp-table thead th{z-index:2;font:800 16px/1.3 var(--font-display),sans-serif;color:var(--soft);border-bottom:1px solid var(--line2);background:#0a0b0f;position:sticky;top:68px}.cp-table thead th.cp-us{color:#101110;background:var(--lime);border-radius:16px 16px 0 0}.cp-table thead th.cp-us img{vertical-align:middle;border-radius:6px;width:22px;height:22px;margin:-3px 8px 0 0;display:inline-block}.cp-table tbody th{width:18%;color:var(--text);font-weight:700}.cp-table td{color:var(--muted)}.cp-table td.cp-us{color:var(--text);background:#8bd84e12;border-left:1px solid #8bd84e4d;border-right:1px solid #8bd84e4d;font-weight:650}.cp-table td.cp-us svg{vertical-align:middle;color:var(--lime2);margin:-2px 8px 0 0;display:inline-block}.cp-table tbody tr:last-child td.cp-us{border-bottom:1px solid #8bd84e4d;border-radius:0 0 16px 16px}.cp-table tbody tr{transition:background-color .2s}.cp-table tbody tr:hover{background:#ffffff05}.cp .cp-note{color:var(--muted);text-align:center;margin-top:14px;font-size:14px;line-height:1.55}.cp-final{padding:0 0 clamp(64px,9vw,120px)}.cp-final-card{text-align:center;background:radial-gradient(circle at 80% 0,#8bd84e38,#0000 55%),#0b0d0a;border:1px solid #8bd84e4d;border-radius:clamp(24px,3vw,34px);padding:clamp(28px,5vw,64px)}.cp-final h2{letter-spacing:-.04em;font-size:clamp(2rem,1.2rem + 3.2vw,3.6rem);font-weight:800}.cp-final-card>p{color:var(--soft);margin-top:12px;font-size:17px}@keyframes cp-drain{0%,10%{transform:scaleX(1)}70%,85%{transform:scaleX(.04)}to{transform:scaleX(1)}}@keyframes cp-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)}}@keyframes cp-layer{0%{opacity:0;transform:scaleX(0)}30%,85%{opacity:1;transform:none}to{opacity:0}}@keyframes cp-marq{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes cp-flip{0%{transform:translateY(0)}26%,to{transform:translateY(calc((var(--n) - 1) / var(--n) * -100%))}}@keyframes cp-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.cp-vs,.cp-table tbody tr,.cp-final-card{animation:linear both cp-rise;animation-timeline:view();animation-range:entry entry 40%}}}@media (max-width:900px){.cp-versus-grid{grid-template-columns:minmax(0,1fr)}.cp-vs{grid-template-columns:120px minmax(0,1fr);align-items:center;column-gap:16px;display:grid}.cp-vs-art{grid-row:1/span 2;margin:0}}@media (max-width:760px){.cp-table,.cp-table tbody,.cp-table tr,.cp-table th,.cp-table td{width:auto;display:block}.cp-table thead{display:none}.cp-table tbody tr{border:1px solid var(--line);background:#0b0c10;border-radius:18px;margin-bottom:12px;padding:16px}.cp-table tbody th{width:auto;font:800 18px/1.3 var(--font-display),sans-serif;border:0;padding:0 0 10px}.cp-table td{border:0;padding:8px 0;font-size:15px}.cp-table td:before{content:attr(data-label);color:var(--muted);margin-bottom:2px;font-size:13px;font-weight:700;display:block}.cp-table td.cp-us{margin-bottom:6px;padding:10px 12px;font-size:16px;border:1px solid #8bd84e59!important;border-radius:12px!important}.cp-table td.cp-us:before{color:var(--lime2)}.cp-table td:not(.cp-us){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:baseline;gap:10px;display:grid}.cp-table td:not(.cp-us):before{margin:0}.cp-ctas{flex-direction:column;align-items:stretch;max-width:420px;margin-inline:auto}.cp-btn{width:100%}}@media (max-width:420px){.cp-vs{grid-template-columns:88px minmax(0,1fr);padding:16px}.cp-vs-art{height:80px}}@media (prefers-reduced-motion:reduce){.cp *{transition:none!important;animation:none!important}.cp-card img{transform:translateY(calc((var(--n) - 1) / var(--n) * -100%))}.cp-strip{overflow-x:auto}}
