:root{color-scheme:light;--bg-primary:#fff;--bg-secondary:#f7f9fc;--bg-elevated:#fff;--bg-sunken:#f1f5fb;--text-primary:#172033;--text-secondary:#5b6577;--text-tertiary:#7c8798;--text-inverse:#fff;--border-default:#d9e0ea;--border-strong:#bbc7d7;--border-active:#2457d6;--accent-primary:#2457d6;--accent-primary-hover:#193f9f;--accent-primary-soft:#edf3ff;--accent-success:#087a55;--accent-success-soft:#e8f7f0;--accent-warning:#8a4b00;--accent-warning-soft:#fff6e8;--accent-danger:#b42318;--accent-danger-soft:#fff0ee;--focus-ring:#2457d6;--brand-leaf:#126a4d;--brand-leaf-deep:#0b513a;--brand-mist:#dff2e9;--brand-sun:#f7c95e;--brand-footer:#10231b;--brand-canvas:#f4f7f3;--brand-canvas-alt:#eaf3ed;--brand-surface-tint:#fbfdfb;--brand-footer-text:#d7e6dc;--brand-footer-muted:#a9c1b2;--brand-footer-line:#345143;--shadow-sm:0 1px 2px #1720330f;--shadow-md:0 4px 10px #17203314;--shadow-lg:0 18px 45px #20335417;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:.72rem;--text-sm:.82rem;--text-base:.94rem;--text-lg:1.06rem;--text-xl:1.3rem;--text-2xl:clamp(1.45rem, 2.6vw, 2.15rem);--text-3xl:clamp(2.35rem, 6vw, 4.65rem);--leading-tight:1.16;--leading-normal:1.5;--leading-relaxed:1.65;--target-min:44px;--target-comfortable:48px;--motion-fast:.12s;--motion-base:.18s;--motion-ease:cubic-bezier(.2, .6, .2, 1);--header-height:68px;--ad-rail-width:160px;--main-column-max:800px}@media (prefers-contrast:more){:root{--text-primary:#000;--text-secondary:#1a1a1a;--text-tertiary:#333;--border-default:#000;--border-strong:#000;--accent-primary:#0b3ea8;--accent-primary-hover:#062a75;--accent-primary-soft:#fff;--focus-ring:#000;--shadow-sm:none;--shadow-md:none;--shadow-lg:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}:root{--surface:var(--bg-primary);--canvas:var(--brand-canvas);--ink:var(--text-primary);--muted:var(--text-secondary);--line:var(--border-default);--leaf:var(--brand-leaf);--leaf-deep:var(--brand-leaf-deep);--mist:var(--brand-mist);--sun:var(--brand-sun);font-family:var(--font-sans);color:var(--text-primary);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);min-width:320px;margin:0}a{color:inherit}.skip-link{z-index:10;background:var(--ink);color:var(--text-inverse);padding:.75rem 1rem;position:absolute;top:0;left:-999px}.skip-link:focus{top:1rem;left:1rem}.shell{max-width:1160px;margin:0 auto;padding:0 1.25rem}.site-header{background:color-mix(in srgb, var(--brand-canvas) 94%, transparent);border-bottom:1px solid var(--line);z-index:5;backdrop-filter:blur(12px);position:sticky;top:0}.header-inner{min-height:var(--header-height);justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:.58rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:var(--leaf);width:31px;height:31px;color:var(--text-inverse);border-radius:9px;place-items:center;font-size:.9rem;display:grid}.nav{align-items:center;gap:.15rem;display:flex;overflow-x:auto}.nav a{color:var(--muted);white-space:nowrap;border-radius:7px;padding:.45rem .55rem;font-size:.91rem;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{background:var(--mist);color:var(--leaf-deep)}main{min-height:60vh}.hero{padding:clamp(3rem,7vw,5.5rem) 0 2.25rem}.eyebrow{color:var(--leaf);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .8rem;font-size:.83rem;font-weight:800}h1,h2,h3{letter-spacing:-.04em;line-height:1.05}h1{max-width:800px;margin:0;font-size:clamp(2.35rem,6vw,4.65rem)}h2{margin:0 0 1rem;font-size:clamp(1.55rem,3vw,2.35rem)}h3{margin:0 0 .5rem;font-size:1.12rem}.lead{max-width:670px;color:var(--muted);margin:1.25rem 0 0;font-size:clamp(1.04rem,2vw,1.22rem);line-height:1.6}.trust-line{color:var(--leaf-deep);flex-wrap:wrap;gap:.5rem 1.1rem;margin:1.35rem 0 0;font-size:.94rem;font-weight:650;display:flex}.trust-line span:before{content:"✓";margin-right:.38rem}.converter-section{padding:1.25rem 0 3.5rem}.frame-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:20px;overflow:hidden}.frame-top{border-bottom:1px solid var(--line);background:var(--brand-surface-tint);color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;font-size:.89rem;display:flex}.local-note{color:var(--leaf-deep);align-items:center;gap:.4rem;font-weight:700;display:inline-flex}.local-note:before{content:"";background:var(--leaf);border-radius:50%;width:8px;height:8px}.frame-wrap{background:linear-gradient(135deg, var(--brand-surface-tint), var(--brand-canvas-alt));min-height:460px;position:relative}.converter-frame{background:0 0;border:0;width:100%;min-height:460px;display:block}.frame-status{color:var(--muted);text-align:center;z-index:1;justify-content:center;align-items:center;gap:.65rem;padding:2rem;display:flex;position:absolute;inset:0}.frame-status[hidden]{display:none}.spinner{border:3px solid var(--line);border-top-color:var(--leaf);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.frame-error{gap:.75rem;max-width:450px;display:grid}.frame-error strong{color:var(--ink)}.frame-error a{color:var(--leaf-deep);font-weight:700}.section{padding:clamp(3.25rem,7vw,5.5rem) 0}.section.alt{background:var(--brand-canvas-alt)}.section-intro{max-width:660px}.section-intro p{color:var(--muted);line-height:1.65}.grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.75rem;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.35rem}.card p,.prose p,.prose li{color:var(--muted);line-height:1.65}.card a,.text-link{color:var(--leaf-deep);text-underline-offset:3px;font-weight:750}.prose{max-width:760px;padding:3.75rem 0 5rem}.prose h1{font-size:clamp(2.25rem,5vw,3.7rem)}.prose h2{margin-top:2.4rem}.prose ul{padding-left:1.25rem}.callout{background:var(--mist);border-left:4px solid var(--leaf);color:var(--leaf-deep);border-radius:0 12px 12px 0;margin:1.5rem 0;padding:1rem 1.1rem;line-height:1.55}.faq{border-top:1px solid var(--line);margin-top:1.3rem}details{border-bottom:1px solid var(--line);padding:1rem 0}summary{cursor:pointer;font-weight:750}details p{padding-right:1rem}.site-footer{background:var(--brand-footer);color:var(--brand-footer-text);padding:2.5rem 0}.footer-grid{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.footer-grid p{color:var(--brand-footer-muted);max-width:420px;margin:.6rem 0 0;font-size:.9rem;line-height:1.5}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:.45rem 1rem;display:flex}.footer-links a{color:var(--brand-footer-text);font-size:.9rem}.copyright{border-top:1px solid var(--brand-footer-line);color:var(--brand-footer-muted);margin-top:1.75rem;padding-top:1.2rem;font-size:.83rem}.button-link{min-height:var(--target-min);border-radius:var(--radius-md);background:var(--leaf);color:var(--text-inverse);align-items:center;padding:.7rem 1.15rem;font-weight:750;text-decoration:none;display:inline-flex}.button-link:hover{background:var(--leaf-deep)}.page-layout{grid-template-columns:minmax(0, var(--main-column-max));justify-content:center;gap:var(--space-8);align-items:start;display:grid}.page-layout--with-rail{grid-template-columns:minmax(0, var(--main-column-max)) var(--ad-rail-width)}.page-layout-main{min-width:0}.ad-rail{top:calc(var(--header-height) + var(--space-4));width:var(--ad-rail-width);contain:layout;align-self:start;min-height:600px;position:sticky}.ad-slot{width:100%;height:100%;min-height:600px}.ad-banner-mobile{display:none}@media (width<=1023px){.page-layout,.page-layout--with-rail{grid-template-columns:minmax(0,1fr)}.ad-rail{display:none}.ad-banner-mobile{width:100%;max-width:320px;min-height:100px;margin:var(--space-6) auto;contain:layout;display:block}}@media (width<=700px){.header-inner{flex-direction:column;align-items:flex-start;gap:.35rem;padding:.7rem 0}.nav{width:100%;padding-bottom:.1rem}.grid{grid-template-columns:1fr}.footer-grid{flex-direction:column}.footer-links{justify-content:flex-start}.frame-wrap,.converter-frame{min-height:520px}}
