.por-hero{background:radial-gradient(circle at 76% 24%,#25425c 0%,transparent 36%),linear-gradient(145deg,#071526,#123451 72%,#0c2137)}
.por-hero:after{content:"PoR"}
.por-hero .hero-inner{padding-bottom:100px}
.por-layout{align-items:start}
.por-section{scroll-margin-top:110px;margin:0 0 24px;padding:34px 38px;background:#102943;border:1px solid #31516b;border-radius:20px;color:#e8f1fa}
.por-section .section-kicker{display:block;color:#f7c948;font-size:.8rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.por-section h2{color:#fff;line-height:1.17;margin:12px 0 18px;font-size:clamp(1.6rem,2.4vw,2.35rem)}
.por-section p{color:#d5e5f1;line-height:1.78;font-size:1.04rem;margin:0 0 17px}
.por-equation{display:flex;flex-wrap:wrap;gap:14px;align-items:center;background:#071c31;padding:22px;border:1px solid #44647d;border-radius:15px;color:#e6f3ff}
.por-equation strong{color:#f7c948}
.por-tree{display:grid;justify-items:center;gap:9px;max-width:390px;margin:26px auto 0}
.por-root,.por-branch i,.por-leaves i{display:block;background:#f5c747;border-radius:7px;box-shadow:0 0 18px #f5c74744}
.por-root{width:54px;height:26px}.por-branch,.por-leaves{width:100%;display:flex;justify-content:space-around}.por-branch i{width:70px;height:24px;background:#6fc8e7}.por-leaves i{width:54px;height:20px;background:#a6bad0}
.por-model{padding:28px;border:1px solid #567287;border-radius:17px;background:#0a2037}
.por-model-head h3{font-size:1.35rem;color:#fff;margin:0 0 8px}.por-model-head p{font-size:.97rem}
.por-constants{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0;color:#d6e8f7}.por-constants span{border:1px solid #4c667c;padding:10px 14px;border-radius:10px}.por-constants b{color:#f6ca4e}
.por-model label{display:block;color:#eef5fb;font-weight:650;margin:20px 0 10px}.por-model output{color:#f6ca4e}
.por-model input{width:100%;accent-color:#f6ca4e;cursor:pointer}
.por-chart{margin:23px 0 24px}.por-chart-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(120px,2fr) 52px;gap:14px;align-items:center;margin:15px 0;color:#e7f2fb}.por-chart-row b{color:#f6ca4e;text-align:end}
.por-track{height:18px;border-radius:20px;background:#284a61;overflow:hidden}.por-track i{height:100%;display:block;border-radius:20px;background:linear-gradient(90deg,#72bde2,#f8d45e);transition:width .18s ease}
.por-chart-row:nth-child(2) .por-track i{background:linear-gradient(90deg,#4fa5bb,#77c2a2)}
.por-model h4{color:#fff;margin:8px 0;font-size:1rem}.por-model small{display:block;color:#abc5d6;line-height:1.55}
.por-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.por-steps li{display:flex;gap:14px;padding:17px;border-radius:12px;background:#0a2037;border:1px solid #365774;line-height:1.55;color:#eaf3fa}
.por-steps b{color:#f7c948}
.por-sources{display:grid;gap:8px}.por-sources a{display:flex;gap:15px;align-items:center;color:#e7f3fc;padding:14px;border:1px solid #46657d;border-radius:10px;text-decoration:none}.por-sources a:hover{border-color:#f7c948}.por-sources a b,.por-sources a span:last-child{color:#f7c948}.por-sources a span:nth-child(2){flex:1}
.por-section .por-risk{border-top:1px solid #506d82;margin:23px 0 0;padding-top:20px;font-size:.9rem;color:#b9cfde}
[dir="rtl"] .por-chart-row b{text-align:start}
@media(max-width:820px){.por-section{padding:24px 20px}.por-steps{grid-template-columns:1fr}.por-chart-row{grid-template-columns:1fr 54px}.por-chart-row span{grid-column:1/-1}.por-chart-row .por-track{grid-column:1}}
@media(prefers-reduced-motion:reduce){.por-track i{transition:none}}