.cmp-room{padding-top:clamp(6rem,10vw,10rem);padding-bottom:clamp(6rem,10vw,10rem);overflow:clip}.cmp-room .hero-room{perspective:1800px;perspective-origin:50% 16%;top:0;-webkit-mask-image:radial-gradient(150% 120% at 50% 45%,#000 62%,#0000 100%);mask-image:radial-gradient(150% 120% at 50% 45%,#000 62%,#0000 100%)}.cmp-room .hero-room>i{background-size:18px 18px}.cmp-room .hero-room .wall{opacity:.35;height:16%}.cmp-room .hero-room .floor{opacity:.42;height:320%;top:16%;transform:rotateX(62deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 5% 100%);mask-image:linear-gradient(#0000 0%,#000 5% 100%)}.cmp-room .hero-room:after{height:9%;top:11%}.cmp-stage{--cmp-no:var(--color-pink);--cmp-ok:#5fd6a2;position:relative}.cmp-grid{gap:20px;max-width:1040px;margin-inline:auto;display:grid;position:relative}@media (min-width:900px){.cmp-grid{grid-template-columns:1fr 1fr;align-items:start;gap:28px}}.cmp-card{--cmp:var(--cmp-no);border:1px solid color-mix(in srgb, var(--cmp) 30%, var(--color-line));background:linear-gradient(180deg, color-mix(in srgb, var(--cmp) 14%, #16161a) 0%, color-mix(in srgb, var(--cmp) 7%, #111113) 100%);box-shadow:inset 0 1px 0 #ffffff1a, 0 2px 0 color-mix(in srgb, var(--cmp) 34%, #0b0b0c), 0 4px 0 color-mix(in srgb, var(--cmp) 22%, #0b0b0c), 0 6px 0 color-mix(in srgb, var(--cmp) 14%, #0b0b0c), 0 40px 70px -40px color-mix(in srgb, var(--cmp) 35%, transparent), 0 70px 120px -60px #000000e6;transform-origin:50% 100%;transition:transform 1.1s var(--ease-brand), opacity .9s var(--ease-brand);border-radius:24px;position:relative;transform:none}.cmp-card-ok{--cmp:var(--cmp-ok)}@media (min-width:900px){.cmp-card:hover{transform:translateY(-6px)}}.cmp-card:before{content:"";z-index:2;background:linear-gradient(90deg, transparent, var(--cmp), transparent);height:1px;position:absolute;top:-1px;left:14%;right:14%}.cmp-card-in{z-index:1;padding:28px 24px 12px;position:relative}@media (min-width:640px){.cmp-card-in{padding:36px 36px 16px}}.cmp-card-head{border-bottom:1px solid color-mix(in srgb, var(--cmp) 18%, var(--color-line));color:var(--cmp);transition:opacity .6s var(--ease-brand) .2s;justify-content:space-between;align-items:baseline;padding-bottom:20px;display:flex}.cmp-count{letter-spacing:.16em;font-variant-numeric:tabular-nums;opacity:.75;font-size:.8rem;font-weight:500}.cmp-item{text-align:left;border-bottom:1px solid var(--color-line);transition:opacity .55s var(--ease-brand), transform .6s var(--ease-brand);transition-delay:var(--d,0s);align-items:center;gap:16px;padding:15px 0;display:flex}.cmp-item:last-child{border-bottom:0}.cmp-card-no .cmp-item{color:var(--color-muted)}.cmp-card-ok .cmp-item{color:var(--color-bright)}.cmp-mark{width:26px;height:26px;color:var(--cmp);border:1px solid color-mix(in srgb, var(--cmp) 50%, transparent);background:color-mix(in srgb, var(--cmp) 12%, transparent);box-shadow:0 0 14px -4px color-mix(in srgb, var(--cmp) 60%, transparent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cmp-stage:not([data-in=true]) .cmp-card{opacity:0;transform:translateY(40px)}.cmp-stage:not([data-in=true]) .cmp-item{opacity:0;transform:translateY(18px)}.cmp-stage:not([data-in=true]) .cmp-card-head{opacity:0}@media (prefers-reduced-motion:reduce){.cmp-card,.cmp-item,.cmp-card-head{transition:none!important}.cmp-stage .cmp-card,.cmp-stage .cmp-card-head{opacity:1!important}.cmp-stage .cmp-item{opacity:1!important;transform:none!important}}