:root{--orange:#ff6a00;--black:#111;--graphite:#202020;--panel:#292929;--white:#fff;--gray:#bdbdbd;--green:#2ecc71;--red:#e53935;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--graphite);color:#fff;font-family:Inter,Arial,sans-serif;line-height:1.45}button,input,select{font:inherit}.topbar{position:sticky;top:0;z-index:20;min-height:68px;padding:0 max(18px,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:space-between;background:#111f;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:baseline;gap:8px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.05em}.brand .logo{font-size:2rem;color:var(--orange)}.brand small{font-size:.6rem;color:var(--gray)}.install{background:var(--orange);color:#fff;border:0;padding:9px 13px;font-weight:700}.hero{width:min(var(--max),calc(100% - 32px));margin:auto;min-height:440px;display:grid;grid-template-columns:1.05fr .95fr;border-inline:1px solid #ffffff18}.hero>div:first-child{padding:70px 40px}.kicker{color:var(--orange);font-size:.7rem;font-weight:800;letter-spacing:.14em}.hero h1,.panel-head h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.055em}.hero h1{font-size:clamp(3.1rem,7vw,6.5rem);line-height:.88;margin:24px 0}.hero h1 span{color:var(--orange)}.lead{max-width:620px;color:#ddd}.hero-grid{position:relative;overflow:hidden;border-left:1px solid #ffffff18;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:56px 56px}.hero-grid i{position:absolute;height:2px;background:var(--orange);box-shadow:0 0 14px #ff6a0080;transform-origin:left}.hero-grid i:nth-child(1){width:70%;left:10%;top:25%;transform:rotate(30deg)}.hero-grid i:nth-child(2){width:55%;left:25%;top:58%;transform:rotate(-38deg)}.hero-grid i:nth-child(3){width:40%;left:45%;top:20%;transform:rotate(88deg)}.tool-nav{position:sticky;top:68px;z-index:15;width:min(var(--max),calc(100% - 32px));margin:auto;display:grid;grid-template-columns:repeat(9,1fr);background:#111;border:1px solid #ffffff18}.tool-nav button{min-height:58px;background:transparent;color:#fff;border:0;border-right:1px solid #ffffff18;font-size:.7rem;font-weight:700;cursor:pointer}.tool-nav button.active,.tool-nav button:hover{background:var(--orange)}.notice{width:min(var(--max),calc(100% - 32px));margin:20px auto;padding:18px 20px;display:grid;grid-template-columns:120px 1fr;gap:20px;border-left:4px solid var(--orange);background:#ffffff0b}.notice p{margin:0;color:#ccc}.tool-panel{display:none;width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:80px 0}.tool-panel.active{display:block}.panel-head{display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid #ffffff22;padding-bottom:28px}.panel-head>span{color:var(--orange);font-weight:800}.panel-head p{margin:0;color:var(--orange);font-size:.7rem;font-weight:800;letter-spacing:.13em}.panel-head h2{font-size:clamp(2.5rem,6vw,5.2rem);line-height:.95;margin:12px 0}.calc-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-top:36px}.form-card,.result-card{background:#111;border:1px solid #ffffff1b;padding:26px}.form-card{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-card label{display:grid;gap:7px;font-size:.78rem;font-weight:700}.form-card input,.form-card select{width:100%;min-height:46px;padding:10px;background:#252525;color:#fff;border:1px solid #ffffff25}.form-card>button:not(.remove){grid-column:1/-1;min-height:50px;background:var(--orange);color:#fff;border:0;font-weight:800;cursor:pointer}.form-card>button.secondary{background:transparent;border:1px solid #ffffff40}.result-card{display:flex;min-height:360px;flex-direction:column;justify-content:center}.result-card.compact{justify-content:flex-start;overflow:auto}.result-card small{color:var(--orange);font-weight:800;letter-spacing:.13em}.result-card strong{font:800 clamp(2.8rem,7vw,6rem) Manrope;margin:16px 0}.result-card p{color:#bbb}.result-card table{width:100%;border-collapse:collapse;margin-top:18px}.result-card th,.result-card td{padding:11px;border-bottom:1px solid #ffffff18;text-align:left}.result-card .ok{color:var(--green)}.result-card .bad{color:var(--red)}.loads,.conductors{grid-column:1/-1;display:grid;gap:10px}.load-row,.conductor-row{display:grid;grid-template-columns:.65fr 1.35fr 42px;gap:10px;align-items:end}.remove{height:46px;background:#3a1717;color:#fff;border:0;font-size:1.3rem}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px;border-top:1px solid #ffffff22;border-left:1px solid #ffffff22}.link-grid a{min-height:240px;padding:25px;color:#fff;text-decoration:none;border-right:1px solid #ffffff22;border-bottom:1px solid #ffffff22}.link-grid a:hover{background:var(--orange)}.link-grid span{color:var(--orange);font-weight:800}.link-grid a:hover span{color:#fff}.link-grid h3{font-size:1.4rem;margin:48px 0 10px}.link-grid p{color:#bbb}footer{min-height:90px;padding:20px max(18px,calc((100% - var(--max))/2));display:flex;justify-content:space-between;align-items:center;background:#111;color:#aaa;font-size:.72rem;letter-spacing:.08em}
@media(max-width:980px){.tool-nav{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.hero,.calc-grid{grid-template-columns:1fr}.hero-grid{min-height:300px;border-left:0;border-top:1px solid #ffffff18}.form-card{grid-template-columns:1fr}.form-card>button:not(.remove){grid-column:1}.link-grid{grid-template-columns:1fr}}
@media(max-width:520px){.hero>div:first-child{padding:50px 18px}.tool-nav{grid-template-columns:1fr 1fr}.notice{grid-template-columns:1fr}.panel-head{grid-template-columns:45px 1fr}.form-card,.result-card{padding:18px}.load-row,.conductor-row{grid-template-columns:1fr}.remove{width:100%}footer{align-items:flex-start;flex-direction:column;gap:10px}}