.hero{text-align:center;padding:2rem 1rem 1.5rem}.hero h1{color:#111;letter-spacing:-.02em;margin:.5rem 0 .4rem;font-size:2rem;font-weight:800}.hero-sub{color:#64748b;margin:0;font-size:1.05rem}.breadcrumb{color:#94a3b8;margin-bottom:.75rem;font-size:.82rem}.breadcrumb a{color:var(--blue);text-decoration:none}.calc-wrap{grid-template-columns:390px 1fr;align-items:start;gap:1.75rem;max-width:1120px;margin:0 auto;padding:0 1rem 3.5rem;display:grid}.calc-left{position:sticky;top:1rem}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 1px 4px #0000000a}.card:last-child{margin-bottom:0}.card-header{align-items:center;gap:.6rem;margin-bottom:1.1rem;display:flex}.card-step{background:var(--blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:800;display:inline-flex}.card-title{color:#111;margin:0;font-size:1rem;font-weight:700}.card h2{color:#111;margin:0 0 .9rem;font-size:1.05rem;font-weight:700}.card p{color:#444;margin:0 0 .7rem;font-size:.93rem;line-height:1.75}.card p:last-child{margin-bottom:0}.content-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 1px 4px #0000000a}.content-card h2{color:#111;margin:0 0 .8rem;font-size:1.05rem;font-weight:700}.content-card p{color:#444;margin:0 0 .7rem;font-size:.93rem;line-height:1.75}.content-card p:last-child{margin-bottom:0}.content-card ul{color:#444;margin:0;padding-left:1.25rem;font-size:.93rem;line-height:1.85}.field-group{margin-bottom:1rem}.field-group:last-child{margin-bottom:0}.field-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.75rem;font-weight:700;display:block}.input-wrap{align-items:center;display:flex;position:relative}.input-sfx{color:#94a3b8;pointer-events:none;font-size:.85rem;font-weight:700;position:absolute;right:.9rem}.field-input{color:#111;box-sizing:border-box;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:.65rem 4rem .65rem .9rem;font-family:inherit;font-size:1.5rem;font-weight:800;transition:all .15s}.field-input:focus{background:#fff;border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb12}.preset-wrap{flex-wrap:wrap;gap:.4rem;margin-top:.75rem;display:flex}.preset-btn{cursor:pointer;color:#334155;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:7px;padding:.3rem .65rem;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .15s}.preset-btn:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.result-hero{text-align:center;background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 60%,#3b82f6 100%);border-radius:14px;margin-bottom:1rem;padding:1.5rem 1.5rem 1.25rem;box-shadow:0 6px 24px #2563eb38}.r-label{color:#ffffffa6;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.68rem;font-weight:700}.frac-visual{flex-direction:column;align-items:center;gap:0;display:inline-flex}.frac-num{color:#fff;letter-spacing:-.02em;font-size:2.6rem;font-weight:900;line-height:1}.frac-bar{background:#fffc;border-radius:2px;width:100%;min-width:3rem;height:3px;margin:.2rem 0}.frac-den{color:#fff;letter-spacing:-.02em;font-size:2.6rem;font-weight:900;line-height:1}.r-sub{color:#ffffffbf;margin-top:.5rem;font-size:.88rem}.stats-row{grid-template-columns:1fr 1fr;gap:.55rem;margin-bottom:0;display:grid}.stat-box{text-align:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:.85rem .75rem}.stat-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem;font-size:.62rem;font-weight:700;display:block}.stat-val{color:#1e293b;font-size:.95rem;font-weight:800;display:block}.step-list{flex-direction:column;gap:.6rem;margin:.5rem 0 0;display:flex}.step-item{align-items:flex-start;gap:.75rem;display:flex}.step-num{width:20px;height:20px;color:var(--blue);background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.1rem;font-size:.7rem;font-weight:800;display:inline-flex}.step-text{color:#374151;font-size:.875rem;line-height:1.55}.step-code{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:.1rem .4rem;font-family:monospace;font-size:.8rem}.formula-box{text-align:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;margin:.75rem 0;padding:1.1rem 1.25rem}.formula-text{color:#1e293b;letter-spacing:.02em;font-family:monospace;font-size:1rem;font-weight:800}.formula-sub{color:#64748b;margin-top:.35rem;font-size:.8rem}.tip-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;gap:.75rem;margin:.85rem 0;padding:.9rem 1rem;display:flex}.tip-icon{flex-shrink:0;margin-top:.05rem;font-size:1.1rem}.tip-box p{color:#1e40af;margin:0;font-size:.875rem;line-height:1.6}.ref-tbl{border-collapse:collapse;width:100%;font-size:.875rem}.ref-tbl th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:.6rem .85rem;font-size:.68rem;font-weight:700}.ref-tbl td{color:#374151;border-bottom:1px solid #f3f4f6;padding:.65rem .85rem}.ref-tbl tr:last-child td{border-bottom:none}.ref-tbl tbody tr:hover td{background:#f8faff}.ref-tbl .hl td{color:#1d4ed8;background:#eff6ff;font-weight:700}.ref-tbl .hl:hover td{background:#dbeafe}.faq-item{border-bottom:1px solid #f3f4f6;padding:.9rem 0}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-item h3{color:#111;margin:0 0 .35rem;font-size:.9rem;font-weight:700}.faq-item p{color:#555;margin:0;font-size:.865rem;line-height:1.65}.next-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.next-card{border:1px solid #e5e7eb;border-top:3px solid var(--blue);background:#fff;border-radius:10px;padding:1rem;text-decoration:none;transition:box-shadow .15s;display:block}.next-card:hover{box-shadow:0 4px 12px #00000014}.next-tag{text-transform:uppercase;letter-spacing:.07em;color:var(--blue);margin-bottom:.3rem;font-size:.68rem;font-weight:700;display:block}.next-card h3{color:#111;margin:0 0 .25rem;font-size:.88rem;font-weight:700}.next-card p{color:#64748b;margin:0;font-size:.78rem;line-height:1.5}@media (width<=768px){.calc-wrap{grid-template-columns:1fr}.calc-left{position:static}.hero h1{font-size:1.65rem}.frac-num,.frac-den{font-size:2rem}.next-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.next-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr}}