.fh{padding:40px 0 88px;background:radial-gradient(900px 420px at 90% 10%,#FFE7B0,transparent 60%)}.fhg{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}.fh h1{margin:16px 0 20px;font-size:clamp(38px,5vw,62px)}.hn{font-size:20px;margin:18px 0 0}.fm{position:relative}.ml{position:absolute;left:-40px;bottom:-40px;width:110px}.how h2,.ben h2,.rel h2{margin:10px 0 40px}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:s}.steps li{border:2px solid var(--ink);border-radius:20px;background:var(--paper);padding:28px;position:relative}.steps li:not(:last-child)::after{content:"";position:absolute;right:-26px;top:50%;width:28px;border-top:2px dashed var(--ink)}.steps .n{display:inline-grid;place-items:center;width:52px;height:52px;border:2px solid var(--ink);border-radius:50%;background:var(--or);color:var(--ink);font-size:28px;margin-bottom:16px}.steps p,.b p,.rg p{color:var(--text);margin:8px 0 0}.ben{background:var(--paper)}.bg{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:2px solid var(--ink);border-radius:20px;overflow:hidden;background:#fff}.b{padding:30px;border-bottom:2px solid var(--ink)}.b:nth-child(odd){border-right:2px solid var(--ink)}.b:nth-last-child(-n+2){border-bottom:0}.b h3{margin-top:14px}.pg{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pc h3{margin:14px 0 12px}.pc ul{list-style:none;padding:0;margin:0}.pc li{display:flex;gap:10px;padding:8px 0;font-weight:600}.pc .ic{width:20px;height:20px;stroke-width:2.4}.tag{display:inline-block;border:2px solid var(--ink);border-radius:999px;padding:2px 12px;font-weight:800;font-size:13px;background:var(--or)}.pc.dark{background:var(--ink);color:var(--cream)}.pc.dark .ic{stroke:var(--or)}.pc.dark .tag{background:var(--cream);color:var(--ink)}.disc{display:flex;gap:8px;align-items:flex-start;margin:18px 0 0;flex-wrap:wrap}.disc .ic{width:20px;height:20px}.disc a{font-weight:700}.fg{display:grid;grid-template-columns:1fr 1.5fr;gap:48px}.fg h2{margin-top:10px}details{border-bottom:2px solid var(--ink);padding:20px 0}details:first-child{border-top:2px solid var(--ink)}summary{list-style:none;cursor:pointer;font-weight:800;font-size:19px;display:flex;justify-content:space-between;gap:16px}summary::-webkit-details-marker{display:none}summary span{font-size:26px;line-height:1}details[open] summary span{transform:rotate(45deg)}details p{color:var(--text);margin:12px 0 0}.rel{background:var(--paper)}.rg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rg a{text-decoration:none;border:2px solid var(--ink);border-radius:18px;background:#fff;padding:26px;transition:transform .12s,box-shadow .12s}.rg a:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.rg h3{margin:14px 0 4px}.rg .ic{width:30px;height:30px}.rg .more{margin-top:16px}.more{display:inline-flex;align-items:center;gap:8px;font-weight:800;border-bottom:2px solid var(--or)}.more .ic{width:18px;height:18px}@media(max-width:900px){.fhg,.fg,.pg{grid-template-columns:1fr;gap:32px}.steps,.rg{grid-template-columns:1fr}.steps li:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-26px;width:0;height:24px;border-top:0;border-left:2px dashed var(--ink)}.ml{display:none}.bg{grid-template-columns:1fr}.b:nth-child(odd){border-right:0}.b:nth-last-child(2){border-bottom:2px solid var(--ink)}.fh{padding-bottom:64px}}.fhg.nomedia{grid-template-columns:1fr;max-width:760px}