[data-recipe=gr-sample]{background:linear-gradient(180deg,#fff,#F1F5FF 70%,#fff)!important}
.gr-head{max-width:760px;margin-inline:auto;text-align:center}.gr-head .k-p{margin-inline:auto}
.gr-card{max-width:860px;margin:44px auto 0;border-radius:26px;background:#fff;box-shadow:0 30px 60px -34px rgba(20,40,120,.45),0 0 0 1px rgba(20,40,120,.08);overflow:hidden}
.gr-tag{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 28px;background:#11283B;color:#fff;font-size:14px;letter-spacing:.12em;font-weight:700}
.gr-tag span:last-child{color:#9DD3FF;letter-spacing:.04em;font-weight:500}
.gr-steps{list-style:none;margin:0;padding:8px 28px 28px;display:grid}
.gr-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;padding:22px 0;border-bottom:1px solid #E6EBF5;transition:opacity .6s ease,transform .6s ease}
.gr-step:last-child{border-bottom:0}
.js .k-gr:not(.in) .gr-step{opacity:0;transform:translateY(16px)}
.gr-step:nth-child(2){transition-delay:.15s}.gr-step:nth-child(3){transition-delay:.3s}.gr-step:nth-child(4){transition-delay:.45s}.gr-step:nth-child(5){transition-delay:.6s}.gr-step:nth-child(6){transition-delay:.75s}
.gr-n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:19px;color:#fff;background:linear-gradient(135deg,#2F6BFF,#7A4FE0)}
.gr-step h3{margin:0 0 8px;font-size:22px;font-weight:600;color:#11283B}
.gr-step p{margin:0;font-size:17px;line-height:1.5;color:#2d3140}
.gr-bub{display:inline-block;padding:12px 16px;border-radius:18px 18px 18px 4px;background:#EEF2FB;font-size:17px;color:#11283B;margin-bottom:10px}
.gr-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.gr-chip{padding:8px 14px;border-radius:999px;background:#E3F6EF;color:#0A6B58;font-weight:600;font-size:16px}.gr-chip.no{background:#FDE8E8;color:#B02A2A}
.gr-bars{display:grid;gap:10px;margin-top:6px}.gr-bar{display:grid;grid-template-columns:120px minmax(0,1fr) 54px;gap:12px;align-items:center;font-size:16px;color:#2d3140}
.gr-bar i{display:block;height:14px;border-radius:7px;background:#DCE5F8;overflow:hidden}.gr-bar i b{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#2F6BFF,#20A0FF)}.gr-bar.you i b{background:linear-gradient(90deg,#F5A623,#E0533D)}
.gr-fix{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}.gr-fix li{display:flex;gap:10px;font-size:17px;color:#2d3140}.gr-fix li::before{content:"✓";color:#0E9F85;font-weight:700}.gr-fix b{color:#11283B}
.gr-ask{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:12px}
.gr-ask a{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:999px;font-weight:600;font-size:17px;text-decoration:none}
.gr-ask .call{background:#11283B;color:#fff}.gr-ask .alt{border:2px solid #11283B;color:#11283B}
.gr-note{padding:14px 28px;background:#F4F7FF;font-size:14px;color:#4B5B86}
.k-path{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.k-path li{border-radius:24px;padding:22px 22px 26px;background:#fff;box-shadow:0 18px 36px -24px rgba(20,40,120,.45),0 0 0 1px rgba(20,40,120,.07);display:flex;flex-direction:column;gap:10px;transition:opacity .6s ease,transform .6s ease}
.js .k-gp:not(.in) .k-path li{opacity:0;transform:translateY(18px)}.k-path li:nth-child(2){transition-delay:.2s}.k-path li:nth-child(3){transition-delay:.4s}
.k-path svg{width:100%;height:auto;display:block;border-radius:16px;background:linear-gradient(160deg,#EAF1FF,#F1EBFF)}
.k-path .caps{color:#2F6BFF;font-weight:700}.k-path h3{margin:0;font-size:25px;color:#11283B}.k-path p{margin:0;font-size:17px;line-height:1.5;color:#2d3140}
.gp-pulse{animation:gppulse 2.4s ease-in-out infinite}.gp-tap{animation:gptap 2.6s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes gppulse{0%,100%{opacity:.35}50%{opacity:1}}@keyframes gptap{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.gl-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:center}
.gl-list{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:18px;counter-reset:gl}
.gl-list li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:start}
.gl-list .gl-n{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#147bd1;color:#fff;font-weight:700;font-size:18px}
.gl-list b{display:block;font-size:20px;color:#11283B;margin-bottom:2px}.gl-list span.t{font-size:17px;line-height:1.45;color:#2d3140}
.gl-demo{font-size:15px;color:#4B5B86;margin-top:22px}
.gr-faq{max-width:820px;margin:36px auto 0;display:grid;gap:12px}
.gr-faq details{border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(20,40,120,.1);padding:4px 22px}
.gr-faq summary{cursor:pointer;list-style:none;padding:18px 0;font-size:20px;font-weight:600;color:#11283B;min-height:44px}
.gr-faq summary::-webkit-details-marker{display:none}.gr-faq summary::after{content:"+";float:right;font-size:26px;color:#2F6BFF}.gr-faq details[open] summary::after{content:"\2212"}
.gr-faq details p{margin:0 0 18px;font-size:17px;line-height:1.55;color:#2d3140}
@media(max-width:900px){.k-path{grid-template-columns:1fr}.gl-grid{grid-template-columns:1fr;gap:36px}.gr-bar{grid-template-columns:96px minmax(0,1fr) 46px}.gr-steps{padding:4px 18px 22px}.gr-tag{padding:14px 18px}.gr-note{padding:14px 18px}.gr-step{grid-template-columns:36px minmax(0,1fr);gap:12px}.gr-n{width:36px;height:36px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.js .k-gr:not(.in) .gr-step,.js .k-gp:not(.in) .k-path li{opacity:1;transform:none}.gp-pulse,.gp-tap{animation:none}.gr-step,.k-path li{transition:none}}