.sinet-pw{margin:22px 0 8px;--pw-green:#7fd8a6;--pw-blue:#35aede;--pw-gold:#f5d27a}
.sinet-pw__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 14px}
.sinet-pw__card{position:relative;overflow:hidden;display:grid;gap:10px;align-content:start;padding:22px 22px 20px;border-radius:18px;background:radial-gradient(circle at 78% 30%,#1f5a72 0%,#15394b 58%,#0f2c3a 100%);color:#fff;box-shadow:0 18px 40px rgba(18,72,94,.16)}
.sinet-pw__card h3{margin:0;color:#fff;font-size:20px;font-weight:800;letter-spacing:-.02em}
.sinet-pw__card p{margin:0;color:#c6dbe3;font-size:15px;line-height:1.5}
body.sinet-horizon .sinet-pw__card a{color:#7fd8a6;font-weight:700;text-decoration:underline;text-underline-offset:3px}
body.sinet-horizon .sinet-pw__card p{color:#c6dbe3}
.sinet-pw__kpi{display:flex;align-items:baseline;gap:8px}
.sinet-pw__kpi strong{font-size:clamp(44px,5vw,62px);font-weight:800;letter-spacing:-.05em;line-height:1;background:linear-gradient(135deg,#8fe0ff,#7fd8a6);-webkit-background-clip:text;background-clip:text;color:transparent}
.sinet-pw__kpi span{color:#bfe9d2;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.sinet-pw__fiber{width:100%;height:78px}
.sinet-pw__fiber path{fill:none;stroke:rgba(255,255,255,.16);stroke-width:3;stroke-linecap:round}
.sinet-pw__fiber .pulse{stroke:var(--pw-blue);stroke-width:4;stroke-dasharray:36 464;stroke-dashoffset:500;filter:drop-shadow(0 0 6px rgba(53,174,222,.8))}
.sinet-pw__fiber .p2{stroke:var(--pw-green);filter:drop-shadow(0 0 6px rgba(127,216,166,.7))}
.sinet-pw__fiber circle{fill:#0f2c3a;stroke:var(--pw-blue);stroke-width:3}
.sinet-pw__fiber text{fill:#c6dbe3;font-size:11px;font-weight:700}
.sinet-pw.is-active .sinet-pw__fiber .pulse{animation:sinet-pw-pulse 2.6s linear infinite}
.sinet-pw.is-active .sinet-pw__fiber .p2{animation-duration:2.1s;animation-delay:-.9s}









.sinet-pw__hours{display:flex;align-items:center;gap:18px}
.sinet-pw__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;counter-reset:pw}
.sinet-pw__steps li{position:relative;padding:12px 14px;border:1px solid #cfe7f2;border-radius:12px;background:#fff;color:#18374a;font-size:14px;font-weight:700;line-height:1.35}
.sinet-pw__steps li span{display:block;margin-top:2px;color:#5b7380;font-size:12.5px;font-weight:500}
.sinet-pw__steps li::before{content:"";display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%;background:#1f9d63}
.sinet-pw__steps li:first-child::before{background:#d9a21f}
.sinet-pw.is-armed .sinet-pw__steps li{opacity:.28;transform:translateY(6px)}
.sinet-pw.is-active .sinet-pw__steps li{animation:sinet-pw-step .55s ease forwards}
.sinet-pw.is-active .sinet-pw__steps li:nth-child(2){animation-delay:.5s}
.sinet-pw.is-active .sinet-pw__steps li:nth-child(3){animation-delay:1s}
.sinet-pw.is-active .sinet-pw__steps li:nth-child(4){animation-delay:1.5s}
@keyframes sinet-pw-pulse{to{stroke-dashoffset:0}}
@keyframes sinet-pw-step{to{opacity:1;transform:none}}
@media(max-width:820px){.sinet-pw__grid{grid-template-columns:1fr}.sinet-pw__steps{grid-template-columns:1fr 1fr}}

/* animated blackout scene (10 s loop); static "blackout" state without JS / with reduced motion */
.sinet-pw__scene{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.08)}
.sinet-pw__scene .star{fill:#cfe9f5;opacity:.7}
.sinet-pw__scene .moon{fill:#e8f4ff;opacity:.9}
.sinet-pw__scene .hill{fill:url(#pwGnd)}
.sinet-pw__scene .ground{stroke:rgba(255,255,255,.22);stroke-width:1.6}
.sinet-pw__scene .bk{fill:#123a4d}.sinet-pw__scene .bd{fill:#1a4d63}
.sinet-pw__scene .w{fill:#2a5368}
.sinet-pw__scene .cityglow{opacity:0}
.sinet-pw__scene .dark{fill:#020a10;opacity:.34}
.sinet-pw__scene .pole line{stroke:#86a9ba;stroke-width:4;stroke-linecap:round}.sinet-pw__scene .pole circle{fill:#d8e8ef}.sinet-pw__scene .pole rect{fill:#5d8396}
.sinet-pw__scene .wire{fill:none;stroke:#f5d27a;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:3 5;opacity:.3}
.sinet-pw__scene .wpulse{fill:none;stroke:#f5d27a;stroke-width:3.6;stroke-linecap:round;stroke-dasharray:9 91;stroke-dashoffset:100;opacity:0;filter:drop-shadow(0 0 5px rgba(245,210,122,.95))}
.sinet-pw__scene .spark{opacity:1;transform-box:fill-box;transform-origin:center}
.sinet-pw__scene .spark circle{fill:rgba(255,120,90,.2);stroke:#ff9d7a;stroke-width:1.4}
.sinet-pw__scene .spark path{fill:none;stroke:#ff9d7a;stroke-width:2.6;stroke-linecap:round}
.sinet-pw__scene .node{fill:url(#pwNode);stroke:#7fd8a6;stroke-width:2.2;filter:drop-shadow(0 0 8px rgba(127,216,166,.45))}
.sinet-pw__scene .nbolt{fill:#f5d27a}.sinet-pw__scene .led{fill:#7fd8a6}
.sinet-pw__scene .bar{fill:#7fd8a6;filter:drop-shadow(0 0 4px rgba(127,216,166,.7))}
.sinet-pw__scene .gen rect{fill:#15394b;stroke:#f5d27a;stroke-width:2}.sinet-pw__scene .gen .pipe{fill:#f5d27a;stroke:none}
.sinet-pw__scene .fan{transform-box:fill-box;transform-origin:center}
.sinet-pw__scene .fan circle{fill:none;stroke:#f5d27a;stroke-width:1.8}.sinet-pw__scene .fan path{fill:none;stroke:#f5d27a;stroke-width:2;stroke-linecap:round}
.sinet-pw__scene .pf{fill:rgba(210,226,234,.55);opacity:.5}
.sinet-pw__scene .fiber{fill:none;stroke:rgba(255,255,255,.2);stroke-width:3;stroke-linecap:round}
.sinet-pw__scene .fpulse{fill:none;stroke:#35aede;stroke-width:4.4;stroke-linecap:round;stroke-dasharray:14 86;stroke-dashoffset:100;filter:drop-shadow(0 0 6px rgba(53,174,222,.95))}
.sinet-pw__scene .roof{fill:#246580}.sinet-pw__scene .home{fill:#15394b;stroke:#7fd8a6;stroke-width:1.8}
.sinet-pw__scene .hwin{fill:#f5d27a;filter:drop-shadow(0 0 7px rgba(245,210,122,.9))}
.sinet-pw__scene .wifi{fill:none;stroke:#7fd8a6;stroke-width:2.4;stroke-linecap:round}
.sinet-pw__scene .st rect{fill:rgba(127,216,166,.16);stroke:#7fd8a6}.sinet-pw__scene .st circle{fill:#7fd8a6}.sinet-pw__scene .st text{fill:#bfe9d2;font-size:12.5px;font-weight:800}
.sinet-pw__scene .st-on{opacity:0}.sinet-pw__scene .st-off rect{fill:rgba(245,210,122,.14);stroke:#f5d27a}.sinet-pw__scene .st-off circle{fill:#f5d27a}.sinet-pw__scene .st-off text{fill:#f5d27a}
.sinet-pw__scene .lab text{fill:#a9c8d4;font-size:11.5px;font-weight:700}.sinet-pw__scene .lab .l1{opacity:0}.sinet-pw__scene .lab .l3{fill:#f5d27a}
.sinet-pw.is-active .sinet-pw__scene *{animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}
.sinet-pw.is-active .sinet-pw__scene .st-on{animation-name:pw-on}
.sinet-pw.is-active .sinet-pw__scene .st-off{animation-name:pw-off}
.sinet-pw.is-active .sinet-pw__scene .wire{animation-name:pw-wire}
.sinet-pw.is-active .sinet-pw__scene .wpulse{animation-name:pw-wpulse}
.sinet-pw.is-active .sinet-pw__scene .spark{animation-name:pw-spark}
.sinet-pw.is-active .sinet-pw__scene .w0{animation-name:pw-w0}
.sinet-pw.is-active .sinet-pw__scene .w1{animation-name:pw-w1}
.sinet-pw.is-active .sinet-pw__scene .w2{animation-name:pw-w2}
.sinet-pw.is-active .sinet-pw__scene .cityglow{animation-name:pw-glow}
.sinet-pw.is-active .sinet-pw__scene .dark{animation-name:pw-dark}
.sinet-pw.is-active .sinet-pw__scene .node{animation-name:pw-node}
.sinet-pw.is-active .sinet-pw__scene .gen{animation-name:pw-gen}
.sinet-pw.is-active .sinet-pw__scene .exh{animation-name:pw-exh}
.sinet-pw.is-active .sinet-pw__scene .fan{animation:pw-spin .7s linear infinite}
.sinet-pw.is-active .sinet-pw__scene .pf{animation:pw-puff 2.4s ease-out infinite}
.sinet-pw.is-active .sinet-pw__scene .p2{animation-delay:.8s}.sinet-pw.is-active .sinet-pw__scene .p3{animation-delay:1.6s}
.sinet-pw.is-active .sinet-pw__scene .led{animation:pw-led 1.2s steps(2,jump-none) infinite}
.sinet-pw.is-active .sinet-pw__scene .star{animation:pw-tw 3.2s ease-in-out infinite}
.sinet-pw.is-active .sinet-pw__scene .star:nth-of-type(3n){animation-delay:-1s}.sinet-pw.is-active .sinet-pw__scene .star:nth-of-type(3n+1){animation-delay:-2.1s}
.sinet-pw.is-active .sinet-pw__scene .fpulse{animation:pw-fiber 2s linear infinite}
.sinet-pw.is-active .sinet-pw__scene .wifi{animation:pw-wifi 2s ease-in-out infinite}
.sinet-pw.is-active .sinet-pw__scene .wf2{animation-delay:.25s}.sinet-pw.is-active .sinet-pw__scene .wf3{animation-delay:.5s}
.sinet-pw.is-active .sinet-pw__scene .hwin{animation:pw-hwin 3s ease-in-out infinite}.sinet-pw.is-active .sinet-pw__scene .h2{animation-delay:-1.4s}
.sinet-pw.is-active .sinet-pw__scene .l1{animation-name:pw-l1}.sinet-pw.is-active .sinet-pw__scene .l2{animation-name:pw-l2}.sinet-pw.is-active .sinet-pw__scene .l3{animation-name:pw-l3}
@keyframes pw-on{0%,19%{opacity:1}21%,96%{opacity:0}100%{opacity:1}}
@keyframes pw-off{0%,19%{opacity:0}21%,96%{opacity:1}100%{opacity:0}}
@keyframes pw-wire{0%,19%{opacity:1;stroke-dasharray:none}21%,96%{opacity:.3;stroke-dasharray:3 5}100%{opacity:1;stroke-dasharray:none}}
@keyframes pw-wpulse{0%{stroke-dashoffset:100;opacity:1}9.9%{stroke-dashoffset:0;opacity:1}10%{stroke-dashoffset:100;opacity:1}19.5%{stroke-dashoffset:0;opacity:1}20%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes pw-spark{0%,19%{opacity:0;transform:scale(.3)}21%{opacity:1;transform:scale(1.4)}25%,94%{opacity:1;transform:scale(1)}98%,100%{opacity:0;transform:scale(.3)}}
@keyframes pw-w0{0%,19%{fill:#f5d27a}22%,96%{fill:#2a5368}100%{fill:#f5d27a}}
@keyframes pw-w1{0%,22%{fill:#f5d27a}25%,96%{fill:#2a5368}100%{fill:#f5d27a}}
@keyframes pw-w2{0%,25%{fill:#f5d27a}28%,96%{fill:#2a5368}100%{fill:#f5d27a}}
@keyframes pw-glow{0%,19%{opacity:.95}24%,96%{opacity:0}100%{opacity:.95}}
@keyframes pw-dark{0%,19%{opacity:0}26%,96%{opacity:.34}100%{opacity:0}}
@keyframes pw-node{0%,19%{stroke:#35aede}22%,40%{stroke:#7fd8a6}44%,96%{stroke:#f5d27a}100%{stroke:#35aede}}
@keyframes pw-gen{0%,38%{opacity:.3}42%,96%{opacity:1}100%{opacity:.3}}
@keyframes pw-exh{0%,40%{opacity:0}43%,96%{opacity:1}100%{opacity:0}}
@keyframes pw-puff{0%{transform:translate(0,0) scale(.6);opacity:.7}100%{transform:translate(8px,-22px) scale(2);opacity:0}}
@keyframes pw-led{0%{opacity:1}100%{opacity:.2}}
@keyframes pw-tw{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes pw-spin{to{transform:rotate(360deg)}}
@keyframes pw-fiber{to{stroke-dashoffset:0}}
@keyframes pw-wifi{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes pw-hwin{0%,100%{opacity:.82}50%{opacity:1}}
@keyframes pw-l1{0%,19%{opacity:1}21%,100%{opacity:0}}
@keyframes pw-l2{0%,19%{opacity:0}21%,96%{opacity:1}100%{opacity:0}}
@keyframes pw-l3{0%,40%{opacity:0}43%,96%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.sinet-pw__scene *{animation:none !important}}
/* PON picture */
.sinet-pw__fiber{width:100%;height:auto;max-height:none}
.sinet-pw__fiber .pbr path{fill:none;stroke:rgba(255,255,255,.2);stroke-width:3;stroke-linecap:round}
.sinet-pw__fiber .pfl path{fill:none}
.sinet-pw__fiber .pnode{fill:#103246;stroke:#35aede;stroke-width:2.2;filter:drop-shadow(0 0 8px rgba(53,174,222,.45))}
.sinet-pw__fiber .pbolt{fill:#f5d27a;stroke:none}
.sinet-pw__fiber .psp{fill:#0f2c3a;stroke:#7fd8a6;stroke-width:3}.sinet-pw__fiber .psd{fill:#7fd8a6;stroke:none}
.sinet-pw__fiber .pr{fill:#246580;stroke:none}.sinet-pw__fiber .ph{fill:#15394b;stroke:#7fd8a6;stroke-width:1.6}.sinet-pw__fiber .pw{fill:#f5d27a;stroke:none}
.sinet-pw__fiber .pt{fill:#a9c8d4;font-size:11px;font-weight:700}
/* nearest addresses + six-item "around" facts */
.sinet-addr__near{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}
.sinet-addr__near li a{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid #cfe7f2;border-radius:9px;background:#fff;font-weight:600;text-decoration:none}
.sinet-addr__near li a span{color:#5b7380;font-weight:500;white-space:nowrap}
.sinet-addr__facts--six{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.sinet-addr__facts--six{grid-template-columns:1fr 1fr}}
/* static OSM maps */
.sinet-addr__fig{margin:0 0 12px}.sinet-addr__fig img{display:block;width:100%;height:auto;border:1px solid #cfe7f2;border-radius:14px;background:#eef4f7}
.sinet-addr__fig figcaption{margin-top:6px;color:#5b7380;font-size:13px;display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}
.sinet-addr__lg{display:inline-block;width:11px;height:11px;border-radius:3px;margin-left:4px}
.sinet-addr__lg--me{background:#079bd3;border-radius:50%}.sinet-addr__lg--zone{background:#bfe6d1;border:1px solid #1f9d63}
/* readability fixes */
body.sinet-horizon .sinet-addr .sinet-pw__card h3{color:#fff;font-size:20px;line-height:1.25;margin:0}
body.sinet-horizon .sinet-addr .sinet-pw__card p{color:#c6dbe3}
body.sinet-horizon .sinet-addr .sinet-pw__card .sinet-pw__kpi span{color:#bfe9d2}
.sinet-addr__facts--six{margin-bottom:12px}
.sinet-addr__facts--six li{justify-content:flex-start;min-width:0}
.sinet-addr__facts--six b{font-size:16px;line-height:1.3;overflow-wrap:anywhere}
.sinet-addr__facts--six+.sinet-addr__note{margin-top:4px}
.sinet-addr__plans li b,.sinet-addr__plans li span{overflow-wrap:anywhere}
/* small screens: the pictures are scaled down, so their labels get larger */
@media(max-width:820px){
.sinet-pw__scene .lab text{font-size:15px !important}
.sinet-pw__scene .st text{font-size:15px !important}
.sinet-pw__fiber .pt{font-size:14px !important}
}