:root{
  --blue:#1769ff;--blue-2:#0b4dcc;--blue-3:#eaf2ff;--orange:#ff8a1f;--orange-2:#f56b0a;
  --ink:#10213f;--muted:#64748b;--line:#dce5f2;--soft:#f5f8fd;--white:#fff;
  --shadow:0 18px 55px rgba(16,33,63,.09);--radius:22px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--soft);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;z-index:-2;inset:0;background:radial-gradient(circle at 8% 8%,rgba(23,105,255,.09),transparent 28%),radial-gradient(circle at 92% 20%,rgba(255,138,31,.09),transparent 25%);pointer-events:none}
.site-nav{background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,229,242,.9);z-index:1030}.navbar-brand{color:var(--ink);font-size:1.06rem;letter-spacing:-.02em}.navbar-brand:hover{color:var(--blue)}.brand-word{letter-spacing:-.035em}.brand-pdf{color:var(--orange)}.brand-mark{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,var(--blue),#0842a6);color:#fff;font-weight:850;box-shadow:0 9px 22px rgba(23,105,255,.25);position:relative}.brand-mark:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--orange);right:5px;top:5px;border:2px solid #fff}.nav-link{font-weight:700;color:#41516c!important}.nav-link:hover{color:var(--blue)!important}.nav-cta{border-radius:12px;padding:.6rem 1rem;font-weight:800;background:linear-gradient(135deg,var(--blue),var(--blue-2));border:0;box-shadow:0 8px 18px rgba(23,105,255,.2)}.nav-cta:hover{background:linear-gradient(135deg,var(--blue-2),#083a96)}.dropdown-menu{padding:.5rem;border-radius:16px;border:1px solid var(--line)!important}.dropdown-item{border-radius:10px;padding:.65rem .75rem;font-weight:650}.dropdown-item:hover{background:var(--blue-3);color:var(--blue)}.navbar-toggler{border:1px solid var(--line);border-radius:11px;padding:.5rem .65rem;color:var(--ink)}.navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(23,105,255,.12)}
.hero{position:relative;overflow:hidden;padding:78px 0 92px;background:linear-gradient(135deg,#eef5ff 0%,#fff 52%,#fff5eb 100%);border-bottom:1px solid rgba(220,229,242,.8)}.hero:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(23,105,255,.12);filter:blur(10px);right:-130px;top:-170px}.hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(255,138,31,.12);filter:blur(15px);left:-130px;bottom:-160px}.hero>*{position:relative;z-index:1}.hero .badge{border-radius:999px;padding:.58rem .85rem;letter-spacing:.1em;background:var(--blue)!important}.hero h1{font-size:clamp(2.45rem,7vw,5.1rem);line-height:1.01;font-weight:900;letter-spacing:-.06em;max-width:900px;margin:auto}.hero h1 .accent{color:var(--orange)}.hero .lead{font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.hero-actions .btn{font-weight:800}.tools-section{margin-top:-38px;position:relative;z-index:2}.mini-feature{height:100%;display:flex;align-items:center;gap:.7rem;padding:15px;border:1px solid var(--line);background:rgba(255,255,255,.97);border-radius:16px;box-shadow:0 8px 25px rgba(16,33,63,.06)}.mini-feature i{font-size:1.2rem;color:var(--blue)}.mini-feature:nth-child(2n) i{color:var(--orange)}.mini-feature strong,.mini-feature small{display:block}.mini-feature strong{font-size:.86rem}.mini-feature small{color:var(--muted);font-size:.75rem;margin-top:2px}.tool-card{height:100%;border:1px solid var(--line);border-radius:20px;background:#fff;padding:23px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 7px 24px rgba(16,33,63,.045)}.tool-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(16,33,63,.11);border-color:#b9d0ff}.tool-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,var(--blue-3),#fff);color:var(--blue);font-size:25px;border:1px solid #d8e6ff}.tool-card:nth-child(2n) .tool-icon{color:var(--orange);background:#fff4e9;border-color:#ffe0bf}.tool-card h5{font-weight:850;letter-spacing:-.025em}.tool-card p{line-height:1.55}
.section-title{font-weight:900;letter-spacing:-.04em}.section-kicker{color:var(--orange);font-weight:850;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}
.panel{border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.98);padding:clamp(20px,4vw,36px);box-shadow:var(--shadow)}.page-shell{padding:clamp(28px,5vw,56px) 0}.page-kicker{display:inline-flex;align-items:center;gap:.45rem;color:var(--blue);font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.page-title{font-weight:900;letter-spacing:-.045em;font-size:clamp(2rem,5vw,3.4rem)}.back-link{color:#52627c;font-weight:750;text-decoration:none}.back-link:hover{color:var(--blue)}.dropzone{border:2px dashed #b9c9df;border-radius:21px;background:linear-gradient(145deg,#f8fbff,#fff);padding:clamp(28px,6vw,48px) 18px;text-align:center;cursor:pointer;transition:.2s;min-height:165px;display:flex;flex-direction:column;align-items:center;justify-content:center}.dropzone:hover,.dropzone.drag{border-color:var(--blue);background:#f0f6ff;transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(23,105,255,.08)}.drop-icon{font-size:2.35rem;color:var(--blue);margin-bottom:.55rem}.dropzone strong{font-size:1rem}.dropzone .small-note{margin-top:4px}.file-list{width:100%;max-width:620px;list-style:none;padding:0;margin:16px 0 0;text-align:left}.file-list li{padding:11px 12px;border:1px solid #e4ebf5;background:#fff;border-radius:11px;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-label{font-weight:750;color:#33445f}.form-control,.form-select{min-height:50px;border-radius:13px;border-color:#d6e0ed;background:#fff}.form-control:focus,.form-select:focus{border-color:#6ea0ff;box-shadow:0 0 0 .2rem rgba(23,105,255,.12)}.btn-dark,.btn-primary{min-height:50px;border-radius:13px;font-weight:800}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue-2));border-color:var(--blue);box-shadow:0 9px 20px rgba(23,105,255,.18)}.btn-primary:hover{background:linear-gradient(135deg,var(--blue-2),#083a96);border-color:var(--blue-2)}.btn-dark{background:var(--ink);border-color:var(--ink)}.btn-dark:hover{background:#08162c;border-color:#08162c}.btn-orange{color:#fff;background:linear-gradient(135deg,var(--orange),var(--orange-2));border:0;box-shadow:0 9px 20px rgba(255,138,31,.18)}.btn-orange:hover{color:#fff;background:linear-gradient(135deg,var(--orange-2),#df5500)}.result{border-radius:16px;background:#effaf4;border:1px solid #bce9cd;padding:18px;color:#17653a}.stat{font-size:clamp(1.35rem,4vw,1.8rem);font-weight:900}.small-note{font-size:.85rem;color:var(--muted)}
.site-footer{background:linear-gradient(135deg,#0b1b35,#102c55);color:#a9bad2;border-top:4px solid var(--orange)}.footer-brand{display:flex;align-items:center;gap:.65rem;color:#fff;font-size:1.05rem}.footer-brand .brand-mark{width:35px;height:35px;border-radius:10px;background:#fff;color:var(--blue);box-shadow:none}.footer-link{color:#dce8f7;text-decoration:none;font-weight:700}.footer-link:hover{color:#fff}.site-footer .small{color:#7890ae}
@media(max-width:991.98px){.navbar-collapse{padding-top:.8rem}.navbar-nav{align-items:stretch!important}.nav-cta{display:block;text-align:center;margin-top:.5rem}.dropdown-menu{box-shadow:none!important;background:#f7faff}.hero{padding-top:55px}.tools-section{margin-top:-24px}}
@media(max-width:575.98px){.container{--bs-gutter-x:1.25rem}.hero{padding:46px 0 62px}.hero h1 br{display:none}.tool-card{padding:19px;border-radius:18px}.panel{border-radius:21px}.page-shell{padding-top:28px}.dropzone{min-height:150px}.site-footer{text-align:center}.footer-brand{justify-content:center}.footer-link{font-size:.9rem}.tools-section{margin-top:-18px}}

/* v1.4 tool header — compact, block-based and mobile-first */
.tool-page-head{margin-bottom:16px}
.tool-page-head .back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:4px 0}
.tool-intro{position:relative;overflow:hidden;margin:0;padding:24px;border:1px solid #d8e4f4;border-radius:24px;background:linear-gradient(135deg,#eef5ff 0%,#ffffff 58%,#fff4e8 100%);box-shadow:0 14px 38px rgba(16,33,63,.08)}
.tool-intro:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-85px;top:-100px;background:rgba(255,138,31,.16);pointer-events:none}
.tool-intro:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;left:-70px;bottom:-80px;background:rgba(23,105,255,.10);pointer-events:none}
.tool-intro>*{position:relative;z-index:1}
.tool-intro-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:13px}
.tool-intro-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,#dceaff,#fff);border:1px solid #c8dcff;color:var(--blue);font-size:30px;box-shadow:0 10px 24px rgba(23,105,255,.14)}
.tool-intro h1{font-size:clamp(1.8rem,7vw,2.8rem);line-height:1.08;margin:0;font-weight:900;letter-spacing:-.045em;color:var(--ink)}
.tool-intro p{max-width:720px;margin:7px auto 0;color:#5d6e88;line-height:1.55;font-size:1rem}
.tool-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px}
.tool-badge{min-height:42px;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:13px;background:rgba(255,255,255,.88);border:1px solid #dce7f5;color:#40516b;font-size:.78rem;font-weight:800;text-align:center}
.tool-badge i{color:var(--blue)}.tool-badge.orange i{color:var(--orange)}
.tool-intro .tool-badge:nth-child(3) i{color:#168a56}
.tool-intro .tool-badge:nth-child(2){background:#fffaf4;border-color:#ffe1bf}
.tool-form-panel{margin-top:14px}
.tool-help{display:flex;align-items:flex-start;gap:10px;margin:12px 0 16px;padding:12px 14px;border-radius:14px;background:#eff6ff;border:1px solid #cfe1ff;color:#49627f;line-height:1.5;font-size:.88rem}
.tool-help i{color:var(--blue);font-size:1.1rem;flex:0 0 auto;margin-top:1px}
@media(max-width:575.98px){
  .page-shell{padding:18px 0 38px}
  .tool-page-head{margin-bottom:12px}
  .tool-page-head .back-link{font-size:.9rem;margin-bottom:10px}
  .tool-intro{padding:20px 16px 17px;border-radius:20px}
  .tool-intro-icon{width:58px;height:58px;border-radius:17px;font-size:26px}
  .tool-intro h1{font-size:1.78rem}
  .tool-intro p{font-size:.93rem;max-width:100%;margin-top:6px}
  .tool-badges{grid-template-columns:1fr;margin-top:14px;gap:7px}
  .tool-badge{min-height:38px;justify-content:flex-start;padding:8px 11px;border-radius:11px;font-size:.76rem}
  .tool-form-panel{margin-top:10px}
  .panel{padding:15px;border-radius:20px}
  .dropzone{min-height:165px;padding:26px 14px;border-radius:18px}
  .drop-icon{font-size:2.4rem}
  .form-label{font-size:.93rem;margin-bottom:7px}
  .form-control,.form-select{min-height:52px;border-radius:13px}
  .btn-orange,.btn-dark,.btn-primary{min-height:55px;border-radius:13px;font-size:1rem}
}
@media(min-width:576px){.tool-intro-head{flex-direction:row;text-align:left;align-items:center}.tool-intro-head>div:last-child{flex:1}.tool-intro p{margin-left:0;margin-right:0}.tool-badges{max-width:760px}}