:root{--pp-blue:#0c79f4;--pp-navy:#071c3b;--pp-line:#c9d9e8;--pp-ink:#10283f;--pp-muted:#5f7180;--pp-soft:#f3f7fa}
html[lang="en"] [data-pp-ar],html[lang="ar"] [data-pp-en]{display:none!important}
.pricing-preview-section{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 72% 18%,rgba(25,135,232,.18),transparent 34%),radial-gradient(circle at 18% 88%,rgba(84,173,230,.14),transparent 31%),linear-gradient(135deg,#e4eff7 0%,#f6fafd 46%,#fff 100%);border-block:1px solid var(--pp-line);padding:clamp(4rem,8vw,7rem) 0;color:var(--pp-ink)}
.pricing-preview-section:before{content:"";position:absolute;z-index:3;inset:0 auto 0 0;width:7px;background:linear-gradient(180deg,#0c79f4,#58b7ff 52%,#0c79f4);box-shadow:0 0 28px rgba(12,121,244,.34)}
html[dir="rtl"] .pricing-preview-section:before{inset:0 0 0 auto}
.pricing-construction-scene{position:absolute;z-index:-1;inset:-2%;overflow:hidden;pointer-events:none;opacity:.94;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(198,224,241,.08) 58%,rgba(82,151,201,.08));transform:translateZ(0)}
.pricing-site-3d{position:absolute;inset:0;width:100%;height:100%;filter:saturate(1.08) contrast(1.03) drop-shadow(0 18px 22px rgba(11,62,105,.12))}
.pricing-depth-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(241,247,251,.05),rgba(248,252,255,.1) 35%,rgba(255,255,255,.54) 92%),linear-gradient(180deg,rgba(255,255,255,.5),transparent 24%,transparent 76%,rgba(238,246,251,.64));mix-blend-mode:screen}
.pricing-construction-glow{position:absolute;border-radius:50%;filter:blur(10px);background:radial-gradient(circle,rgba(25,135,255,.24),rgba(25,135,255,0) 68%);animation:pricing-glow-pulse 6.8s ease-in-out infinite}.pricing-glow-one{width:460px;height:460px;right:6%;top:3%}.pricing-glow-two{width:340px;height:340px;left:10%;bottom:-10%;animation-delay:-3.1s}
.pricing-site-scan{position:absolute;top:-10%;bottom:-10%;left:-18%;width:12%;background:linear-gradient(90deg,transparent,rgba(93,189,255,.025),rgba(93,189,255,.1),rgba(93,189,255,.025),transparent);filter:blur(2px);transform:skewX(-12deg);animation:pricing-site-scan 11s linear infinite}
.pricing-preview-wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:clamp(2.5rem,6vw,6rem);align-items:start}
.pricing-kicker,.pricing-panel-label{margin:0 0 1rem;color:var(--pp-blue);font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.pricing-preview-copy h2{max-width:11ch;margin:0;font-size:clamp(2.6rem,5vw,5.4rem);line-height:.93;letter-spacing:-.055em;color:var(--pp-navy)}
html[dir="rtl"] .pricing-preview-copy h2{max-width:12ch;letter-spacing:0;line-height:1.08}
.pricing-lede{max-width:39rem;margin:1.7rem 0 2.2rem;font-size:1.05rem;line-height:1.8;color:var(--pp-muted)}
.pricing-support{max-width:39rem;margin:-1.1rem 0 2.2rem;padding-inline-start:1rem;border-inline-start:3px solid var(--pp-blue);font-size:.88rem;line-height:1.7;color:#38546c}
.pricing-points{display:grid;gap:1px;margin:0;padding:0;list-style:none;background:var(--pp-line);border:1px solid var(--pp-line)}
.pricing-points li{display:grid;gap:.28rem;background:rgba(255,255,255,.88);backdrop-filter:blur(5px);padding:1.1rem 1.2rem}
.pricing-points strong{font-size:.92rem;color:var(--pp-navy)}.pricing-points small{font-size:.82rem;line-height:1.55;color:var(--pp-muted)}
.pricing-panel{background:rgba(255,255,255,.94);border:1px solid rgba(151,180,204,.7);box-shadow:0 28px 70px rgba(7,28,59,.14),inset 0 1px 0 #fff;backdrop-filter:blur(9px);padding:clamp(1.25rem,3vw,2.25rem)}
.pricing-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1.2rem;border-bottom:1px solid var(--pp-line)}
.pricing-panel-head h3{margin:0;color:var(--pp-navy);font-size:clamp(1.45rem,2.3vw,2.15rem)}
.pricing-mode{flex:0 0 auto;border:1px solid var(--pp-line);background:var(--pp-soft);padding:.48rem .62rem;font-size:.68rem;font-weight:800;letter-spacing:.04em;color:var(--pp-muted)}
.pricing-mode.is-ready{border-color:#9ad5b4;background:#effaf4;color:#17643a}.pricing-mode.is-offline{border-color:#efb0b0;background:#fff4f4;color:#943232}
.pricing-preview-notice{margin:1rem 0 1.4rem;padding:.75rem .9rem;border-inline-start:3px solid var(--pp-blue);background:#f3f8ff;color:#375671;font-size:.79rem;line-height:1.55}
.pricing-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.15rem}.pricing-span{grid-column:1/-1}
.pricing-field{display:grid;gap:.45rem;margin:0;padding:0;border:0;min-width:0}.pricing-field label,.pricing-field legend{font-size:.76rem;font-weight:800;color:var(--pp-navy)}
.pricing-field input,.pricing-field select,.pricing-field textarea{width:100%;min-height:46px;border:1px solid #b8c9d7;border-radius:0;background:#fff;padding:.72rem .78rem;color:#11283d;font:inherit;box-sizing:border-box}
.pricing-field textarea{resize:vertical;min-height:118px}.pricing-field input:focus,.pricing-field select:focus,.pricing-field textarea:focus{outline:3px solid rgba(12,121,244,.14);border-color:var(--pp-blue)}
.pricing-scope{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.pricing-scope button{min-height:43px;border:1px solid #b8c9d7;background:#fff;color:#354e63;font-weight:750;cursor:pointer}
.pricing-scope button[aria-pressed="true"]{border-color:var(--pp-blue);background:var(--pp-blue);color:#fff}
.pricing-consent{display:flex;gap:.65rem;align-items:flex-start;margin:1.2rem 0;color:#425d72;font-size:.78rem;line-height:1.55}.pricing-consent input{margin-top:.2rem;accent-color:var(--pp-blue)}
.pricing-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.pricing-security{margin:1rem 0}
.pricing-submit{width:100%;min-height:50px;border:0;background:var(--pp-blue);color:#fff;font:inherit;font-weight:850;letter-spacing:.03em;cursor:pointer}.pricing-submit:disabled{cursor:not-allowed;opacity:.48}.pricing-submit:not(:disabled):hover{background:#0866ce}
.pricing-feedback{min-height:1.35em;margin:.75rem 0 0;color:#5b6f80;font-size:.79rem;line-height:1.5}.pricing-feedback.is-error{color:#a42f2f}.pricing-feedback.is-success{color:#167044;font-weight:750}
@keyframes pricing-glow-pulse{0%,100%{opacity:.45;transform:scale(.88)}50%{opacity:1;transform:scale(1.12)}}
@keyframes pricing-site-scan{0%{transform:translateX(0) skewX(-12deg)}100%{transform:translateX(850%) skewX(-12deg)}}
:root[data-motion="off"] .pricing-construction-scene,:root[data-motion="off"] .pricing-construction-scene *{animation-play-state:paused!important}
@media(max-width:980px){.pricing-preview-wrap{grid-template-columns:1fr}.pricing-preview-copy h2{max-width:15ch}.pricing-points{grid-template-columns:repeat(3,1fr)}.pricing-construction-scene{inset:0;opacity:.82}.pricing-depth-vignette{background:linear-gradient(180deg,rgba(247,251,254,.16),rgba(255,255,255,.44) 88%)}}
@media(max-width:640px){.pricing-preview-section{padding:3.5rem 0}.pricing-points,.pricing-form-grid{grid-template-columns:1fr}.pricing-span{grid-column:auto}.pricing-panel{padding:1rem;background:rgba(255,255,255,.96)}.pricing-panel-head{display:grid}.pricing-mode{justify-self:start}.pricing-scope{grid-template-columns:1fr}.pricing-construction-scene{opacity:.7}.pricing-site-3d{inset:0 -34%;width:168%;max-width:none}.pricing-site-scan{animation-duration:14s}}
@media(prefers-reduced-motion:reduce){.pricing-construction-scene,.pricing-construction-scene *{animation:none!important}.pricing-site-scan{display:none}}

html.special-request-modal-open{overflow:hidden}
.special-success[hidden]{display:none!important}
.special-success{position:fixed;z-index:1400;inset:0;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .22s ease}
.special-success.is-visible{opacity:1}
.special-success__backdrop{position:absolute;inset:0;background:rgba(3,18,38,.68);backdrop-filter:blur(8px)}
.special-success__panel{position:relative;width:min(560px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow:auto;padding:48px 52px 38px;text-align:center;color:#071d40;border:1px solid rgba(151,216,255,.72);border-radius:26px;background:radial-gradient(circle at 50% -12%,rgba(73,182,255,.2),transparent 43%),linear-gradient(154deg,#fff,#eef8ff);box-shadow:0 34px 90px rgba(0,18,46,.38),0 0 0 1px rgba(255,255,255,.82) inset;transform:translateY(14px) scale(.986);transition:transform .28s cubic-bezier(.18,.82,.2,1);outline:none}
.special-success.is-visible .special-success__panel{transform:none}
.special-success__close{position:absolute;top:15px;inset-inline-end:16px;width:36px;height:36px;border:0;border-radius:50%;background:#eff7fd;color:#315575;font-size:25px;line-height:1;cursor:pointer}
.special-success__mark{width:86px;height:86px;margin:0 auto 21px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#e8f7ff,#c8ebff);box-shadow:0 0 0 8px rgba(53,163,239,.08)}
.special-success__mark span{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#0c79f4;color:#fff;font-size:29px;font-weight:800}
.special-success h2{margin:0;color:#071d40;font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-.03em}
.special-success p{margin:15px auto 0;max-width:430px;color:#4f6c86;font-size:15px;line-height:1.75}
.special-success__receipt{padding:10px 12px;border:1px solid #d7e9f7;border-radius:10px;background:#f6fbff;font-size:12px!important;overflow-wrap:anywhere}
.special-success__receipt b{color:#154f80;font-weight:700}
.special-success__action{width:100%;min-height:52px;margin-top:24px;border:0;border-radius:13px;background:#0c79f4;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.special-success__close:focus-visible,.special-success__action:focus-visible{outline:3px solid rgba(65,177,255,.48);outline-offset:3px}
html[dir=rtl] .special-success h2{letter-spacing:0;line-height:1.5}
@media(max-width:640px){.special-success{padding:12px}.special-success__panel{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:42px 22px 28px;border-radius:21px}.special-success__mark{width:78px;height:78px}.special-success h2{font-size:26px}.special-success p{font-size:14px}.special-success__action{min-height:51px}}
@media(prefers-reduced-motion:reduce){.special-success,.special-success__panel{transition:none!important}}

/* Mobile performance: skip below-fold construction work until the section approaches view. */
@media(max-width:760px){
  .pricing-preview-section{
    content-visibility:auto;
    contain-intrinsic-size:1250px;
  }
  .pricing-site-3d{filter:none}
  .pricing-construction-glow{filter:none;opacity:.58;animation-duration:10s}
  .pricing-points li,.pricing-panel{
    backdrop-filter:none;
    -webkit-backdrop-filter:none
  }
}
