:root{--paper:#f8f4eb;--paper-2:#efe8dc;--ink:#1d1b19;--muted:#5f5a53;--line:#d8cdbd;--panel:#fffcf5e0;--accent:#0f6a5f;--accent-2:#0a4f47;--ok:#1f7a4f;--bad:#a62f2f;--focus:#17594f;color:var(--ink);font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(900px 500px at 0% 0%, #be9e7233 0%, transparent 62%), radial-gradient(900px 500px at 100% 0%, #64a2952e 0%, transparent 65%), linear-gradient(180deg, var(--paper) 0%, var(--paper-2) 100%);min-height:100vh;margin:0}.page{gap:1rem;width:min(860px,92vw);margin:2.2rem auto;display:grid}.hero,.seo-intro,.tool-card,.mini-grid article,.faq,.legal{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:16px}.hero{padding:1.3rem 1.35rem;position:relative;overflow:hidden}.hero:after{content:"";background:radial-gradient(circle at 35% 35%,#0f6a5f33 0%,#0f6a5f00 72%);border-radius:999px;width:160px;height:160px;position:absolute;top:-26px;right:-36px}.badge{text-transform:uppercase;letter-spacing:.09em;color:var(--accent-2);border:1px solid #9db7b2;border-radius:999px;margin:0;padding:.24rem .58rem;font-size:.73rem;font-weight:700;display:inline-block}h1{letter-spacing:-.03em;margin:.6rem 0 0;font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.02}.subtitle{max-width:54ch;color:var(--muted);margin:.6rem 0 0}.top-links{flex-wrap:wrap;gap:.6rem;margin-top:.8rem;display:flex}.top-links a{color:var(--accent-2);font-weight:700;text-decoration-thickness:1px}.seo-intro{padding:1rem 1.1rem}.seo-intro h2,.section-title{margin:0;font-size:1.04rem}.seo-intro p{color:var(--muted);margin:.55rem 0 0}.benefits-list{color:var(--ink);margin:.65rem 0 0;padding-left:1.15rem}.benefits-list li{margin:.3rem 0}.tool-card{padding:1.1rem}label{margin-bottom:.44rem;font-size:.88rem;font-weight:700;display:block}.input-row{grid-template-columns:1fr auto;gap:.56rem;display:grid}input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffcf6;border-radius:11px;padding:.86rem .9rem;font-size:.95rem}button{letter-spacing:.01em;color:#f3f6f5;background:linear-gradient(140deg, var(--accent), var(--accent-2));cursor:pointer;border:0;border-radius:11px;padding:.85rem 1rem;font-size:.9rem;font-weight:700;transition:transform .12s,filter .12s}button:hover{filter:brightness(1.06);transform:translateY(-1px)}button:disabled{opacity:.72;cursor:wait;transform:none}input:focus,button:focus,a:focus{outline:2px solid var(--focus);outline-offset:2px}.hint{color:var(--muted);margin:.62rem 0 0;font-size:.83rem}.status{margin-top:.7rem;font-size:.9rem;font-weight:700}.status.loading{color:#8e6521}.status.success{color:var(--ok)}.status.error{color:var(--bad)}#results{margin-top:.9rem}.source,.provider-msg{color:var(--muted);margin:0 0 .55rem;font-size:.82rem}.result-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.55rem;display:grid}.result-option{border:1px solid var(--line);text-align:center;background:#fffdf8;border-radius:12px;justify-items:center;gap:.42rem;padding:.7rem;display:grid}.result-title{margin:0;font-weight:700}.result-meta{color:var(--muted);margin:0;font-size:.85rem}.inline-note{grid-column:1/-1;margin:0 0 .2rem}.action{border:1px solid var(--line);color:#1b2622;background:#f8f3e8;border-radius:9px;padding:.45rem .66rem;font-size:.83rem;font-weight:700;text-decoration:none}.action.primary{color:#f4f7f6;background:linear-gradient(140deg, var(--accent), var(--accent-2));border-color:#0000}.mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.mini-grid article{padding:.85rem}h2{margin:0;font-size:.98rem}.mini-grid p{color:var(--muted);margin:.38rem 0 0;font-size:.88rem}.faq{padding:.95rem 1rem}.faq article+article{border-top:1px dashed var(--line);margin-top:.8rem;padding-top:.75rem}.faq h2{margin:0;font-size:1.04rem}.faq h3{margin:0;font-size:.98rem}.faq p{color:var(--muted);margin:.35rem 0 0}.legal{justify-content:flex-end;gap:.9rem;padding:.72rem .9rem;display:flex}.legal a{color:var(--accent-2);font-weight:700;text-decoration-thickness:1px}@media (width<=760px){.input-row,.mini-grid,.result-row{grid-template-columns:1fr}.legal{justify-content:flex-start}}