/* arkDisk — pricing styles. Generated during CSS refactor. */

/* From pricing/render.php */
html:has(body.pricing-mode){overflow-x: visible !important;}
body.pricing-mode{overflow-x: visible !important;}
.pr-page{--pr-bg: #ffffff; --pr-surface: #ffffff; --pr-surface-alt: #f8fafc; --pr-text: #0f172a; --pr-muted: #64748b; --pr-border: #e5e9f0; --pr-accent: #2563eb; --pr-accent-soft: #eff4ff; --pr-yes: #10b981; font-family: "Manrope", sans-serif; color: var(--pr-text); background: var(--pr-bg); -webkit-font-smoothing: antialiased;}
body.dark .pr-page{--pr-bg: transparent; --pr-surface: #131c2e; --pr-surface-alt: #0f1626; --pr-text: #e8edf6; --pr-muted: #94a3b8; --pr-border: #263349; --pr-accent: #60a5fa; --pr-accent-soft: #16233c;}
.pr-wrap{max-width: 1240px; margin: 0 auto; padding: 0 1.5rem;}
.pr-section{padding: 7rem 0;}
.pr-section + .pr-section{padding-top: 0;}
.pr-kicker{display: block; text-align: center; font-size: clamp(1.1rem, 2vw, 1.4rem); font-weight: 600; letter-spacing: -0.02em; color: var(--pr-accent); margin-bottom: 1.25rem;}
.pr-h2{font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; line-height: 1.1; letter-spacing: -0.03em; text-align: center; margin: 0 0 1.25rem;}
.pr-lead{font-size: clamp(1.05rem, 1.6vw, 1.25rem); font-weight: 400; line-height: 1.6; color: var(--pr-muted); text-align: center; max-width: 720px; margin: 0 auto 4rem;}
.pr-hero{padding: 5rem 0 4.5rem; text-align: center;}
.pr-hero h1{font-family: "Albert Sans", sans-serif !important; font-size: clamp(2.2rem, 5.5vw, 4rem); font-weight: 600; line-height: 1.05; letter-spacing: -0.04em; margin: 0 0 1.75rem;}
.pr-hero-sub{font-size: clamp(1.2rem, 2.3vw, 1.55rem); line-height: 1.6; color: var(--pr-muted); max-width: 780px; margin: 0 auto 2.5rem;}
.pr-pills{display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem;}
.pr-pill{padding: 0.45rem 1.1rem; border: 1px solid var(--pr-border); border-radius: 100px; font-size: 0.875rem; font-weight: 600; color: var(--pr-muted); background: var(--pr-surface);}
.pr-plans{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; align-items: stretch;}
.pr-card{display: flex; flex-direction: column; position: relative; background: var(--pr-surface); border: 3px solid #0f172a; border-radius: 22px; padding: 2.25rem 1.75rem; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;}
.pr-card:hover{transform: translateY(-4px); box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);}
body.dark .pr-card:hover{box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);}
.pr-card-featured{border-color: var(--pr-accent); box-shadow: 0 12px 40px rgba(37, 99, 235, 0.12);}
body.dark .pr-card{background: #1e293b; border-color: #334155; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(59, 130, 246, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.1);}
body.dark .pr-card-featured{border-color: #3b82f6; box-shadow: 0 12px 40px rgba(59, 130, 246, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1);}
.pr-badge{position: absolute; top: -0.8rem; left: 50%; transform: translateX(-50%); background: var(--pr-accent); color: #fff; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; padding: 0.35rem 0.9rem; border-radius: 100px; white-space: nowrap;}
.pr-card-name{font-size: 1.85rem; font-weight: 800; letter-spacing: -0.02em; margin: 0 0 0.4rem;}
.pr-card-tagline{font-size: 0.95rem; color: var(--pr-muted); line-height: 1.5; margin: 0 0 1.75rem; min-height: 2.85rem;}
.pr-price-row{display: flex; align-items: baseline; flex-wrap: wrap; gap: 0.4rem;}
.pr-price-prefix{font-size: 0.95rem; font-weight: 600; color: var(--pr-muted);}
.pr-price{font-size: 2.75rem; font-weight: 800; letter-spacing: -0.03em; line-height: 1;}
.pr-price-unit{font-size: 0.95rem; font-weight: 600; color: var(--pr-muted);}
.pr-price-note{font-size: 0.85rem; color: var(--pr-muted); margin: 0.55rem 0 0; line-height: 1.45; min-height: 2.4rem;}
.pr-storage{display: inline-block; margin: 1.25rem 0 1.75rem; padding: 0.4rem 0.85rem; background: var(--pr-surface-alt); border: 1px solid var(--pr-border); border-radius: 8px; font-size: 0.85rem; font-weight: 700; color: var(--pr-text); align-self: flex-start;}
.pr-card .pr-storage + .pr-trial{margin-top: -1.25rem;}
.pr-trial{display: inline-flex; align-items: center; gap: 0.45rem; align-self: flex-start; margin: 0 0 1.75rem; font-size: 0.85rem; font-weight: 800; letter-spacing: -0.01em; color: var(--pr-accent);}
.pr-trial::before{content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--pr-accent); flex-shrink: 0;}
.pr-pill-trial{color: var(--pr-accent); border-color: var(--pr-accent); font-weight: 700;}
.pr-calc-trial{margin: 0.85rem 0 0; font-size: 1.68rem !important; font-weight: 400; color: #c7ee3a !important; letter-spacing: -0.01em;}
body.dark .pr-calc-trial{color: #c7ee3a;}
.pr-reg-trial{margin: 0 0 1.25rem; padding: 0.7rem 0.9rem; border: 1px dashed var(--pr-border); border-radius: 10px; font-size: 0.82rem; font-weight: 700; text-align: center; color: var(--pr-accent);}
.pr-reg-biz{margin: 0 0 1.25rem; padding: 0.9rem 1rem; border: 1px solid var(--pr-border); border-radius: 12px; background: var(--pr-surface-alt);}
.pr-reg-biz[hidden]{display: none;}
.pr-reg-biz-row{display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; font-size: 0.88rem; color: var(--pr-text); padding: 0.28rem 0;}
.pr-reg-biz-row strong{font-weight: 800; white-space: nowrap;}
.pr-reg-biz-note{margin: 0.7rem 0 0; padding-top: 0.7rem; border-top: 1px solid var(--pr-border); font-size: 0.78rem; line-height: 1.55; color: var(--pr-muted);}
.pr-reg-biz-note strong{color: var(--pr-text);}
.pr-feats{list-style: none; padding: 0; margin: 0 0 2rem; display: flex; flex-direction: column; gap: 0.85rem; flex: 1;}
.pr-feats li{display: flex; gap: 0.7rem; font-size: 0.92rem; line-height: 1.5; color: var(--pr-text);}
.pr-feats svg{flex-shrink: 0; width: 17px; height: 17px; margin-top: 0.18rem; color: var(--pr-yes);}
.pr-btn{display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.95rem 1.25rem; border-radius: 100px; font-size: 0.95rem; font-weight: 700; text-decoration: none; border: 1px solid var(--pr-border); color: var(--pr-text); background: var(--pr-surface); transition: all .2s ease; cursor: pointer;}
.pr-btn:hover{border-color: var(--pr-accent); color: var(--pr-accent);}
.pr-card .pr-btn:not(.pr-btn-primary){border: 2px solid #0f172a; color: #0f172a;}
.pr-card .pr-btn:not(.pr-btn-primary):hover{background: #0f172a; color: #ffffff; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.15);}
.pr-btn-primary{background: #0f172a; border-color: #0f172a; color: #ffffff; border-radius: 100px;}
.pr-btn-primary:hover{background: #1e293b; border-color: #1e293b; color: #ffffff; border-radius: 100px; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.2);}
body.dark .pr-btn-primary{background: #ffffff; border-color: #ffffff; color: #0f172a; border-radius: 100px;}
body.dark .pr-btn-primary:hover{background: #f1f5f9; border-color: #f1f5f9; color: #0f172a; border-radius: 100px; transform: translateY(-2px); box-shadow: 0 0 20px rgba(255,255,255,0.4), 0 8px 24px rgba(0,0,0,0.3);}
.pr-card-featured .pr-btn-primary{background: #2563eb; border-color: #2563eb; color: #ffffff;}
.pr-card-featured .pr-btn-primary:hover{background: #1d4ed8; border-color: #1d4ed8; color: #ffffff; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(37,99,235,0.3);}
body.dark .pr-card-featured .pr-btn-primary{background: #3b82f6; border-color: #3b82f6; color: #ffffff;}
body.dark .pr-card-featured .pr-btn-primary:hover{background: #2563eb; border-color: #2563eb; color: #ffffff; transform: translateY(-2px); box-shadow: 0 0 20px rgba(59,130,246,0.5), 0 8px 24px rgba(0,0,0,0.3);}
body.dark .pr-card .pr-btn:not(.pr-btn-primary){background: transparent; border: 2px solid #ffffff; color: #ffffff;}
body.dark .pr-card .pr-btn:not(.pr-btn-primary):hover{background: #f1f5f9; border-color: #f1f5f9; color: #0f172a; transform: translateY(-2px); box-shadow: 0 0 20px rgba(255,255,255,0.4), 0 8px 24px rgba(0,0,0,0.3);}
.pr-billing-note{text-align: center; font-size: 0.875rem; color: var(--pr-muted); max-width: 720px; margin: 2.5rem auto 0; line-height: 1.6;}
.ark-hint{position:fixed;inset:0;z-index:10001;opacity:0;transition:opacity .45s ease;pointer-events:none}
.ark-hint.on{opacity:1}
.ark-hint.on .ark-hint-dim{pointer-events:auto}
.ark-hint-dim{position:absolute;inset:0;width:100%;height:100%;cursor:pointer}
.ark-hint-dim path{fill:rgba(3,7,18,.74);fill-rule:evenodd}
.ark-hint-ring{position:absolute;border:1.5px solid rgba(255,255,255,.35);border-radius:22px;animation:arkHintRing 2.4s ease-in-out infinite}
@keyframes arkHintRing{0%,100%{box-shadow:0 0 0 0 rgba(96,165,250,.0)}50%{box-shadow:0 0 0 6px rgba(96,165,250,.16)}}
.ark-hint-arrow{position:absolute;left:0;top:0;transition:opacity .3s ease;will-change:transform}
.ark-hint-arrow svg{display:block;width:100%;height:auto;overflow:visible}
.ark-hint-hand{position:absolute;left:0;top:0;width:132px;transform-origin:62px 18px;will-change:transform}
.ark-hint-hand svg{display:block;width:100%;height:auto}
.ark-hint-tap{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:rgba(255,255,255,.12)}
@media (prefers-reduced-motion: reduce){
.ark-hint-ring{animation:none}
}
.pr-calc{background: linear-gradient(135deg, #2d3748 0%, #1a1a2e 40%, #1e293b 100%); border: 1px solid #2d3748; border-radius: 28px; padding: clamp(2.5rem, 5vw, 4.5rem); color: #e8edf6; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(59, 130, 246, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.1);}
.pr-calc .pr-readout-label{color: rgba(255,255,255,0.6);}
.pr-calc .pr-readout-main{color: #ffffff;}
.pr-calc .pr-readout-main span{color: #ffffff;}
.pr-calc .pr-readout-meta{color: rgba(255,255,255,0.7);}
.pr-calc .pr-preset{color: rgba(255,255,255,0.8); border-color: rgba(255,255,255,0.15); background: rgba(255,255,255,0.05);}
.pr-calc .pr-preset:hover{border-color: #60a5fa; color: #60a5fa;}
.pr-calc .pr-preset.active{background: #3b82f6; border-color: #3b82f6; color: #fff;}
.pr-calc-foot{border-top: 1px solid rgba(255,255,255,0.12);}
.pr-calc-foot p{color: rgba(255,255,255,0.55);}
body.dark .pr-calc{background: linear-gradient(135deg, #1e293b 0%, #334155 25%, #475569 50%, #64748b 75%, #94a3b8 100%); border-color: #334155;}
body.dark .pr-calc-foot{border-top: 1px solid rgba(255,255,255,0.4);}
.pr-calc-grid{display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2.5rem, 5vw, 5rem); align-items: center;}
.pr-calc-readout{display: flex; flex-direction: column; gap: 1.75rem;}
.pr-readout-label{font-size: 0.78rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--pr-muted); margin-bottom: 0 !important; line-height: 1;}
.pr-readout-main{font-size: clamp(4.5rem, 10.5vw, 6.75rem); font-weight: 800; letter-spacing: -0.04em; line-height: 1;}
.pr-readout-main span{font-size: 0.4em; font-weight: 700; color: var(--pr-muted); margin-left: 0.3rem;}
.pr-readout-price{font-size: clamp(2.25rem, 5vw, 3.25rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1; color: var(--pr-accent);}
.pr-readout-price span{font-size: 0.38em; font-weight: 700; color: var(--pr-muted); margin-left: 0.35rem;}
.pr-readout-meta{display: flex; flex-wrap: wrap; gap: 1.75rem; padding-top: 0.5rem;}
.pr-readout-meta div{font-size: 0.9rem; color: var(--pr-muted);}
.pr-calc .pr-readout-price{color: #60a5fa;}
.pr-calc .pr-readout-price span{color: rgba(255,255,255,0.5);}
.pr-calc .pr-readout-meta strong{color: #e8edf6;}
.pr-slider-wrap{display: flex; flex-direction: column; gap: 2rem;}
.pr-neon-slider-container{position: relative; height: 32px; margin-bottom: 0.5rem; cursor: pointer; width: 100%; user-select: none; touch-action: none;}
.pr-neon-slider-pipes{display: flex; gap: 2px; height: 100%; align-items: center;}
.pr-neon-slider-pipes .pipe{flex: 1; height: 5px; border-radius: 3px; position: relative; opacity: 0.15; transition: all 0.15s ease;}
.pr-neon-slider-pipes .pipe.active{opacity: 1; height: 8px;}
.pr-neon-slider-pipes .pipe.active::after{content: ""; position: absolute; top: -3px; left: -2px; right: -2px; bottom: -3px; background: inherit; filter: blur(6px); opacity: 0.5; border-radius: 4px;}
.pr-neon-slider-thumb{position: absolute; top: 50%; transform: translate(-50%, -50%); width: 16px; height: 16px; background: #fff; border-radius: 50%; box-shadow: 0 0 8px #fff, 0 0 16px #fff, 0 0 24px currentColor; cursor: grab; z-index: 10;}
.pr-neon-slider-container.pr-smooth .pr-neon-slider-thumb{transition: left 0.18s ease;}
.pr-neon-slider-thumb:active{cursor: grabbing;}
.pr-presets-label{font-size: 0.78rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.6);}
.pr-presets{display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 0.75rem;}
.pr-preset{padding: 0.5rem 1rem; border: 1px solid var(--pr-border); border-radius: 10px; background: var(--pr-surface); color: var(--pr-text); font-size: 0.875rem; font-weight: 700; font-family: inherit; cursor: pointer; transition: all .18s ease;}
.pr-preset:hover{border-color: var(--pr-accent); color: var(--pr-accent);}
.pr-preset.active{background: var(--pr-accent); border-color: var(--pr-accent); color: #fff;}
.pr-calc-foot{margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid var(--pr-border); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem;}
.pr-calc-foot p{margin: 0; font-size: 0.875rem; color: var(--pr-muted); max-width: 640px; line-height: 1.6;}
.pr-calc-foot .pr-btn{flex-shrink: 0;}
.pr-calc-cta{display: inline-flex; align-items: center; gap: 0.7rem; padding: 0.7rem 0.7rem 0.7rem 1.7rem; background: #d4f548; border-color: #d4f548; color: #0f172a;}
.pr-calc-circ{width: 44px; height: 44px; flex-shrink: 0; border-radius: 50%; background: #0f172a; color: #ffffff; display: flex; align-items: center; justify-content: center; transition: transform .35s cubic-bezier(.22,.61,.36,1);}
.pr-calc-circ svg{width: 20px; height: 20px; display: block; stroke-width: 3.5; transform: rotate(-45deg);}
.pr-calc-cta:hover{background: #e0fb5c; border-color: #e0fb5c; color: #0f172a;}
.pr-calc-cta:hover .pr-calc-circ{transform: translateX(5px);}
body.dark .pr-calc-cta{background: #c7ee3a; border-color: #c7ee3a; color: #0f172a;}
body.dark .pr-calc-cta:hover{background: #d4f548; border-color: #d4f548; color: #0f172a;}
.pr-table-scroll{overflow: visible; border: 1px solid var(--pr-border); border-radius: 28px; background: var(--pr-surface); box-shadow: 0 4px 24px rgba(0,0,0,0.06);}
.pr-table{width: 100%; border-collapse: separate; border-spacing: 0; min-width: 900px;}
.pr-table th, .pr-table td{padding: 1.15rem 1.5rem; text-align: left; border-bottom: 1px solid var(--pr-border);}
.pr-table td{border-right: 1px solid var(--pr-border);}
.pr-table td:last-child{border-right: none;}
.pr-table thead th{position: sticky; top: 80px; z-index: 10; background: #3b82f6; font-size: 1rem; font-weight: 800; letter-spacing: -0.01em; text-align: center; color: #ffffff; border-bottom: 2px solid #2563eb; padding-top: 1.75rem; padding-bottom: 1.75rem; border-right: 1px solid rgba(255,255,255,0.2);}
.pr-table thead th:first-child{text-align: left; font-size: 0.95rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #ffffff; border-top-left-radius: 28px;}
.pr-table thead th:last-child{border-top-right-radius: 28px;}
.pr-th-sub{display: block; font-size: 0.78rem; font-weight: 600; color: rgba(255,255,255,0.8); margin-top: 0.3rem;}
.pr-th-featured{color: #ffffff;}
.pr-table thead th.pr-th-featured{background: #2563eb; border-left: 2px solid #1d4ed8; border-right: 2px solid #1d4ed8;}
.pr-table tbody td:nth-child(4){background: var(--pr-accent-soft); border-left: 2px solid var(--pr-accent); border-right: 2px solid var(--pr-accent);}
.pr-table tbody tr:last-child td:nth-child(4){border-bottom: 2px solid var(--pr-accent);}
.pr-group-row td{background: var(--pr-accent-soft) !important; font-size: 0.82rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--pr-accent); padding: 1rem 1.5rem; border-right: none !important; border-left: none !important; border-top: 1px solid var(--pr-border); border-bottom: 1px solid var(--pr-border);}
.pr-table tbody td:not(:first-child){text-align: center;}
.pr-table tbody tr:last-child td{border-bottom: none;}
.pr-table tbody tr:last-child td:first-child{border-bottom-left-radius: 28px;}
.pr-table tbody tr:last-child td:last-child{border-bottom-right-radius: 28px;}
.pr-table tbody tr:nth-child(odd):not(.pr-group-row){background: var(--pr-surface);}
.pr-table tbody tr:nth-child(even):not(.pr-group-row){background: var(--pr-surface-alt);}
.pr-table tbody tr:not(.pr-group-row):hover{background: #f0f9ff;}
body.dark .pr-table tbody tr:not(.pr-group-row):hover{background: #16233c;}
html[dir="rtl"] .pr-table{direction: rtl;}
html[dir="rtl"] .pr-table thead th:first-child{text-align: right; border-top-left-radius: 0; border-top-right-radius: 28px;}
html[dir="rtl"] .pr-table thead th:last-child{border-top-right-radius: 0; border-top-left-radius: 28px;}
html[dir="rtl"] .pr-table tbody tr:last-child td:first-child{border-bottom-left-radius: 0; border-bottom-right-radius: 28px;}
html[dir="rtl"] .pr-table tbody tr:last-child td:last-child{border-bottom-right-radius: 0; border-bottom-left-radius: 28px;}
html[dir="rtl"] .pr-table tbody td:not(:first-child){text-align: center;}
html[dir="rtl"] .pr-table thead th.pr-th-featured{border-left: 2px solid #1d4ed8; border-right: 2px solid #1d4ed8;}
html[dir="rtl"] .pr-table tbody td:nth-child(4){border-left: 2px solid var(--pr-accent); border-right: 2px solid var(--pr-accent);}
body.dark .pr-group-row td{background: #0a1120 !important;}
.pr-row-label{font-size: 1.05rem; font-weight: 600;}
.pr-row-label-icon{display: flex; align-items: center; gap: 0.6rem;}
.pr-row-icon{width: 26px; height: 26px; border-radius: 7px; object-fit: cover; flex-shrink: 0; transition: transform 0.25s cubic-bezier(.22,.61,.36,1);}
.pr-row-icon-link{text-decoration: none; color: inherit;}
.pr-row-icon-link:hover .pr-row-icon{transform: scale(1.35);}
.pr-row-bold{font-weight: 800; color: var(--pr-text);}
.pr-cell-text{font-size: 0.9rem; font-weight: 600; color: var(--pr-text);}
.pr-mark{display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; font-size: 1rem; color: #fff;}
.pr-mark-yes{background: #10b981;}
.pr-mark-no{background: #94a3b8;}
.pr-note-text{font-size: 0.8rem; color: var(--pr-muted); line-height: 1.5; margin-top: 0.4rem; max-width: 240px;}
.pr-note-link{display: inline-flex; align-items: center; gap: 0.5rem; color: var(--pr-text); font-weight: 700; text-decoration: none; margin-top: 0.4rem; font-size: 0.8rem;}
.pr-note-circ{width: 22px; height: 22px; flex-shrink: 0; border-radius: 50%; background: var(--pr-text); color: #fff; display: flex; align-items: center; justify-content: center; transition: transform 0.3s cubic-bezier(.22,.61,.36,1);}
.pr-note-circ svg{width: 12px; height: 12px; display: block;}
.pr-note-link:hover .pr-note-circ{transform: translateX(4px);}
body.dark .pr-note-circ{background: #e8edf6; color: #0f1626;}
.pr-support-rows{display: flex; flex-direction: column; gap: 2.5rem; margin-bottom: 4rem;}
.pr-support-row{display: grid; grid-template-columns: 1fr 1fr; gap: 0; align-items: stretch; border-radius: 28px; overflow: hidden;}
.pr-support-row-rev{direction: rtl;}
.pr-support-row-rev > *{direction: ltr;}
.pr-support-img{aspect-ratio: 1/1; overflow: hidden;}
.pr-support-img img{width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; transition: transform .4s ease;}
.pr-support-row:hover .pr-support-img img{transform: scale(1.05);}
.pr-support-desc{padding: clamp(2rem, 4vw, 3.5rem); display: flex; flex-direction: column; justify-content: center;}
.pr-support-desc h3{font-size: clamp(1.3rem, 2.5vw, 1.8rem); font-weight: 800; letter-spacing: -0.02em; margin: 0 0 1.2rem; color: #ffffff; transition: transform .3s ease;}
.pr-support-row:hover .pr-support-desc h3{transform: scale(1.06);}
.pr-support-desc p{font-size: clamp(1rem, 1.5vw, 1.15rem); line-height: 1.75; margin: 0; color: rgba(255,255,255,0.9);}
.pr-scope-title{font-size: 0.9rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--pr-muted); margin: 0 0 2rem; text-align: center;}
.pr-scope{list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem 3rem;}
.pr-scope li{display: flex; align-items: center; gap: 1rem; font-size: 1.08rem; line-height: 1.65;}
.pr-scope-circ{width: 36px; height: 36px; flex-shrink: 0; border-radius: 50%; background: #c7ee3a; color: #ffffff; display: flex; align-items: center; justify-content: center;}
.pr-scope-circ svg{width: 18px; height: 18px; display: block;}
.pr-faq{max-width: 860px; margin: 0 auto; display: flex; flex-direction: column; background: #f2f2f3; border: 1px solid var(--pr-border); border-radius: 28px; padding: 0.5rem 1.5rem;}
.pr-faq details{background: transparent; border: none; border-bottom: 1px solid var(--pr-border); overflow: hidden; transition: background .2s ease;}
.pr-faq details:last-child{border-bottom: none;}
.pr-faq details[open]{background: transparent;}
.pr-faq summary{display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.6rem 1.5rem; font-size: 1.2rem; font-weight: 600; cursor: pointer; list-style: none; transition: color .18s ease; color: var(--pr-text);}
.pr-faq summary::-webkit-details-marker{display: none;}
.pr-faq summary:hover{color: var(--pr-accent);}
.pr-faq summary svg{flex-shrink: 0; width: 22px; height: 22px; color: var(--pr-muted); transition: transform .25s ease;}
.pr-faq details[open] summary svg{transform: rotate(45deg);}
.pr-faq-answer{padding: 0 1.5rem 1.8rem; font-size: 1.05rem; line-height: 1.75; color: var(--pr-text); margin: 0; opacity: 0.85;}
body.dark .pr-faq{background: var(--pr-surface-alt); border-color: var(--pr-border);}
body.dark .pr-faq details{border-bottom-color: var(--pr-border);}
body.dark .pr-faq details[open]{background: transparent;}
body.dark .pr-faq summary{color: var(--pr-text);}
body.dark .pr-faq summary:hover{color: #60a5fa;}
body.dark .pr-faq summary svg{color: var(--pr-muted);}
body.dark .pr-faq-answer{color: var(--pr-text);}
.pr-cta{display: flex; gap: 2.5rem; align-items: center; background: #f2f2f3; border: 1px solid var(--pr-border); border-radius: 28px; padding: clamp(1.5rem, 3vw, 2.5rem) 2rem;}
.pr-cta-left{flex: 1 1 70%; text-align: left;}
.pr-cta-right{flex: 0 0 28%;}
.pr-cta h2{font-size: clamp(1.9rem, 4vw, 2.75rem); font-weight: 800; letter-spacing: -0.03em; margin: 0 0 1.25rem;}
.pr-cta p{font-size: 1.08rem; line-height: 1.65; color: var(--pr-muted); max-width: 620px; margin: 0 0 2.5rem;}
.pr-cta-row{display: flex; flex-wrap: wrap; gap: 1rem; align-items: center;}
.pr-cta-row .pr-btn{padding: 1.05rem 2rem; border-radius: 100px;}
.pr-cta-row .pr-btn-primary{background: #0f172a; border-color: #0f172a; color: #ffffff;}
.pr-cta-row .pr-btn-primary:hover{background: #1e293b; border-color: #1e293b; color: #ffffff; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.2);}
.pr-cta-row .pr-btn:not(.pr-btn-primary){background: #ffffff; border: 2px solid #0f172a; color: #0f172a;}
.pr-cta-row .pr-btn:not(.pr-btn-primary):hover{background: #0f172a; color: #ffffff; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.15);}
body.dark .pr-cta{background: var(--pr-surface-alt);}
body.dark .pr-cta-row .pr-btn-primary{background: #ffffff; border-color: #ffffff; color: #0f172a;}
body.dark .pr-cta-row .pr-btn-primary:hover{background: #ffffff; border-color: #ffffff; color: #0f172a; box-shadow: 0 0 20px rgba(255,255,255,0.5), 0 8px 24px rgba(0,0,0,0.3);}
body.dark .pr-cta-row .pr-btn:not(.pr-btn-primary){background: transparent; border: 2px solid #ffffff; color: #ffffff;}
body.dark .pr-cta-row .pr-btn:not(.pr-btn-primary):hover{background: #ffffff; color: #0f172a; box-shadow: 0 8px 24px rgba(0,0,0,0.3);}
.pr-cta-right h3{font-size: 1.05rem; font-weight: 800; letter-spacing: -0.01em; margin: 0 0 1.25rem; color: var(--pr-text);}
.pr-cta-features{list-style: none; padding: 0; margin: 0 0 1rem; display: flex; flex-direction: column; gap: 0.65rem;}
.pr-cta-features li{display: flex; align-items: flex-start; gap: 0.6rem; font-size: 0.92rem; line-height: 1.5; color: var(--pr-text);}
.pr-cta-features li::before{content: ""; flex-shrink: 0; width: 5px; height: 5px; border-radius: 50%; background: #0f172a; margin-top: 0.45rem;}
.pr-cta-note{font-size: 0.82rem; color: var(--pr-muted); margin: 0; font-style: italic;}
.pr-store-btn{display: flex; align-items: center; justify-content: center; padding: 1.05rem 2rem; border-radius: 100px; font-size: 0.95rem; font-weight: 700; text-decoration: none; background: #0f172a; border: 2px solid #0f172a; color: #ffffff; transition: transform 0.25s cubic-bezier(.22,.61,.36,1), box-shadow 0.3s ease, padding 0.3s ease; cursor: pointer; position: relative;}
.pr-store-circ{position: absolute; right: 6px; top: 50%; width: 36px; height: 36px; margin-top: -18px; border-radius: 50%; background: #ffffff; color: #0f172a; display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(0); transition: opacity 0.25s ease 0.3s, transform 0.35s cubic-bezier(.22,.61,.36,1) 0.3s;}
.pr-store-circ svg{width: 18px; height: 18px; display: block; flex-shrink: 0;}
.pr-store-btn:hover{transform: translateY(-3px); padding-right: 3.2rem; box-shadow: 0 8px 24px rgba(0,0,0,0.2);}
.pr-store-btn:hover .pr-store-circ{opacity: 1; transform: scale(1);}
body.dark .pr-store-btn{background: #ffffff; color: #0f172a;}
body.dark .pr-store-circ{background: #0f172a; color: #ffffff;}
body.dark .pr-store-btn:hover{box-shadow: 0 0 20px rgba(255,255,255,0.5), 0 8px 24px rgba(0,0,0,0.3);}
@media (max-width: 1100px){
.pr-plans{grid-template-columns: repeat(2, 1fr);}
.pr-table{min-width: 700px;}
.pr-table th, .pr-table td{padding: 0.85rem 0.9rem;}
.pr-table thead th{padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 0.9rem;}
.pr-th-sub{font-size: 0.7rem;}
}
@media (max-width: 900px){
.pr-calc-grid{grid-template-columns: 1fr; gap: 2.5rem;}
.pr-scope{grid-template-columns: 1fr;}
.pr-cta{flex-direction: column;}
.pr-cta-left{text-align: center;}
.pr-cta-row{justify-content: center;}
.pr-cta-right{flex: 1 1 100%; width: 100%;}
.pr-support-row{grid-template-columns: 1fr;}
.pr-support-row-rev{direction: ltr;}
.pr-support-img{aspect-ratio: auto; overflow: visible;}
.pr-support-img img{height: auto; object-fit: contain; object-position: center;}
.pr-table{min-width: 600px;}
.pr-table th, .pr-table td{padding: 0.7rem 0.7rem; font-size: 0.85rem;}
.pr-table thead th{padding-top: 1rem; padding-bottom: 1rem; font-size: 0.82rem;}
.pr-th-sub{font-size: 0.65rem;}
.pr-row-label{font-size: 0.9rem;}
}
@media (max-width: 640px){
.pr-wrap{padding: 0 1rem;}
.pr-section{padding: 4.5rem 0;}
.pr-plans{grid-template-columns: 1fr;}
.pr-card-tagline, .pr-price-note{min-height: 0;}
.pr-readout-meta{gap: 1.25rem;}
.pr-readout-main{font-size: 7.875rem !important;}
.pr-readout-price{font-size: 2.75rem !important;}
.pr-readout-label{font-size: 0.9rem !important;}
.pr-readout-meta div{font-size: 0.9rem !important;}
.pr-calc-foot{flex-direction: column; align-items: stretch;}
.pr-calc-cta{align-self: center; width: fit-content;}
.pr-table-scroll{overflow: visible;}
.pr-table{width: 100% !important; min-width: 0 !important; table-layout: fixed;}
.pr-table thead th{position: sticky; top: 60px;}
.pr-table th, .pr-table td{padding: 0.5rem 0.3rem; font-size: 0.62rem; word-break: break-word;}
.pr-table thead th{padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 0.62rem;}
.pr-th-sub{font-size: 0.5rem;}
.pr-row-label{font-size: 0.62rem;}
.pr-group-row td{font-size: 0.55rem; padding: 0.6rem 0.3rem;}
}
.pr-modal-overlay{--pr-surface: #ffffff; --pr-surface-alt: #f8fafc; --pr-text: #0f172a; --pr-muted: #64748b; --pr-border: #e5e9f0; --pr-accent: #2563eb; --pr-accent-soft: #eff4ff;}
body.dark .pr-modal-overlay{--pr-surface: #131c2e; --pr-surface-alt: #0f1626; --pr-text: #e8edf6; --pr-muted: #94a3b8; --pr-border: #263349; --pr-accent: #60a5fa; --pr-accent-soft: #16233c;}
.pr-modal-overlay{position: fixed; inset: 0; z-index: 10000; background: rgba(15, 23, 42, 0.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); display: none; align-items: center; justify-content: center; padding: 1.5rem;}
.pr-modal-overlay.active{display: flex;}
.pr-modal{background: #ffffff; border-radius: 28px; overflow: hidden; width: 100%; max-width: 520px; max-height: 90vh; display: flex; flex-direction: column; box-shadow: 0 24px 80px rgba(0,0,0,0.3); animation: prModalIn 0.3s cubic-bezier(.22,.61,.36,1);}
@keyframes prModalIn{from { opacity: 0; transform: scale(0.95) translateY(20px); } to { opacity: 1; transform: scale(1) translateY(0); }}
.pr-modal-header{background: linear-gradient(135deg, #2d3748, #1a1a2e 40%, #1e293b); padding: 2rem 2rem; display: flex; align-items: center; justify-content: space-between; position: relative; flex-shrink: 0;}
.pr-modal-logo{font-family: "Poppins", sans-serif; font-size: 2rem; font-weight: 800; color: #ffffff; letter-spacing: -1.5px; line-height: 1; display: block;}
.pr-modal-tagline{display: block; font-size: 0.82rem; font-weight: 500; color: rgba(255,255,255,0.65); margin-top: 0.4rem; letter-spacing: 0.01em; line-height: 1.4;}
.pr-modal-close{width: 40px; height: 40px; border-radius: 50%; border: none; background: rgba(255,255,255,0.15); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s, transform 0.2s; flex-shrink: 0;}
.pr-modal-close:hover{background: rgba(255,255,255,0.3); transform: rotate(90deg);}
.pr-modal-close svg{width: 18px; height: 18px;}
.pr-modal-body{padding: 2rem; flex: 1; min-height: 0; display: flex; flex-direction: column;}
#prContactForm, #prRegisterForm{display: flex; flex-direction: column; flex: 1; min-height: 0;}
.pr-modal-scroll{overflow-y: auto; overflow-x: hidden; flex: 1; min-height: 0; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; margin: -0.25rem; padding: 0.25rem 0.75rem 0.25rem 0.25rem; scrollbar-width: thin; scrollbar-color: var(--pr-border) transparent;}
.pr-modal-scroll::-webkit-scrollbar{width: 10px;}
.pr-modal-scroll::-webkit-scrollbar-track{background: transparent; margin: 0.25rem 0;}
.pr-modal-scroll::-webkit-scrollbar-thumb{background: var(--pr-border); border-radius: 999px; border: 3px solid var(--pr-surface); background-clip: padding-box; transition: background-color .2s ease;}
.pr-modal-scroll::-webkit-scrollbar-thumb:hover{background: var(--pr-accent); background-clip: padding-box;}
.pr-modal-scroll:hover{scrollbar-color: var(--pr-accent) transparent;}
.pr-modal-body .pr-modal-submit{margin-top: 1.25rem; flex-shrink: 0;}
.pr-modal-body .pr-modal-status{flex-shrink: 0;}
.pr-modal-body h3{font-size: 1.3rem; font-weight: 800; margin: 0 0 0.5rem; color: #0f172a;}
.pr-modal-body p{font-size: 0.95rem; color: #64748b; line-height: 1.6; margin: 0 0 1.75rem;}
.pr-modal-field{margin-bottom: 1.25rem;}
.pr-modal-field label{display: block; font-size: 0.85rem; font-weight: 700; color: #0f172a; margin-bottom: 0.4rem;}
.pr-modal-field input, .pr-modal-field textarea{width: 100%; padding: 0.85rem 1rem; border: 1px solid #e5e9f0; border-radius: 14px; font-size: 0.95rem; font-family: inherit; background: #ffffff; color: #0f172a; transition: border-color 0.2s; box-sizing: border-box;}
.pr-modal-field input:focus, .pr-modal-field textarea:focus{outline: none; border-color: #2563eb;}
.pr-modal-field textarea{resize: vertical; min-height: 100px;}
.pr-modal-submit{width: 100%; padding: 1rem; border: none; border-radius: 14px; background: #2563eb; color: #fff; font-size: 1rem; font-weight: 700; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; font-family: inherit;}
.pr-modal-submit:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(37,99,235,0.3);}
.pr-modal-submit:active{transform: translateY(0);}
.pr-modal-submit:disabled{opacity: 0.6; cursor: not-allowed; transform: none;}
.pr-modal-status{margin-top: 1rem; font-size: 0.9rem; text-align: center;}
.pr-modal-status.success{color: #10b981; font-weight: 700;}
.pr-modal-status.error{color: #ef4444; font-weight: 700;}
body.dark .pr-modal{background: #131c2e;}
body.dark .pr-modal-body h3{color: #e8edf6;}
body.dark .pr-modal-body p{color: #94a3b8;}
body.dark .pr-modal-field label{color: #e8edf6;}
body.dark .pr-modal-field input, body.dark .pr-modal-field textarea{background: #0f1626; border-color: #263349; color: #e8edf6;}
body.dark .pr-modal-field input:focus, body.dark .pr-modal-field textarea:focus{border-color: #60a5fa;}
body.dark .pr-modal-submit{background: #60a5fa;}
body.dark .pr-modal-header{background: linear-gradient(135deg, #0a1929 0%, #0d2744 25%, #0f3460 50%, #1e3a5f 75%, #1e4976 100%);}
.pr-reg-storage{display: flex; align-items: center; justify-content: center; gap: 0.75rem; background: var(--pr-surface-alt); border: 1px solid var(--pr-border); border-radius: 14px; padding: 1rem; margin-bottom: 1.5rem; font-size: 1.1rem; font-weight: 700; color: var(--pr-text);}
.pr-reg-storage span{color: var(--pr-accent); font-weight: 800; font-size: 1.3rem;}
.pr-reg-field-row{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}
.pr-reg-password-wrap{position: relative;}
.pr-reg-password-wrap input{padding-right: 3rem;}
.pr-reg-toggle-pw{position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; color: var(--pr-muted); width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 8px; transition: color 0.2s;}
.pr-reg-toggle-pw:hover{color: var(--pr-text);}
.pr-reg-toggle-pw svg{width: 20px; height: 20px;}
.pr-reg-hint{font-size: 0.78rem; color: var(--pr-muted); margin: 0.5rem 0 0; line-height: 1.5;}
.pr-reg-step{padding: 4px 0 8px; text-align: center; animation: prStepIn .28s ease both;}
@keyframes prStepIn{from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; }}
.pr-reg-step h3{margin: 14px 0 8px; font-size: 1.15rem; font-weight: 700; color: #0f172a;}
.pr-pin-icon, .pr-done-icon{width: 52px; height: 52px; margin: 6px auto 0; border-radius: 999px; display: flex; align-items: center; justify-content: center;}
.pr-pin-icon{background: #f1f5f9; color: #0f172a;}
.pr-pin-icon svg{width: 26px; height: 26px;}
.pr-done-icon{background: #0f172a; color: #fff;}
.pr-done-icon svg{width: 28px; height: 28px;}
.pr-pin-lead{font-size: .9rem; color: #475569; line-height: 1.55; margin: 0 0 18px;}
.pr-pin-lead strong{color: #0f172a; word-break: break-all;}
.pr-pin-input{width: 100%; max-width: 260px; margin: 0 auto 6px; display: block; font-size: 1.9rem; font-weight: 700; letter-spacing: .45em; text-align: center; text-indent: .45em; padding: 14px 10px; border-radius: 14px; border: 2px solid #cbd5e1; background: #fff; color: #0f172a; font-variant-numeric: tabular-nums; transition: border-color .2s ease;}
.pr-pin-input:focus{outline: none; border-color: #0f172a;}
.pr-pin-input.pr-pin-bad{border-color: #dc2626;}
.pr-pin-resend{margin: 14px 0 0; font-size: .84rem; color: #64748b;}
.pr-pin-resend span{color: #0f172a; font-weight: 600; cursor: pointer; text-decoration: underline;}
.pr-pin-resend span.pr-busy{opacity: .5; cursor: default; text-decoration: none;}
body.dark .pr-reg-step h3{color: #f1f5f9;}
body.dark .pr-pin-lead{color: #94a3b8;}
body.dark .pr-pin-lead strong{color: #f1f5f9;}
body.dark .pr-pin-icon{background: #1e293b; color: #f1f5f9;}
body.dark .pr-done-icon{background: #f1f5f9; color: #0f172a;}
body.dark .pr-pin-input{background: #0f172a; border-color: #334155; color: #f1f5f9;}
body.dark .pr-pin-input:focus{border-color: #f1f5f9;}
body.dark .pr-pin-resend{color: #94a3b8;}
body.dark .pr-pin-resend span{color: #f1f5f9;}
.pr-reg-field-error{font-size: 0.78rem; color: #ef4444; margin-top: 0.3rem; font-weight: 600; display: none;}
.pr-reg-field-error.active{display: block;}
.pr-google-btn{width: 100%; display: flex; align-items: center; justify-content: center; gap: 0.7rem; padding: 0.9rem 1rem; border: 1px solid #e5e9f0; border-radius: 14px; background: #ffffff; color: #0f172a; font-size: 0.95rem; font-weight: 700; font-family: inherit; cursor: pointer; box-sizing: border-box; transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;}
.pr-google-btn:hover{border-color: #cbd5e1; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(15,23,42,0.10);}
.pr-google-btn:active{transform: translateY(0);}
.pr-google-btn svg{width: 20px; height: 20px; flex-shrink: 0;}
body.dark .pr-google-btn{background: #0f1626; border-color: #263349; color: #e8edf6;}
body.dark .pr-google-btn:hover{border-color: #3b4a63; box-shadow: 0 8px 24px rgba(0,0,0,0.35);}
.pr-reg-divider{display: flex; align-items: center; gap: 1rem; margin: 1.25rem 0 1.5rem; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--pr-muted);}
.pr-reg-divider::before, .pr-reg-divider::after{content: ""; flex: 1; height: 1px; background: var(--pr-border);}
body.dark .pr-reg-divider{color: #94a3b8;}
body.dark .pr-reg-divider::before, body.dark .pr-reg-divider::after{background: #263349;}
@media (max-height: 780px){
.pr-modal-overlay{padding: 0.75rem;}
.pr-modal{max-height: 96vh;}
.pr-modal-header{padding: 1.1rem 1.5rem;}
.pr-modal-logo{font-size: 1.5rem;}
.pr-modal-tagline{font-size: 0.75rem; margin-top: 0.2rem;}
.pr-modal-close{width: 34px; height: 34px;}
.pr-modal-body{padding: 1.25rem 1.5rem 1.5rem;}
.pr-modal-body p{margin-bottom: 1rem;}
.pr-reg-storage{padding: 0.7rem; margin-bottom: 1rem; font-size: 1rem;}
.pr-reg-storage span{font-size: 1.15rem;}
.pr-modal-field{margin-bottom: 0.9rem;}
.pr-reg-divider{margin: 0.9rem 0 1rem;}
.pr-google-btn{padding: 0.7rem 1rem;}
}
@media (max-width: 640px){
.pr-modal-overlay{padding: 0.75rem;}
.pr-modal{max-height: 94vh;}
.pr-modal-body{padding: 1.25rem;}
.pr-reg-field-row{grid-template-columns: 1fr; gap: 0;}
}
body.dark .pr-reg-storage{background: #0f1626; border-color: #263349; color: #e8edf6;}
body.dark .pr-reg-hint{color: #94a3b8;}

/* From pricing/render.php */
@font-face {font-family: "Albert Sans"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/albertsans-var-albert-sans-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face {font-family: "Albert Sans"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/albertsans-var-albert-sans-latin.woff2") format("woff2"); unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* From pricing/render.php */
.pr-page h1, .pr-page h2, .pr-page h3, .pr-page .pr-h2, .pr-page .pr-kicker, .pr-page .pr-cta h2, .pr-page .pr-cta-right h3, .pr-page .pr-faq summary, .pr-page .pr-scope-title, .pr-page .pr-readout-label, .pr-page .pr-card-name{font-family: "Albert Sans", sans-serif;}