:root{--bg:#f7f8fb;--card:#ffffff;--accent:#0066cc;--muted:#666}*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#111;background:var(--bg);margin:0}.container{max-width:860px;margin:0 auto;padding:0 24px 29px}.site-header{background:linear-gradient(90deg,#0b3d91,#06c);color:#fff;padding:18px 0}.site-header h1{margin:0;font-size:28px}.site-header h1 a{margin:0;font-size:28px;color:#fff;text-decoration:none}.tag{opacity:.95;margin-top:6px}.primary-nav{margin-top:14px;display:flex;flex-wrap:wrap;gap:12px;font-size:15px}.primary-nav a{color:#06c;text-decoration:none;font-weight:600;background:#6464641a;padding:6px 12px;border-radius:999px}.primary-nav a:hover,.primary-nav a:focus{background:#64646426;color:#08e}.language-switcher{margin-top:8px;font-size:14px}.language-switcher a{color:#ffe27a;text-decoration:none;font-weight:600}.language-switcher a:hover,.language-switcher a:focus{color:#fff;text-decoration:underline}.hero{background:var(--card);border-radius:12px;padding:20px;margin-top:-35px;box-shadow:0 8px 30px #0c121e0f}.hero h2{margin-top:0;font-size:22px}.hero-cta{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:16px}.hero-cta__hint{color:var(--muted);font-size:13px;margin:0}.btn-primary{background:#ffd74a;color:#0b3d91;padding:12px 18px}.btn-primary:hover,.btn-primary:focus{background:#ffcc1a;color:#0b3d91}.hero-highlights{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}.hero-highlights li{background:#eef6ff;border:1px solid rgba(12,18,30,.08);padding:12px 16px;border-radius:10px;line-height:1.6}.drop-area{border:2px dashed #e6e9ef;border-radius:10px;padding:36px;text-align:center;background:repeating-linear-gradient(45deg,#fff,#fff 20px,#eef 20px 40px)}.drop-area p{margin:0 0 12px}.drop-area.dragover{background:#f0f4ff;border-color:var(--accent)}.btn{display:inline-block;background:var(--accent);color:#fff;padding:10px 14px;border-radius:8px;cursor:pointer}.btn input{display:none}.note{color:var(--muted);font-size:13px;margin-top:8px}.format-selector{margin:16px 0;padding:12px;background:#f8f9fa;border-radius:6px;text-align:center}.format-selector label{margin:0 8px;font-weight:400;cursor:pointer}.format-selector input[type=radio]{margin-right:4px}.decoder-badge{display:inline-block;margin-top:10px;padding:6px 10px;border-radius:999px;background:#eef6ff;color:#034a8f;font-weight:600;font-size:13px}.progress-wrap{margin-top:14px}.hidden{display:none}.result{margin-top:18px}#preview img{max-width:100%;border-radius:8px;margin-top:10px}.policy{margin-top:22px;background:#fafafa;padding:12px;border-radius:8px}.site-footer{padding:18px 0;text-align:center;color:#666}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section{margin-top:48px;background:var(--card);border-radius:12px;padding:24px;box-shadow:0 12px 32px #0f172a0a}.section h2{margin-top:0;font-size:20px}.section p{line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:24px}.feature-card{background:#f5f7fb;border-radius:10px;padding:18px;border:1px solid rgba(12,18,30,.08)}.feature-card h3{margin-top:0;font-size:18px}.steps{counter-reset:step}.steps li{list-style:none;margin:0 0 16px;border-radius:10px;background:#f5f7fb;position:relative;padding:16px 16px 16px 52px;border:1px solid rgba(12,18,30,.08)}.steps li:before{counter-increment:step;content:counter(step);position:absolute;left:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.use-case{display:flex;flex-direction:column;gap:12px;margin:0;padding:0}.use-case li{list-style:none;background:#fdf3d7;padding:16px;border-radius:10px;border:1px solid rgba(196,153,36,.2)}.data-point{margin:18px 0;padding:16px;border-left:4px solid var(--accent);background:#eef6ff}.cta-banner{margin:48px 0;padding:24px;border-radius:12px;background:linear-gradient(90deg,#0b3d91,#06c);color:#fff;text-align:center}.cta-banner a{color:#ffe27a;font-weight:700;text-decoration:none}.blog-content{padding-bottom:60px}.blog-hero{background:var(--card);border-radius:12px;padding:24px;box-shadow:0 12px 32px #0f172a0d}.blog-list{margin-top:32px}.blog-list__items{list-style:none;margin:0;padding:0;display:grid;gap:24px}.blog-list__items a{color:#06c;text-decoration:none}.blog-list__item{background:#fff;border-radius:12px;padding:24px;box-shadow:0 12px 25px #0f172a0d;border:1px solid rgba(12,18,30,.05)}.blog-list__item h3{margin-top:0}.blog-list__meta{color:var(--muted);font-size:14px;margin-bottom:12px}.blog-list__excerpt{margin:0 0 14px;line-height:1.6}.blog-list__cta{font-weight:600;text-decoration:none;color:var(--accent)}.blog-post{background:var(--card);border-radius:12px;padding:28px;box-shadow:0 12px 32px #0f172a0d}.blog-post__meta{color:var(--muted);margin:0}.blog-post__excerpt{color:#333;font-size:18px;line-height:1.6}.blog-post__body h2{margin-top:32px}.blog-post__body p{line-height:1.8}.blog-post__body pre{background:#0b213f;color:#fff;padding:16px;border-radius:10px;overflow:auto}body.blog .site-header .container{padding-bottom:0}body.blog .primary-nav{margin-bottom:14px}@media(max-width:700px){.section{padding:20px;margin-top:36px}.features-grid{grid-template-columns:1fr}.steps li{padding-left:46px}.cta-banner{margin:36px 0;padding:20px}}.faq dl{margin:0;padding:0}.faq dt,.faq dd{margin:0;padding:8px 0;display:flex;align-items:flex-start;gap:8px}.faq dt{font-weight:600}.faq dt:before{content:"\1f160";flex:0 0 auto}.faq dd:before{content:"\1f150";flex:0 0 auto}.faq dd{color:#333}