.cpx-browse,.cpx-dev{scroll-margin-top:84px}.cpx-browse{padding-bottom:clamp(3rem,6vw,4.5rem)}.cpx-browse-title{margin:0 0 1rem;font-size:clamp(1.2rem,2.4vw,1.45rem);line-height:1.2}.cpx-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:clamp(1rem,2.4vw,1.75rem);display:grid}.cpx-filters{border:1px solid var(--line);background:var(--black-primary);border-radius:18px;gap:1.15rem;padding:1.1rem 1rem 1.2rem;display:grid;position:sticky;top:88px}.cpx-filters-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.cpx-filters-head strong{letter-spacing:.08em;text-transform:uppercase;color:var(--white);font-size:.78rem;font-weight:800}.cpx-filters-reset{color:var(--red-light);font-size:.8rem;font-weight:700}.cpx-filters-reset:hover{color:var(--white)}.cpx-fgroup{gap:.4rem;display:grid}.cpx-fgroup-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gray-500);font-size:.66rem;font-weight:700}.cpx-fopts{gap:.15rem;display:grid}.cpx-fopt{min-height:34px;color:var(--gray-300);border-radius:10px;align-items:center;gap:.55rem;padding:.3rem .55rem;font-size:.88rem;font-weight:600;transition:background .2s,color .2s;display:flex}.cpx-fopt:hover{color:var(--white);background:#ffffff0d}.cpx-fopt-dot{border:2px solid #ffffff40;border-radius:50%;flex-shrink:0;width:14px;height:14px;transition:border-color .2s,box-shadow .2s}.cpx-fopt-label{flex:1;align-items:center;gap:.4rem;min-width:0;display:inline-flex}.cpx-fopt-count{color:var(--gray-500);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:700}.cpx-fopt.is-active{color:var(--white);background:#ff00331f}.cpx-fopt.is-active .cpx-fopt-dot{box-shadow:inset 0 0 0 3px var(--black-primary),inset 0 0 0 7px #f35;border-color:#f35}.cpx-fopt.is-active .cpx-fopt-count{color:var(--red-light)}.cpx-results{min-width:0}.cpx-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;margin-bottom:1rem;display:flex}.cpx-count{color:var(--gray-400);margin:0;font-size:.92rem}.cpx-count strong{color:var(--white);font-variant-numeric:tabular-nums}.cpx-count q{color:var(--white)}.cpx-sort{border:1px solid var(--line);background:#ffffff06;border-radius:999px;gap:.25rem;padding:.25rem;display:inline-flex}.cpx-sort a{white-space:nowrap;color:var(--gray-400);border-radius:999px;padding:.4rem .85rem;font-size:.8rem;font-weight:700;transition:color .2s,background .2s}.cpx-sort a:hover{color:var(--white)}.cpx-sort a.is-active{color:var(--white);background:#ff003329;box-shadow:inset 0 0 0 1px #ff003359}.cpx-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.cpx-dev-line{color:var(--gray-400);flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin:1.1rem 0 0;font-size:.92rem;display:none}.cpx-dev-line a{color:var(--white);border-bottom:1px solid #ff335580;align-items:center;gap:.3rem;font-weight:700;display:inline-flex}.cpx-dev-line a:hover{color:var(--red-light);border-bottom-color:var(--red-light)}.cpx-soon{border:1px solid var(--line);background:radial-gradient(80% 120% at 0% 0%,#ff003324,transparent 62%),radial-gradient(70% 100% at 100% 100%,#ff33550f,transparent 60%),var(--black-primary);border-radius:22px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(1.25rem,3vw,2.5rem);padding:clamp(1.4rem,3.5vw,2.4rem);display:grid}.cpx-soon-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--red-light);background:#ff00331a;border:1px solid #ff003347;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:.85rem;padding:.32rem .75rem;font-size:.72rem;font-weight:800;display:inline-flex}.cpx-soon-main h3{margin:0 0 .55rem;font-size:clamp(1.25rem,2.6vw,1.6rem);line-height:1.2}.cpx-soon-main p{max-width:560px;color:var(--gray-400);margin:0 0 1.2rem;font-size:.97rem;line-height:1.65}.cpx-soon-main .ui-actions{justify-content:flex-start}.cpx-soon-steps{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.cpx-soon-steps li{border:1px solid var(--line);background:#ffffff06;border-radius:14px;align-items:flex-start;gap:.8rem;padding:.85rem .95rem;display:flex}.cpx-soon-ico{width:38px;height:38px;color:var(--white);background:var(--gradient-red);box-shadow:var(--shadow-tile);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.cpx-soon-steps strong{color:var(--white);margin-bottom:.15rem;font-size:.95rem;display:block}.cpx-soon-steps p{color:var(--gray-400);margin:0;font-size:.85rem;line-height:1.5}.cpx-slot{text-align:center;min-width:0;color:inherit;transition:transform .35s var(--ease-out-expo),border-color .25s ease,background .25s ease;background:radial-gradient(90% 120% at 0 0,#ff003317,#0000 60%),#ffffff03;border:1px dashed #ffffff29;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;padding:clamp(1.25rem,3vw,1.75rem);display:flex}.cpx-slot:hover{color:inherit;background:radial-gradient(90% 120% at 0 0,#ff003324,#0000 60%),#ffffff05;border-color:#ff003380;transform:translateY(-4px)}.cpx-slot.is-wide{grid-column:span 2}.cpx-slot-icon{width:52px;height:52px;color:var(--white);background:var(--gradient-red);box-shadow:var(--shadow-tile);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.cpx-slot-body{justify-items:center;gap:.35rem;min-width:0;max-width:420px;display:grid}.cpx-slot-kicker{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--red-light);font-size:.68rem;font-weight:700}.cpx-slot-body strong{color:var(--white);font-size:1.15rem;font-weight:800;line-height:1.25}.cpx-slot-body span:last-child{color:var(--gray-400);font-size:.9rem;line-height:1.55}.cpx-slot-cta{letter-spacing:.06em;text-transform:uppercase;color:var(--red-light);flex-shrink:0;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;display:inline-flex}.cpx-slot-cta svg{transition:transform .3s var(--ease-out-back,ease)}.cpx-slot:hover .cpx-slot-cta{color:var(--white)}.cpx-slot:hover .cpx-slot-cta svg{transform:translate(3px)}.cpx-slot.no-3{display:none}.cpx-flow{border:1px solid var(--line);background:radial-gradient(70% 120% at 50% 0%,#ff003317,transparent 65%),var(--black-primary);border-radius:22px;max-width:1180px;margin:clamp(2.5rem,5vw,3.5rem) auto 0;padding:clamp(1.5rem,3.5vw,2.25rem) clamp(1.1rem,3vw,2rem)}.cpx-flow-head{text-align:center;max-width:640px;margin:0 auto clamp(1.5rem,3.5vw,2rem)}.cpx-flow-head h3{margin:0;font-size:clamp(1.25rem,2.6vw,1.6rem)}.cpx-flow-head p{color:var(--gray-400);margin:.6rem auto 0;font-size:.95rem;line-height:1.6}.cpx-flow-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.cpx-flow-track:before{content:"";background:linear-gradient(90deg,#f033,#ff0033b3 50%,#22c55e99);border-radius:2px;height:2px;position:absolute;top:23px;left:10%;right:10%}.cpx-flow-step{text-align:center;min-width:0;position:relative}.cpx-flow-dot{width:48px;height:48px;color:var(--red-light);background:var(--black-primary);border:1px solid var(--line-red);box-shadow:0 0 0 6px var(--black-primary),0 0 22px #ff003338;border-radius:50%;place-items:center;margin:0 auto .85rem;display:grid}.cpx-flow-step:last-child .cpx-flow-dot{color:#86efac;box-shadow:0 0 0 6px var(--black-primary),0 0 22px #22c55e33;border-color:#22c55e73}.cpx-flow-step h4{letter-spacing:-.01em;text-transform:none;color:var(--white);margin:0 0 .3rem;font-size:.98rem;line-height:1.3}.cpx-flow-step p{max-width:220px;color:var(--gray-400);margin:0 auto;font-size:.85rem;line-height:1.55}.cpx-dev-grid{grid-template-columns:minmax(0,1fr) minmax(0,400px);align-items:start;gap:clamp(1rem,3vw,2rem);max-width:1180px;margin:0 auto;display:grid}.cpx-dev-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,2vw,1rem);margin:0;padding:0;list-style:none;display:grid}.cpx-dev-point{border:1px solid var(--line);background:linear-gradient(180deg,#ffffff0a,#ffffff03 60%),var(--black-primary);min-width:0;transition:transform .35s var(--ease-out-expo),border-color .25s ease,box-shadow .35s ease;border-radius:18px;flex-direction:column;gap:.9rem;padding:clamp(1.15rem,2.6vw,1.5rem);display:flex}.cpx-dev-point:hover{border-color:var(--line-red);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.cpx-dev-icon{width:42px;height:42px;color:var(--red-light);background:#ff00331a;border:1px solid #ff003347;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.cpx-dev-point h3{letter-spacing:-.01em;text-transform:none;color:var(--white);margin:0 0 .35rem;font-size:clamp(1rem,1.6vw,1.12rem);line-height:1.3}.cpx-dev-point p{color:var(--gray-400);margin:0;font-size:.9rem;line-height:1.6}.cpx-cost{background:radial-gradient(110% 80% at 100% 0%,#ff003329,transparent 60%),var(--black-primary);box-shadow:var(--shadow-lift);border:1px solid #ff003352;border-radius:22px;padding:clamp(1.35rem,3vw,1.85rem);position:sticky;top:96px}.cpx-cost-kicker{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--red-light);margin-bottom:.6rem;font-size:.7rem;font-weight:700;display:inline-block}.cpx-cost h3{margin:0 0 1.1rem;font-size:clamp(1.25rem,2.4vw,1.5rem);line-height:1.15}.cpx-cost-lines{border:1px solid var(--line);background:#ffffff05;border-radius:14px;margin:0 0 .9rem;display:grid}.cpx-cost-lines>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding:.7rem .95rem;font-size:.92rem;display:flex}.cpx-cost-lines>div:last-child{border-bottom:0}.cpx-cost-lines dt{color:var(--gray-400)}.cpx-cost-lines dd{color:var(--white);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.cpx-cost-lines .is-total{background:#ff003312}.cpx-cost-lines .is-total dt{color:var(--white);font-weight:700}.cpx-cost-lines .is-total dd{font-size:1.1rem;font-weight:900}.cpx-cost-reach{color:var(--gray-300);margin:0 0 1.15rem;font-size:.9rem;line-height:1.55}.cpx-cost-reach strong{color:var(--white)}.cpx-cost-note{color:var(--gray-500);margin:.85rem 0 0;font-size:.8rem;line-height:1.55}@media (max-width:1240px){.cpx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cpx-slot.no-3{display:flex}.cpx-slot.no-2{display:none}.cpx-slot.is-wide{grid-column:auto}}@media (max-width:1080px){.cpx-dev-grid{grid-template-columns:minmax(0,1fr)}.cpx-cost{width:100%;max-width:560px;margin:0 auto;position:static}}@media (max-width:900px){.cpx-flow-track{grid-template-columns:minmax(0,1fr);gap:1.1rem}.cpx-flow-track:before{background:linear-gradient(#ff003340,#ff0033b3 50%,#22c55e99);width:2px;height:auto;inset:24px auto 24px 23px}.cpx-flow-step{text-align:left;grid-template-columns:48px minmax(0,1fr);align-items:start;column-gap:1rem;display:grid}.cpx-flow-dot{grid-row:1/span 2;margin:0}.cpx-flow-step h4{margin-top:.2rem}.cpx-flow-step p{max-width:none;margin:0}.cpx-layout,.cpx-soon{grid-template-columns:minmax(0,1fr)}.cpx-page .mks-aside{display:none}.cpx-dev-line{display:flex}.cpx-filters{background:0 0;border-width:1px 0;border-radius:0;gap:.85rem;padding:.9rem 0 .95rem;position:static}.cpx-fgroup{gap:.35rem}.cpx-fopts{scrollbar-width:none;gap:.4rem;margin:0 calc(-1*clamp(1rem,3vw,2rem));padding:.1rem clamp(1rem,3vw,2rem) .2rem;display:flex;overflow-x:auto}.cpx-fopts::-webkit-scrollbar{display:none}.cpx-fopt{border:1px solid var(--line-2);white-space:nowrap;background:#ffffff08;border-radius:999px;flex-shrink:0;min-height:34px;padding:.3rem .75rem}.cpx-fopt.is-active{border-color:#ff003373}.cpx-fopt-dot{display:none}}@media (max-width:600px){.cpx-grid{grid-template-columns:minmax(0,1fr)}.cpx-slot,.cpx-slot.no-3{display:none}.cpx-sort{width:100%;overflow-x:auto}.cpx-sort a{text-align:center;flex:1}}@media (max-width:640px){.cpx-dev-points{grid-template-columns:minmax(0,1fr);gap:.6rem}.cpx-dev-point{border-radius:16px;grid-template-columns:42px minmax(0,1fr);column-gap:.9rem;padding:1rem 1.05rem;display:grid}.cpx-dev-point h3{margin-top:.1rem}}