.csf.csf-ab .hero{padding:76px 0 90px;position:relative;overflow:hidden}.csf.csf-ab .hero:before{content:"";position:absolute;inset:0;background:radial-gradient(760px 380px at 85% 10%,var(--sky) 0,transparent 70%);pointer-events:none}.csf.csf-ab .hero .hw{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;position:relative}@media(max-width:900px){.csf.csf-ab .hero .hw{grid-template-columns:1fr}}.csf.csf-ab .hero h1 .em{background:linear-gradient(95deg,#9a7a2f,#c9a24c 45%,#e6c979 60%,#c9a24c);-webkit-background-clip:text;background-clip:text;color:transparent}.csf.csf-ab .three{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:64px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--bg);box-shadow:var(--sh)}@media(max-width:900px){.csf.csf-ab .three{grid-template-columns:1fr}}.csf.csf-ab .three>div{padding:30px 28px;border-right:1px solid var(--line);position:relative}.csf.csf-ab .three>div:last-child{border-right:0}@media(max-width:900px){.csf.csf-ab .three>div{border-right:0;border-bottom:1px solid var(--line)}}.csf.csf-ab .three .no{font-size:13px;font-weight:800;color:var(--goldDeep);letter-spacing:.1em;margin-bottom:12px}.csf.csf-ab .three h3{font-size:20px}.csf.csf-ab .three p{color:var(--ink2);font-size:15px}.csf.csf-ab .jmock .app{grid-template-columns:190px 1fr}.csf.csf-ab .ring{width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--gold) 0 60%,var(--sky2) 60% 100%);display:grid;place-items:center;position:relative}.csf.csf-ab .ring:after{content:"3/5";position:absolute;inset:8px;border-radius:50%;background:var(--bg);display:grid;place-items:center;font-weight:800;font-size:12px;color:var(--ink)}.csf.csf-ab .stepcard{border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:10px;display:flex;gap:12px;align-items:center;background:var(--bg)}.csf.csf-ab .stepcard .sn{width:28px;height:28px;border-radius:9px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px;flex:0 0 auto}.csf.csf-ab .stepcard.dim{opacity:.55}.csf.csf-ab .stepcard.dim .sn{background:var(--line2);color:var(--ink2)}.csf.csf-ab .stepcard b{display:block;font-size:12.5px;color:var(--ink)}.csf.csf-ab .stepcard span{font-size:11.5px;color:var(--ink3)}.csf.csf-ab .ben{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}@media(max-width:900px){.csf.csf-ab .ben{grid-template-columns:1fr 1fr}}.csf.csf-ab .ben div{border:1px solid var(--line);border-radius:18px;padding:22px;background:var(--bg)}.csf.csf-ab .ben .no{font-size:28px;font-weight:900;background:linear-gradient(180deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;margin-bottom:12px}.csf.csf-ab .ben b{display:block;font-size:16px;margin-bottom:6px}.csf.csf-ab .ben span{font-size:14px;color:var(--ink2);line-height:1.55}@media(min-width:1100px){.csf.csf-ab .steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;overflow-x:visible;padding:16px 0 20px}.csf.csf-ab .steps4 figure{width:100%;max-width:236px;margin:0 auto}.csf.csf-ab .steps4 figcaption{width:100%}}@media(min-width:900px) and (max-width:1099.98px){.csf.csf-ab .steps4{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;overflow-x:visible;padding:16px 0 20px}.csf.csf-ab .steps4 figure{width:100%;max-width:236px;margin:0 auto}.csf.csf-ab .steps4 figcaption{width:100%}}@media(max-width:899.98px){.csf.csf-ab .steps4{padding:16px 24px 20px;scroll-padding:24px}}.csf.csf-ab section.ab-cta{padding-top:0}.csf.csf-ab .stepcard .mbtn{color:var(--bg)}