.why{border-top:1px solid var(--line);padding-block:clamp(44px,6vw,90px)}.why-in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,88px);display:grid}.why-list{display:grid}.why-row{border-top:1px solid var(--line);gap:4px;padding-block:18px;display:grid}.why-row:first-child{border-top:0;padding-top:4px}.why-row h3{letter-spacing:-.02em;font-size:clamp(1.1875rem,1.1rem + .4vw,1.4375rem);font-weight:500;line-height:1.2}.why-row p{color:var(--ink-2)}.flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin-top:clamp(36px,5vw,70px);padding-top:30px;display:grid;position:relative}.flow:before{content:"";background:var(--rainbow);height:2px;position:absolute;top:6px;left:0;right:0}.flow-step{gap:4px;display:grid;position:relative}.flow-step:before{content:"";background:var(--ink);width:14px;height:14px;box-shadow:0 0 0 4px var(--bg);border-radius:50%;position:absolute;top:-30px;left:0}.flow-step h3{letter-spacing:-.015em;font-size:1.1875rem;font-weight:500}.flow-step p{color:var(--ink-2);font-size:1rem}@media (width<=820px){.why-in{grid-template-columns:minmax(0,1fr)}.flow{grid-template-columns:minmax(0,1fr);padding-top:0;padding-left:30px}.flow:before{background:linear-gradient(180deg,var(--amber),var(--rose),var(--blue),var(--green));width:2px;height:auto;inset:6px auto 6px 6px}.flow-step:before{top:6px;left:-30px}}.prods{padding-top:clamp(36px,5vw,70px)}.prod{padding-block:clamp(36px,5vw,70px)}.prod-in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(28px,5vw,88px);display:grid}.prod-copy{gap:20px;min-width:0;display:grid}.prod-copy>p{color:var(--ink-2);max-width:30em;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem)}.how{counter-reset:s;gap:10px;padding:0;list-style:none;display:grid}.how li{color:var(--ink-3);align-items:center;gap:12px;transition:color .25s;display:flex}.how li:before{counter-increment:s;content:counter(s);background:var(--soft);width:28px;height:28px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;font-size:.8125rem;font-weight:600;transition:background .25s,color .25s;display:grid}.how li.now{color:var(--ink)}.how li.now:before{background:var(--ink);color:var(--white)}.how li.done{color:var(--ink-2)}.how li.done:before{background:var(--ok-bg);color:var(--ok-ink)}.turn{color:var(--ink-3);min-height:1.55em;font-size:.9375rem;line-height:1.55}.prod-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.panel{border-radius:clamp(22px,3vw,40px);min-width:0;padding:clamp(14px,3.4vw,52px)}.panel .stage{height:500px;position:relative}.p-hr{background:radial-gradient(70% 60% at 50% 0,var(--glow-blue) 0,transparent 72%),radial-gradient(60% 60% at 100% 100%,var(--glow-green) 0,transparent 72%),radial-gradient(60% 60% at 0 100%,var(--glow-peach) 0,transparent 72%),var(--panel-hr)}.p-qt{background:radial-gradient(70% 60% at 60% 0,var(--glow-amber) 0,transparent 72%),radial-gradient(60% 60% at 100% 60%,var(--glow-rose) 0,transparent 72%),radial-gradient(60% 60% at 0 100%,var(--glow-sky) 0,transparent 72%),var(--panel-qt)}.p-ld{background:radial-gradient(70% 60% at 30% 0,var(--glow-green) 0,transparent 72%),radial-gradient(60% 60% at 100% 30%,var(--glow-ice) 0,transparent 72%),radial-gradient(60% 60% at 50% 100%,var(--glow-butter) 0,transparent 72%),var(--panel-ld)}.p-ad{background:radial-gradient(70% 60% at 70% 0,var(--glow-violet) 0,transparent 72%),radial-gradient(60% 60% at 0 40%,var(--glow-pink) 0,transparent 72%),radial-gradient(60% 60% at 100% 100%,var(--glow-cornflower) 0,transparent 72%),var(--panel-ad)}.also{flex-wrap:wrap;align-items:center;gap:10px;padding-block:clamp(20px,3vw,36px) clamp(40px,5vw,70px);display:flex}.also span{color:var(--ink-3);margin-right:6px}.also a{background:var(--soft);border-radius:999px;align-items:center;height:40px;padding:0 16px;font-size:.9375rem;font-weight:500;transition:background .15s;display:inline-flex}.also a:hover{background:var(--soft-hover)}@media (width<=920px){.prod-in{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.panel .stage{height:520px}}