.cn-hero{border-top:none}.cn-hero .btn{margin-top:1.4rem}.cn-flow{margin-top:2.6rem}.cn-chain{list-style:none;position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:.6rem}.cn-chain:before{content:"";position:absolute;left:4%;right:4%;top:50%;height:2px;background:var(--line-strong)}.cn-chain:after{content:"";position:absolute;top:calc(50% - 4px);left:4%;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);opacity:0}.cn-flow[data-play] .cn-chain:after{animation:cn-pulse 6s linear infinite}@keyframes cn-pulse{0%{left:4%;opacity:0}4%{opacity:1}96%{opacity:1}to{left:96%;opacity:0}}.cn-chain li{position:relative;z-index:1;display:grid;gap:.2rem;justify-items:center;text-align:center;padding:.8rem .4rem;border-radius:14px;background:var(--surface);border:1px solid var(--line)}.cn-flow[data-play] .cn-chain li{animation:cn-stop 6s ease-in-out calc(var(--i) * 1s) infinite}@keyframes cn-stop{0%,18%,to{border-color:var(--line)}6%{border-color:var(--accent-deep);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}}.cn-tag{font-size:.72rem;font-weight:800;color:var(--accent-deep)}.cn-chain strong{font-size:.92rem}.cn-back{margin-top:.8rem;font-size:.85rem;font-weight:600;color:var(--ink-soft);text-align:center}.cn-back span{color:#7c5cd6;font-weight:800}:root[data-theme=dark] .cn-tag{color:var(--accent)}@media(max-width:760px){.cn-chain{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-chain:before,.cn-chain:after{display:none}}.cn-anchor{display:block;scroll-margin-top:6rem}.svc{margin-top:2rem}.svc-tabs{display:flex;gap:.4rem;flex-wrap:wrap}.svc-tab{position:relative;padding:.6rem 1.1rem;border-radius:12px;border:1px solid var(--line-dark);background:transparent;color:var(--on-dark);font:inherit;font-weight:700;cursor:pointer;transition:border-color .2s}.svc-tab:hover{border-color:var(--steel-soft)}.svc-tab[aria-selected=true]{border-color:var(--accent)}.svc-tab span:last-child{position:relative}.svc-tab-bg{position:absolute;inset:0;border-radius:inherit;background:color-mix(in srgb,var(--accent) 18%,transparent)}.svc-panel{margin-top:1rem;padding:clamp(1.3rem,3vw,2rem);border:1px solid var(--line-dark);border-radius:18px;background:var(--graphite-2);min-height:22rem}.svc-panel h3{font-size:1.4rem}.svc-tagline{color:var(--on-dark-soft);margin-top:.3rem}.svc-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin-top:1.5rem}.svc-col h4{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);margin-bottom:.6rem}.svc-col--problems h4{color:#e7b56a}.svc-col--outcomes h4{color:#b9a4ff}.svc-col ul{list-style:none;display:grid;gap:.5rem}.svc-col li{font-size:.92rem;padding-left:.9rem;border-left:2px solid var(--line-dark);color:var(--on-dark)}@media(max-width:800px){.svc-cols{grid-template-columns:1fr}}.ph{margin-top:2rem}.ph-line{list-style:none;position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr))}.ph-line:before,.ph-line:after{content:"";position:absolute;top:19px;left:calc(50% / var(--n));height:2px}.ph-line:before{right:calc(50% / var(--n));background:var(--line-strong)}.ph-line:after{width:calc((100% - 100% / var(--n)) * var(--fill));background:var(--accent-deep);transition:width .5s cubic-bezier(.22,1,.36,1)}.ph-line button{position:relative;z-index:1;display:grid;justify-items:center;gap:.5rem;width:100%;border:0;background:none;font:inherit;color:var(--ink-soft);cursor:pointer;padding:0 .3rem}.ph-dot{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--surface);border:2px solid var(--line-strong);font-weight:800;transition:background .3s,border-color .3s,color .3s}.ph-line button[data-done] .ph-dot{border-color:var(--accent-deep);color:var(--accent-deep)}.ph-line button[aria-pressed=true] .ph-dot{background:var(--accent-deep);color:#fff}.ph-line button[aria-pressed=true]{color:var(--ink)}.ph-name{font-size:.9rem;font-weight:700;text-align:center}.ph-text{margin-top:1.4rem;min-height:4.5rem;max-width:46rem;margin-inline:auto;text-align:center;color:var(--ink-soft)}@media(max-width:640px){.ph-name{font-size:.72rem}.ph-dot{width:34px;height:34px}.ph-line:before,.ph-line:after{top:16px}}.cn-diffs{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.cn-diffs li{display:grid;gap:.4rem;align-content:start;padding:1.4rem;border-radius:16px;border:1px solid var(--line);background:var(--surface);opacity:0;transform:translateY(14px);transition:opacity .5s calc(var(--i) * .12s),transform .5s cubic-bezier(.22,1,.36,1) calc(var(--i) * .12s)}.cn-diffs[data-play] li{opacity:1;transform:none}.cn-diffs span{font-weight:800;font-size:.85rem;color:var(--accent-deep)}.cn-diffs strong{font-size:1.05rem}.cn-diffs p{color:var(--ink-soft);font-size:.92rem}:root[data-theme=dark] .cn-diffs span{color:var(--accent)}@media(max-width:800px){.cn-diffs{grid-template-columns:1fr}}.cn-together{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(2rem,5vw,4rem);align-items:center}.cn-together h2{font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.02em;line-height:1.1}.cn-products{display:grid;gap:.5rem}.cn-products span{font-size:.78rem;font-weight:700;color:var(--ink-soft)}.cn-products a{display:flex;justify-content:space-between;padding:.8rem 1rem;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-weight:700;color:var(--ink);text-decoration:none;transition:border-color .2s}.cn-products a:hover{border-color:var(--accent-deep)}.cn-products b{transition:transform .2s}.cn-products a:hover b{transform:translate(4px)}@media(max-width:800px){.cn-together{grid-template-columns:1fr}}.cn-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.cn-note{margin-top:1.4rem;font-size:.8rem;color:var(--ink-soft)}@media(prefers-reduced-motion:reduce){.cn-chain li,.cn-chain:after{animation:none!important}.cn-diffs li{opacity:1;transform:none}}