.cf{background:linear-gradient(#fff 0%,#f3faf8 100%);padding:clamp(3.5rem,7vw,6.5rem) 0 clamp(3rem,6vw,5.5rem);position:relative;overflow:hidden}.cf:before{content:"";pointer-events:none;background:radial-gradient(circle,#2eb8ac29,#0000 70%);width:420px;height:420px;position:absolute;top:-160px;right:-120px}.cf-head{text-align:center;max-width:720px;margin:0 auto clamp(2.5rem,5vw,4rem)}.cf-kicker{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#0e7a70;background:#e1f5f1;border-radius:999px;align-items:center;gap:8px;margin:0 0 1.1rem;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.cf-title{font-family:var(--font-heading);letter-spacing:-.02em;color:#0f172a;margin:0 0 1rem;font-size:clamp(1.9rem,4vw,3rem);font-weight:800;line-height:1.08}.cf-title em{color:#1ba093;font-style:normal}.cf-lead{font-family:var(--font-body);color:#475569;margin:0;font-size:clamp(1.02rem,1.6vw,1.18rem);line-height:1.6}.cf-steps{max-width:1040px;margin:0 auto;position:relative}.cf-steps:before{content:"";background:repeating-linear-gradient(#bfe7e1 0 7px,#0000 7px 15px);width:2px;margin-left:-1px;position:absolute;top:40px;bottom:40px;left:50%}@media (max-width:860px){.cf-steps:before{left:28px}}.cf-step{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,4rem);margin-bottom:clamp(2.5rem,5vw,4.5rem);display:grid;position:relative}.cf-step:last-child{margin-bottom:0}.cf-step--reverse .cf-media{order:2}@media (max-width:860px){.cf-step,.cf-step--reverse{grid-template-columns:1fr;gap:1.25rem;padding-left:64px}.cf-step--reverse .cf-media{order:0}}.cf-node{color:#0e7a70;width:52px;height:52px;font-family:var(--font-heading);z-index:2;background:#fff;border:2px solid #2eb8ac;border-radius:50%;justify-content:center;align-items:center;font-size:19px;font-weight:800;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 24px -12px #1ba09399}@media (max-width:860px){.cf-node{top:16px;left:28px;transform:translate(-50%)}}.cf-step:not(.cf-step--reverse) .cf-text{text-align:right}@media (max-width:860px){.cf-step:not(.cf-step--reverse) .cf-text{text-align:left}}.cf-step-kicker{font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:#1ba093;margin:0 0 .5rem;font-size:13px;font-weight:600}.cf-step-title{font-family:var(--font-heading);color:#0f172a;margin:0 0 .7rem;font-size:clamp(1.3rem,2.3vw,1.75rem);font-weight:700;line-height:1.18}.cf-step-copy{font-family:var(--font-body);color:#475569;margin:0;font-size:clamp(.98rem,1.5vw,1.08rem);line-height:1.65}.cf-step-copy strong{color:#0f172a;font-weight:600}.cf-frame{aspect-ratio:16/10;background:linear-gradient(#fff,#f1f9f7);border:1px solid #e2efeb;border-radius:18px;max-width:400px;margin:0 auto;padding:10px;position:relative;overflow:hidden;box-shadow:0 26px 52px -34px #0f383273}.cf-frame img{object-fit:cover;object-position:top center;transform-origin:top;border-radius:10px;width:100%;height:100%;display:block;transform:scale(1.16)}.cf-live{max-width:420px;margin:0 auto;position:relative}.cf-live .cvm-result-card,.cf-live .cf-ob-card{transform-origin:top;transform:scale(.92)}.cf-ob-card{background:#fff;border:1px solid #e2efeb;border-radius:18px;padding:20px 20px 22px;box-shadow:0 30px 60px -34px #0f383273}.cf-ob-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cf-ob-step{font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:#1ba093;font-size:12px;font-weight:600}.cf-ob-name{font-family:var(--font-heading);color:#0f172a;font-size:14px;font-weight:600}.cf-ob-progress{background:#e8f3f0;border-radius:999px;height:6px;margin-bottom:22px;overflow:hidden}.cf-ob-progress span{background:linear-gradient(90deg,#2eb8ac,#4dd4c8);border-radius:999px;height:100%;display:block}.cf-foot{text-align:center;margin-top:clamp(2.75rem,5vw,4.5rem)}.cf-cta-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.cf-cta{font-family:var(--font-heading);color:#fff;background:linear-gradient(#34c3b6,#178f83);border-radius:14px;align-items:center;gap:10px;padding:16px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s,filter .2s;display:inline-flex;box-shadow:0 18px 34px -16px #178f8399}.cf-cta svg{width:19px;height:19px}.cf-cta:hover{filter:brightness(1.04);transform:translateY(-2px)}.cf-cta--ghost{color:#fff;background:linear-gradient(#f97316,#c2410c);border:1.5px solid #c2410c;box-shadow:0 14px 28px -18px #c2410c9e}.cf-cta--ghost:hover{background:linear-gradient(#ea580c,#9a3412)}.cf-cta:focus-visible{outline-offset:3px;outline:3px solid #0f172a47}.cf-foot-note{font-family:var(--font-body);color:#64748b;margin:.85rem 0 0;font-size:13px}