:root{--ink:#102b45;--navy:#0b2745;--blue:#176ea8;--cyan:#63d2dc;--lime:#c8f080;--muted:#6f8499;--line:#dbe5eb;--paper:#fff;--wash:#f3f7f6;color:var(--ink);background:var(--wash);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 8%, #e1f5f1 0, transparent 28%), var(--wash);min-width:320px;margin:0;overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}.site{min-height:100vh;color:var(--ink)}.site-header{z-index:10;align-items:center;gap:32px;width:min(1240px,100% - 48px);margin:0 auto;padding:22px 0;display:flex;position:relative}.brand{color:var(--navy);letter-spacing:.12em;white-space:nowrap;align-items:center;gap:11px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{width:38px;height:38px;color:var(--navy);background:linear-gradient(135deg, var(--lime), var(--cyan));border-radius:13px;place-items:center;font-size:17px;font-weight:950;display:grid;box-shadow:0 8px 20px #1e859d2e}.main-nav{color:#5c7388;flex:1;justify-content:center;gap:25px;font-size:12px;font-weight:800;display:flex}.main-nav a{text-decoration:none;transition:color .2s}.main-nav a:hover,.site-footer a:hover,.directory-link:hover{color:var(--blue)}.header-cta{color:#fff;background:var(--navy);white-space:nowrap;border-radius:999px;padding:11px 16px;font-size:11px;font-weight:850;text-decoration:none;box-shadow:0 10px 20px #0b274526}.header-cta span{color:var(--lime);margin-left:6px}.mobile-nav-toggle{border:1px solid var(--line);background:var(--paper);border-radius:12px;width:40px;height:40px;margin-left:auto;display:none}.mobile-nav-toggle span{background:var(--navy);border-radius:2px;width:17px;height:2px;margin:4px auto;display:block}.page{width:min(1240px,100% - 48px);margin:0 auto;padding:36px 0 100px}.hero{color:#fff;background:radial-gradient(circle at 78% 8%,#63d2dc61,#0000 28%),radial-gradient(circle at 18% 92%,#c8f08029,#0000 26%),linear-gradient(130deg,#092847 0%,#0d4169 55%,#155f78 100%);border:1px solid #ffffff2e;border-radius:34px;padding:68px clamp(24px,5vw,72px);position:relative;overflow:hidden;box-shadow:0 28px 70px #13465d38}.hero:after{content:"";pointer-events:none;border:1px solid #c5f36e29;border-radius:50%;width:65%;height:110%;position:absolute;bottom:-45%;right:-12%;transform:rotate(-18deg)}.hero-grid{z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:center;gap:54px;display:grid;position:relative}.hero-copy{max-width:640px}.eyebrow{color:#5d8ba3;letter-spacing:.19em;text-transform:uppercase;font-size:10px;font-weight:900}.hero .eyebrow{color:var(--lime)}h1,h2{letter-spacing:-.055em;margin:0}.hero h1{color:#fff;margin:17px 0;font-size:clamp(46px,6vw,82px);line-height:.94}.hero h1 span{color:var(--cyan)}.hero p{color:#d8edf3;max-width:545px;margin:0 0 30px;font-size:16px;line-height:1.7}.search-form{background:#fffffff7;border:1px solid #ffffff59;border-radius:18px;width:min(620px,100%);margin:0;padding:6px;display:flex;box-shadow:0 16px 30px #011a2f2e}.search-form input{color:#163a5c;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:14px 16px;font-size:13px}.search-form input::placeholder{color:#93a5b3}.search-form button{width:48px;color:var(--navy);background:var(--lime);border:0;border-radius:13px;font-size:21px;font-weight:850}.trust-row{color:#c7e3e9;flex-wrap:wrap;gap:16px;margin-top:22px;font-size:11px;font-weight:750;display:flex}.trust-row span{align-items:center;gap:7px;display:inline-flex}.trust-row i{width:18px;height:18px;color:var(--navy);background:var(--lime);border-radius:50%;place-items:center;font-size:11px;font-style:normal;font-weight:900;display:grid}.hero-visual{min-height:340px;position:relative}.hero-orbit{border:1px solid #adebe352;border-radius:50%;position:absolute;transform:rotate(-25deg)}.hero-orbit--one{inset:12% 5%;transform:rotate(-25deg)}.hero-orbit--two{border-color:#c8f08052;inset:22% -3%;transform:rotate(32deg)}.hero-core{width:142px;height:142px;color:var(--navy);background:linear-gradient(145deg, var(--lime), var(--cyan));border:1px solid #ffffff6b;border-radius:42px;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(8deg);box-shadow:0 20px 45px #0012233d}.hero-core span{letter-spacing:-.15em;margin-top:-10px;font-size:54px;font-weight:950;display:block}.hero-core small{color:#19445e;letter-spacing:.16em;text-align:center;margin-top:-20px;font-size:8px;font-weight:900;line-height:1.4}.hero-float{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#082742ad;border:1px solid #ffffff38;border-radius:15px;gap:4px;min-width:126px;padding:14px 16px;display:grid;position:absolute;box-shadow:0 14px 28px #0115262e}.hero-float strong{color:#fff;font-size:18px}.hero-float span{color:#acd9dc;font-size:10px;font-weight:750}.hero-float--top{top:8%;right:1%}.hero-float--bottom{bottom:8%;left:0}.ad-slot{color:#9cafbb;letter-spacing:.12em;text-transform:uppercase;background:#ffffff75;border:1px dashed #cedde5;border-radius:14px;justify-content:center;align-items:center;min-height:62px;margin:24px 0;font-size:10px;display:flex}.section{padding-top:58px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px;display:flex}.directory-link{color:var(--blue);font-size:12px;font-weight:850;text-decoration:none}.section h2{margin-top:7px;font-size:32px}.category-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;display:grid}.category-card,.result-card,.saved-item{border:1px solid var(--line);color:#173b5d;background:#ffffffd6;border-radius:17px;flex-direction:column;gap:8px;padding:18px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 10px 26px #1a46620e}.category-card:hover,.result-card:hover,.saved-item:hover{border-color:#79bddf;transform:translateY(-3px);box-shadow:0 15px 28px #1a46621a}.category-icon{width:38px;height:38px;color:var(--navy);background:linear-gradient(145deg, var(--lime), var(--cyan));border-radius:13px;place-items:center;font-weight:850;display:grid;box-shadow:0 8px 14px #1f7e8f29}.category-icon svg{width:21px;height:21px}.category-card strong,.result-card strong,.saved-item strong{font-size:13px}.category-card small,.result-card small,.saved-item small{color:var(--muted);font-size:11px}.popular-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.popular-card{border:1px solid var(--line);color:#173b5d;background:var(--paper);border-radius:17px;flex-direction:column;gap:9px;min-height:106px;padding:19px;text-decoration:none;transition:transform .2s,border-color .2s;display:flex;position:relative;box-shadow:0 10px 26px #1a46620e}.popular-card:hover{border-color:#79bddf;transform:translateY(-3px)}.popular-card__arrow{color:var(--blue);font-size:18px;position:absolute;top:16px;right:17px}.popular-card strong{max-width:80%;font-size:13px}.popular-card small{color:var(--blue);font-size:12px;font-weight:850}.popular-card small span{color:#96aaba;margin:0 5px}.value-strip{grid-template-columns:.7fr 1.3fr;align-items:start;gap:40px;margin-bottom:30px;display:grid}.value-strip h2{margin-top:8px;font-size:32px}.value-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.value-grid article{border-top:2px solid var(--cyan);padding-top:15px}.value-grid strong{font-size:13px}.value-grid p{color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.6}.lead{color:#58758e;max-width:720px;margin:14px 0 30px;font-size:17px;line-height:1.6}.converter-trust{flex-wrap:wrap;gap:10px;margin:0 0 22px;display:flex}.converter-trust span{color:#607b8e;background:#edf7f5;border:1px solid #d5e3e9;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:750;display:inline-flex}.converter-trust b{color:var(--blue);font-size:10px}.converter-card{background:#fffffff5;border:1px solid #dce8f1;border-radius:24px;padding:27px;box-shadow:0 20px 44px #2352701a}.glass-panel{-webkit-backdrop-filter:blur(17px)saturate(125%);backdrop-filter:blur(17px)saturate(125%);background:linear-gradient(135deg,#ffffffdb,#ebf7f69e);border:1px solid #ffffffc7;box-shadow:0 17px 40px #22506317,inset 0 1px #ffffffdb}.converter-card.glass-panel,.content-section.glass-panel,.sidebar-panel.glass-panel{border-color:#b3d2dcc2}.converter-detail-page{padding-top:25px}.breadcrumbs{color:#7990a2;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:24px;font-size:11px;font-weight:750;display:flex}.breadcrumbs a{color:var(--blue);text-decoration:none}.breadcrumbs strong{color:var(--ink)}.converter-detail-grid{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:25px;display:grid}.converter-detail-main{min-width:0}.converter-detail-main h1{margin-bottom:4px;font-size:clamp(35px,5vw,62px)}.content-section{border-radius:20px;margin-top:22px;padding:24px}.content-heading{align-items:center;gap:12px;margin-bottom:19px;display:flex}.content-heading h2{margin-top:5px;font-size:24px}.section-icon{width:37px;height:37px;color:var(--navy);background:linear-gradient(145deg, var(--lime), var(--cyan));border-radius:12px;flex-shrink:0;place-items:center;font-size:18px;font-weight:900;display:grid}.table-scroll{background:#ffffff94;border:1px solid #acc9d39e;border-radius:13px;overflow-x:auto}.conversion-table{border-collapse:collapse;width:100%;min-width:480px;font-size:12px}.conversion-table th{color:var(--navy);background:#b8dcf18c;font-weight:900}.conversion-table th,.conversion-table td{text-align:center;border-bottom:1px solid #bed3dd8c;padding:10px 13px}.conversion-table tr:last-child td{border-bottom:0}.table-note{color:var(--muted);margin:12px 0 0;font-size:11px}.how-to-list{color:#4f6b80;gap:15px;margin:0;padding:0;font-size:13px;line-height:1.55;list-style:none;display:grid}.how-to-list li{align-items:flex-start;gap:12px;display:flex}.how-to-list li>span{width:27px;height:27px;color:var(--navy);background:var(--lime);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:900;display:grid}.how-to-list strong{color:var(--ink)}.formula-box{color:#194c69;background:#d7f3f9b3;border:1px solid #7fc1d28c;border-radius:11px;margin-top:8px;padding:12px 14px;font-weight:800}.example-box{color:#285e4b;background:#ddf8e5b8;border:1px solid #8ecea699;border-radius:14px;padding:17px}.example-box p{margin:9px 0 5px;font-size:17px;font-weight:850}.example-box small{color:#547d6a}.reverse-callout{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.reverse-callout a{color:var(--blue);font-weight:850;text-decoration:none}.unit-info-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.unit-info-card{background:#ffffffa6;border:1px solid #bed3ddb8;border-radius:14px;align-items:flex-start;gap:13px;padding:15px;display:flex}.unit-symbol{min-width:47px;height:47px;color:var(--navy);background:linear-gradient(145deg, var(--lime), var(--cyan));text-align:center;border-radius:13px;place-items:center;font-size:12px;font-weight:900;display:grid}.unit-info-card h3{margin:1px 0 8px;font-size:14px}.unit-info-card p{color:var(--muted);margin:4px 0;font-size:11px}.unit-info-card strong{color:var(--ink)}.unit-definition{color:var(--muted);margin:16px 0 0;font-size:12px;line-height:1.6}.faq-list{gap:9px;display:grid}.faq-list details{background:#fff9;border:1px solid #bed3dda6;border-radius:12px;padding:13px 15px}.faq-list summary{cursor:pointer;color:var(--ink);font-size:13px;font-weight:850}.faq-list p{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.6}.converter-sidebar{gap:15px;display:grid;position:sticky;top:20px}.sidebar-panel{border-radius:18px;padding:17px}.sidebar-heading{align-items:center;gap:9px;margin-bottom:11px;display:flex}.sidebar-heading>span{width:29px;height:29px;color:var(--navy);background:linear-gradient(145deg, var(--lime), var(--cyan));border-radius:9px;place-items:center;font-size:15px;font-weight:900;display:grid}.sidebar-heading h2{font-size:15px}.sidebar-links{gap:2px;display:grid}.sidebar-link{color:#246b9c;border-left:2px solid #0000;padding:8px;font-size:12px;text-decoration:none}.sidebar-link:hover,.sidebar-link--active{border-color:var(--cyan);color:var(--navy);background:#bfebeb6e}.sidebar-link--more{color:var(--navy);margin-top:5px;font-weight:850}.sidebar-icon{color:var(--blue)}.converter-grid{grid-template-columns:minmax(140px,1fr) minmax(180px,1fr) 45px minmax(180px,1fr);align-items:end;gap:14px;display:grid}.converter-grid label{color:#628099;gap:7px;font-size:11px;font-weight:850;display:grid}.converter-grid input,.converter-grid select{color:#153b5e;background:#f8fbfd;border:1px solid #d5e2ec;border-radius:12px;outline:0;width:100%;min-width:0;padding:14px}.converter-grid input:focus,.converter-grid select:focus{border-color:#1684c5;box-shadow:0 0 0 3px #1684c51f}.swap-button{color:#fff;background:var(--navy);border:0;border-radius:12px;height:44px;font-size:20px}.converter-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.converter-actions button,.page>button{color:#32536f;background:#fff;border:1px solid #d3e0eb;border-radius:11px;padding:11px 15px;font-size:12px;font-weight:850}.converter-actions .primary-button,.primary-button{border-color:var(--navy);color:#fff;background:var(--navy);text-decoration:none}.converter-actions button:hover,.page>button:hover{border-color:var(--blue)}.result-box{color:#0f4f78;background:#e8f8f3;border-radius:15px;justify-content:space-between;align-items:center;gap:15px;margin-top:23px;padding:18px;display:flex}.result-box span{color:#5e839d;text-transform:uppercase;font-size:11px;font-weight:850}.result-box strong{font-size:21px}.notice{color:var(--blue);margin:14px 0 0;font-size:12px;font-weight:750}.conversion-explanation{color:#d8edf3;background:var(--navy);border-radius:20px;justify-content:space-between;align-items:center;gap:30px;margin-top:28px;padding:24px;display:flex}.conversion-explanation h2{color:#fff;margin-top:7px;font-size:25px}.conversion-explanation p{color:#b7d1db;max-width:690px;margin:10px 0 0;font-size:13px;line-height:1.7}.explanation-stat{text-align:right;gap:4px;min-width:125px;display:grid}.explanation-stat strong{color:var(--lime);letter-spacing:-.08em;font-size:38px}.explanation-stat span{color:#b7d1db;font-size:10px;font-weight:750}.link-grid,.results-list,.saved-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.link-grid a{border:1px solid var(--line);color:#22618a;background:#fff;border-radius:12px;padding:14px;font-size:12px;text-decoration:none}.link-grid a:hover{border-color:#79bddf}.empty-state{color:#668298;background:#fff;border:1px dashed #b6cbd9;border-radius:15px;padding:28px}.directory-summary{color:#6b879c;margin:0 0 20px;font-size:12px;font-weight:750}.directory-group{margin-top:34px}.directory-group h2{margin-top:6px;font-size:25px}.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.directory-card{border:1px solid var(--line);color:#173b5d;background:#ffffffdb;border-radius:17px;gap:12px;padding:19px;text-decoration:none;transition:transform .2s,border-color .2s;display:grid;box-shadow:0 10px 24px #1a46620e}.directory-card>div{align-items:center;gap:11px;display:flex}.directory-card p{color:#668298;min-height:36px;margin:0;font-size:12px;line-height:1.5}.directory-card small{color:#7890a4;font-size:11px}.directory-card:hover{border-color:#79bddf;transform:translateY(-3px)}.info-page{max-width:850px}.guide-page{max-width:980px}.guide-article>h1{margin-bottom:6px;font-size:clamp(36px,5vw,62px)}.guide-intro{border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin:22px 0;padding:20px;display:flex}.guide-intro strong{font-size:15px}.guide-intro p{color:var(--muted);margin:6px 0 0;font-size:12px}.info-sections{gap:14px;display:grid}.info-sections section{border:1px solid var(--line);background:#ffffffd1;border-radius:16px;padding:21px}.info-sections h2{font-size:18px}.info-sections p{color:var(--muted);margin:9px 0 0;font-size:13px;line-height:1.7}.info-action{margin-top:24px;display:inline-block}.site-footer{border-top:1px solid var(--line);color:#7890a4;justify-content:space-between;gap:20px;max-width:1240px;margin:0 auto;padding:28px 0;font-size:11px;display:flex}.site-footer nav{gap:18px;display:flex}.site-footer a{text-decoration:none}.cookie-banner{z-index:50;max-width:560px;color:var(--ink);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff5;border:1px solid #c8dce3;border-radius:17px;align-items:center;gap:20px;padding:17px 18px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 46px #133a522e}.cookie-banner strong{font-size:12px}.cookie-banner p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.45}.cookie-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.cookie-actions a{color:var(--blue);font-size:11px;font-weight:800;text-decoration:none}.cookie-actions button{color:var(--navy);background:var(--lime);border:0;border-radius:9px;padding:10px 13px;font-size:11px;font-weight:900}@media (width<=1000px){.site-header{width:min(100% - 36px,1240px)}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.site-header{flex-wrap:wrap}.mobile-nav-toggle{display:block}.header-cta{display:none}.main-nav{border:1px solid var(--line);background:#fff;border-radius:15px;order:3;width:100%;padding:15px;display:none;box-shadow:0 14px 28px #1a46621a}.main-nav.is-open{justify-content:stretch;gap:12px;display:grid}.main-nav a{padding:6px 8px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:280px}.value-strip{grid-template-columns:1fr;gap:25px}.converter-detail-grid{grid-template-columns:1fr}.converter-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));position:static}}@media (width<=620px){.site-header,.page{width:min(100% - 28px,1240px)}.site-header{gap:14px;padding:15px 0}.hero{border-radius:24px;padding:45px 18px 48px}.hero h1{font-size:48px}.hero-visual{min-height:235px;transform:scale(.88)}.trust-row{gap:9px;display:grid}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.popular-grid,.directory-grid,.converter-sidebar,.unit-info-grid{grid-template-columns:1fr}.converter-card{min-width:0}.converter-grid{grid-template-columns:1fr}.converter-grid>*{min-width:0}.swap-button{grid-column:auto;width:100%}.link-grid,.results-list,.saved-list{grid-template-columns:1fr}.result-box,.conversion-explanation{flex-direction:column;align-items:flex-start}.explanation-stat{text-align:left}.site-footer{flex-direction:column;align-items:flex-start;padding:22px 0}.cookie-banner{flex-direction:column;align-items:flex-start;gap:12px;bottom:12px;left:12px;right:12px}.cookie-actions{justify-content:space-between;width:100%}}