:root{--ink:#172b42;--paper:#f6f8fa;--navy:#12364f;--blue:#087bc5;--orange:#ef8200;font-family:Inter,"Hiragino Sans","Yu Gothic",system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--paper);line-height:1.7}.notice{padding:8px 18px;background:#142637;color:#fff;text-align:center;font-size:11px;letter-spacing:.08em}.notice strong{font-weight:800}main{width:min(1100px,calc(100% - 48px));margin:0 auto;padding:12vh 0 100px}.eyebrow{margin:0 0 18px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.14em}h1{max-width:850px;margin:0;font-size:clamp(42px,6vw,76px);line-height:1.15;letter-spacing:-.06em}.lead{max-width:620px;margin:28px 0 58px;color:#4e6170;font-size:17px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.demo-card{min-height:360px;padding:34px;display:flex;flex-direction:column;color:#fff}.demo-card p{margin:0;color:#c4e9ff;font-size:11px;font-weight:800;letter-spacing:.12em}.demo-card h2{margin:48px 0 12px;font-size:clamp(28px,3vw,40px);line-height:1.25;letter-spacing:-.04em}.demo-card span{font-size:14px;opacity:.88}.demo-card a{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:48px;margin-top:auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.55);color:inherit;text-decoration:none;font-weight:800}.demo-card a:hover,.demo-card a:focus-visible{opacity:.75}.demo-card a:focus-visible{outline:3px solid #fff;outline-offset:6px}.demo-card b{font-size:20px}.telecom{background:linear-gradient(145deg,#12364f,#087bc5)}.supply{background:linear-gradient(145deg,#6d3c09,#ef8200)}footer{padding:22px 24px;background:#142637;color:#d7e9f4;text-align:center;font-size:10px;letter-spacing:.1em}@media(max-width:700px){main{width:min(100% - 32px,1100px);padding:70px 0}.demo-grid{grid-template-columns:1fr}.demo-card{min-height:300px;padding:27px}.demo-card h2{margin-top:36px}.lead{font-size:15px}}