:root{--bg:#f7f8f5;--card:#fff;--text:#17201b;--muted:#667168;--line:#dfe5df;--accent:#1d6b49;--accent2:#e5f4eb;--shadow:0 12px 35px rgba(24,45,32,.08)}[data-theme=dark]{--bg:#101512;--card:#172019;--text:#eef5f0;--muted:#a9b6ad;--line:#2a382e;--accent:#69d69c;--accent2:#183525;--shadow:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;color:var(--text);background:var(--bg);line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:70px;display:flex;align-items:center;gap:28px;padding:0 max(20px,calc((100% - 1180px)/2));border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;margin-right:auto}.brandmark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent);color:#fff}.site-header nav{display:flex;gap:22px;font-weight:650;font-size:14px}.theme,.menu-btn{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;padding:8px 11px;cursor:pointer}.menu-btn{display:none}.wrap{max-width:1180px;margin:auto;padding:48px 20px}.hero{padding:70px 20px 45px;text-align:center;max-width:900px;margin:auto}.eyebrow,.pill{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--accent)}h1{font-size:clamp(38px,6vw,68px);line-height:1.04;margin:12px 0 18px;letter-spacing:-.04em}h2{font-size:clamp(27px,4vw,40px);line-height:1.15;letter-spacing:-.025em}h3{line-height:1.25}.lead{font-size:19px;color:var(--muted);max-width:760px;margin:0 auto}.search{display:flex;max-width:680px;margin:30px auto 0;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:5px;box-shadow:var(--shadow)}.search input{width:100%;border:0;background:transparent;color:var(--text);font-size:16px;padding:13px;outline:0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-head p{color:var(--muted);max-width:650px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card,.cat-card,.content-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.tool-card{transition:.18s}.tool-card:hover{transform:translateY(-2px);border-color:var(--accent)}.tool-card h3{margin:9px 0 7px}.tool-card p{color:var(--muted);font-size:14px}.open{font-weight:750;color:var(--accent);font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cat-card p{color:var(--muted)}.ad-slot{border:1px dashed var(--line);color:var(--muted);text-align:center;padding:18px;border-radius:12px;margin:28px 0;font-size:12px}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:20px}.tool-layout{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:30px;align-items:start}.calc-box{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;font-size:13px;font-weight:750;margin-bottom:6px}.field input,.field select,.contact-form input,.contact-form textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);font:inherit}.actions{display:flex;gap:10px;margin-top:18px}.btn{border:0;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer}.primary{background:var(--accent);color:#fff}.secondary{background:var(--accent2);color:var(--accent)}.result{margin-top:18px;padding:18px;border-radius:14px;background:var(--accent2)}.result strong{font-size:28px;display:block;color:var(--accent)}.error{color:#b42318;background:#fee4e2;padding:12px;border-radius:10px;margin-top:15px}.prose{font-size:16px}.prose h2{margin-top:40px;font-size:28px}.prose h3{margin-top:25px}.prose p,.prose li{color:var(--muted)}.formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--card);border:1px solid var(--line);padding:14px;border-radius:10px}.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:10px 0}.faq summary{font-weight:750;cursor:pointer}.sidebar{position:sticky;top:90px}.sidebar .content-card{margin-bottom:16px}.sidebar a{display:block;padding:7px 0;color:var(--accent);font-weight:650;font-size:14px}footer{border-top:1px solid var(--line);margin-top:60px;padding:45px max(20px,calc((100% - 1180px)/2))}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid a{display:block;color:var(--muted);margin:7px 0}.copyright{color:var(--muted);font-size:13px;margin-top:35px}.contact-form{max-width:680px}.contact-form>*{margin-bottom:12px}.notice{padding:15px;border-left:4px solid var(--accent);background:var(--accent2);border-radius:8px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 25px}.chips button{border:1px solid var(--line);background:var(--card);color:var(--text);padding:8px 12px;border-radius:999px;cursor:pointer}.hidden{display:none!important}@media(max-width:850px){.tool-grid,.category-grid{grid-template-columns:1fr 1fr}.tool-layout{grid-template-columns:1fr}.sidebar{position:static}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--card);padding:18px 22px;border-bottom:1px solid var(--line);flex-direction:column}.site-header nav.open{display:flex}.menu-btn{display:block}.form-grid{grid-template-columns:1fr}}@media(max-width:560px){.tool-grid,.category-grid,.footer-grid{grid-template-columns:1fr}.wrap{padding:32px 16px}.hero{padding-top:48px}.site-header{padding:0 16px}.theme{display:none}h1{font-size:42px}}

/* Engaging visual refresh */
:root{--accent:#f36b21;--accent-strong:#db4f0b;--navy:#082b49;--blue:#378fe8;--green:#25aa6b;--accent2:#fff0e7;--radius-xl:24px}
[data-theme=dark]{--accent:#ff8b4b;--accent-strong:#ff6b1a;--navy:#eaf5ff;--accent2:#382419}
body{overflow-x:hidden}.site-header{height:76px;background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:0 3px 18px rgba(7,43,73,.06)}.brand{font-size:21px;color:var(--navy)}.brandmark{background:linear-gradient(145deg,var(--navy) 0 55%,var(--accent) 55%);border-radius:11px;box-shadow:0 7px 18px rgba(8,43,73,.18)}.site-header nav a{position:relative;padding:26px 0}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:17px;height:2px;background:var(--accent);transition:.25s}.site-header nav a:hover:after{right:0}.hero{max-width:none;min-height:570px;padding:70px max(20px,calc((100% - 1180px)/2));text-align:left;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:linear-gradient(90deg,rgba(241,249,255,.98) 0%,rgba(241,249,255,.91) 37%,rgba(241,249,255,.15) 72%),url('hero-construction.png') center/cover no-repeat;border-bottom-left-radius:34px;border-bottom-right-radius:34px}.hero:after{content:"";position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(transparent,var(--bg));pointer-events:none}.hero>*{position:relative;z-index:1;max-width:660px}.hero .eyebrow{display:inline-flex;width:max-content;background:#fff0e7;color:var(--accent-strong);padding:8px 13px;border-radius:999px;box-shadow:0 6px 18px rgba(243,107,33,.09)}.hero h1{color:#082b49;font-size:clamp(48px,6vw,76px);max-width:690px}.hero h1::after{content:" Build better.";color:var(--accent)}.hero .lead{margin:0;color:#29475f;font-weight:540}.hero .search{margin:30px 0 0;max-width:620px;border-radius:22px;padding:8px;box-shadow:0 18px 45px rgba(8,43,73,.17);border:0}.hero .search:after{content:"→";width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:white;font-size:24px;flex:none}.tool-grid{gap:18px}.tool-card,.cat-card{position:relative;overflow:hidden;border-radius:20px;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.tool-card:before,.cat-card:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-42px;top:-52px;background:color-mix(in srgb,var(--accent) 10%,transparent);transition:.3s}.tool-card:hover,.cat-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(8,43,73,.13);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.tool-card:hover:before,.cat-card:hover:before{transform:scale(1.3)}.tool-card h3,.cat-card h3{color:var(--navy)}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:var(--accent2)}.open{color:var(--accent-strong)}.category-grid .cat-card:nth-child(8n+1){background:linear-gradient(145deg,var(--card),#fff3eb)}.category-grid .cat-card:nth-child(8n+2){background:linear-gradient(145deg,var(--card),#fff0f1)}.category-grid .cat-card:nth-child(8n+3){background:linear-gradient(145deg,var(--card),#edf7ff)}.category-grid .cat-card:nth-child(8n+4){background:linear-gradient(145deg,var(--card),#effbed)}.category-grid .cat-card:nth-child(8n+5){background:linear-gradient(145deg,var(--card),#f4efff)}.category-grid .cat-card:nth-child(8n+6){background:linear-gradient(145deg,var(--card),#fff7e7)}.category-grid .cat-card:nth-child(8n+7){background:linear-gradient(145deg,var(--card),#eafaf9)}.category-grid .cat-card:nth-child(8n+8){background:linear-gradient(145deg,var(--card),#eef7ff)}.section-head h2{color:var(--navy)}.section-head h2:before{content:"✦";color:var(--accent);margin-right:9px;font-size:.75em}.ad-slot{background:var(--card)}.calc-box{border-radius:22px;box-shadow:0 18px 50px rgba(8,43,73,.09)}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 8px 20px rgba(243,107,33,.24)}.btn{transition:.2s}.btn:hover{transform:translateY(-2px)}footer{background:linear-gradient(145deg,#082b49,#061e33);color:#fff;border:0}footer .footer-grid a,footer .copyright,footer p{color:#c4d5e2}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.tool-card,.cat-card,.btn{transition:none}}@media(max-width:850px){.hero{min-height:530px;background-position:62% center}.hero:before{content:"";position:absolute;inset:0;background:rgba(244,250,255,.72)}.hero>*{z-index:2}.site-header nav a{padding:5px 0}}@media(max-width:560px){.hero{min-height:520px;padding:54px 18px;background-position:67% center;border-radius:0 0 24px 24px}.hero h1{font-size:47px}.hero .lead{font-size:17px}.hero .search{width:100%}}

/* Calculator polish */
.calc-helper{margin:-6px 0 18px;color:var(--muted);font-size:.95rem}
.input-unit-wrap{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:8px;align-items:stretch}
.unit-select{border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);padding:0 10px;font:inherit;font-weight:700;cursor:pointer}
.measure-visual{display:flex;align-items:center;gap:16px;margin:8px 0 20px;padding:14px 16px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,var(--surface),var(--surface-2));overflow:hidden}
.measure-visual svg{width:150px;height:74px;flex:0 0 auto;fill:rgba(249,115,22,.10);stroke:#f97316;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.measure-visual div{display:flex;flex-direction:column;gap:4px}.measure-visual b{font-size:1rem}.measure-visual span{color:var(--muted);font-size:.9rem}
.copy-btn:disabled{opacity:.5;cursor:not-allowed}.result{animation:resultPop .28s ease both}@keyframes resultPop{from{opacity:0;transform:translateY(5px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:620px){.measure-visual svg{width:105px}.measure-visual{gap:10px}.input-unit-wrap{grid-template-columns:minmax(0,1fr) 76px}.actions{flex-wrap:wrap}.actions .btn{flex:1 1 120px}}

/* Bright calculator-page theme v2 */
:root{
  --bg:#f5f9ff;--card:#ffffff;--text:#102a43;--muted:#5d7185;--line:#dbe7f2;
  --accent:#ff6b22;--accent-strong:#ed4f0b;--accent2:#fff0e7;--navy:#092f52;
  --blue:#2f80ed;--green:#19a66a;--yellow:#ffbf3f;--purple:#845ef7;
  --shadow:0 14px 38px rgba(28,78,121,.10);--border:var(--line);--surface:#fff;--surface-2:#f3f8ff
}
[data-theme=dark]{
  --bg:#0b1830;--card:#122542;--text:#f6f9ff;--muted:#b7c8da;--line:#284462;
  --accent:#ff8547;--accent-strong:#ff6b22;--accent2:#352b2a;--navy:#ffffff;
  --blue:#62a7ff;--green:#4bd69a;--yellow:#ffd166;--purple:#a98cff;
  --shadow:0 18px 45px rgba(0,0,0,.22);--border:var(--line);--surface:#122542;--surface-2:#172e4f
}
body{background:
 radial-gradient(circle at 8% 4%,rgba(47,128,237,.10),transparent 24rem),
 radial-gradient(circle at 92% 18%,rgba(255,107,34,.10),transparent 22rem),var(--bg)}
.wrap{position:relative}.breadcrumbs{font-size:14px}.breadcrumbs a{color:var(--blue);font-weight:750}
.tool-layout>main>h1,.wrap>h1{color:var(--navy);text-shadow:0 1px 0 rgba(255,255,255,.2)}
.eyebrow{color:var(--accent-strong)}
.calc-box{background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 90%,#eaf4ff));border:1px solid color-mix(in srgb,var(--blue) 18%,var(--line));box-shadow:0 22px 55px rgba(34,91,140,.13);position:relative;overflow:hidden}
.calc-box:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-125px;top:-125px;background:linear-gradient(135deg,rgba(47,128,237,.14),rgba(132,94,247,.10));pointer-events:none}
.calc-box h2{color:var(--navy)}
.calc-helper{color:var(--muted)}
.measure-visual{border-color:color-mix(in srgb,var(--blue) 25%,var(--line));background:linear-gradient(120deg,#fff7ed 0%,#eef7ff 48%,#f3efff 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
[data-theme=dark] .measure-visual{background:linear-gradient(120deg,#2b2630,#173452 52%,#27264b)}
.measure-visual svg{stroke:var(--accent);fill:rgba(255,107,34,.12)}.measure-visual b{color:var(--navy)}
.field label{color:var(--navy)}
.field input,.field select,.contact-form input,.contact-form textarea,.unit-select{background:var(--surface);border:1.5px solid var(--line);box-shadow:0 2px 8px rgba(28,78,121,.04);transition:border-color .2s,box-shadow .2s,transform .2s}
.field input:focus,.field select:focus,.contact-form input:focus,.contact-form textarea:focus,.unit-select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 14%,transparent)}
.actions{padding-top:4px}.btn{border-radius:12px;min-height:46px}.btn.primary{background:linear-gradient(135deg,#ff7a31,#f04f0c);box-shadow:0 10px 22px rgba(240,79,12,.24)}.btn.secondary{background:#eaf4ff;color:#1769c2;border:1px solid #cfe5fb}.copy-btn{background:#ecfbf4!important;color:#087c4a!important;border:1px solid #c5efd9!important}
[data-theme=dark] .btn.secondary{background:#18385c;color:#87bdff;border-color:#31577d}[data-theme=dark] .copy-btn{background:#143d34!important;color:#77e7b5!important;border-color:#286250!important}
.result{background:linear-gradient(135deg,#ecfbf4,#eaf5ff);border:1px solid #c7ead9;box-shadow:0 12px 30px rgba(25,166,106,.10)}.result strong{color:#078a53}
[data-theme=dark] .result{background:linear-gradient(135deg,#153c35,#173553);border-color:#2e6554}.result strong{letter-spacing:-.02em}
.content-card{background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 92%,#edf5ff));border-color:color-mix(in srgb,var(--blue) 14%,var(--line));box-shadow:0 12px 34px rgba(31,80,121,.08)}
.sidebar .content-card{border-top:4px solid var(--blue)}.sidebar .content-card:nth-child(2){border-top-color:var(--accent)}.sidebar a{color:var(--blue)}.sidebar a:hover{color:var(--accent);transform:translateX(3px)}
.prose h2{color:var(--navy)}.prose h2:after{content:"";display:block;width:48px;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--yellow));margin-top:8px}.formula{background:linear-gradient(135deg,#eef7ff,#f8f3ff);border-left:4px solid var(--purple);color:#233c57}[data-theme=dark] .formula{background:#172e4f;color:#eaf3ff}
.faq details{box-shadow:0 5px 18px rgba(28,78,121,.05)}.faq details[open]{border-color:color-mix(in srgb,var(--blue) 35%,var(--line));background:color-mix(in srgb,var(--card) 94%,#eaf4ff)}
.theme{background:linear-gradient(135deg,#fff7e8,#eaf5ff);border-color:#d8e5ef;color:#173b5d}.ad-slot{display:none!important}
@media(max-width:850px){.tool-layout{gap:20px}.sidebar .content-card{border-top-width:3px}}


/* Visual card + calculator page upgrade v3 */
.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tool-card{padding:0 0 22px!important;background:var(--card)!important;border:1px solid #dbe7f2!important;box-shadow:0 12px 30px rgba(25,65,105,.08)!important;min-height:320px;display:flex;flex-direction:column}.tool-card>*:not(.tool-visual){margin-left:22px;margin-right:22px}.tool-card .tool-visual{margin:0 0 18px!important;height:138px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#eaf5ff,#fff3e8 48%,#eefbf4);border-bottom:1px solid #e3edf5}.tool-card .tool-visual:before,.tool-card .tool-visual:after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}.tool-card .tool-visual:before{width:105px;height:105px;background:rgba(255,122,49,.16);left:-24px;bottom:-48px}.tool-card .tool-visual:after{width:120px;height:120px;background:rgba(47,128,237,.13);right:-35px;top:-45px}.tool-card .tool-visual span{font-size:70px;line-height:1;filter:drop-shadow(0 12px 12px rgba(18,55,90,.15));transform:rotate(-4deg);transition:.3s}.tool-card:hover .tool-visual span{transform:rotate(3deg) scale(1.12)}.tool-card .pill{align-self:flex-start;margin-top:0;background:#fff0e7}.tool-card h3{font-size:21px;margin-top:12px!important}.tool-card p{font-size:15px;line-height:1.55;flex:1}.tool-card .open{margin-top:8px;font-size:14px}.tool-card:nth-child(4n+2) .tool-visual{background:linear-gradient(135deg,#f4efff,#eaf5ff)}.tool-card:nth-child(4n+3) .tool-visual{background:linear-gradient(135deg,#edfbf3,#fff7e8)}.tool-card:nth-child(4n+4) .tool-visual{background:linear-gradient(135deg,#fff1f3,#eef7ff)}
.tool-page-hero{display:grid;grid-template-columns:1fr 260px;gap:28px;align-items:center;margin-bottom:28px;padding:30px 32px;border:1px solid #dbe7f2;border-radius:28px;background:linear-gradient(125deg,#fff 0%,#f5faff 55%,#fff4e9 100%);box-shadow:0 18px 45px rgba(24,72,112,.10);position:relative;overflow:hidden}.tool-page-hero:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-100px;top:-120px;background:rgba(47,128,237,.10)}.tool-page-hero h1{margin:8px 0 12px!important;color:#102f4c!important}.tool-page-hero .lead{color:#516b82!important}.tool-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tool-badges span{font-size:12px;font-weight:800;padding:7px 10px;border-radius:999px;background:white;border:1px solid #dde9f3;color:#31516d;box-shadow:0 4px 10px rgba(35,78,112,.05)}.tool-hero-art{height:210px;border-radius:24px;background:linear-gradient(145deg,#e9f5ff,#fff0e4);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;box-shadow:inset 0 0 0 1px rgba(64,124,172,.12)}.hero-icon-bubble{font-size:92px;line-height:1;filter:drop-shadow(0 16px 14px rgba(24,61,92,.16));animation:toolFloat 3.2s ease-in-out infinite}.hero-art-label{margin-top:16px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#f05a18;background:white;padding:7px 12px;border-radius:999px}@keyframes toolFloat{50%{transform:translateY(-8px) rotate(2deg)}}
.calc-box{padding:30px!important}.calc-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:6px}.calc-title-row h2{margin:0!important}.live-badge{font-size:11px;font-weight:900;color:#087c4a;background:#e9fbf2;border:1px solid #bfead3;border-radius:999px;padding:6px 9px;letter-spacing:.06em}.measure-visual{border-radius:18px!important;margin:20px 0!important;padding:20px!important}.field{background:#f8fbfe;border:1px solid #e1eaf2;border-radius:15px;padding:12px}.field input,.field select{background:white!important}.result{border-radius:18px!important;position:relative;overflow:hidden}.result:after{content:"✓";position:absolute;right:18px;top:12px;font-size:40px;color:rgba(8,138,83,.12);font-weight:900}.prose>h2{margin-top:48px}.prose>p{font-size:16.5px}.faq details{padding:18px!important;border-radius:16px!important}.sidebar .content-card{border-radius:18px!important}
[data-theme=dark] .tool-card{border-color:#284462!important}.dark .tool-visual,[data-theme=dark] .tool-visual{background:linear-gradient(135deg,#173553,#2b2630)!important}.tool-page-hero{color:var(--text)}[data-theme=dark] .tool-page-hero{background:linear-gradient(125deg,#122542,#173553 55%,#30251f);border-color:#284462}[data-theme=dark] .tool-page-hero h1{color:#fff!important}[data-theme=dark] .tool-page-hero .lead{color:#b7c8da!important}[data-theme=dark] .tool-hero-art{background:linear-gradient(145deg,#173553,#342820)}[data-theme=dark] .tool-badges span,[data-theme=dark] .hero-art-label{background:#172e4f;border-color:#31516d;color:#dbeeff}[data-theme=dark] .field{background:#132945;border-color:#284462}
@media(max-width:850px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-page-hero{grid-template-columns:1fr 190px}.tool-hero-art{height:180px}.hero-icon-bubble{font-size:76px}}@media(max-width:560px){.tool-grid{grid-template-columns:1fr}.tool-page-hero{grid-template-columns:1fr;padding:22px}.tool-hero-art{height:155px}.tool-card{min-height:0}.tool-card .tool-visual{height:120px}}

/* v4: unique tool visuals */
.tool-specific-icon{display:inline-grid;place-items:center;width:92px;height:92px;border-radius:26px;background:rgba(255,255,255,.78);box-shadow:0 14px 28px rgba(15,45,80,.14);border:1px solid rgba(255,255,255,.9)}
.tool-card:nth-child(6n+1) .tool-specific-icon{transform:rotate(-5deg)}
.tool-card:nth-child(6n+2) .tool-specific-icon{transform:rotate(4deg)}
.tool-card:nth-child(6n+3) .tool-specific-icon{border-radius:50%}
.tool-card:nth-child(6n+4) .tool-specific-icon{transform:rotate(-2deg) scale(.95)}
.tool-card:nth-child(6n+5) .tool-specific-icon{border-radius:18px 36px 18px 36px}
.tool-card:nth-child(6n) .tool-specific-icon{transform:rotate(2deg)}
[data-theme=dark] .tool-specific-icon{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.12)}

/* v5 dark mode form readability fix */
[data-theme=dark] .field input,
[data-theme=dark] .field select,
[data-theme=dark] .unit-select,
[data-theme=dark] .contact-form input,
[data-theme=dark] .contact-form textarea{
  background:#0f213a!important;
  color:#f4f8ff!important;
  border-color:#3a5b7d!important;
  caret-color:#ff8b4b;
  -webkit-text-fill-color:#f4f8ff;
  color-scheme:dark;
}
[data-theme=dark] .field input::placeholder,
[data-theme=dark] .contact-form input::placeholder,
[data-theme=dark] .contact-form textarea::placeholder{
  color:#91a7bf!important;
  opacity:1;
  -webkit-text-fill-color:#91a7bf;
}
[data-theme=dark] .field select option,
[data-theme=dark] .unit-select option{background:#0f213a;color:#f4f8ff}
[data-theme=dark] input[type=number]::-webkit-inner-spin-button,
[data-theme=dark] input[type=number]::-webkit-outer-spin-button{opacity:.8;filter:invert(1)}
[data-theme=dark] .field input:focus,
[data-theme=dark] .field select:focus,
[data-theme=dark] .unit-select:focus{background:#132b4a!important;border-color:#62a7ff!important;box-shadow:0 0 0 4px rgba(98,167,255,.18)!important}

/* v6 UX + accessibility polish */
.skip-link{position:fixed;left:12px;top:-80px;z-index:9999;background:#fff;color:#102a4c;padding:10px 14px;border-radius:10px;font-weight:800}.skip-link:focus{top:12px}
.ux-intro{margin:28px auto 40px;padding:26px 28px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,var(--card),color-mix(in srgb,var(--card) 88%,#4f9cff 12%));display:flex;justify-content:space-between;gap:28px;align-items:center}.ux-intro h2{margin:5px 0 8px;font-size:clamp(1.6rem,3vw,2.35rem)}.ux-intro p{max-width:760px;margin:0;color:var(--muted);line-height:1.65}.trust-strip{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}.trust-strip span{white-space:nowrap;padding:9px 12px;border-radius:999px;background:color-mix(in srgb,#2f80ed 13%,var(--card));border:1px solid color-mix(in srgb,#2f80ed 35%,var(--border));font-weight:800;font-size:.88rem}
.purpose-line{margin:18px 0 4px;padding:14px 16px;border-left:4px solid #ff6b2c;background:color-mix(in srgb,#ff6b2c 8%,transparent);border-radius:0 12px 12px 0;display:grid;gap:4px}.purpose-line strong{font-size:.95rem}.purpose-line span{color:var(--muted);line-height:1.55;font-size:.94rem}.accuracy-note{display:grid;gap:5px;padding:18px 20px;border-radius:16px;background:color-mix(in srgb,#2f80ed 8%,var(--card));border:1px solid color-mix(in srgb,#2f80ed 28%,var(--border));margin:12px 0 26px}.accuracy-note span{color:var(--muted);line-height:1.6}.shape-select{width:100%;min-height:56px;border-radius:12px;border:1px solid var(--border);background:var(--input-bg,#fff);color:var(--text);padding:0 14px;font:inherit;font-weight:700}.shape-select:focus{outline:3px solid color-mix(in srgb,#2f80ed 28%,transparent);border-color:#2f80ed}
#result:not(:empty){margin-top:18px}.result{box-shadow:0 12px 28px rgba(25,120,75,.12)}.result strong{font-size:clamp(1.65rem,4vw,2.35rem)}
.tool-page-hero h1{font-size:clamp(2.2rem,5vw,3.6rem)!important}.tool-page-hero .lead{margin:0!important;text-align:left!important}.calc-box h2{font-size:clamp(1.45rem,3vw,1.8rem)!important;margin-top:0!important}
html[data-theme="dark"] .shape-select{background:#0d213d;color:#f8fbff;border-color:#3a5a82}html[data-theme="dark"] .shape-select option{background:#0d213d;color:#fff}
@media(max-width:760px){.ux-intro{padding:20px;display:block}.trust-strip{justify-content:flex-start;margin-top:18px}.purpose-line{margin-top:14px}.tool-page-hero h1{font-size:2.25rem!important}}

/* Production accessibility/privacy additions */
.cookie-consent{position:fixed;z-index:9999;left:20px;right:20px;bottom:20px;max-width:900px;margin:auto;background:var(--card,#fff);color:var(--text,#132b4d);border:1px solid var(--border,#dbe5f2);border-radius:18px;padding:18px 20px;box-shadow:0 18px 60px rgba(0,0,0,.22);display:flex;align-items:center;justify-content:space-between;gap:20px}.cookie-consent p{margin:5px 0 0;max-width:620px}.cookie-actions{display:flex;gap:10px;flex:0 0 auto}:focus-visible{outline:3px solid #ff6b2c;outline-offset:3px}@media(max-width:700px){.cookie-consent{align-items:stretch;flex-direction:column}.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* v9 launch refinements: mobile usability + rendering performance */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
img { max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
@media (max-width: 768px) {
  input, select, textarea { font-size: 16px; }
  button, .btn, a.btn { min-height: 44px; }
  .container { width: min(100% - 28px, 1180px); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}