*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f8f8;color:#14313d;font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ed875a;outline-offset:5px}.skip-link{position:fixed;top:-100px;left:16px;padding:12px;background:#102d39;color:white;z-index:100}.skip-link:focus{top:8px}.topbar{background:white;border-bottom:1px solid #dbe5e8}.header-inner{max-width:1220px;margin:auto;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:23px;letter-spacing:-.7px;white-space:nowrap;direction:ltr}.brand strong{color:#0a938e;font-weight:750}.brand-icon{background:#102d39;width:44px;height:44px;border-radius:12px;display:grid;place-items:center}.brand-icon svg{width:31px;fill:none;stroke:white;stroke-width:1.6;stroke-linejoin:round}.header-actions{display:flex;align-items:center;gap:26px}.local-badge{font-size:11px;color:#6c828b;display:flex;align-items:center;gap:9px}.local-badge i{width:7px;height:7px;background:#2aaf84;border-radius:50%;box-shadow:0 0 0 4px #e5f5ee;flex:none}.language-picker{position:relative;z-index:10}#languageButton{border:1px solid #d7e3e7;background:white;display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:7px;color:#244651;cursor:pointer;font-size:12px;min-height:40px}.language-picker img{width:22px;height:16px;object-fit:cover;border-radius:2px}#languageMenu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);background:white;border:1px solid #d7e3e7;box-shadow:0 12px 32px #173b4820;border-radius:10px;width:180px;max-height:70dvh;overflow:auto;padding:6px}#languageMenu[hidden]{display:none}#languageMenu button{display:flex;align-items:center;gap:10px;border:0;background:white;width:100%;text-align:start;padding:9px;border-radius:5px;cursor:pointer;color:#244651;font-size:12px}#languageMenu button:hover,#languageMenu button[aria-selected=true]{background:#eaf6f4;color:#078c85}main{max-width:1220px;margin:auto;padding:0 28px 32px}.hero{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:38px 0 30px}.hero-copy{max-width:620px}.eyebrow{margin:0 0 13px;color:#67808a;font-size:10px;font-weight:750;letter-spacing:2.2px}h1{font-size:48px;line-height:1.06;letter-spacing:-1.8px;font-weight:730;margin:0}h1 em{font-style:normal;color:#0a938e}.intro{font-size:14px;line-height:1.7;max-width:510px;color:#6b818b;margin:17px 0 0}.hero-art{position:relative;flex:0 1 380px;max-width:380px;min-width:260px;opacity:.9;direction:ltr}.hero-art svg{display:block;width:100%}.drawing-stamp{position:absolute;bottom:2px;right:8px;font-family:monospace;font-size:10px;letter-spacing:2px;color:#8da5ac}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{font-size:15px;margin:0;font-weight:650}.section-heading>span{font-size:11px;color:#82969e}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tool-card{--accent:#0b9990;--tint:#e5f5f1;position:relative;display:flex;text-decoration:none;background:white;border:1px solid #d9e4e7;border-radius:13px;padding:24px;min-width:0;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}.tool-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 10px 26px #173b480b}.pipe{--accent:#337baf;--tint:#e8f1f9}.section{--accent:#b98132;--tint:#fbf2e4}.nesting{--accent:#7866af;--tint:#f0edf8}.card-content{position:relative;z-index:1;width:calc(100% - 132px);min-width:0;display:flex;flex-direction:column}.card-category{display:flex;align-items:center;gap:9px;color:var(--accent);font-size:9px;font-weight:750;letter-spacing:1px;margin:0 0 14px;min-height:20px}.card-number{font-family:monospace;color:#91a3aa;font-size:10px;letter-spacing:0}.card-content h3{margin:0 0 10px;font-size:25px;letter-spacing:-.8px;font-weight:730;direction:ltr;text-align:start}.card-content h3 span{color:var(--accent)}.description{color:#6b818b;font-size:12px;line-height:1.7;margin:0 0 13px;min-height:61px}.formats{font-family:"Segoe UI",Arial,sans-serif;font-size:9px;color:#8ca0a8;letter-spacing:.1px;margin:0 0 19px}.card-action{display:flex;align-items:center;gap:16px;color:var(--accent);font-size:11px;font-weight:700;margin-top:auto}.card-action>span:last-child{font-size:19px;line-height:1;transition:transform .18s}.tool-card:hover .card-action>span:last-child{transform:translate(2px,-2px)}.card-art{position:absolute;inset-inline-end:14px;top:44px;width:142px;fill:none;stroke:var(--accent);stroke-width:1.15;stroke-linejoin:round;opacity:.72;pointer-events:none}.card-art .solid{fill:var(--tint)}.card-art .guide{stroke-dasharray:3 3;opacity:.6}footer{max-width:1220px;padding:0 28px 25px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8b9da5;font-size:10px}footer>div{display:flex;align-items:center;gap:16px}.footer-mark{font-weight:750;color:#66818a;direction:ltr}.footer-links a{text-decoration:none}.footer-links a:hover{color:#0a938e;text-decoration:underline}[dir=rtl] .card-content h3{text-align:right}[dir=rtl] .eyebrow,[dir=rtl] .card-category{letter-spacing:0}
@media(min-width:1400px){.hero{padding:48px 0 38px}.tool-card{padding:28px}.description{font-size:13px}.card-art{width:155px}}
@media(max-width:1000px){.local-badge{display:none}.hero{gap:20px}.hero-art{max-width:300px;min-width:200px}.card-art{width:108px;inset-inline-end:8px;top:58px}.card-content{width:calc(100% - 90px)}.tool-card{padding:20px}.card-category{font-size:8px}.description{min-height:82px}.card-content h3{font-size:22px}}
@media(max-width:700px){.header-inner{height:72px;padding:0 20px}.brand{font-size:20px;gap:9px}.brand-icon{width:37px;height:37px;border-radius:10px}.brand-icon svg{width:27px}#languageButton{padding:8px;gap:6px}#currentLanguage{display:none}main{padding:0 20px 28px}.hero{padding:32px 0 29px}.hero-art{display:none}h1{font-size:42px}.intro{font-size:13px;margin-top:14px}.section-heading{align-items:flex-start}.section-heading>span{max-width:110px;text-align:end;font-size:10px}.tool-grid{grid-template-columns:1fr;gap:14px}.tool-card{padding:23px;min-height:218px}.card-content{width:calc(100% - 105px)}.card-art{width:122px;top:52px;inset-inline-end:10px}.card-category{font-size:8px;letter-spacing:.7px}.card-content h3{font-size:24px}.description{min-height:0;font-size:12px}.formats{margin-bottom:16px}footer{padding:0 20px 24px;align-items:flex-start;flex-wrap:wrap}footer>div{flex-wrap:wrap;gap:9px}.footer-links{width:100%;padding-top:10px;border-top:1px solid #dce6e8}}
@media(max-width:370px){.brand{font-size:18px}.card-art{width:85px}.card-content{width:calc(100% - 67px)}h1{font-size:38px}.tool-card{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tool-card,.card-action>span:last-child{transition:none}.tool-card:hover{transform:none}}

.tool-card.layman{--accent:#b65a42;--tint:#faeee9}

.tool-card.quality{--accent:#536dad;--tint:#edf0fa;display:block;padding:0;align-self:start}.quality>summary{display:flex;position:relative;list-style:none;cursor:pointer;padding:24px}.quality>summary::-webkit-details-marker{display:none}.quality>summary:focus-visible{outline:3px solid var(--accent);outline-offset:-4px;border-radius:14px}.quality-chevron{display:inline-block;transition:transform .15s}.quality[open] .quality-chevron{transform:rotate(180deg)}.quality-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 24px 24px}.quality-links a{display:flex;align-items:center;min-height:43px;border:1px solid #d7e3e7;border-radius:7px;padding:10px 12px;font-size:12px;color:inherit;text-decoration:none;line-height:1.4}.quality-links a:hover,.quality-links a:focus-visible{background:var(--tint);border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}

.tool-grid:has(.quality[open])>.layman{align-self:start}

.tool-card.bolt{--accent:#39777c;--tint:#e9f3f1;align-self:start}

.tool-card.gear{--accent:#397f68;--tint:#e8f4ef;align-self:start}

.tool-card.unit{--accent:#257b94;--tint:#e6f3f8;align-self:start}

.tool-card.material{--accent:#337b71;--tint:#eef6f3;align-self:start}

.tool-card.spring{--accent:#398c75}.spring .card-art{stroke:#398c75}

.tool-card.fit{--accent:#337fa0;--tint:#e8f2f8}