
:root{--cream:#f7f0e5;--paper:#fffaf3;--ink:#241f1b;--muted:#6f645b;--line:#dfcfbd;--rust:#8f3f35;--copper:#ba7443;--wine:#6f344a;--gold:#a97722;--sand:#ead9c5;--shadow:0 18px 45px rgba(75,48,31,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#f7efe5,#fffaf3 45%,#efe1d2);color:var(--ink)}a{color:inherit}.wrap{width:min(1220px,94vw);margin:auto}.storm{height:160px;position:relative;overflow:hidden;background:linear-gradient(180deg,#252526,#484340 54%,#81776d);display:grid;place-items:center;border-bottom:1px solid #a99d91}.storm:before,.storm:after{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 52% 6%,rgba(255,255,255,.98),rgba(255,239,199,.58) 12%,transparent 34%);animation:flash 7s infinite}.storm:after{animation-delay:3.5s}.bolt{position:absolute;left:53%;top:-18px;width:5px;height:172px;background:#fff7d6;transform:skew(-17deg);filter:drop-shadow(0 0 15px #fff3ca);opacity:0;animation:bolt 7s infinite}.bolt:before{content:"";position:absolute;left:-28px;top:65px;width:4px;height:73px;background:inherit;transform:rotate(34deg);transform-origin:top}@keyframes flash{0%,5.5%,7.3%,100%{opacity:0}5.9%{opacity:.9}6.3%{opacity:.2}6.75%{opacity:.7}}@keyframes bolt{0%,5.5%,7.3%,100%{opacity:0}5.9%,6.75%{opacity:.9}}.stormcopy{position:relative;z-index:2;text-align:center;color:#fffaf1}.stormcopy b{display:block;font-size:clamp(27px,4vw,50px);letter-spacing:.08em}.stormcopy span{display:block;margin-top:7px;font-size:clamp(12px,1.5vw,18px);letter-spacing:.12em;text-transform:uppercase;color:#f2dfcb}.nav{position:sticky;top:0;z-index:30;background:rgba(255,250,243,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav .wrap{display:flex;justify-content:space-between;align-items:center;padding:12px 0;gap:20px}.brand{font-weight:900;letter-spacing:.06em}.links{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}.links a{text-decoration:none;color:#5d5148}.hero-title{padding:48px 0 20px}.hero-title h1{font-size:clamp(34px,5vw,62px);margin:0}.hero-title p{max-width:850px;color:var(--muted);line-height:1.7}.systems{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:20px 0 56px}.sys{border-radius:24px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:var(--paper)}.sys-top{display:grid;grid-template-columns:230px 1fr;min-height:285px}.sys.iec .sys-top{background:linear-gradient(135deg,#5e252f,#7c3442)}.sys.ese .sys-top{background:linear-gradient(135deg,#7b551b,#9a6b22)}.sysimg{min-height:285px;background-size:cover;background-position:center}.sysbody{padding:25px;color:#fff}.sysbody h2{font-size:34px;margin:0 0 9px}.sysbody p{line-height:1.65;color:#f7ece9}.sysbody .btn{display:inline-block;margin-top:8px;padding:11px 14px;border-radius:10px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.25);text-decoration:none;font-weight:800}.module-list{padding:18px 22px 24px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.module-link{display:block;padding:11px 12px;border-radius:12px;text-decoration:none;background:#fffaf3;border:1px solid #e7dacd;font-size:14px}.module-link:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(75,48,31,.08)}.section{padding:58px 0}.alt{background:#efe2d3}.headrow{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:22px}.headrow h2{font-size:clamp(30px,4vw,46px);margin:0}.headrow p{max-width:680px;color:var(--muted);line-height:1.65}.calc{background:#fffaf3;border:1px solid #dcc5b0;border-radius:24px;padding:26px;box-shadow:var(--shadow)}.formgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}label{font-size:13px;font-weight:800;color:#62564d}input,select{width:100%;padding:11px;border:1px solid #d8c3af;border-radius:9px;background:white;margin-top:6px}.uploads{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.primary{border:0;border-radius:10px;padding:12px 16px;background:linear-gradient(135deg,var(--rust),var(--copper));color:#fff;font-weight:900;cursor:pointer}.result{display:none;margin-top:18px;border:1px dashed #b98a67;background:#fffdf8;border-radius:14px;padding:18px}.badge{display:inline-block;padding:7px 9px;border-radius:999px;background:#edddcb;font-size:12px;font-weight:900;color:#713f2c}.developer{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-top:22px;padding:19px;background:#f3e5d7;border:1px solid #dcc5af;border-radius:16px}.newsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.news{padding:18px;border-radius:16px;background:#fffaf2;border:1px solid #dfccb7}.stategrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.state{padding:15px;border-radius:14px;background:#fffdf8;border:1px solid #e1d3c4}.state h3{font-size:17px;margin:5px 0 8px}.state p{font-size:13px;color:var(--muted);line-height:1.5}.state a{font-size:13px;font-weight:800;color:#8e5030}.article{width:min(980px,92vw);margin:auto;padding:46px 0 70px}.breadcrumbs{font-size:13px;color:#786b61;margin-bottom:20px}.article h1{font-size:clamp(36px,5vw,58px);margin:0 0 13px}.article .lede{font-size:19px;line-height:1.75;color:#5f544b}.toc{padding:18px;border-radius:14px;background:#f2e5d7;border:1px solid #ddc7b2;margin:25px 0}.article h2{font-size:29px;margin-top:36px}.article h3{font-size:21px;margin-top:25px}.article p,.article li{line-height:1.78;color:#443b34}.kw{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.kw span{font-size:12px;padding:6px 8px;border-radius:999px;background:#efe2d6}.photo{width:100%;max-height:420px;object-fit:cover;border-radius:18px;margin:20px 0;border:1px solid #d7c2b0}.cta{padding:22px;border-radius:18px;background:#efe0d1;border:1px solid #d9bfa8;margin-top:36px}.note{font-size:13px;color:#766a61}.footer{padding:34px 0 48px;border-top:1px solid var(--line);font-size:13px;color:#6d625a}@media(max-width:950px){.systems,.newsgrid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr 1fr}.stategrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.sys-top{grid-template-columns:1fr}.sysimg{min-height:220px}.module-list,.formgrid,.uploads,.stategrid,.developer{grid-template-columns:1fr}.links{display:none}}
