@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{color:#17232c;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f9fa;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f7f9fa;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{background:#f7f9fa;min-height:100vh;overflow:hidden}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-bottom:1px solid #e4e9ec;height:74px;position:relative}.nav-inner{justify-content:space-between;align-items:center;max-width:1280px;height:100%;margin:auto;padding:0 32px;display:flex}.brand{letter-spacing:-.045em;color:#17232c;background:0 0;border:0;align-items:center;gap:11px;font-size:18px;font-weight:800;display:flex}.brand-mark{color:#fff;background:#f47b2a;border-radius:9px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 6px 18px #f47b2a40}.brand-accent,.footer-brand span{color:#f47b2a}.nav-links{align-items:center;gap:34px;margin-left:70px;display:flex}.nav-links a,.nav-convert{color:#65737c;background:0 0;border:0;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s}.nav-links a:hover,.nav-convert:hover{color:#f47b2a}.nav-convert{align-items:center;gap:7px;display:flex}.nav-actions{align-items:center;gap:20px;display:flex}.status-chip{letter-spacing:.04em;color:#75828a;align-items:center;gap:8px;font:500 10px DM Mono,monospace;display:flex}.status-dot,.live-dot,.pulse-dot{background:#55a970;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #55a9701a}.menu-button{color:#1c2a33;background:0 0;border:0;display:none}.hero{background:radial-gradient(circle at 80%,#f47b2a14,#0000 30%),linear-gradient(135deg,#f0f4f5 0%,#e8edef 100%);border-bottom:1px solid #e1e7e9;align-items:center;min-height:540px;display:flex;position:relative;overflow:hidden}.hero-grid{opacity:.45;background-image:linear-gradient(#d3dddf 1px,#0000 1px),linear-gradient(90deg,#d3dddf 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0 48% 0 0;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.hero-inner{z-index:2;width:1280px;margin:0 auto;padding:85px 32px;position:relative}.eyebrow,.section-kicker{color:#ed7627;letter-spacing:.17em;font:500 10px DM Mono,monospace}.eyebrow{align-items:center;gap:10px;margin-bottom:23px;display:flex}.eyebrow-line{background:#f47b2a;width:25px;height:1px}.hero h1{letter-spacing:-.065em;color:#16232d;max-width:720px;margin:0;font-size:clamp(46px,5.6vw,76px);font-weight:800;line-height:1.02}.hero h1 span,.principles h2 span{color:#f47b2a}.hero p{color:#65747c;max-width:500px;margin:25px 0 31px;font-size:14px;line-height:1.75}.hero-actions{align-items:center;gap:26px;display:flex}.primary-button,.outline-button{color:#fff;background:#f47b2a;border:1px solid #f47b2a;border-radius:7px;align-items:center;gap:10px;padding:14px 20px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 10px 25px #f47b2a38}.primary-button:hover,.outline-button:hover{background:#df681d;transform:translateY(-2px);box-shadow:0 14px 28px #f47b2a45}.text-button{color:#52616a;background:0 0;border:0;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.text-button:hover{color:#f47b2a}.hero-note{color:#718087;align-items:center;gap:8px;margin-top:48px;font:500 10px DM Mono,monospace;display:flex}.hero-note svg{color:#55a970}.hero-note span{background:#c3cdce;width:1px;height:14px;margin:0 5px}.hero-graphic{opacity:.9;border:1px solid #cfdadb;border-radius:50%;width:530px;height:530px;position:absolute;top:5px;right:7%}.orbital{border:1px dashed #c3cecf;border-radius:50%;position:absolute;inset:60px;transform:rotate(-35deg)skew(-15deg)}.orbital-two{inset:110px 25px;transform:rotate(25deg)skew(-22deg)}.graphic-center{color:#fff;background:#1d2d36;border-radius:50%;place-items:center;width:105px;height:105px;font:500 38px DM Mono,monospace;display:grid;position:absolute;top:212px;left:212px;box-shadow:0 0 0 15px #1d2d3614,0 0 0 30px #1d2d360a}.graphic-center small{color:#f47b2a;font-size:11px;position:absolute;top:25px;left:73px}.graphic-tag{color:#74838a;letter-spacing:.1em;background:#edf2f3;padding:7px 9px;font:500 9px DM Mono,monospace;position:absolute}.tag-one{top:100px;left:-25px}.tag-two{color:#f47b2a;bottom:115px;right:-20px}.axis{background:#c7d3d4;position:absolute}.axis-x{width:150px;height:1px;top:265px;left:190px}.axis-y{width:1px;height:150px;top:190px;left:265px}.category-strip{max-width:1280px;margin:auto;padding:48px 32px 52px}.category-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:22px;display:grid}.category-card{text-align:left;background:#fff;border:1px solid #dfe6e8;border-radius:9px;align-items:center;gap:13px;min-height:88px;padding:18px;transition:all .2s;display:flex}.category-card:hover,.category-card.selected{border-color:#f47b2a;transform:translateY(-3px);box-shadow:0 12px 28px #1f303814}.category-card.disabled{opacity:.55;cursor:not-allowed}.category-icon,.tool-icon{border-radius:7px;flex:none;place-items:center;width:39px;height:39px;display:grid}.category-icon.orange,.tool-icon.orange{color:#ed7627;background:#fff0e5}.category-icon.green,.tool-icon.green{color:#4b9968;background:#e9f5ed}.category-icon.blue,.tool-icon.blue{color:#427ba2;background:#e9f1f7}.category-icon.slate{color:#718087;background:#e9eeef}.category-copy{gap:4px;display:grid}.category-copy strong{color:#283740;font-size:12px}.category-copy small{color:#849197;font-size:10px}.category-count,.coming{color:#98a4a8;align-self:flex-start;margin-left:auto;font:500 10px DM Mono,monospace}.coming{color:#b0b9ba}.workspace{max-width:1280px;margin:auto;padding:25px 32px 95px;scroll-margin-top:30px}.workspace-head{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.workspace h2,.principles h2{letter-spacing:-.05em;color:#1b2932;margin:12px 0 0;font-size:31px;line-height:1.15}.workspace-meta{color:#849197;align-items:center;gap:25px;font:500 10px DM Mono,monospace;display:flex}.live-dot{width:5px;height:5px;margin-right:5px;box-shadow:0 0 0 3px #55a9701a}.engineering-toggle{color:#54636a;background:0 0;border:0;align-items:center;gap:8px;font:500 10px DM Mono,monospace;display:flex}.toggle-track{background:#c6d0d1;border-radius:20px;width:29px;height:17px;padding:2px;transition:all .2s}.toggle-track span{background:#fff;border-radius:50%;width:13px;height:13px;transition:all .2s;display:block}.engineering-toggle.on .toggle-track{background:#f47b2a}.engineering-toggle.on .toggle-track span{transform:translate(12px)}.tool-layout{grid-template-columns:255px 1fr;align-items:start;gap:20px;display:grid}.tool-list{background:#fff;border:1px solid #dfe6e8;border-radius:9px;padding:9px;box-shadow:0 8px 25px #2332390a}.list-search{color:#93a0a5;border-bottom:1px solid #e7eded;align-items:center;gap:9px;height:40px;margin-bottom:6px;padding:0 11px;font:500 10px DM Mono,monospace;display:flex}.tool-item{text-align:left;color:#718087;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:11px;width:100%;padding:11px 8px;transition:all .15s;display:flex}.tool-item:hover{background:#f4f7f7}.tool-item.active{color:#293943;background:#fff2e8;border-color:#f8d9c4}.tool-icon{width:31px;height:31px}.tool-item strong,.tool-item small{display:block}.tool-item strong{font-size:11px;font-weight:800}.tool-item small{color:#98a3a7;margin-top:3px;font:500 9px DM Mono,monospace}.tool-chevron{opacity:0;margin-left:auto;transform:rotate(-90deg)}.tool-item.active .tool-chevron{opacity:1;color:#f47b2a}.calculator-panel{background:#fff;border:1px solid #dfe6e8;border-radius:9px;overflow:hidden;box-shadow:0 14px 35px #283a4012}.panel-title{border-bottom:1px solid #edf1f1;justify-content:space-between;padding:27px 28px 23px;display:flex}.mini-label{letter-spacing:.13em;font:500 9px DM Mono,monospace}.mini-label.orange{color:#ed7627}.mini-label.green{color:#4d9a6a}.mini-label.blue{color:#447da6}.panel-title h3{letter-spacing:-.04em;color:#1b2932;margin:8px 0 5px;font-size:24px}.panel-title p{color:#819095;margin:0;font-size:11px}.formula-badge{color:#ed7627;background:#fffaf7;border:1px solid #e4eaeb;border-radius:6px;align-self:start;padding:10px 14px;font:500 12px DM Mono,monospace}.panel-body{grid-template-columns:1fr 1.05fr;gap:38px;padding:28px;display:grid}.input-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.input-heading span{color:#7b888e;letter-spacing:.12em;font:500 9px DM Mono,monospace}.input-heading small{color:#b0b9bb;font-size:10px}.input-row{margin-bottom:17px;display:block}.field-label{color:#57666d;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.field-label b{color:#ed7627;background:#fff0e6;border-radius:5px;place-items:center;min-width:23px;height:23px;font:500 11px DM Mono,monospace;display:grid}.input-control{height:43px;display:flex}.input-control input{color:#293943;background:#fff;border:1px solid #d9e2e3;border-right:0;border-radius:6px 0 0 6px;outline:none;flex:1;min-width:0;padding:0 13px;font:500 12px DM Mono,monospace;transition:all .2s}.input-control input:focus,.input-control select:focus{border-color:#f47b2a;box-shadow:inset 0 0 0 1px #f47b2a}.input-control select{color:#718087;background:#fafcfc;border:1px solid #d9e2e3;border-radius:0 6px 6px 0;outline:none;width:82px;font:500 10px DM Mono,monospace}.calculate-button{color:#fff;background:#1f3038;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;height:43px;margin-top:28px;font-size:11px;font-weight:800;transition:all .2s;display:flex}.calculate-button:hover{background:#f47b2a;transform:translateY(-1px)}.calculate-button span{color:#95a2a5;margin-left:7px;font:500 11px DM Mono,monospace}.result-card{color:#fff;background:radial-gradient(circle at 85% 80%,#f47b2a29,#0000 30%),#1f3038;border-radius:7px;min-height:185px;padding:22px 24px 19px;position:relative;overflow:hidden;box-shadow:0 12px 25px #19282f1f}.result-card:after{content:"";border:1px solid #ffffff12;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-75px;right:-45px;box-shadow:0 0 0 16px #ffffff06,0 0 0 33px #ffffff04}.result-top{color:#9babad;letter-spacing:.1em;justify-content:space-between;font:500 9px DM Mono,monospace;display:flex}.result-check{color:#76bf90;letter-spacing:0;align-items:center;gap:4px;display:flex}.result-number{letter-spacing:-.07em;z-index:1;margin-top:26px;font:500 38px DM Mono,monospace;position:relative}.result-number small{color:#95a6a9;letter-spacing:0;font-size:12px}.result-underline{background:#f47b2a;width:45px;height:2px;margin:14px 0 16px}.result-formula{color:#91a1a4;align-items:center;gap:10px;font-size:10px;display:flex}.result-formula strong{color:#e5ecec;font:500 11px DM Mono,monospace}.diagram-wrap{background:#fbfcfc;border:1px solid #e2e9ea;border-radius:7px;margin-top:17px;padding:15px 16px 10px}.diagram-label{color:#a1abad;letter-spacing:.09em;align-items:center;gap:7px;font:500 8px DM Mono,monospace;display:flex}.pulse-dot{width:5px;height:5px;box-shadow:0 0 0 3px #5cab7717}.diagram-svg{width:100%;height:108px;margin-top:5px;display:block}.diagram-text{fill:#829095;font:10px DM Mono,monospace}.block{fill:#edf1f1;stroke:#aab9ba;stroke-width:1px}.force-line,.force-arrow{fill:none;stroke:#f47b2a;stroke-width:2px}.measure-line,.diagram-measure{fill:none;stroke:#9aabad;stroke-width:1px}.gear-fill{fill:#efeee9;stroke:#9cacac;stroke-width:3px;stroke-dasharray:4 3}.gear-fill.blue{fill:#e3eef2;stroke:#6f9aaa}.gear-hole{fill:#fbfcfc;stroke:#9cacac}.gear-teeth{fill:none;stroke:#9cacac;stroke-width:4px;stroke-linecap:round}.gear-spin{transform-box:fill-box;transform-origin:50%}.gear-spin.slow{animation:10s linear infinite spin}.gear-spin.fast{animation:5s linear infinite spin-reverse}.spring-line{fill:none;stroke:#f47b2a;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.spring-move{transform-origin:50%;animation:2s ease-in-out infinite spring}.bar-base{fill:#ecf1f1;stroke:#a4b3b3}.bar-active{fill:#d9eee1;stroke:#5baa77;transform-origin:0;animation:2s ease-in-out infinite stretch}.diagram-readout{color:#a4afb2;border-top:1px solid #ebefef;justify-content:space-between;padding-top:9px;font:500 9px DM Mono,monospace;display:flex}.diagram-readout strong{color:#5baf77;font-weight:500}.engineering-panel{background:#f9fbfb;border-top:1px solid #e6ecec;padding:20px 28px}.engineering-title{align-items:center;gap:9px;display:flex}.spark-icon{color:#f47b2a;background:#fff0e6;border-radius:5px;place-items:center;width:29px;height:29px;display:grid}.engineering-title strong,.engineering-title small{display:block}.engineering-title strong{font-size:11px}.engineering-title small{color:#98a3a7;margin-top:3px;font-size:10px}.working-steps{grid-template-columns:repeat(4,1fr);gap:11px;margin-top:17px;display:grid}.working-steps>div{background:#fff;border-left:2px solid #dfe7e7;border-radius:0 5px 5px 0;gap:5px;padding:12px;display:grid}.working-steps>div.final-step{background:#fff5ed;border-color:#f47b2a}.working-steps span{color:#b1bdbe;font:500 9px DM Mono,monospace}.working-steps b{color:#34454c;text-overflow:ellipsis;white-space:nowrap;font:500 11px DM Mono,monospace;overflow:hidden}.working-steps small{color:#95a2a6;font-size:9px}.principles{border-top:1px solid #e1e8e8;grid-template-columns:1fr 1.35fr;gap:90px;max-width:1280px;margin:auto;padding:90px 32px 100px;display:grid}.principles h2{font-size:37px}.principles-copy p{color:#7e8c91;max-width:410px;margin:24px 0 27px;font-size:12px;line-height:1.85}.outline-button{color:#f47b2a;box-shadow:none;background:0 0}.outline-button:hover{color:#fff}.principle-cards{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.principle-card{border-top:2px solid #dbe4e3;padding-top:15px;position:relative}.principle-number{color:#b3bec0;font:500 9px DM Mono,monospace}.principle-icon{color:#f47b2a;background:#fff0e6;border-radius:6px;place-items:center;width:38px;height:38px;margin:31px 0 18px;display:grid}.principle-card h3{margin:0 0 10px;font-size:12px}.principle-card p{color:#89959a;margin:0;font-size:10px;line-height:1.75}footer{color:#9ca7aa;border-top:1px solid #e0e7e7;align-items:center;gap:20px;max-width:1280px;min-height:75px;margin:auto;padding:0 32px;font-size:10px;display:flex}.footer-brand{color:#526168;align-items:center;gap:8px;font-size:13px;display:flex}.footer-brand .brand-mark{border-radius:6px;width:27px;height:27px}.footer-brand span{color:#f47b2a}.footer-brand+span{margin-right:auto}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#17262ab8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.converter-modal{background:#fff;border-radius:10px;width:min(440px,100%);padding:29px;animation:.25s ease-out modal-in;box-shadow:0 30px 80px #0d1b2047}.modal-head{justify-content:space-between;align-items:start;display:flex}.modal-head h2{letter-spacing:-.04em;margin:8px 0 24px;font-size:25px}.modal-head button{color:#738087;background:#edf2f2;border:0;border-radius:5px;padding:8px}.modal-head button:hover{background:#e3e9e9}.converter-tabs{border-bottom:1px solid #e0e7e7;gap:5px;margin-bottom:23px;display:flex}.converter-tabs button{color:#879397;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 10px 11px;font-size:10px;font-weight:700}.converter-tabs button.active{color:#ed7627;border-color:#ed7627}.converter-field{color:#708087;gap:8px;font-size:10px;font-weight:700;display:grid}.converter-field input{border:1px solid #dce5e5;border-radius:5px;outline-color:#f47b2a;height:42px;padding:0 12px;font:500 13px DM Mono,monospace}.conversion-row{color:#a0abad;align-items:center;gap:10px;margin-top:16px;display:flex}.conversion-row select{color:#506168;background:#fff;border:1px solid #dce5e5;border-radius:5px;flex:1;height:41px;padding:0 10px;font:500 11px DM Mono,monospace}.conversion-result{color:#a0adaf;background:#1f3038;border-radius:7px;margin-top:23px;padding:20px;font:500 10px DM Mono,monospace}.conversion-result strong{color:#fff;margin-top:8px;font-size:26px;display:block}.conversion-result small{color:#9caaad;font-size:11px}.modal-note{color:#839094;align-items:center;gap:7px;margin-top:17px;font-size:10px;display:flex}.modal-note svg{color:#5baf77}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}@keyframes spring{0%,to{transform:scaleX(.94)}50%{transform:scaleX(1)}}@keyframes stretch{0%,to{transform:scaleX(.88)}50%{transform:scaleX(1)}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.hero-graphic{opacity:.42;right:-150px}.hero-inner{padding-left:28px}.principles{gap:40px}.tool-layout{grid-template-columns:205px 1fr}.panel-body{grid-template-columns:1fr}.result-column{grid-template-columns:1fr 1fr;gap:13px;display:grid}.diagram-wrap{margin-top:0}.working-steps{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.topbar{height:62px}.nav-inner{padding:0 18px}.status-chip{display:none}.menu-button{display:block}.nav-links{background:#fff;border-bottom:1px solid #e1e7e8;flex-direction:column;align-items:start;gap:18px;padding:20px;display:none;position:absolute;top:62px;left:0;right:0;box-shadow:0 12px 25px #1f303814}.nav-links.open{display:flex}.hero{min-height:590px}.hero-inner{padding:60px 20px}.hero h1{font-size:46px}.hero p{font-size:13px}.hero-actions{flex-direction:column;align-items:start;gap:18px}.hero-note{flex-wrap:wrap;max-width:280px;margin-top:34px}.hero-note span{display:none}.hero-graphic{width:300px;height:300px;top:285px;right:-72px}.graphic-center{width:62px;height:62px;font-size:25px;top:119px;left:119px}.graphic-center small{top:14px;left:43px}.axis-x{width:90px;top:150px;left:105px}.axis-y{height:90px;top:105px;left:150px}.orbital{inset:34px}.orbital-two{inset:63px 14px}.tag-one{top:52px;left:-16px}.tag-two{bottom:63px;right:-11px}.category-strip,.workspace,.principles{padding-left:18px;padding-right:18px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{padding:13px}.category-copy small{display:none}.workspace-head{display:block}.workspace-meta{justify-content:space-between;margin-top:18px}.tool-layout{display:block}.tool-list{gap:6px;margin-bottom:13px;padding:7px;display:flex;overflow-x:auto}.list-search{display:none}.tool-item{min-width:115px;padding:10px;display:block}.tool-item .tool-icon{margin-bottom:7px}.tool-item small{margin-top:4px}.tool-chevron{display:none}.panel-title,.panel-body{padding:19px}.result-column{display:block}.diagram-wrap{margin-top:15px}.engineering-panel{padding:18px 19px}.working-steps{grid-template-columns:1fr 1fr}.working-steps b{font-size:10px}.principles{padding-top:62px;display:block}.principles h2{font-size:31px}.principle-cards{margin-top:42px}.principle-card p{font-size:10px}.principle-icon{margin-top:23px}.principles-copy p{font-size:11px}footer{flex-wrap:wrap;gap:9px 15px;padding:18px}.footer-brand+span{order:3;width:100%;margin-right:0}}@media (width<=420px){.category-grid,.category-card{gap:7px}.category-icon{width:29px;height:29px}.category-copy strong{font-size:10px}.category-count{font-size:9px}.panel-title{display:block}.formula-badge{margin-top:15px;display:inline-block}.hero h1{font-size:40px}.hero-note{font-size:9px}.principle-cards{grid-template-columns:1fr;gap:23px}}