/* CHAAAM engineering tool landing pages — indexable, informative and responsive */
:root{color-scheme:light;--ink:#18314f;--muted:#637c9a;--border:#dfe9f5;--blue:#2b67d6;--surface:#f7faff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#f9fbff;color:var(--ink);font:14px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:#2862ba}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid #81a8ef;outline-offset:3px}
.wrap{width:min(1300px,100%);padding:0 22px;margin:0 auto}.skip{position:absolute;z-index:99;top:-100px;left:20px;background:#fff;padding:10px}.skip:focus{top:8px}
.topbar{background:#fff;border-bottom:1px solid #e3eaf5}.head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:73px}.brand{font-weight:850;font-size:29px;letter-spacing:-2px;color:#19345b}.brand span{color:#5288eb}.brand b{color:#e46b9b}.head nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.head nav a{font-size:12px;font-weight:750;color:#566f8e}
.breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:22px 0 5px;font-size:11px;color:#7d91ac}.breadcrumb span[aria-current]{color:#315d94;font-weight:750}
.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.65fr);align-items:center;gap:45px;padding:35px 0 30px}.eyebrow{color:#3a74c1;text-transform:uppercase;letter-spacing:1.4px;font-size:10px;font-weight:850;margin:0 0 10px}.hero h1{max-width:900px;font-size:clamp(31px,3.7vw,51px);line-height:1.14;letter-spacing:-1.6px;margin:0 0 14px;font-weight:850}.lead{max-width:830px;font-size:14px;line-height:1.75;color:#637a99;margin:0 0 18px}.hero-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cta,.open-full{border-radius:9px;padding:11px 16px;font-size:12px;font-weight:780;display:inline-flex;gap:12px;align-items:center;justify-content:space-between}.cta{background:#2b68d9;color:#fff;box-shadow:0 6px 17px #2459c31c}.cta:hover{background:#2058c1;color:#fff;text-decoration:none}.open-full{border:1px solid #d6e2f2;background:#fff}.local{font-size:11px;color:#6b8b9c;margin:16px 0 0}.local span:first-child{color:#1baf85}
.hero-graphic{max-width:380px;width:100%;justify-self:end;background:#fff;border:1px solid #dfeafa;border-radius:17px;box-shadow:0 18px 42px #1d41791b;padding:19px;transform:rotate(1deg)}.graphic-top{font-size:10px;font-weight:840;color:#356dc3;display:flex;justify-content:space-between;gap:10px;letter-spacing:1px}.graphic-top span{color:#8698b2}.graphic-panel{display:flex;align-items:center;gap:15px;background:linear-gradient(125deg,#e8f1ff,#f6fbff);padding:22px 15px;margin-top:14px;border-radius:13px}.symbol{height:70px;width:74px;border:2px solid #b6cdee;border-radius:13px;background:#fff;display:grid;place-items:center;font-size:38px;color:#3674d8}.symbol-lines{flex:1;display:grid;gap:9px}.symbol-lines span{height:8px;width:100%;background:#bdd4f3;border-radius:6px}.symbol-lines span:nth-child(2){width:75%}.symbol-lines span:nth-child(3){width:58%}.graphic-check{display:grid;place-items:center;background:#daf8e8;width:30px;height:30px;border-radius:50%;color:#18936f;font-weight:850}.hero-graphic>p{text-align:center;font-size:10px;color:#91a5c0;letter-spacing:.6px;font-weight:760;margin:13px 0 0}.hero-graphic>p span{margin:0 8px;color:#3977d6}
.calculator{scroll-margin-top:10px;background:#fff;border:1px solid #dee8f4;border-radius:16px;box-shadow:0 9px 34px #2346750b;overflow:hidden}.calculator-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 24px;background:linear-gradient(95deg,#f9fcff,#eff6ff);border-bottom:1px solid #e4edf8}.calculator-head h2{font-size:23px;letter-spacing:-.6px;margin:0 0 4px}.calculator-head p:not(.eyebrow){font-size:12px;color:#6c809c;margin:0}.calculator-head .eyebrow{margin-bottom:5px}.chip{border-radius:8px;background:#e6f0ff;color:#356ab5;font-size:10px;font-weight:800;padding:7px 11px;white-space:nowrap}
#toolFrame{border:0;display:block;width:100%;height:940px;max-width:100%;background:#fff}noscript p{padding:20px}
.content-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(245px,.72fr);align-items:start;gap:30px;padding:34px 0 60px}.guide{padding:0 5px}.guide h2{font-size:22px;letter-spacing:-.6px;margin:27px 0 10px}.guide h2:first-child{margin-top:0}.guide h3{font-size:15px;margin:14px 0 4px}.guide p,.guide li{color:#566e8b;font-size:13px;line-height:1.8}.guide ul{padding-left:21px}.guide li{margin:6px 0}.example{background:linear-gradient(120deg,#f0f6ff,#fafcff);border-left:3px solid #4883d6;border-radius:9px;padding:16px 19px;margin:21px 0}.example p{margin:6px 0 0;color:#244e86}.example-tag{font-size:10px;font-weight:850;letter-spacing:1.2px;color:#3b70b6}.reference{padding-top:6px;font-size:12px}.faq-item{border-top:1px solid #e5ecf6;padding:9px 0}.faq-item p{margin:0 0 9px}.safety{background:#fff8ed;border:1px solid #f5e5c8;border-radius:11px;padding:13px 15px}.side{position:sticky;top:14px;display:grid;gap:13px}.side-panel{background:#fff;border:1px solid #e1eaf6;box-shadow:0 5px 25px #23467508;border-radius:13px;padding:18px}.side-panel h3{font-size:14px;margin:0 0 12px}.side-panel>a:not(.side-action){display:grid;gap:4px;border-bottom:1px solid #e7edf6;padding:11px 0}.side-panel>a:not(.side-action):last-child{border:0}.side-panel>a strong{font-size:12px}.side-panel>a span{color:#8394ae;font-size:10px}.side-panel p{font-size:12px;color:#6e839f}.side-action{display:block;background:#eef5ff;padding:11px;border-radius:8px;text-align:center;font-weight:760;font-size:11px}.foot{border-top:1px solid #e0e9f4;padding:18px 0;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#8296ae;font-size:11px}.foot nav{display:flex;gap:16px}footer{background:#fff}
@media(max-width:920px){.hero{grid-template-columns:1fr;gap:0}.hero-graphic{display:none}.content-grid{grid-template-columns:1fr}.side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.wrap{padding:0 17px}}
@media(max-width:590px){.head{min-height:65px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.brand{font-size:26px}.head nav{gap:11px}.head nav a{font-size:11px}.wrap{padding:0 12px}.hero{padding-top:25px}.hero h1{font-size:31px;letter-spacing:-1px}.lead{font-size:12px}.hero-links{align-items:stretch}.hero-links a{font-size:11px}.calculator-head{padding:16px;flex-wrap:wrap}.calculator-head h2{font-size:20px}.chip{display:none}.content-grid{padding-top:25px;gap:15px}.guide h2{font-size:20px}.side{grid-template-columns:1fr}#toolFrame{height:1000px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}