body{background:var(--page);color:var(--text)}.skip-link{position:fixed;top:10px;left:10px;z-index:100;translate:0 -160%;padding:10px 14px;background:var(--text);color:white;border-radius:8px}.skip-link:focus{translate:0}.eyebrow{margin:0;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.tool-hero{width:min(1320px,calc(100% - 32px));margin:auto;padding:60px 0 50px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:70px;align-items:end}.tool-hero h1{margin:14px 0 22px;font-family:var(--font-serif);font-size:clamp(48px,7vw,92px);line-height:1;letter-spacing:-.06em}.tool-hero h1 em{color:var(--primary);font-style:normal}.tool-hero p:last-child{color:var(--muted)}.privacy-card{display:flex;gap:14px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft)}.privacy-dot{width:10px;height:10px;flex:none;margin-top:5px;border-radius:50%;background:var(--accent)}.privacy-card p{margin:7px 0 0;color:var(--muted);font-size:12px}.converter-card,.content-section{border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.converter-card{width:min(1050px,calc(100% - 24px));margin:auto;padding:28px}.converter-card>label{display:grid;gap:7px;max-width:260px;color:var(--muted);font-size:12px}.converter-card select,.converter-card input{min-height:48px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft);color:var(--text);padding-inline:12px}.convert-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:end;margin-top:24px}.convert-grid label{display:grid;grid-template-columns:1fr 180px;gap:10px;color:var(--muted);font-size:12px}.convert-grid button{width:52px;height:52px;border:1px solid var(--line);border-radius:50%;background:var(--primary);color:white;font-size:20px}.converter-card p{color:var(--muted);font-size:12px}.content-section{width:min(1050px,calc(100% - 32px));margin:28px auto 0;padding:28px}.content-section h2{margin:0 0 18px;font-family:var(--font-serif)}@media(max-width:850px){.tool-hero,.convert-grid{grid-template-columns:1fr}.convert-grid button{justify-self:center;rotate:90deg}.convert-grid label{grid-template-columns:1fr}.tool-hero{gap:30px}}