@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--navy: #1a2433;--navy-dark: #111827;--navy-mid: #243044;--navy-light: #2e3c52;--color-primary: #16a34a;--color-primary-hover: #15803d;--color-success: #22c55e;--color-danger: #ef4444;--border: #e2e8f0;--text: #0f172a;--text-mid: #475569;--text-light: #94a3b8;--surface: #ffffff;--bg: #f1f5f9;--s-text: #cbd5e1;--s-dim: #64748b}html{font-family:Inter,system-ui,sans-serif;font-size:14px}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit}.page-shell{min-height:100vh;display:flex;flex-direction:column}.page-main{flex:1}.site-header{background:var(--navy-dark);padding:0 32px;height:54px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-brand{display:flex;align-items:center;gap:9px;color:#fff;font-weight:700;font-size:15px;text-decoration:none}.nav-logo{width:28px;height:28px;background:var(--color-primary);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:15px}.nav-links{display:flex;gap:14px;list-style:none;margin:0;padding:0;align-items:center}.nav-link{color:var(--s-text);text-decoration:none;font-size:13px;font-weight:500;transition:color .15s,background .15s;padding:6px 10px;border-radius:6px}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff14}.nav-cta{background:var(--color-primary);color:#fff;font-weight:600}.nav-cta:hover{background:var(--color-primary-hover)}.hero{background:var(--navy);padding:72px 32px 64px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:#22c55e1f;color:var(--color-success);border:1px solid rgba(34,197,94,.25);border-radius:20px;padding:4px 13px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:22px}.hero h1{color:#fff;font-size:clamp(32px,5vw,54px);font-weight:800;line-height:1.15;margin:0 auto 18px;max-width:800px}.hero-sub{color:var(--s-text);font-size:16px;max-width:580px;margin:0 auto 30px;line-height:1.65}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.hero-disclaimer{color:var(--s-dim);font-size:12px;margin:0 0 28px}.hero-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:170px;padding:13px 22px;border-radius:8px;text-decoration:none;font-weight:700;font-size:14px;border:1px solid transparent}.hero-button.primary{background:var(--color-primary);color:#fff}.hero-button.primary:hover{background:var(--color-primary-hover)}.hero-button.secondary{background:transparent;color:#fff;border-color:#ffffff40}.hero-button.secondary:hover{background:#ffffff14}.trust-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:6px;color:var(--s-text);font-size:12px;font-weight:500;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:5px 13px}.main{display:flex;flex:1;max-width:1080px;width:100%;margin:28px auto;padding:0 20px;gap:20px;align-items:flex-start}.sidebar{width:230px;flex-shrink:0;display:flex;flex-direction:column;gap:14px}.sc{background:var(--navy);border-radius:10px;padding:18px;border:1px solid rgba(255,255,255,.05)}.sc-title{color:var(--s-text);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:13px}.s-steps,.s-feats,.side-list{display:flex;flex-direction:column;gap:12px}.s-step,.s-feat{display:flex;align-items:flex-start;gap:10px}.s-num{width:22px;height:22px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.s-text,.side-list li{color:var(--s-text);font-size:12px;line-height:1.5}.side-list{list-style:none;margin:0;padding:0}.s-ficon{width:26px;height:26px;border-radius:7px;background:#16a34a1f;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.s-flabel strong{display:block;color:#e2e8f0;font-size:12px;font-weight:600;margin-bottom:1px}.s-flabel span{color:var(--s-dim);font-size:11px}.import-note{color:var(--s-text);font-size:12px;line-height:1.7}.import-note strong{color:#e2e8f0}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-box{background:var(--navy-mid);border-radius:7px;padding:11px 8px;text-align:center;border:1px solid rgba(255,255,255,.04)}.stat-num{color:var(--color-primary);font-size:17px;font-weight:800;line-height:1;margin-bottom:4px}.stat-lbl{color:var(--s-dim);font-size:10px;line-height:1.3}.content-stack,.converter{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.panel-head{padding:14px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:11px}.p-badge{width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.panel-head h2{font-size:14px;font-weight:700;color:var(--text);margin:0}.panel-head p{font-size:12px;color:var(--text-mid);margin:1px 0 0}.panel-body{padding:22px}.dropzone{border:2px dashed #cbd5e1;border-radius:9px;padding:36px 20px;text-align:center;cursor:pointer;position:relative;background:#f8fafc;transition:border-color .2s,background .2s}.dropzone:hover,.dropzone.dragover{border-color:var(--color-primary);background:#f0fdf4}.dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.di-wrap{width:52px;height:52px;border-radius:13px;background:#dcfce7;display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 12px}.dp{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.dp span{color:var(--color-primary)}.ds{font-size:12px;color:var(--text-light);margin-bottom:10px}.fmt-row{display:flex;justify-content:center;gap:5px}.fmt{background:#e2e8f0;color:#475569;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;letter-spacing:.04em}.g2{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:5px}label{font-size:12px;font-weight:600;color:var(--text-mid)}.req{color:var(--color-danger)}.label-hint{font-weight:400;color:var(--text-light)}select,input[type=text]{width:100%;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:var(--text);font-family:Inter,sans-serif;font-size:13px;padding:8px 11px;outline:none;appearance:none;transition:border-color .15s,box-shadow .15s}select:focus,input[type=text]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #16a34a1a}.slabel{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-light);margin:2px 0 11px}.slabel-note{font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-light)}.divider{border:none;border-top:1px solid var(--border);margin:18px 0}.preview-wrap{border:1px solid var(--border);border-radius:7px;overflow:hidden;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12.5px}th{padding:8px 13px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-mid);background:#f1f5f9;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:8px 13px;border-bottom:1px solid #f1f5f9;color:var(--text);white-space:nowrap}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#f8fafc}.amt-pos{color:#16a34a;font-weight:600}.amt-neg{color:var(--color-danger);font-weight:600}.btn-convert{width:100%;padding:13px 24px;border:none;border-radius:7px;background:var(--navy);color:#fff;font-family:Inter,sans-serif;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 2px 8px #1118272e}.btn-convert:hover{background:var(--navy-mid);transform:translateY(-1px);box-shadow:0 4px 14px #11182738}.btn-notes{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:11px;flex-wrap:wrap}.btn-note{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-light)}.status{display:none;padding:10px 13px;border-radius:6px;font-size:13px;font-weight:500;margin-top:11px;line-height:1.4}.status.success{display:block;background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.status.error{display:block;background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.hidden{display:none!important}.route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.link-card{display:block;border:1px solid var(--border);border-radius:10px;padding:16px;background:#f8fafc;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s}.link-card:hover{transform:translateY(-1px);border-color:#bbf7d0;box-shadow:0 4px 14px #0f172a14}.link-card strong{display:block;font-size:13px;margin-bottom:5px}.link-card span{color:var(--text-mid);line-height:1.6}.bullet-list{margin:0;padding-left:18px;color:var(--text-mid);line-height:1.7}.bullet-list li+li{margin-top:8px}.note-box{border-radius:8px;padding:14px;background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d;line-height:1.6}.home-inner{max-width:1080px;margin:0 auto;padding:0 20px}.section-eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);margin:0 0 10px}.section-title{font-size:clamp(20px,3vw,28px);font-weight:800;color:var(--text);margin:0 0 36px;line-height:1.2}.hiw-section{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:56px 20px;text-align:center}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:left}.step-card{display:flex;flex-direction:column;gap:10px}.step-num{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-card h3{font-size:14px;font-weight:700;color:var(--text);margin:0}.step-card p{font-size:13px;color:var(--text-mid);line-height:1.6;margin:0}.tools-section{padding:56px 20px;background:var(--bg);text-align:center}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;text-align:left}.tool-card{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s}.tool-card:not(.tool-card-coming):hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f172a1a;border-color:#bbf7d0}.tool-card-coming{opacity:.55}.tool-icon{width:44px;height:44px;background:#f0fdf4;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px}.tool-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 9px;border-radius:10px;width:fit-content}.tool-badge.available{background:#22c55e1f;color:var(--color-success);border:1px solid rgba(34,197,94,.2)}.tool-badge.coming{background:#f1f5f9;color:var(--text-light);border:1px solid var(--border)}.tool-card h3{font-size:15px;font-weight:700;color:var(--text);margin:0}.tool-card p{font-size:13px;color:var(--text-mid);line-height:1.6;margin:0;flex:1}.tool-link-hint{font-size:12px;color:var(--color-primary);font-weight:600;margin-top:4px}.privacy-callout{background:var(--navy);padding:36px 20px}.privacy-inner{max-width:760px;margin:0 auto;display:flex;align-items:flex-start;gap:18px}.privacy-icon{font-size:28px;flex-shrink:0;line-height:1;margin-top:2px}.privacy-inner strong{display:block;color:#fff;font-size:15px;font-weight:700;margin-bottom:6px}.privacy-inner p{color:var(--s-text);font-size:13px;line-height:1.65;margin:0}.email-section{background:var(--navy);padding:72px 20px;text-align:center}.email-eyebrow{display:inline-flex;align-items:center;gap:6px;background:#22c55e1f;color:var(--color-success);border:1px solid rgba(34,197,94,.25);border-radius:20px;padding:4px 13px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}.email-inner{max-width:480px;margin:0 auto}.email-inner h2{font-size:clamp(20px,3vw,26px);font-weight:800;color:#fff;margin:0 0 10px}.email-inner>p{font-size:14px;color:var(--s-text);margin:0 0 28px;line-height:1.6}.email-form{display:flex;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:10px;max-width:420px;margin:0 auto 14px;overflow:hidden}.email-form input[type=email]{flex:1;min-width:0;background:transparent;border:none;color:#fff;font-family:Inter,sans-serif;font-size:14px;padding:13px 16px;outline:none;transition:background .15s}.email-form input[type=email]::placeholder{color:#ffffff59}.email-form input[type=email]:focus{background:#ffffff0a}.email-form button{flex-shrink:0;background:var(--color-primary);color:#fff;border:none;font-family:Inter,sans-serif;font-size:13px;font-weight:700;padding:0 22px;cursor:pointer;white-space:nowrap;transition:background .15s}.email-form button:hover{background:var(--color-primary-hover)}.email-note{font-size:11px;color:var(--s-dim);margin:0}.home-panels{max-width:760px;margin:36px auto 48px;padding:0 20px;display:flex;flex-direction:column;gap:14px}.site-footer{background:var(--navy-dark);padding:22px 32px;text-align:center;color:var(--s-dim);font-size:12px;margin-top:auto;border-top:1px solid rgba(255,255,255,.04)}.footer-links{display:flex;justify-content:center;gap:18px;margin-bottom:8px;flex-wrap:wrap}.site-footer a{color:var(--s-text);text-decoration:none}.site-footer a:hover{color:#fff}@media(max-width:760px){.site-header{padding:12px 18px;height:auto;flex-wrap:wrap}.nav-links{width:100%;justify-content:flex-start;flex-wrap:wrap}.main{flex-direction:column}.sidebar{width:100%}.g2,.route-grid{grid-template-columns:1fr}.hero{padding:48px 20px 44px}.step-grid{grid-template-columns:1fr;gap:20px}.tool-grid{grid-template-columns:1fr}.email-form{flex-direction:column;border-radius:10px}.email-form input[type=email],.email-form button{padding:13px 16px}.privacy-inner{flex-direction:column;gap:12px}}
