.co-sec .co-head{margin-bottom:26px}.page-head + .co-sec,.page-head ~ .co-sec:not(.sec ~ .sec){padding-top:8px}.co{display:grid;grid-template-columns:minmax(0,2.45fr) minmax(0,1fr);gap:28px;align-items:center;background:#fff;border-radius:26px;padding:18px 26px 18px 18px;box-shadow:0 1px 0 var(--panel-line),0 18px 50px rgba(15,40,70,0.08)}.co:not(.is-live){align-items:start}.co-frame{position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#fbfcfe 0%,#f3f6f9 72%,#eaeff3 100%)}.co-pic{position:relative;width:100%;aspect-ratio:5 / 4}.co-pic .co-layer,.co-pic .co-canvas{position:absolute;left:0;top:0;width:100%;height:100%}.co-pic .co-layer{display:block;overflow:hidden}.co.is-live .cp-live:not(.cp-grime-all){visibility:hidden}.cp-svg .co-hose{fill:none;stroke:#7d8a95;stroke-width:1.6}.cp-svg .co-outside{fill:#e6ebf0}.co-calls{position:absolute;inset:0;z-index:2;pointer-events:none}.co:not(.is-live) .co-calls{display:none}.co-call{position:absolute;left:0;top:0;opacity:0;transition:opacity 0.45s ease;--tone:#56626a}.co-call.is-on{opacity:1}.co-call:is([data-key="lining"],[data-key="bins"],[data-key="door"]){--tone:#6e6b4a}.co-call:is([data-key="ozone"],[data-key="machine"]){--tone:var(--accent)}.co-call[data-key="fragrance"]{--tone:#c24f88}.co-call[data-key="clean"]{--tone:#2f8f5b}.co-call-line{position:absolute;left:0;top:-0.75px;height:1.5px;width:0;background:var(--tone);transform-origin:0 50%}.co-call::before{content:"";position:absolute;left:-4.5px;top:-4.5px;width:9px;height:9px;border-radius:50%;background:var(--tone);box-shadow:0 0 0 2.5px #fff;z-index:1}.co-call-text{position:absolute;left:0;top:0;width:max-content;max-width:12em;padding:5px 11px 6px;border-radius:10px;background:rgba(255,255,255,0.97);box-shadow:0 0 0 1.5px var(--tone),0 4px 12px rgba(15,40,70,0.14);font-size:0.86rem;font-weight:600;line-height:1.25;color:var(--ink);text-align:center;text-wrap:balance}.co-progress{position:relative;margin:8px 0 -6px}.co-progress[hidden]{display:none}.co-track{position:absolute;left:22px;right:22px;top:50%;height:2px;margin-top:-1px;background:#dfe6ec;border-radius:2px;overflow:hidden}.co-fill{position:absolute;inset:0;background:var(--accent);transform-origin:left center;transform:scaleX(0)}.co-dots{position:relative;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}.co-dots li{margin:0}.co-dot{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.co-dot span{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #b4c0ca;transition:background-color 0.3s ease,border-color 0.3s ease,transform 0.3s ease}.co-dot.is-done span{background:var(--accent);border-color:var(--accent)}.co-dot[aria-current] span{background:#fff;border:4px solid var(--accent);transform:scale(1.35)}.co-dot:hover span{border-color:var(--accent)}.co-dot:focus-visible{outline:3px solid var(--accent);outline-offset:-6px}.co .co-key{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin:10px 0 2px;max-width:none;color:var(--muted);font-size:0.9rem}.co-key span{display:inline-flex;align-items:center;gap:8px}.co-key-odour::before{content:"";width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,rgba(110,107,74,0.7) 0,rgba(143,143,110,0.36) 55%,rgba(143,143,110,0) 100%)}.co-key-ozone::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(92,153,214,0.3);margin:0 3px}.co-key-fragrance::before{content:"";width:7px;height:7px;border-radius:50%;background:#d9609d;box-shadow:0 0 0 3px rgba(243,184,213,0.55);margin:0 3px}.co-steps{list-style:none;margin:0;padding:0}.co-step{position:relative;margin:0 0 18px;padding-left:46px}.co-num{position:absolute;left:0;top:1px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1.5px solid #9fb0bf;color:var(--ink);font-size:0.85rem;font-weight:600}.co-title{margin:3px 0 8px;font-size:1.24rem}.co-text p{margin:0 0 0.7em}.co-text p:last-child{margin-bottom:0}.co-more{margin:10px 0 0;font-weight:600}.co.is-live .co-steps{display:grid}.co.is-live .co-step{grid-area:1 / 1;margin:0;visibility:hidden;opacity:0;transition:opacity 0.4s ease,visibility 0s linear 0.4s}.co.is-live .co-step.is-now{visibility:visible;opacity:1;transition:opacity 0.4s ease 0.05s,visibility 0s}.co.is-live .co-step.is-now .co-num{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.co-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.co-controls[hidden]{display:none}.co-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 18px;border:1.5px solid var(--panel-line);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-weight:600;font-size:0.95rem;line-height:1.2;cursor:pointer}.co-btn:hover{border-color:var(--accent)}.co-next{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.co-next:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.co-btn[aria-disabled="true"]{opacity:0.42;cursor:default}.co-btn[aria-disabled="true"]:hover{border-color:var(--panel-line)}.co-next[aria-disabled="true"]:hover{background:var(--accent);border-color:var(--accent)}.co-ico{display:block;flex:none}.co-back .co-ico,.co-next .co-ico{width:8px;height:8px;border:solid currentColor;border-width:0 0 2px 2px}.co-back .co-ico{transform:rotate(45deg);margin-left:3px}.co-next .co-ico{transform:rotate(-135deg);margin-right:3px}.co-toggle .co-ico{width:0;height:0;border-left:11px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent}.co-toggle.is-playing .co-ico{width:11px;height:13px;border:solid currentColor;border-width:0 4px}.co-note{margin:14px 0 0;color:var(--muted);font-size:0.9rem;max-width:80ch}.co-link{margin:16px 0 0}@media (min-width:821px){.co-sec .co-head:has(>h2 + .prose){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:48px}.co-sec .co-head>h2 + .prose{margin-top:0}.co-sec .co-head:has(>h2 + .prose)>h2{margin:0;max-width:16ch}.co-sec .co-head .prose>:first-child{margin-top:0}}@media (max-width:1000px){.co{grid-template-columns:minmax(0,1fr);gap:18px;padding:16px}.co-side{display:flex;flex-direction:column;padding:0 6px 4px}.co-controls{order:-1;margin:0 0 18px}}@media (max-width:600px){.co{padding:8px 8px 18px;border-radius:22px;gap:14px;margin:0 -6px}.co-frame{border-radius:15px}.co-pic{aspect-ratio:0.92}.co-call-text{font-size:12.5px;padding:3px 7px 4px;max-width:9.5em;border-radius:9px}.co-progress{margin:4px -2px -8px}.co .co-key{font-size:0.85rem;gap:4px 16px}.co-side{padding:0 6px}.co-step{padding-left:40px}.co-num{width:28px;height:28px}.co-title{font-size:1.16rem;margin-top:2px}.co-controls{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:8px;margin:0 0 16px}.co-controls[hidden]{display:none}.co-btn{padding:0 10px;gap:7px}}@media (orientation:landscape) and (max-height:500px){.co{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;padding:12px 16px 12px 12px;align-items:start}.co-stage{max-width:calc((100svh - 124px) * 5 / 4)}.co-call-text{font-size:12.5px;padding:3px 7px 4px;max-width:9.5em}.co .co-key{font-size:0.82rem;margin-top:6px}.co-title{font-size:1.08rem;margin-bottom:6px}.co-text{font-size:0.93rem}.co-controls{margin:0 0 12px;gap:8px}.co-btn{padding:0 14px}}@media (prefers-reduced-motion:reduce){.co.is-live .co-step,.co.is-live .co-step.is-now,.co-dot span,.co-call{transition:none}}