.af-hero{min-height:0}.af-hero .pg-hero-inner{padding:48px 20px}.af-hero .pg-hero-title{max-width:18ch}.af-sec{padding-top:56px}.af-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:22px 0 0;padding:0;list-style:none;display:grid}.af-card{border:1px solid var(--border-strong);border-radius:var(--r-md,12px);background:var(--surface);padding:22px 20px;position:relative}.af-card h3{margin:0 0 8px;font-size:17px;line-height:1.3}.af-card p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.55}.af-step{background:var(--forest);width:34px;height:34px;color:var(--cream);font:800 15px/1 var(--mono);border-radius:50%;place-items:center;margin-bottom:14px;display:grid}.af-card .af-tip{border-top:1px dashed var(--border-strong);color:var(--forest);margin-top:10px;padding-top:10px;font-size:13px}.af-tools{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:18px;margin-top:22px;display:grid}.af-panel{border:2px solid var(--forest);border-radius:var(--r-md,14px);background:linear-gradient(180deg, var(--surface) 0%, var(--green-soft,#f4fcf8) 100%);padding:22px 20px;box-shadow:0 4px 16px #073b310f}.af-panel-title{margin:0 0 14px;font-size:18px}.af-label{font:700 11.5px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px;display:block}.af-seg{flex-wrap:wrap;gap:8px;display:flex}.af-seg button{border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:10px;padding:8px 14px;font:600 14px/1.2 inherit}.af-seg button b{font-family:var(--mono);margin-left:4px}.af-seg button[aria-pressed=true]{border-color:var(--forest);background:var(--forest);color:var(--cream)}.af-seg button:focus-visible,.af-input:focus-visible{outline-offset:2px;outline:3px solid #0f9f6e73}.af-result{border-top:1px dashed var(--border-strong);color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:20px 0 0;padding-top:16px;font-size:14px;display:flex}.af-result b{font:800 34px/1 var(--mono);color:var(--forest)}.af-input{border:1px solid var(--border);border-radius:var(--r-sm,8px);background:var(--surface-2);width:100%;min-height:44px;color:var(--text);font:inherit;padding:10px 14px;font-size:15px}.af-input[aria-invalid=true]{border-color:#b91c1c}.af-out{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.af-link{width:auto;font-family:var(--mono);flex:220px;font-size:13px}.af-copy{white-space:nowrap;font-weight:700}.af-hint{color:var(--muted);margin:10px 0 0;font-size:12.5px}.af-rules{gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.af-rules li{padding-left:26px;font-size:15px;line-height:1.55;position:relative}.af-rules li:before{content:"✓";color:var(--forest);font-weight:800;position:absolute;left:0}.af-band{border-radius:var(--r-md,16px);background:var(--forest);color:#e7f8f0;text-align:center;margin:56px 0 72px;padding:36px 24px}.af-band h2{color:#fff;margin:0 0 8px}.af-band p{color:#e7f8f0e6;max-width:520px;margin:0 auto 18px}.af-band .cta{width:auto;display:inline-flex}@media (prefers-reduced-motion:no-preference){.af-seg button{transition:background .15s,color .15s}}