:root{color-scheme:light;--ink:#152B38;--muted:#506473;--primary:#176B8A;--primary-h:#125874;--canvas:#F6F9FA;--surface:#fff;--soft:#E8F5F6;--line:#DBE6EA;--focus:#176B8A;--result-bg:#E8F5F6;--result-ink:#145D73;--shadow:0 18px 55px rgba(20,38,51,.07);--r:18px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.62 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--primary-h)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed} :focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:#D7EFF1;color:#152B38}.skip{position:absolute;top:-100px;left:16px;z-index:999;padding:8px 14px;background:white}.skip:focus{top:12px}.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.topbar .wrap{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:1.19rem;font-weight:850;letter-spacing:-.045em;text-decoration:none;white-space:nowrap}.brandmark{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:var(--primary);color:#fff;font-weight:800;box-shadow:0 8px 20px #145D732b}.brand:hover{color:var(--ink)}.nav{display:flex;align-items:center;gap:25px}.nav a{color:#304E5B;font-weight:640;font-size:.92rem;text-decoration:none}.nav a:hover{color:var(--primary)}.nav .nav-cta{color:#fff;background:var(--ink);padding:9px 15px;border-radius:10px}.menu-btn{display:none;background:transparent;border:0;color:var(--ink);padding:8px}.crumb{color:#637881;font-size:.85rem;display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:24px 0}.crumb a{color:#5e727c}.hero{background:#173B49;color:white;border-radius:28px;position:relative;overflow:hidden;padding:55px 58px 52px;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.88fr);align-items:center;gap:54px}.hero:before{content:"";position:absolute;right:-130px;top:-180px;width:580px;height:580px;border-radius:50%;border:1px solid #ffffff12;box-shadow:0 0 0 75px #ffffff08,0 0 0 150px #ffffff05;pointer-events:none}.hero>*,.hero h1{position:relative}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.76rem;font-weight:780;letter-spacing:.085em;text-transform:uppercase;color:#CDE8E8;margin-bottom:16px}.eyebrow:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#82C3CE}.hero h1{font-size:clamp(2.6rem,4.4vw,4.35rem);line-height:1.07;letter-spacing:-.065em;margin:0 0 20px;font-weight:820;max-width:640px}.hero p{color:#D1E7E9;font-size:1.08rem;max-width:540px;line-height:1.8}.hero-stats{display:flex;gap:25px;margin-top:34px;flex-wrap:wrap}.hero-stats span{font-size:.81rem;color:#C7E0E4}.hero-stats strong{display:block;font-size:1.1rem;color:#fff}.hero .demo{position:relative;z-index:1}.hero .tool-card{box-shadow:0 25px 75px #173B49b8}.hero.tool-hero{grid-template-columns:.84fr 1.16fr;gap:42px;padding:44px 48px}.hero.tool-hero h1{font-size:clamp(2.05rem,3.5vw,3.55rem)}.tool-card{border:1px solid #e1e9e7;border-radius:21px;padding:25px;background:#fff;color:var(--ink);box-shadow:0 6px 24px #173B4915}.tool-card .tool-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.tool-head strong{font-size:.93rem}.tool-head .small{font-size:.78rem;color:#718b8b}.input-head{display:block;color:#304E5B;font-size:.77rem;text-transform:uppercase;letter-spacing:.07em;font-weight:790;margin-bottom:8px}.field-row{display:grid;grid-template-columns:1fr 134px;align-items:stretch;gap:9px}.field-row input,.field-row select,.select,.textarea{min-width:0;border:1px solid #CBDADF;background:#fff;color:#173B49;border-radius:12px;padding:13px 13px;outline:none}.field-row input:focus,.field-row select:focus,.select:focus,.textarea:focus{border-color:#176B8A;box-shadow:0 0 0 3px #145D7315}.field-row input{font-size:1.24rem;font-weight:720;letter-spacing:-.02em;width:100%}.field-row select{font-size:.87rem;font-weight:670;max-width:100%}.swapline{height:35px;display:flex;align-items:center;justify-content:center;position:relative}.swapline:before{content:"";position:absolute;height:1px;left:0;right:0;background:var(--line);top:50%}.swap{position:relative;border:1px solid #DBE6EA;background:white;border-radius:9px;width:37px;height:32px;font-weight:750;color:var(--primary);box-shadow:0 3px 8px #173B4914}.resultbox{background:#E8F5F6;border:1px solid #D0E8EC;border-radius:13px;padding:15px 18px 17px;min-height:96px}.resultbox .big{font-size:clamp(1.7rem,2.5vw,2.5rem);line-height:1.3;letter-spacing:-.04em;color:#145D73;font-weight:825;overflow-wrap:anywhere;display:block}.resultbox .sub{color:#506B79;font-size:.8rem;font-weight:650}.tool-actions{display:flex;gap:9px;margin-top:14px;flex-wrap:wrap}.btn{border:1px solid #DBE6EA;background:#fff;border-radius:10px;padding:10px 14px;color:#173B49;font-weight:730;font-size:.84rem;display:inline-flex;justify-content:center;align-items:center;gap:8px;text-decoration:none;transition:background .17s,transform .17s}.btn:hover{background:#F2F9FA;color:var(--primary);transform:translateY(-1px)}.btn.primary{border-color:var(--primary);background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-h);color:white}.hint{color:var(--muted);font-size:.82rem;margin:.6rem 0 0}.error{color:#ba3737;font-size:.84rem;min-height:1.1em}.section{padding:64px 0 16px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:24px}.section-head h2,h2{letter-spacing:-.038em;line-height:1.19}.section-head h2{font-size:clamp(1.55rem,2.6vw,2.2rem);margin:0}.section-head p{margin:9px 0 0;color:var(--muted)}.section-head a{font-size:.88rem;font-weight:750}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tile{display:block;background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:23px;text-decoration:none;color:var(--ink);transition:transform .18s,border-color .18s,box-shadow .18s}.tile:hover{color:var(--ink);border-color:#A9CDD3;transform:translateY(-3px);box-shadow:var(--shadow)}.tile h3{margin:10px 0 6px;font-size:1.08rem;letter-spacing:-.025em}.tile p{margin:0;color:#697982;font-size:.89rem}.tile .tile-top{display:flex;justify-content:space-between;align-items:center}.tile .arr{color:#407D8C}.tile .pict{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#145D73;background:#E8F5F6;font-size:1.25rem}.tile .pill{background:#ECF4F5;color:#145D73;font-size:.7rem;font-weight:740;border-radius:7px;padding:4px 8px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.74fr);gap:22px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:26px}.card h2{font-size:1.43rem;margin:0 0 13px}.card p{color:#304E5B;margin-top:0}.info-row{border-bottom:1px solid #e8eeee;padding:11px 0;display:flex;justify-content:space-between;gap:10px}.info-row:last-child{border:0}.info-row span{color:#506B79}.muted{color:var(--muted)}.number-table{width:100%;border-collapse:collapse;font-size:.9rem}.number-table th{color:#304E5B;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;font-weight:740}.number-table td,.number-table th{padding:12px 9px;text-align:left;border-bottom:1px solid #e9efee}.number-table tr:last-child td{border-bottom:0}.number-table a{font-weight:680;text-decoration:none}.chiplist{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#E8F5F6;border:1px solid #DBE6EA;color:#145D73;border-radius:9px;padding:6px 11px;font-size:.82rem;text-decoration:none;font-weight:650}.chip:hover{background:#DCEFF0}.page-title{max-width:760px;margin-bottom:22px}.page-title h1{font-size:clamp(2.25rem,4.7vw,4rem);line-height:1.08;letter-spacing:-.065em;margin:.15em 0}.page-title p{color:#506B79;font-size:1.05rem}.page-top{padding:10px 0 20px}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 328px;gap:20px;align-items:start}.leadresult{display:block;font-size:1.5rem;font-weight:750;color:#145D73;letter-spacing:-.03em}.mini-card{border:1px solid var(--line);border-radius:16px;background:white;padding:22px}.mini-card h3{font-size:1rem;margin:0 0 10px}.mini-card p{font-size:.88rem;color:#506B79;margin:0}.body-content{margin:33px 0 0}.body-content h2{font-size:1.45rem;margin:34px 0 12px}.body-content p{color:#304E5B}.body-content ul{color:#304E5B}.callout{border-left:3px solid var(--primary);background:#ECF4F5;padding:14px 17px;border-radius:0 12px 12px 0;color:#304E5B}.small{font-size:.82rem}.text-flow{max-width:800px}.text-flow p{line-height:1.85;color:#304E5B}.aside-stack{display:grid;gap:15px}.search{width:100%;border:1px solid #CBDADF;border-radius:12px;padding:13px 15px;background:#fff}.filter-status{color:var(--muted);font-size:.8rem;margin-top:8px}.batch-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.textarea{display:block;width:100%;min-height:190px;resize:vertical;line-height:1.55;font-family:ui-monospace,Consolas,monospace}.footer{margin-top:85px;background:#173B49;color:#CBDADF;padding:45px 0 24px}.footer a{color:#DBE6EA;text-decoration:none}.footer a:hover{color:#fff}.foot-grid{display:flex;justify-content:space-between;gap:35px;flex-wrap:wrap}.footer .brand{color:#fff}.footlinks{display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:.87rem}.footnote{border-top:1px solid #152B38;margin-top:30px;padding-top:20px;font-size:.79rem;color:#9fb6b9}.visually-hidden{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.empty{padding:22px;text-align:center;color:var(--muted)}.legal{padding:20px 0 50px;max-width:820px}.legal h1{font-size:2.7rem;letter-spacing:-.045em}.legal h2{font-size:1.35rem;margin-top:28px}.legal p{color:#304E5B}.ad-slot{display:none}.result-details{padding-top:9px}.section-tight{padding-top:35px}@media(max-width:900px){.hero,.hero.tool-hero{grid-template-columns:1fr;padding:38px;gap:28px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-layout{grid-template-columns:1fr}.aside-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:12px}.hero h1{max-width:800px}.hero .tool-card{max-width:640px}}@media(max-width:650px){.wrap{width:min(var(--max),calc(100% - 28px))}.topbar .wrap{min-height:64px}.menu-btn{display:block}.nav{display:none;position:absolute;top:63px;left:0;right:0;background:#fff;padding:16px 22px 24px;box-shadow:0 24px 28px #173B4914;flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero,.hero.tool-hero{border-radius:20px;padding:28px 19px;gap:18px}.hero h1{font-size:clamp(2.25rem,10vw,3.45rem)}.hero p{font-size:.96rem}.hero-stats{gap:16px}.hero-stats span{font-size:.76rem}.tool-card{padding:18px;border-radius:16px}.field-row{grid-template-columns:minmax(0,1fr) 103px;gap:7px}.field-row select{font-size:.8rem;padding:11px 6px}.field-row input{font-size:1.05rem}.grid,.batch-grid,.split,.aside-stack{grid-template-columns:1fr}.section{padding-top:42px}.section-head{align-items:start}.tile{padding:19px}.page-title h1{font-size:2.5rem}.card{padding:19px}.foot-grid{display:block}.footlinks{margin-top:20px}.tool-actions .btn{flex:1}.number-table{font-size:.83rem}.number-table td,.number-table th{padding:10px 5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}


:root{--shadow:0 22px 65px rgba(31,49,92,.065);--r:16px;--max:1200px}
html{scroll-padding-top:95px}body{background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.58}::selection{background:#DCEDEF;color:#176B8A}
a{color:#176B8A}a:hover{color:#176B8A}
.wrap{width:min(var(--max),calc(100% - 64px))}
.topbar{border-bottom:1px solid #ECF4F5;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.topbar .wrap{min-height:76px}.brand{font-size:1.29rem;letter-spacing:-.065em;gap:10px}.brandmark{width:39px;height:39px;border-radius:11px;background:#176B8A;color:#fff;box-shadow:none;font-size:1.25rem;letter-spacing:-.07em}.nav{gap:30px}.nav a{color:#304E5B;font-size:.87rem;font-weight:620;transition:color .17s}.nav a:hover{color:var(--primary)}.nav .nav-cta{border-radius:10px;background:var(--ink);padding:11px 18px;color:#fff;font-size:.85rem;font-weight:730;box-shadow:0 2px 4px #173B4914}.nav .nav-cta:hover{background:#152B38;color:#fff}
.crumb{font-size:.78rem;margin:23px 0 18px;color:#8992a4}.crumb a{color:#506B79;text-decoration:none}.crumb a:hover{text-decoration:underline}
.hero{border:1px solid #E8F5F6;border-radius:25px;background:linear-gradient(128deg,#F4FAFA 0%,#fff 57%,#E8F5F6 100%);color:var(--ink);padding:60px 62px 57px;grid-template-columns:minmax(0,.94fr) minmax(370px,1fr);gap:54px;min-height:540px;box-shadow:0 9px 38px #145D7320;isolation:isolate}
.hero:before{width:390px;height:390px;right:-250px;top:-270px;box-shadow:0 0 0 105px #44798B05,0 0 0 220px #44798B05;border:1px solid #44798B0c}
.hero h1{color:#173B49;font-size:clamp(3.25rem,5vw,5.2rem);line-height:1.045;letter-spacing:-.073em;font-weight:790;max-width:710px;margin:0 0 22px}
.hero h1 .accent{color:#44798B;display:inline-block}
.hero p{color:#506B79;font-size:1.075rem;line-height:1.73;max-width:480px;margin:0}
.eyebrow{letter-spacing:.105em;font-size:.71rem;font-weight:810;margin-bottom:23px;color:#176B8A}
.eyebrow:before{background:#44798B;box-shadow:0 0 0 4px #E8F5F6;width:6px;height:6px}
.hero-stats{gap:21px;margin-top:35px;padding-top:26px;border-top:1px solid #DCEDEF}.hero-stats span{color:#506B79;font-size:.78rem;line-height:1.35}.hero-stats span+span{padding-left:21px;border-left:1px solid #DCEDEF}.hero-stats strong{font-size:1rem;color:#173B49;letter-spacing:-.027em;font-weight:780;margin-bottom:4px}
.hero .demo{z-index:2}.hero .tool-card{box-shadow:0 35px 80px rgba(44,61,102,.15),0 4px 12px #145D7315;transform:rotate(.6deg);transition:transform .32s cubic-bezier(.2,.8,.2,1)}.hero .tool-card:hover,.hero .tool-card:focus-within{transform:rotate(0deg) translateY(-2px)}
.tool-card{border:1px solid #ECF4F5;background:#fff;border-radius:20px;padding:29px;box-shadow:0 10px 35px rgba(40,53,81,.045)}
.tool-head{padding-bottom:18px;border-bottom:1px solid #ECF4F5;margin-bottom:24px!important}.tool-head strong{font-size:1rem;letter-spacing:-.025em;color:#173B49}.tool-head .small{font-size:.69rem;color:#506B79;background:#F4FAFA;border:1px solid #ECF4F5;border-radius:99px;padding:5px 9px}
.input-head{color:#506B79;font-size:.71rem;font-weight:750;letter-spacing:.075em;margin-bottom:9px}.field-row{grid-template-columns:minmax(0,1fr) 126px;gap:10px}.field-row input,.field-row select,.select,.textarea{background:#F4FAFA;border:1px solid #DBE6EA;border-radius:11px;color:#173B49;min-height:51px;transition:border-color .16s,box-shadow .16s}.field-row input{font-size:1.35rem;letter-spacing:-.045em;font-weight:780;padding:12px 17px;font-variant-numeric:tabular-nums}.field-row select{font-weight:710;font-size:.9rem}.field-row input:focus,.field-row select:focus,.select:focus,.textarea:focus{border-color:#95C4CF;box-shadow:0 0 0 4px #E8F5F6;background:#fff}.swapline{height:43px}.swapline:before{background:linear-gradient(90deg,transparent,#ECF4F5,transparent)}.swap{height:36px;width:37px;border-radius:11px;border:1px solid #DCEDEF;color:#176B8A;font-size:1.16rem;box-shadow:0 3px 12px #145D7310;transition:transform .2s,background .2s}.swap:hover{background:#E8F5F6;transform:rotate(180deg)}
.resultbox{background:#E8F5F6;border:1px solid #E8F5F6;min-height:98px;padding:15px 18px;border-radius:11px}.resultbox .sub{font-size:.72rem;color:#506B79;text-transform:uppercase;letter-spacing:.07em;font-weight:760}.resultbox .big{font-size:clamp(1.75rem,2.7vw,2.4rem);letter-spacing:-.065em;line-height:1.17;color:#145D73;font-weight:810;margin-top:10px;font-variant-numeric:tabular-nums}
.tool-card .error{margin-top:7px;margin-bottom:4px}.tool-card .hint{color:#647F8B;line-height:1.5;font-size:.75rem;margin-top:14px}.tool-card label.small{color:#506B79;font-size:.78rem;margin-top:13px!important}.tool-card label.small select{min-height:auto;font-size:.78rem}
.tool-actions{gap:9px;margin-top:17px}.btn{border:1px solid #ECF4F5;color:#152B38;border-radius:10px;font-weight:730;padding:11px 16px;line-height:1.3;box-shadow:none;font-size:.82rem;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.btn:hover{background:#F4FAFA;color:#176B8A;border-color:#DCEDEF;transform:translateY(-2px);box-shadow:0 5px 15px #173B490c}.btn.primary{background:#176B8A;color:white;border-color:#176B8A;box-shadow:0 4px 8px #44798B15}.btn.primary:hover{color:white;background:#125874;border-color:#125874;box-shadow:0 7px 18px #44798B2b}
.section{padding:76px 0 0}.section-head{margin-bottom:23px}.section-head h2{font-size:clamp(1.6rem,2.45vw,2.28rem);letter-spacing:-.056em;font-weight:790;color:#152B38}.section-head p{font-size:.93rem;color:#7b8596;margin-top:8px}.section-head>a{font-size:.85rem;text-decoration:none;color:#176B8A;border-bottom:1px solid #DCEDEF;padding-bottom:3px}.section-head>a:hover{border-color:#176B8A}
.grid{gap:15px}.tile{border:1px solid #ECF4F5;border-radius:15px;background:#fff;padding:22px;min-height:152px;position:relative;box-shadow:0 1px 1px #145D7312;transition:transform .23s cubic-bezier(.2,.8,.2,1),border-color .23s,box-shadow .23s}.tile:hover{border-color:#BAD8DE;transform:translateY(-4px);box-shadow:0 14px 32px #145D7313}.tile .tile-top{align-items:start}.tile .pict{background:#E8F5F6;color:#176B8A;border:1px solid #E8F5F6;border-radius:12px;width:45px;height:45px;font-size:1.2rem;font-weight:600}.tile .arr{font-size:1.09rem;color:#9DB5BE;transition:transform .2s,color .2s}.tile:hover .arr{color:#176B8A;transform:translate(2px,-2px)}.tile h3{font-size:1.02rem;letter-spacing:-.035em;margin:17px 0 4px;color:#173B49;font-weight:745}.tile p{font-size:.82rem;color:#7a859a;line-height:1.5}.tile .pill{font-size:.69rem;color:#506B79;background:#E8F5F6;border-radius:6px;padding:5px 8px}
.section .grid.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.category-grid .tile{padding:19px;min-height:170px}.category-grid .tile h3{font-size:.96rem;margin-top:15px}.category-grid .tile p{font-size:.78rem;line-height:1.46;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.split{gap:17px;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr)}.card{border:1px solid #ECF4F5;border-radius:17px;box-shadow:0 3px 14px #173B4907;padding:30px}.card h2{color:#152B38;font-size:1.45rem;letter-spacing:-.044em}.card p{color:#506B79}.card .eyebrow{margin-bottom:13px}.card .eyebrow:before{box-shadow:none}
.page-title{max-width:830px;margin-bottom:29px}.page-title h1{font-size:clamp(2.65rem,4.75vw,4.6rem);letter-spacing:-.068em;line-height:1.08;color:#173B49}.page-title p{font-size:1.045rem;color:#506B79;max-width:740px}.page-top{padding:14px 0 20px}.page-top .eyebrow{margin-bottom:14px}.leadresult{font-size:clamp(1.42rem,2.6vw,2.12rem);color:#176B8A;letter-spacing:-.043em;margin-top:8px;font-variant-numeric:tabular-nums}
.tool-layout{grid-template-columns:minmax(0,1fr) 314px;gap:20px}.tool-layout>.tool-card,.tool-layout>div>.tool-card{padding:33px}.tool-layout>.tool-card .resultbox .big,.tool-layout>div>.tool-card .resultbox .big{font-size:clamp(2.1rem,3.5vw,3rem)}.body-content{margin-top:20px}.body-content h2{margin-top:28px;letter-spacing:-.045em}.body-content h2:first-child{margin-top:0}.body-content .card{padding:30px 33px}.body-content p,.body-content ul{color:#506B79}.mini-card{border:1px solid #ECF4F5;background:#fff;border-radius:15px;padding:24px;box-shadow:0 2px 12px #173B4907}.mini-card h3{color:#173B49;font-size:1rem;letter-spacing:-.03em}.mini-card p{color:#7a8599}.info-row{border-color:#ECF4F5}.info-row span{color:#506B79}.info-row strong{color:#152B38;text-align:right;font-size:.87rem;overflow-wrap:anywhere}.aside-stack{gap:13px}.chiplist{gap:9px}.chip{background:#EAF5F6;border-color:#E8F5F6;color:#176B8A;border-radius:8px;font-size:.8rem}.chip:hover{background:#E8F5F6;color:#176B8A}.callout{border-color:#44798B;background:#F4FAFA;color:#176B8A;border-radius:0 10px 10px 0}.number-table th{color:#8791a3}.number-table td,.number-table th{border-color:#E8F5F6}.search{height:62px;border:1px solid #DCEDEF;background:#fff;border-radius:13px;padding:17px 21px;font-size:1.03rem;box-shadow:0 3px 15px #145D730a}.search:focus{outline:none;border-color:#95C4CF;box-shadow:0 0 0 4px #E8F5F6}.filter-status{margin:11px 0 25px}.textarea{background:#F4FAFA;min-height:220px}.batch-grid{gap:19px}.batch-grid .select{min-height:48px}.legal h1{letter-spacing:-.06em;color:#173B49}.legal p{color:#506B79}
.footer{margin-top:92px;background:#173B49;padding:56px 0 28px}.footer .brandmark{background:#44798B}.footer .brand span[style]{color:#BAD8DE!important}.footer .footnote{border-color:#152B38;color:#9DB5BE}.footer a{color:#CBDADF}.footer .brand{color:#fff}.footlinks{gap:20px}.footer .small{color:#9DB5BE!important}
.hero-utility{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:26px}.hero-utility a{color:#304E5B;border:1px solid #DCEDEF;border-radius:50px;padding:7px 12px;font-size:.76rem;font-weight:690;text-decoration:none;background:#ffffffc9;transition:background .16s,color .16s}.hero-utility a:hover{color:#176B8A;background:#E2F1F3}.hero-utility .icon-tick{color:#176B8A;font-weight:850;margin-right:6px}
.home-category-intro{display:flex;gap:15px;align-items:center;justify-content:space-between}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #DCEDEF;border-radius:15px;background:#fff;margin-top:22px;box-shadow:0 3px 15px #145D7306;overflow:hidden}.trust-strip>div{padding:19px 25px;display:flex;align-items:center;gap:14px}.trust-strip>div+div{border-left:1px solid #ECF4F5}.trust-icon{display:grid;place-items:center;background:#E8F5F6;color:#176B8A;border-radius:10px;width:37px;height:37px;font-size:1.12rem;flex:none}.trust-copy{display:block;font-size:.78rem;color:#7f8a9c}.trust-copy strong{display:block;color:#152B38;font-size:.85rem;font-weight:760;margin-bottom:2px}
.home-feature{background:#173B49;color:white;border-radius:19px;padding:37px 40px;min-height:245px;position:relative;overflow:hidden}.home-feature:after{content:'↗';position:absolute;font-size:12rem;color:#ffffff09;right:20px;top:-50px;pointer-events:none}.home-feature h2{color:white;font-size:2rem;max-width:400px;line-height:1.2}.home-feature p{color:#CBDADF;max-width:460px}.home-feature .btn{background:white;border-color:white;color:#173B49;margin-top:7px}.home-feature .btn:hover{background:#F4FAFA;color:#176B8A}.secondary-feature{background:#E8F5F6;color:#173B49;border:1px solid #E8F5F6}.secondary-feature h2{color:#173B49;font-size:1.7rem}.secondary-feature p{color:#506B79}.secondary-feature:after{content:'✓';color:#176B8A0d}.secondary-feature .btn{background:#fff;border:1px solid #DCEDEF}
@media(max-width:1050px){.hero{gap:32px;padding:46px 40px;grid-template-columns:minmax(0,.85fr) minmax(360px,1fr)}.hero h1{font-size:clamp(2.9rem,5vw,4.4rem)}.section .grid.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.hero,.hero.tool-hero{grid-template-columns:1fr;min-height:unset;padding:42px;gap:31px}.hero .demo{width:min(100%,630px);margin-inline:auto}.hero .tool-card{transform:none}.hero-stats{max-width:600px}.tool-layout{grid-template-columns:1fr}.section .grid.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-strip>div{padding:16px 17px}}
@media(max-width:650px){.wrap{width:calc(100% - 30px)}.topbar .wrap{min-height:65px}.nav{gap:14px}.nav.open{background:#fff;border-bottom:1px solid #DCEDEF;padding:20px}.nav .nav-cta{text-align:center}.menu-btn{font-size:1.15rem;color:#173B49;border-radius:10px;background:#F4FAFA}.brand{font-size:1.19rem}.brandmark{width:35px;height:35px}.crumb{margin:17px 0 14px}.hero,.hero.tool-hero{padding:31px 18px 19px;gap:25px;border-radius:18px}.hero h1{font-size:clamp(2.65rem,11vw,3.75rem);line-height:1.04}.hero p{font-size:.92rem;line-height:1.65}.eyebrow{font-size:.66rem;margin-bottom:18px}.hero-stats{gap:0;margin-top:24px;padding-top:19px;justify-content:space-between}.hero-stats span{font-size:.7rem;padding:0 8px}.hero-stats span:first-child{padding-left:0}.hero-stats span+span{padding-left:9px}.hero-stats strong{font-size:.86rem}.hero-utility{margin-top:18px;gap:7px}.hero-utility a{font-size:.7rem;padding:6px 9px}.hero .tool-card{padding:20px 17px}.tool-card{padding:23px 18px;border-radius:16px}.tool-head{gap:6px}.tool-head .small{font-size:.61rem;padding:5px 8px}.field-row{grid-template-columns:minmax(0,1fr) 100px;gap:7px}.field-row input{font-size:1.18rem}.field-row select{font-size:.78rem;padding:9px 6px}.resultbox{padding:13px 12px}.resultbox .big{font-size:clamp(1.5rem,6vw,2.1rem)}.tool-actions .btn{flex:auto}.tool-actions{display:grid;grid-template-columns:1fr 1fr}.tool-actions .btn:first-child{grid-column:span 2}.section{padding-top:53px}.section-head{margin-bottom:17px;align-items:start}.section-head h2{font-size:1.65rem}.section-head p{font-size:.85rem}.grid{grid-template-columns:1fr;gap:10px}.tile{min-height:130px;padding:18px}.tile h3{margin:12px 0 2px}.section .grid.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-grid .tile{min-height:150px;padding:14px}.category-grid .tile .pict{width:35px;height:35px}.category-grid .tile h3{font-size:.86rem;line-height:1.25}.category-grid .tile p{font-size:.73rem}.category-grid .pill{font-size:.6rem!important;padding:4px 5px!important}.trust-strip{grid-template-columns:1fr;gap:0}.trust-strip>div{padding:14px 17px}.trust-strip>div+div{border-left:0;border-top:1px solid #ECF4F5}.split,.batch-grid,.aside-stack{grid-template-columns:1fr}.home-feature{padding:27px 24px;min-height:0}.home-feature h2{font-size:1.65rem}.page-title h1{font-size:2.75rem}.page-title p{font-size:.91rem}.page-top{padding:7px 0 14px}.body-content .card{padding:22px}.tool-layout>div>.tool-card{padding:22px 17px}.footer{padding:42px 0 24px}.footer .brand{font-size:1.14rem}.section-head a{white-space:nowrap;font-size:.76rem}}
@media(prefers-reduced-motion:no-preference){.home-page .hero .demo{animation:fade-pop .52s cubic-bezier(.2,.75,.3,1) both;animation-delay:.08s}.home-page .hero-intro{animation:fade-up .46s ease both}@keyframes fade-pop{from{opacity:.94;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{from{opacity:.94;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){.hero .tool-card,.hero .tool-card:hover{transform:none!important}}

.brand-accent{color:var(--primary)}.footer .brand-accent{color:#BAD8DE}
.tool-actions [data-copy-number]{background:#EAF5F6;border-color:#DCEDEF;color:#176B8A}
.tool-actions [data-copy-number]:hover{background:#E8F5F6;border-color:#95C4CF;color:#176B8A}
.action-feedback{margin:9px 0 0;font-size:.78rem;font-weight:650;color:#176B8A;line-height:1.5}
.action-feedback:empty{display:none}
@media(prefers-reduced-motion:reduce){.tool-actions [data-copy-number]{transition:none}}


:root{--max:1220px}
body{background:var(--canvas);color:var(--ink);font-size:16px;line-height:1.55}
.wrap{width:min(var(--max),calc(100% - 64px))}
.topbar{background:#fff;border-bottom:1px solid #E8F5F6;box-shadow:0 1px 0 rgba(18,37,77,.025)}
.topbar .wrap{min-height:76px}.brand{font-size:1.36rem;font-weight:850;letter-spacing:-.065em}
.brandmark{background:#176B8A;border-radius:12px;width:40px;height:40px}
.nav a{font-size:.91rem;font-weight:680}.nav .nav-cta{background:#152B38;border-radius:10px;padding:12px 18px}
.crumb{margin:22px 0 17px}
.hero{grid-template-columns:minmax(0,1.08fr) minmax(425px,.92fr);gap:36px;padding:53px 54px;min-height:575px;background:linear-gradient(122deg,#fff 0%,#F4FAFA 54%,#F3F9FA 100%);border:1px solid #DCEDEF;box-shadow:0 18px 48px rgba(29,48,83,.06);border-radius:23px}
.hero:before{width:44%;height:100%;top:0;right:0;border:0;border-radius:0;box-shadow:none;background:linear-gradient(155deg,#E8F5F6,#E8F5F6 58%,#E8F5F6);z-index:-1}
.hero>div:first-child{align-self:center;z-index:2}
.hero h1{font-size:clamp(3.55rem,5vw,5.35rem);line-height:1.035;letter-spacing:-.075em;font-weight:810;max-width:690px;margin:0 0 20px}
.hero h1 .accent{color:#176B8A;display:inline;text-decoration:underline;text-decoration-color:#DCEDEF;text-decoration-thickness:.08em;text-underline-offset:.11em}
.hero p{font-size:1.1rem;max-width:460px;color:#304E5B;line-height:1.66}
.eyebrow{font-size:.72rem;letter-spacing:.11em;margin-bottom:20px;color:#176B8A}
.hero .demo{display:flex;justify-content:flex-end;align-items:center;z-index:2}

.hero .tool-card{width:100%;max-width:493px;transform:none;box-shadow:0 24px 56px rgba(29,45,88,.13),0 2px 8px #152B3810;border-radius:19px}
.hero .tool-card:hover,.hero .tool-card:focus-within{transform:translateY(-2px)}
.hero-search{margin-top:27px;max-width:495px}
.hero-search label{display:block;font-size:.87rem;color:#152B38;font-weight:750;margin-bottom:9px}
.hero-search-row{min-height:58px;display:flex;align-items:center;background:#fff;border:1px solid #BAD8DE;border-radius:12px;box-shadow:0 4px 15px #145D730a;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.hero-search-row:focus-within{border-color:#44798B;box-shadow:0 0 0 4px #E8F5F6}
.hero-search-icon{font-size:1.7rem;color:#647F8B;margin-left:17px;margin-right:8px;line-height:1}
.hero-search-row input{border:0;outline:0;background:transparent;font-size:.93rem;min-width:0;flex:1;align-self:stretch;color:#173B49}
.hero-search-row input::placeholder{color:#647F8B}
.hero-search-row button{align-self:stretch;margin:5px;padding:0 15px;background:#176B8A;border:0;border-radius:9px;color:white;font-size:.83rem;font-weight:780;white-space:nowrap;transition:background .18s,transform .18s}
.hero-search-row button:hover{background:#125874;transform:translateY(-1px)}
.hero-proof{margin-top:23px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#506B79;font-size:.78rem}
.hero-proof strong{color:#173B49;font-weight:800}.hero-proof .proof-dot{width:3px;height:3px;border-radius:50%;background:#CBDADF}
.hero-utility{margin-top:19px;gap:8px}.hero-utility a{border-color:#DCEDEF;background:#F4FAFA;color:#176B8A;font-size:.79rem;padding:8px 12px}
.hero-utility a:hover{border-color:#BAD8DE;background:#E8F5F6}
.tool-card{padding:28px 29px;transition:border-color .2s,box-shadow .2s}.tool-head{padding-bottom:17px;margin-bottom:20px!important}
.tool-head strong{font-size:1rem}.tool-head .small{font-size:.73rem}
.input-head{font-size:.75rem;margin-bottom:8px;color:#304E5B}
.field-row{grid-template-columns:minmax(0,1fr) 117px;gap:10px}
.field-row input,.field-row select{min-height:59px;border-color:#DCEDEF;background:#fff}
.field-row input{font-size:1.55rem;padding:11px 18px}.field-row select{font-size:.99rem;padding:10px 12px}
.swapline{height:46px}.swap{width:41px;height:38px;background:#fff;color:#176B8A}
.resultbox{min-height:108px;background:linear-gradient(125deg,#E8F5F6,#E2F1F3);border:1px solid #CDE4E8;padding:16px 17px}
.resultbox .sub{font-size:.73rem;color:#176B8A}
.resultbox .big{font-size:clamp(1.9rem,3.1vw,2.6rem);line-height:1.17;margin-top:9px;color:#145D73;overflow-wrap:anywhere}
.tool-actions{margin-top:14px;gap:8px}.tool-actions .btn{font-size:.88rem;min-height:42px}
.tool-card .hint{font-size:.77rem;color:#506B79;margin-top:13px}
.section{padding-top:80px}.section-head{margin-bottom:26px}
.section-head h2{font-size:clamp(1.85rem,2.7vw,2.55rem);letter-spacing:-.058em}
.section-head p{font-size:1rem;color:#506B79;margin-top:7px}
.grid{gap:16px}
.popular-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.popular-grid .tile{min-height:173px;padding:25px 26px;border-radius:15px}
.popular-grid .tile h3{font-size:1.13rem;font-weight:760;margin-top:21px}
.popular-grid .tile p{font-size:.91rem}
.popular-grid .tile .pict{width:42px;height:42px}
.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.category-grid .tile{min-height:160px;padding:23px 24px;border-radius:15px}
.category-grid .tile .pict{width:43px;height:43px}
.category-grid .tile h3{font-size:1.09rem;margin-top:18px}
.category-grid .tile p{font-size:.86rem;line-height:1.48;max-width:280px}
.category-more-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:39px 0 17px}
.category-more-heading h3{margin:0;color:#152B38;font-size:1.2rem;letter-spacing:-.035em}
.category-more-heading span{font-size:.87rem;color:#506B79}
.category-mini{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.category-mini .tile{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:36px auto;align-items:center;gap:7px 10px;padding:14px;min-height:97px;border-radius:12px}
.category-mini .tile .tile-top{display:contents}
.category-mini .tile .pict{grid-column:1;grid-row:1;width:34px;height:34px;border-radius:9px;font-size:1rem}
.category-mini .tile .pill{grid-column:2;grid-row:2;width:max-content;max-width:100%;font-size:.69rem;padding:3px 6px}
.category-mini .tile h3{grid-column:2;grid-row:1;font-size:.88rem;margin:0;line-height:1.2}
.category-mini .tile p{display:none}
.trust-strip{margin-top:16px;border-radius:12px;box-shadow:none}
.trust-strip>div{padding:18px 23px}.trust-copy{font-size:.8rem}.trust-copy strong{font-size:.88rem}
.home-feature{padding:36px 37px;min-height:253px}
.home-feature h2{font-size:1.85rem}.home-feature p{font-size:.94rem;line-height:1.6}
.page-title h1{font-size:clamp(2.75rem,4.4vw,4.4rem)}
.page-title p{color:#506B79;font-size:1.04rem}
.tool-layout>.tool-card .resultbox .big,.tool-layout>div>.tool-card .resultbox .big{font-size:clamp(2.25rem,3.4vw,3rem)}
@media(max-width:1130px){.hero{grid-template-columns:minmax(0,.95fr) minmax(390px,1.05fr);padding:46px 38px;gap:30px}.hero h1{font-size:clamp(3.25rem,5vw,4.4rem)}.category-mini{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.wrap{width:calc(100% - 44px)}.hero{grid-template-columns:minmax(0,1fr);padding:41px;min-height:0;gap:30px}.hero:before{width:100%;height:48%;top:auto;bottom:0}.hero h1{font-size:clamp(3.15rem,7vw,4.6rem)}.hero .demo{justify-content:center;min-width:0;width:100%}.hero .tool-card{max-width:630px;min-width:0;width:100%}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.category-mini{grid-template-columns:repeat(3,minmax(0,1fr))}.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.wrap{width:calc(100% - 30px)}.hero{padding:31px 19px 18px;border-radius:18px;gap:27px}.hero h1{font-size:clamp(2.68rem,10.8vw,3.8rem);letter-spacing:-.065em}.hero p{font-size:.99rem}.hero:before{height:52%}.hero-search{margin-top:24px}.hero-search-row{min-height:56px}.hero-search-row input{font-size:.86rem}.hero-search-row button{font-size:.75rem;padding:0 11px}.hero-search-icon{margin-left:11px;margin-right:7px}.hero-proof{gap:8px;font-size:.71rem;margin-top:17px}.hero-utility{margin-top:17px}.hero .tool-card{padding:21px 17px}.field-row{grid-template-columns:minmax(0,1fr) 98px;gap:7px}.field-row input,.field-row select{min-height:54px}.field-row input{font-size:1.27rem}.field-row select{font-size:.85rem;padding:9px 7px}.resultbox{min-height:103px;padding:13px 12px}.resultbox .big{font-size:clamp(1.69rem,6vw,2.2rem)}.section{padding-top:57px}.section-head h2{font-size:1.76rem}.section-head p{font-size:.87rem}.popular-grid{grid-template-columns:1fr;gap:10px}.popular-grid .tile{min-height:119px;padding:17px 20px;display:grid;grid-template-columns:43px minmax(0,1fr);grid-template-rows:43px auto;gap:0 13px}.popular-grid .tile .tile-top{display:contents}.popular-grid .tile .pict{grid-row:1/3;grid-column:1}.popular-grid .tile .arr{display:none}.popular-grid .tile h3{grid-row:1;grid-column:2;margin:7px 0 0;font-size:1rem}.popular-grid .tile p{grid-row:2;grid-column:2;font-size:.84rem;margin-top:-7px}.category-grid{grid-template-columns:1fr!important}.category-grid .tile{min-height:124px;padding:17px 19px;display:grid;grid-template-columns:44px 1fr;grid-template-rows:35px auto;column-gap:13px}.category-grid .tile .tile-top{display:contents}.category-grid .tile .pict{grid-column:1;grid-row:1/3}.category-grid .tile .pill{grid-column:2;grid-row:2;justify-self:end;align-self:end}.category-grid .tile h3{grid-column:2;grid-row:1;margin:0 0 4px;font-size:1.03rem}.category-grid .tile p{grid-column:2;grid-row:2;font-size:.81rem;max-width:unset}.category-more-heading{margin-top:30px}.category-more-heading h3{font-size:1.14rem}.category-more-heading span{display:none}.category-mini{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-mini .tile{min-height:90px;padding:12px;grid-template-columns:31px 1fr;gap:5px 8px}.category-mini .tile .pict{width:31px;height:31px}.category-mini .tile h3{font-size:.83rem}.trust-strip{grid-template-columns:1fr}.home-feature{padding:25px}.page-title h1{font-size:2.75rem}}
@media(prefers-reduced-motion:reduce){.hero .tool-card,.hero .tool-card:hover,.hero .tool-card:focus-within{transform:none!important}}

.hero-search{position:relative;z-index:10}
.hero-search-row{position:relative}
.suggestions{position:absolute;left:0;right:0;top:calc(100% + 9px);background:#fff;border:1px solid #DCEDEF;border-radius:15px;box-shadow:0 22px 45px rgba(28,55,100,.18);padding:9px;z-index:20}
.suggestions[hidden],.suggestion[hidden],.search-empty[hidden],.suggestions [hidden]{display:none!important}
.suggestions-heading{display:flex;justify-content:space-between;gap:10px;color:#506B79;letter-spacing:.08em;font-size:.65rem;font-weight:800;padding:9px 11px 10px}
.suggestions-heading span{letter-spacing:0;color:#647F8B;font-weight:500}
.suggestion{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 12px;border-radius:9px;text-decoration:none;color:#173B49;font-size:.92rem}
.suggestion:hover,.suggestion:focus-visible{background:#E8F5F6;outline:0;color:#176B8A}
.suggestion-name{font-weight:710}.suggestion-meta{font-size:.78rem;color:#506B79;white-space:nowrap}
.suggestions-all{display:block;padding:11px 12px;margin-top:6px;border-top:1px solid #E8F5F6;color:#176B8A;font-size:.83rem;font-weight:730}
.suggestions [data-suggest-empty]{padding:13px;color:#506B79;font-size:.85rem}
.value-presets{display:flex;align-items:center;gap:7px;margin:9px 0 0;flex-wrap:wrap}
.value-presets span{font-size:.72rem;font-weight:700;color:#506B79;margin-right:2px}
.value-presets .preset{cursor:pointer;border:1px solid #DCEDEF;background:#F4FAFA;color:#304E5B;border-radius:8px;min-height:31px;padding:4px 11px;font-size:.79rem;font-weight:660;transition:background .15s,border-color .15s,color .15s}
.value-presets .preset:hover,.value-presets .preset:focus-visible{background:#E8F5F6;border-color:#95C4CF;color:#145D73;outline:2px solid transparent}
.tool-card .swapline{height:42px}
.tool-card .tool-actions button{cursor:pointer}
.tool-card .tool-actions button:focus-visible,.hero-search button:focus-visible,.tile:focus-visible,.menu-btn:focus-visible,.nav a:focus-visible{outline:3px solid #BAD8DE;outline-offset:3px}
.search-empty{border:1px dashed #BAD8DE;padding:26px;border-radius:16px;text-align:center;margin-top:20px;background:#F4FAFA}
.search-empty strong{font-size:1.12rem;color:#173B49}.search-empty p{color:#506B79;margin:6px 0 17px}
.popular-grid .tile p,.category-grid .tile p,.tile .pill,.filter-status{color:#304E5B}
.page-top .page-title p{line-height:1.65}
@media(max-width:620px){.suggestions{top:calc(100% + 7px);padding:6px;border-radius:12px}.suggestions-heading{font-size:.59rem;padding:7px 9px}.suggestion{padding:12px 10px}.suggestion-name{font-size:.82rem}.suggestion-meta{font-size:.7rem}.value-presets{gap:5px}.value-presets .preset{padding:4px 9px;min-height:32px}.hero-search-row input{min-width:0}.hero-search-row button{min-width:93px}.search-empty{padding:19px}}
@media(prefers-reduced-motion:reduce){.value-presets .preset{transition:none}}


[hidden]:not([hidden="until-found"]){display:none!important}



.hero{
  align-items:center;
  min-height:0;
  padding:42px 46px;
  gap:36px;
  background:linear-gradient(110deg,#ffffff 0%,#ffffff 54%,#E8F5F6 54%,#E8F5F6 100%);
  box-shadow:0 10px 40px rgba(26,53,100,.055);
}
.hero:before{content:none}
.hero-copy{min-width:0;align-self:center}
.hero-intro{max-width:565px}
.hero h1{font-size:clamp(3.2rem,4.6vw,4.8rem);margin-bottom:16px}
.hero p{font-size:1rem;max-width:480px}
.hero-search{margin-top:24px}
.hero-proof{margin-top:17px}
.hero-utility{margin-top:16px}
.hero .demo{width:100%;min-width:0}
.hero .tool-card{
  box-shadow:0 18px 56px rgba(34,62,117,.12),0 2px 4px rgba(24,55,110,.035);
  border-color:#DCEDEF;
}
.tool-head{align-items:flex-start}
.tool-head strong{font-weight:790;line-height:1.35;overflow-wrap:anywhere;max-width:68%}
.tool-head .small{flex-shrink:0;white-space:nowrap}
.tool-card .tool-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.tool-actions .btn{min-width:0;min-height:45px}
.tool-more-actions{
  margin:12px 0 0;
  padding-top:10px;
  border-top:1px solid #ECF4F5;
}
.tool-more-actions summary,
.multi-unit-panel summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:42px;
  cursor:pointer;
  color:#304E5B;
  font-size:.82rem;
  font-weight:750;
  border-radius:9px;
  padding:8px 11px;
  transition:background .15s,color .15s;
}
.tool-more-actions summary::-webkit-details-marker,
.multi-unit-panel summary::-webkit-details-marker{display:none}
.tool-more-actions summary:hover,
.multi-unit-panel summary:hover{background:#F4FAFA;color:#176B8A}
.tool-more-actions summary:focus-visible,
.multi-unit-panel summary:focus-visible{outline:3px solid #BAD8DE;outline-offset:2px}
.tool-more-actions summary:before,
.multi-unit-panel summary:before{
  content:'+';display:grid;place-items:center;
  width:23px;height:23px;flex-shrink:0;
  border:1px solid #DCEDEF;background:#F4FAFA;border-radius:7px;
  color:#176B8A;font-size:1.1rem;line-height:1;
}
.tool-more-actions[open] summary:before,
.multi-unit-panel[open] summary:before{content:'−'}
.tool-more-actions summary span{margin-left:auto;color:#647F8B;letter-spacing:.12em}
.tool-secondary-actions{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;padding:10px 0 2px;
}
.tool-secondary-actions .btn{min-height:39px;padding:8px;font-size:.77rem}
.multi-unit-panel{
  margin-top:16px!important;
  border-top:1px solid #ECF4F5;
  border-bottom:1px solid #ECF4F5;
}
.multi-unit-panel summary{min-height:49px;padding-left:0;padding-right:0}
.multi-unit-panel summary span{margin-left:auto;color:#647F8B;font-weight:570;font-size:.75rem}
.multi-unit-panel .reference-scroll{padding:0 2px 12px}
.multi-unit-panel .number-table{font-size:.84rem}
@media(max-width:900px){
  .hero{padding:34px;gap:23px;background:linear-gradient(180deg,#fff 0%,#fff 38%,#E8F5F6 100%)}
  .hero-copy{display:contents}
  .hero-intro{order:1;max-width:none}
  .hero .demo{order:2}
  .hero-discovery{order:3;width:100%}
  .hero{display:flex;flex-direction:column;align-items:stretch}
  .hero .tool-card{max-width:630px;margin-inline:auto}
  .hero h1{font-size:clamp(3rem,7vw,4.4rem)}
  .hero .hero-search{margin-top:3px;max-width:none}
  .hero-utility{margin-top:12px}
}
@media(max-width:620px){
  .hero{padding:25px 15px 19px;gap:17px}
  .hero h1{font-size:clamp(2.55rem,10.5vw,3.55rem);margin-bottom:12px}
  .hero-intro .eyebrow{margin-bottom:12px}
  .hero-intro p{font-size:.9rem;line-height:1.52}
  .hero .tool-card{padding:20px 16px}
  .tool-head{gap:8px}
  .tool-head strong{font-size:.92rem;max-width:66%}
  .tool-head .small{font-size:.61rem}
  .tool-card .tool-actions{gap:7px}
  .tool-card .tool-actions .btn{grid-column:auto;font-size:.8rem}
  .tool-secondary-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .tool-secondary-actions .btn{padding:7px 4px;font-size:.7rem}
  .hero-discovery{padding:16px 3px 0;border-top:1px solid #DCEDEF}
  .hero-discovery .hero-proof{margin-top:14px}
  .hero-discovery .hero-utility a{font-size:.7rem;padding:6px 9px}
}
@media(max-width:360px){
  .tool-head .small{white-space:normal;text-align:right;max-width:40%}
  .tool-secondary-actions{grid-template-columns:1fr 1fr}
  .tool-secondary-actions .btn:last-child{grid-column:span 2}
}
@media(prefers-reduced-motion:reduce){
  .tool-more-actions summary,.multi-unit-panel summary{transition:none}
}

@media print{
  .tool-more-actions{display:none!important}
  .multi-unit-panel summary span{display:none}
  .multi-unit-panel .reference-scroll{display:block!important;overflow:visible!important}
}


.value-presets .preset[aria-pressed="true"]{background:#E8F5F6;border-color:#95C4CF;color:#145D73;box-shadow:inset 0 0 0 1px #DCEDEF}
.field-row input[aria-invalid="true"]{border-color:#cc4b64;background:#fff8f9}
.field-row input[aria-invalid="true"]:focus{box-shadow:0 0 0 3px #ffe5e9}


.swap:hover{transform:none}
.tool-actions [data-copied="true"],.tool-actions .btn.primary[data-copied="true"]{background:#e8f7ef;color:#156044;border-color:#9bd5b8}
.tool-actions [data-copied="true"]:focus-visible{outline-color:#176e50}
@media(hover:hover) and (pointer:fine){.swap:hover{background:#E2F1F3}}



.inner-page .crumb{margin-top:20px;margin-bottom:13px;font-size:.77rem}
.inner-page .page-top{padding:8px 0 14px}
.inner-page .page-title{max-width:900px;margin-bottom:15px}
.inner-page .page-title h1{font-size:clamp(2.15rem,4vw,3.75rem);line-height:1.08;letter-spacing:-.055em;margin:0 0 11px}
.inner-page .page-title p{max-width:770px;font-size:1rem;color:#304E5B;line-height:1.65}
.inner-page .tool-layout{grid-template-columns:minmax(0,1fr) 300px;gap:19px}
.inner-page .tool-card{border:1px solid #DCEDEF;box-shadow:0 16px 40px rgba(35,60,100,.085)}
.inner-page .tool-card .resultbox{background:#E8F5F6;border-color:#DCEDEF}
.inner-page .tool-card .resultbox .big{font-size:clamp(2.1rem,3vw,3rem);letter-spacing:-.06em}
.inner-page .body-content{margin:22px 0 0}
.inner-page .body-content .card{padding:29px}
.inner-page .body-content .card h2{font-size:1.35rem;margin:25px 0 10px}
.inner-page .body-content .card h2:first-child{margin-top:0}
.inner-page .body-content .card>p{line-height:1.7;font-size:.92rem}
.inner-page .aside-stack .mini-card{padding:19px}
.inner-page .chip{background:#F3F9FA;border:1px solid #DCEDEF;color:#145D73;padding:8px 10px}
.inner-page .chip:hover{background:#E8F5F6;border-color:#BAD8DE}
.direct-answer{margin:4px 0 22px;background:linear-gradient(115deg,#173B49,#176B8A);border-radius:18px;padding:23px 27px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:22px;box-shadow:0 15px 36px rgba(18,66,154,.12)}
.direct-answer>div:first-child{min-width:0}
.answer-eyebrow{color:#DCEDEF;font-weight:800;font-size:.67rem;letter-spacing:.13em}
.direct-answer p{margin:11px 0 5px;color:#E8F5F6;font-size:.95rem}
.direct-answer strong{display:block;line-height:1.12;font-weight:850;font-size:clamp(2.1rem,4vw,3.25rem);letter-spacing:-.055em;overflow-wrap:anywhere}
.direct-answer strong small{font-size:.52em;letter-spacing:-.025em;color:#DCEDEF;font-weight:750}
.answer-equation{display:block;font-size:.8rem;margin-top:12px;color:#DCEDEF}
.answer-actions{display:flex;flex-direction:column;gap:9px;flex-shrink:0;min-width:142px}
.answer-actions button,.answer-actions a{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:10px;padding:10px 12px;font-size:.83rem;font-weight:760;text-decoration:none;cursor:pointer;white-space:nowrap}
.answer-actions button{background:#fff;color:#176B8A;border:1px solid #fff}
.answer-actions button:hover{background:#E8F5F6}
.answer-actions a{background:transparent;border:1px solid #44798B;color:#fff}
.answer-actions a:hover{background:#ffffff12;color:#fff}
.measurement-note{border:1px solid #DCEDEF;background:#F4FAFA;padding:20px;border-radius:15px}
.measurement-note>span{font-size:.64rem;font-weight:850;letter-spacing:.09em;color:#176B8A}
.measurement-note h3{font-size:1.08rem;margin:10px 0 7px;letter-spacing:-.022em}
.measurement-note p{font-size:.87rem;line-height:1.65;color:#304E5B;margin:0 0 12px}
.measurement-note a{color:#176B8A;font-size:.82rem;font-weight:750;text-decoration:none}
.reference-caption{font-size:.85rem!important;margin:0 0 10px!important;color:#506B79}
.reference-table{width:100%;table-layout:fixed}
.reference-table th{font-size:.74rem;text-transform:none;letter-spacing:0}
.reference-table td{font-size:.89rem;color:#173B49;font-weight:670}
.table-load{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;padding:8px 0;color:#176B8A;font:inherit;font-weight:750;cursor:pointer;text-align:left}
.table-load:hover{text-decoration:underline;text-underline-offset:3px}
.table-load:focus-visible,.answer-actions button:focus-visible,.answer-actions a:focus-visible{outline:3px solid #95C4CF;outline-offset:3px}
.calc-steps{margin:20px 0;padding:0;list-style:none;counter-reset:calc;display:grid;gap:12px}
.calc-steps li{counter-increment:calc;display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start;color:#304E5B;line-height:1.55;font-size:.9rem;overflow-wrap:anywhere}
.calc-steps li:before{content:counter(calc,decimal-leading-zero);background:#E8F5F6;color:#176B8A;border-radius:9px;font-size:.7rem;font-weight:850;padding:7px;text-align:center}
.inner-related{margin-top:28px;border-top:1px solid #DCEDEF;padding-top:22px}
.inner-related h2{margin-top:0!important}
.inner-related .chiplist{margin-top:12px}
@media(max-width:1000px){.inner-page .tool-layout{grid-template-columns:minmax(0,1fr) 265px}}
@media(max-width:820px){.inner-page .tool-layout{grid-template-columns:minmax(0,1fr)}.inner-page .aside-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}}
@media(max-width:620px){.inner-page .page-title h1{font-size:clamp(2rem,9vw,2.8rem)}.inner-page .page-title p{font-size:.92rem}.inner-page .body-content .card{padding:20px}.inner-page .aside-stack{grid-template-columns:1fr}.direct-answer{display:block;padding:18px;border-radius:15px;margin:0 0 17px}.direct-answer strong{font-size:clamp(1.95rem,10vw,2.8rem)}.answer-actions{flex-direction:row;margin-top:18px;min-width:0}.answer-actions button,.answer-actions a{flex:1;min-width:0;font-size:.76rem;padding:10px 9px}.reference-scroll{overflow-x:auto}.reference-table{min-width:305px}.inner-page .tool-card .resultbox .big{font-size:clamp(1.48rem,5.2vw,1.9rem)}}
@media(prefers-reduced-motion:reduce){.table-load,.answer-actions button,.answer-actions a{transition:none!important}}


.multi-unit-panel{border-top:1px solid #DCEDEF;margin-top:20px;padding-top:16px}
.multi-unit-panel h3{font-size:.94rem;letter-spacing:-.02em;margin:0 0 10px;color:#145D73}
.multi-unit-panel .reference-scroll{max-width:100%;overflow-x:auto}
.multi-unit-panel .number-table{width:100%;font-size:.83rem}
.multi-unit-panel .number-table th,.multi-unit-panel .number-table td{padding:9px 10px;text-align:left;overflow-wrap:anywhere}
.multi-unit-panel .number-table tbody th{font-weight:650;color:#304E5B}


@media print{
  .topbar,.footer,.tool-actions,.menu-btn,.hero-search,.value-presets,.swapline,.nav,.aside-stack{display:none!important}
  html,body,main,.wrap,.tool-card,.card{background:#fff!important;color:#111!important;box-shadow:none!important;max-width:none!important}
  .tool-card,.direct-answer,.card{border:1px solid #bbb!important;box-shadow:none!important}
  .direct-answer{color:#111!important;background:#fff!important}
  .direct-answer strong,.direct-answer small,.direct-answer p{color:#111!important}
  .tool-layout,.hero,.batch-grid{display:block!important}
  .tool-card,.multi-unit-panel,.number-table,.direct-answer,.card{break-inside:avoid;page-break-inside:avoid}
  .reference-scroll{overflow:visible!important}
  .number-table{width:100%!important}
  a{color:#111!important}
}


.unit-find{width:100%;margin:5px 0 5px!important;font-size:.91rem}
.unit-suggestions{border:1px solid #DCEDEF;border-radius:12px;overflow:hidden;margin:8px 0 16px;background:#fff}
.unit-suggestion{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 11px;border-top:1px solid #E8F5F6}
.unit-suggestion:first-child{border-top:0}
.unit-suggestion span{font-weight:650;color:#152B38;flex:1;min-width:115px;font-size:.84rem}
.unit-suggestion button{padding:7px 9px;border:1px solid #BAD8DE;background:#F4FAFA;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;color:#145D73}
.unit-suggestion button:hover{background:#E8F5F6}
.unit-suggestion button:focus-visible{outline:3px solid #95C4CF;outline-offset:2px}
@media(max-width:620px){.unit-suggestion span{flex-basis:100%}.unit-suggestion button{flex:1}}
@media print{.unit-find,.unit-suggestions,[data-unit-status]{display:none!important}}


.inner-page .tool-layout > div,.inner-page .aside-stack,.inner-page .tool-card,.inner-page .body-content{min-width:0;max-width:100%}
.inner-page .reference-scroll{max-width:100%;overflow-x:auto}


.measurement-guide{margin:24px 0 0;max-width:960px}
.conversion-guide{margin-top:16px}
.measurement-guide h2,.conversion-guide h2{font-size:clamp(1.16rem,2.5vw,1.5rem);line-height:1.25}
.measurement-guide h3,.conversion-guide h3{font-size:1.02rem;line-height:1.3;margin:18px 0 9px}
.measurement-guide p,.conversion-guide p{line-height:1.75;overflow-wrap:anywhere}
.measurement-guide p:last-child,.conversion-guide p:last-child{margin-bottom:0}



.resultbox .big [data-output-number]{white-space:nowrap;overflow-wrap:normal;word-break:normal}
.resultbox .big [data-output-unit]{font-size:.75em;white-space:nowrap}
@media(max-width:360px){
  .tool-card .field-row:has(.resultbox){
    display:flex;flex-direction:column-reverse;align-items:stretch;gap:8px;
  }
  .tool-card .field-row:has(.resultbox)>select{width:100%;min-height:43px}
  .tool-card .field-row:has(.resultbox) .resultbox{width:100%;min-height:88px}
  .tool-card .field-row:has(.resultbox) .resultbox .big,
  .inner-page .tool-card .field-row:has(.resultbox) .resultbox .big{
    font-size:clamp(1.55rem,7.9vw,1.85rem);letter-spacing:-.05em;line-height:1.22;
  }
  .value-presets{flex-wrap:nowrap;gap:4px}
  .value-presets span{font-size:.64rem;margin-right:0;white-space:nowrap;flex:none}
  .value-presets .preset{font-size:.71rem;padding:4px 7px;min-width:0;min-height:31px;flex:none}
}
.batch-page .page-title h1{max-width:900px;font-size:clamp(2.2rem,3.75vw,3.7rem)}
.batch-page .page-title p{max-width:820px}
.batch-page .page-top{padding-bottom:8px}
.batch-page [data-batch]{margin-top:20px;padding:27px}
.batch-advanced{border:1px solid #DCEDEF;border-radius:11px;background:#F4FAFA;margin:14px 0 18px;overflow:hidden}
.batch-advanced summary{cursor:pointer;padding:12px 14px;color:#145D73;font-size:.85rem;font-weight:760;min-height:45px}
.batch-advanced summary:hover{background:#E8F5F6}
.batch-advanced summary:focus-visible{outline:3px solid #BAD8DE;outline-offset:-3px}
.batch-advanced summary span{font-weight:550;font-size:.76rem;color:#506B79;margin-left:9px}
.batch-advanced[open] summary{border-bottom:1px solid #DCEDEF;background:#F4FAFA}
.batch-advanced-body{padding:16px}
.batch-advanced-body .hint{line-height:1.65}
.batch-submit{margin-top:18px;display:flex;justify-content:flex-start}
.batch-submit .btn{min-height:46px;min-width:172px;font-size:.9rem}
.batch-page [data-batch-input]{min-height:155px;height:165px}
@media(max-width:650px){
 .batch-page [data-batch]{padding:19px 16px}
 .batch-page .page-title h1{font-size:clamp(2rem,8.2vw,2.65rem)}
 .batch-advanced summary span{display:block;margin:2px 0 0;font-size:.69rem}
 .batch-advanced-body{padding:13px}
 .batch-submit .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.batch-advanced summary{scroll-behavior:auto}}



.batch-page .page-title h1{font-size:clamp(2.15rem,3.3vw,3.3rem);line-height:1.055}
.batch-page .page-title{margin-bottom:8px}
.batch-page [data-batch]{margin-top:9px}
@media(max-width:650px){
  .batch-page .page-title h1{font-size:clamp(1.95rem,8vw,2.5rem)}
  .batch-page .page-title p{font-size:.89rem;line-height:1.5}
  .batch-page [data-batch]>.batch-grid>div:first-child>.batch-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
    margin:12px 0!important;
  }
  .batch-page [data-batch]>.batch-grid>div:first-child>.batch-grid .select{
    width:100%;min-width:0;padding:12px 8px;
  }
  .batch-page .batch-advanced{margin:11px 0 14px}
}



.home-page .hero{margin-top:24px}
@media(max-width:650px){
  .home-page .hero{margin-top:12px;gap:13px;padding:20px 13px 15px}
  .home-page .hero-intro .eyebrow{margin-bottom:10px}
  .home-page .hero h1{font-size:clamp(2.45rem,10vw,3.25rem);margin-bottom:9px}
  .home-page .hero-intro p{font-size:.86rem;line-height:1.45}
  .home-page .hero .tool-card{padding:17px 14px}
  .home-page .tool-head{margin-bottom:15px!important;padding-bottom:12px}
  .home-page .tool-card .swapline{height:35px}
  .home-page .resultbox{min-height:90px}
  .home-page .tool-card label.small{margin-top:8px!important}
  .home-page .tool-actions{margin-top:10px}
}


.inner-page .pair-key-fact{
 display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;
 margin:16px 0 4px;padding:12px 17px;
 background:#F4FAFA;border:1px solid #DCEDEF;
 border-radius:13px;color:#145D73;
}
.pair-key-fact .pair-key-kicker{font-size:.68rem;font-weight:800;letter-spacing:.09em;color:#506B79}
.pair-key-fact strong{font-size:clamp(1rem,2.1vw,1.22rem);font-weight:800;letter-spacing:-.02em;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.pair-key-fact a{margin-left:auto;font-size:.78rem;font-weight:700;color:#176B8A;white-space:nowrap}
.pair-key-fact a:focus-visible{outline:2px solid #176B8A;outline-offset:4px;border-radius:3px}
@media(max-width:520px){
 .inner-page .pair-key-fact{padding:11px 12px;margin-top:12px;gap:5px 9px}
 .pair-key-fact .pair-key-kicker{width:100%}
 .pair-key-fact a{margin-left:0}
}


.inner-page .roundtrip-panel{
 margin-top:22px;padding:19px 20px;
 border-radius:14px;background:#F4FAFA;
 border:1px solid #DCEDEF;
}
.inner-page .roundtrip-panel h2{font-size:clamp(1.05rem,2.3vw,1.3rem);margin:0 0 9px}
.inner-page .roundtrip-panel p{font-size:.88rem;line-height:1.68;margin:0;overflow-wrap:anywhere}
.inner-page .roundtrip-panel strong{font-variant-numeric:tabular-nums;white-space:normal}
.inner-page .roundtrip-panel p.hint{font-size:.78rem;color:#506B79;margin-top:10px}
@media(max-width:620px){.inner-page .roundtrip-panel{padding:15px 13px}}


.category-conversion-examples{margin:25px 0 0;padding:25px 28px;max-width:1000px}
.category-conversion-examples h2{font-size:clamp(1.13rem,2.4vw,1.45rem);margin:0 0 8px;line-height:1.25}
.category-conversion-examples>p{font-size:.87rem;line-height:1.6;color:#506B79;max-width:740px;margin:0 0 15px}
.category-conversion-examples ul{padding:0;margin:0;list-style:none;display:grid;gap:0}
.category-conversion-examples li{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
 gap:7px 17px;padding:12px 0;border-top:1px solid #ECF4F5;
}
.category-conversion-examples li a{font-size:.9rem;font-weight:720;color:#176B8A}
.category-conversion-examples li a:hover{text-decoration:underline}
.category-conversion-examples li a:focus-visible{outline:2px solid #176B8A;outline-offset:4px}
.category-conversion-examples li strong{
 font-size:.88rem;font-variant-numeric:tabular-nums;font-weight:760;
 color:#145D73;overflow-wrap:anywhere;text-align:right;
}
@media(max-width:620px){
 .category-conversion-examples{margin-top:18px;padding:19px 15px}
 .category-conversion-examples li{align-items:flex-start;flex-direction:column;gap:4px}
 .category-conversion-examples li strong{text-align:left}
}


.inner-page .mass-mixed,.home-page .mass-mixed{
 display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 11px;
 margin:9px 0 13px;padding:11px 13px;
 border:1px solid #DCEDEF;background:#F4FAFA;border-radius:10px;
}
.mass-mixed[hidden]{display:none!important}
.mass-mixed>span{color:#304E5B;font-size:.81rem;font-weight:600}
.mass-mixed>strong{font-size:.98rem;color:#145D73;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.mass-mixed>small{font-size:.74rem;color:#506B79}
@media(max-width:400px){.mass-mixed>span,.mass-mixed>strong{width:100%}}


.elapsed-readout{
 margin:10px 0 14px;padding:13px 15px;border:1px solid #DCEDEF;
 background:#F4FAFA;border-radius:12px;
}
.elapsed-readout[hidden]{display:none!important}
.elapsed-kicker{color:#506B79;font-size:.69rem;font-weight:800;letter-spacing:.07em}
.elapsed-body{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:7px 0 3px}
.elapsed-body strong{font-size:clamp(1.07rem,2.5vw,1.4rem);font-variant-numeric:tabular-nums;letter-spacing:-.02em;overflow-wrap:anywhere;color:#145D73}
.elapsed-copy{border:1px solid #DCEDEF;border-radius:8px;padding:7px 10px;background:#fff;color:#176B8A;font-size:.8rem;font-weight:700;cursor:pointer}
.elapsed-copy:focus-visible{outline:2px solid #176B8A;outline-offset:3px}
.elapsed-readout p{margin:2px 0 6px;font-size:.86rem;font-weight:600}
.elapsed-readout small{font-size:.73rem;line-height:1.5;color:#506B79}
@media(max-width:400px){
 .elapsed-readout{padding:10px 12px}
 .elapsed-body{align-items:flex-start;flex-direction:column}
}


.fluid-oz-readout{
 margin:10px 0 14px;padding:14px 15px;
 border:1px solid #DCEDEF;border-radius:12px;background:#F4FAFA;
}
.fluid-oz-readout[hidden]{display:none!important}
.fluid-oz-readout h3{margin:0 0 10px;font-size:.97rem;line-height:1.4;color:#145D73}
.fluid-oz-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.fluid-oz-values p{display:flex;flex-direction:column;gap:4px;margin:0;padding:9px 11px;background:#fff;border:1px solid #DCEDEF;border-radius:9px;min-width:0}
.fluid-oz-values span{font-size:.76rem;color:#506B79;font-weight:600}
.fluid-oz-values strong{font-size:.98rem;font-variant-numeric:tabular-nums;color:#145D73;overflow-wrap:anywhere}
.fluid-oz-readout small{display:block;margin-top:9px;line-height:1.55;font-size:.72rem;color:#506B79}
.fluid-oz-readout a{color:#176B8A;text-decoration:underline;text-underline-offset:2px}
@media(max-width:520px){.fluid-oz-values{grid-template-columns:1fr}.fluid-oz-readout{padding:11px 12px}}


.pressure-multi{margin:10px 0 14px;padding:14px 15px;border:1px solid #DCEDEF;background:#F4FAFA;border-radius:12px}
.pressure-multi[hidden]{display:none!important}
.pressure-multi h3{margin:0 0 11px;font-size:.98rem;color:#145D73}
.pressure-units{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pressure-units p{margin:0;padding:9px 11px;border:1px solid #DCEDEF;border-radius:9px;background:#fff;min-width:0;display:flex;flex-direction:column;gap:4px}
.pressure-units span{font-size:.75rem;font-weight:700;color:#506B79}
.pressure-units strong{font-size:.92rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#145D73}
.pressure-copy{display:inline-flex;margin:10px 0 6px;padding:8px 11px;border:1px solid #BAD8DE;background:#fff;border-radius:8px;color:#176B8A;font-size:.79rem;font-weight:740;cursor:pointer}
.pressure-copy:focus-visible{outline:2px solid #176B8A;outline-offset:3px}
.pressure-multi .pressure-context{margin:4px 0 8px;font-size:.77rem;line-height:1.6;color:#304E5B}
.pressure-multi small{font-size:.72rem;line-height:1.55;color:#506B79}
.pressure-multi a{color:#176B8A;text-decoration:underline;text-underline-offset:2px}
@media(max-width:380px){.pressure-multi{padding:11px 12px}.pressure-units{grid-template-columns:1fr}}


.mass-imperial{margin:10px 0 13px;padding:12px 14px;background:#F4FAFA;border:1px solid #DCEDEF;border-radius:11px;display:flex;gap:5px 11px;align-items:baseline;flex-wrap:wrap}
.mass-imperial[hidden]{display:none!important}
.mass-imperial span{font-size:.82rem;color:#304E5B;font-weight:650}
.mass-imperial strong{font-variant-numeric:tabular-nums;font-size:1.02rem;color:#145D73;overflow-wrap:anywhere}
.mass-imperial small{font-size:.72rem;line-height:1.5;color:#506B79}
@media(max-width:400px){.mass-imperial{padding:11px 12px}.mass-imperial span,.mass-imperial strong{width:100%}}


.temperature-triple{margin:10px 0 14px;padding:12px;background:#F4FAFA;border:1px solid #DCEDEF;border-radius:11px}
.temperature-triple[hidden]{display:none!important}
.temperature-triple h3{margin:0 0 10px;font-size:1rem;color:#145D73}
.temperature-scale-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.temperature-scale-values p{margin:0;padding:10px;background:#fff;border:1px solid #DCEDEF;border-radius:9px;min-width:0}
.temperature-scale-values span{display:block;font-size:.78rem;color:#506B79}
.temperature-scale-values strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#145D73}
.temperature-copy{margin:10px 0 4px;padding:8px 11px;border:1px solid #BAD8DE;border-radius:8px;background:#fff;color:#176B8A;cursor:pointer}
.temperature-copy:focus-visible{outline:2px solid #176B8A;outline-offset:3px}
.temperature-triple .temperature-interval-note{margin:5px 0 7px;color:#304E5B;font-size:.79rem;line-height:1.6}
.temperature-triple small{display:block;color:#506B79;font-size:.73rem;line-height:1.55}
.temperature-triple small a{text-decoration:underline;color:#176B8A}
@media(max-width:520px){.temperature-scale-values{grid-template-columns:1fr}}



.numeric-intent-check{margin:22px 0;padding:19px;border:1px solid #DCEDEF;border-radius:14px;background:#F4FAFA;min-width:0}
.numeric-insight-head>span{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:#176B8A}
.inner-page .body-content .card .numeric-intent-check h2{margin:5px 0 8px;font-size:clamp(1.1rem,2vw,1.32rem);color:#173B49}
.numeric-insight-head p{margin:0 0 14px;font-size:.83rem;line-height:1.55}
.numeric-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 12px}
.numeric-insight-value{min-width:0;padding:11px;background:#fff;border:1px solid #DCEDEF;border-radius:10px}
.numeric-insight-value dt{font-size:.72rem;line-height:1.4;color:#506B79}
.numeric-insight-value dd{margin:7px 0 0;color:#145D73;font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.numeric-insight-value dd small{font-size:.78em;color:#176B8A}
.inner-page .numeric-intent-check p{font-size:.81rem;line-height:1.6}
.numeric-insight-extra{padding:10px 12px;border-radius:9px;background:#E8F5F6}
.numeric-insight-parent a{font-weight:760;text-decoration:underline}
@media(max-width:850px){.numeric-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.numeric-intent-check{padding:15px 12px}.numeric-insight-grid{grid-template-columns:1fr;gap:7px}.numeric-insight-value{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.numeric-insight-value dd{margin:0;text-align:right}}


.tool-card:focus-within{border-color:#BAD8DE;box-shadow:0 14px 36px #176B8A18}
.tool-card:focus-within .resultbox{border-color:#BAD8DE}
.resultbox{position:relative}
.resultbox:before{content:"";position:absolute;inset:12px auto 12px 0;width:3px;background:#44798B;border-radius:0 4px 4px 0}
.field-row input:hover,.field-row select:hover{border-color:#95C4CF}
.tile .pict,.hero-utility a{transition:transform .22s ease}
@media(hover:hover) and (pointer:fine){.tile:hover .pict{transform:translateY(-2px) rotate(-4deg)}.hero-utility a:hover{transform:translateY(-2px)}}
.btn:active,.hero-search-row button:active{transform:scale(.985)}
@media(prefers-reduced-motion:reduce){.hero .demo,.hero .hero-intro{animation:none!important}.tile:hover .pict,.hero-utility a:hover,.btn:active{transform:none!important}}


@media(min-width:901px){.home-page .hero>.hero-copy{align-self:start;margin-top:68px}}


@media(max-width:620px){
 .inner-page .crumb{margin:10px 0 6px;line-height:1.35;font-size:.74rem}
 .inner-page .page-top{padding:0 0 4px}
 .inner-page .page-title{margin:0 0 5px}
 .inner-page .page-top .eyebrow{margin-bottom:4px;font-size:.69rem}
 .inner-page .page-title h1{font-size:clamp(1.88rem,8.2vw,2.3rem);line-height:1.08;margin:0 0 5px}
 .inner-page .page-title p{font-size:.86rem;line-height:1.43;margin:0 0 7px}
 .inner-page .pair-key-fact{margin:6px 0 8px;padding:8px 11px;gap:3px 9px}
 .inner-page .pair-key-fact .pair-key-kicker{font-size:.7rem}
 .inner-page .pair-key-fact strong{font-size:1.01rem}
 .inner-page .tool-layout{gap:10px}
 .inner-page .tool-layout>div>.tool-card{padding:15px 14px}
 .inner-page .tool-head{padding-bottom:10px;margin-bottom:10px!important}
 .inner-page .tool-head strong{font-size:.94rem;max-width:67%}
 .inner-page .tool-head .small{font-size:.73rem;line-height:1.3;padding:4px 6px}
 .inner-page .tool-card .input-head{font-size:.74rem;margin-bottom:5px}
 .inner-page .field-row input,.inner-page .field-row select{min-height:49px}
 .inner-page .field-row input{font-size:1.28rem}
 .inner-page .value-presets{margin-top:5px}
 .inner-page .swapline{height:37px}
 .inner-page .swap{height:40px;min-width:44px}
 .inner-page .resultbox{min-height:84px;padding:11px 12px}
 .inner-page .resultbox .sub{font-size:.75rem}
 .inner-page .resultbox .big{margin-top:6px;line-height:1.15}
 .inner-page .tool-card .error:empty{display:none}
 .inner-page .tool-card .error:not(:empty){min-height:0;margin:7px 0}
 .inner-page .tool-actions{margin-top:8px}
 .inner-page .tool-actions .btn{min-height:44px}
 .inner-page .tool-card label.small[for="precision"]{font-size:.81rem;margin:8px 0 4px!important}
 .inner-page .tool-card .hint{font-size:.8rem}
}
@media(max-width:360px){.inner-page .tool-head .small{font-size:.72rem}}
@media(hover:none){.swap:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.swap:active{transform:none!important}}


@media(max-width:620px){.home-page .tool-head .small{font-size:.73rem;line-height:1.25;padding:4px 6px}}


@media(max-width:620px){
 .batch-page .crumb{margin:10px 0 8px;line-height:1.35}
 .batch-page .page-top{padding:0 0 5px;margin-bottom:12px}
 .batch-page .page-top .eyebrow{margin-bottom:5px}
 .batch-page .page-title h1{font-size:clamp(1.88rem,8.3vw,2.32rem);line-height:1.07;margin:0 0 6px}
 .batch-page .page-title p{font-size:.87rem;line-height:1.46;margin:0}
 .batch-page [data-batch]{padding:16px}
 .batch-page .batch-grid[style*="margin:17px"]{margin:11px 0!important}
 .batch-page [data-batch-input]{min-height:165px}
 .batch-page [data-process]{min-height:46px}
}


.resultbox,.inner-page .tool-card .resultbox{background:var(--result-bg);border-color:#D0E5E8}
.resultbox .big,.inner-page .tool-card .resultbox .big{color:var(--result-ink)}
.resultbox .sub{color:#356878}
.resultbox:before{background:var(--primary)}
.inner-page .pair-key-fact{background:#ECF6F7;border-color:#CFE2E6}
.value-presets .preset[aria-pressed="true"]{background:#E3F1F3;border-color:#86B4C1;color:var(--result-ink)}
.tool-card:focus-within{border-color:#88AFBB}