/* by: Codex. Pricing is reached only by navigation, not ordinary document scrolling. */
#pricing-viewport{position:fixed;z-index:35;top:calc(var(--pricing-top,72px) + 32px);right:24px;bottom:32px;left:24px;overflow:hidden;overscroll-behavior:none;scrollbar-width:none;overflow-anchor:none}
#pricing-viewport[hidden]{display:none!important}
.pricing-screen,.pricing-spacer{height:100%;min-height:100%;width:100%}
.pricing-screen{display:flex;flex-direction:column;max-width:960px;margin-inline:auto;padding:10px;overflow:hidden;border-radius:26px;border:1px solid rgba(220,235,250,.22);background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.03) 45%,rgba(255,255,255,.07));-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.pricing-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;background:rgba(9,14,21,.72);border-radius:0 0 16px 16px}
.pricing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 24px;border-bottom:1px solid #ffffff20;background:rgba(9,14,21,.72);border-radius:16px 16px 0 0}
.pricing-screen .price-card{border-color:rgba(220,235,250,.22);background:linear-gradient(140deg,rgba(255,255,255,.06),rgba(17,24,32,.48));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.pricing-toolbar button{min-height:44px;font-size:14px}
.pricing-toolbar span{color:#bdc9d6;font-size:13px}
.pricing-screen .pricing-main{padding-top:32px}
.pricing-screen .pricing-scroll{text-align:center}
.pricing-screen .pricing-opening,.pricing-screen .pricing-main h1,.pricing-screen .purchase-notes section{margin-inline:auto}
.pricing-screen .price-link{justify-content:center}
/* by: Codex. Reading rhythm and controls remain consistent across compact viewports. */
.pricing-screen :is(h1,h2,h3,.price){text-wrap:balance}
.pricing-screen :is(.intro,.price-card>p:not(.price):not(.unit)){text-wrap:pretty}
.pricing-screen .price-card .unit{font-size:13px;line-height:1.5;margin-bottom:16px}
.pricing-screen .purchase-notes section{max-width:64ch}
.pricing-screen :is(.price-link,.text-button){text-underline-offset:4px;text-decoration-thickness:1px}
.pricing-screen .pricing-foot button{min-height:44px;font-size:14px}
.pricing-screen .pricing-toolbar{flex-wrap:wrap;gap:4px 12px}
.pricing-screen .pricing-motion-control{font-size:13px;color:#bdc9d6}
.pricing-screen :is(button,a,[tabindex]):focus-visible{outline:2px solid #f5a524;outline-offset:3px}
.pricing-screen .pricing-scroll{scroll-padding-block:24px;scrollbar-color:#768796 transparent}
/* by: Codex. Center partial rows; each service has an original luminous illustration. */
.pricing-screen .price-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.pricing-screen .price-card{--offer-color:164,194,218;--offer-depth:.18;position:relative;isolation:isolate;width:calc(50% - 12px);min-width:0;border-color:rgba(var(--offer-color),.54);background:linear-gradient(145deg,rgba(var(--offer-color),.08),rgba(17,24,32,.64) 65%);box-shadow:inset 0 1px 0 rgba(var(--offer-color),.16)}
.pricing-screen .price-card::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;box-shadow:0 0 26px rgba(var(--offer-color),var(--offer-depth)),inset 0 0 30px rgba(var(--offer-color),.08);opacity:.55;animation:offer-glow 4.8s ease-in-out infinite;animation-play-state:paused}
.pricing-screen #fix-kit{--offer-color:103,218,244;--offer-depth:.23}
.pricing-screen #one-fix{--offer-color:88,222,196;--offer-depth:.25}
.pricing-screen #focused-fixes{--offer-color:133,174,255;--offer-depth:.30}
.pricing-screen #projects{--offer-color:192,157,255;--offer-depth:.36}
.pricing-screen #listing-setup{--offer-color:255,173,143;--offer-depth:.28}
.pricing-screen #keep-it-right{--offer-color:183,221,125;--offer-depth:.28}
.pricing-screen #growth{--offer-color:255,205,108;--offer-depth:.40}
.pricing-screen .price-card .price,.pricing-screen .price-card .price-link{color:rgb(var(--offer-color))}
.offer-art{position:relative;flex:none;height:150px;width:min(264px,100%);margin:0 auto 14px;color:rgb(var(--offer-color));background:radial-gradient(ellipse at center,rgba(var(--offer-color),.18),transparent 72%)}
.offer-art svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 6px rgba(var(--offer-color),.48))}
.offer-art{height:180px;width:min(300px,100%)}
.offer-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 0 6px rgba(var(--offer-color),.32))}
.offer-art.has-3d svg{visibility:hidden}
.offer-art.has-3d svg [class]{animation:none!important}
.offer-art .art-surface{fill:var(--art-fill,rgba(12,20,30,.85))}
.offer-art .art-detail{stroke-width:1;opacity:.8}
.offer-art .art-trace{opacity:.38}
.offer-art .art-light{fill:currentColor;stroke:none}
.offer-art .art-inner-ring{opacity:.12}
.offer-art .art-grid{opacity:.09;stroke-width:.7}
.offer-art .art-ground{opacity:.24;fill:rgba(var(--offer-color),.05)}
.offer-art .art-soft{opacity:.35}
.art-scan{animation:offer-scan 4.8s cubic-bezier(.77,0,.175,1) infinite}
.art-float{animation:offer-float 4.8s ease-in-out infinite}
.art-tilt{transform-origin:120px 80px;animation:offer-tilt 4.8s ease-in-out infinite}
.art-node,.art-beacon{animation:offer-node 4.8s ease-in-out infinite}
.art-orbit{transform-origin:120px 67px;animation:offer-orbit 18s linear infinite}
.offer-art .art-delay-one{animation-delay:-1.6s}.offer-art .art-delay-two{animation-delay:-3.2s}
.offer-art [class]{animation-play-state:paused}
.pricing-open .price-card.is-in-view::before,.pricing-open .price-card.is-in-view .offer-art [class]{animation-play-state:running}
.pricing-open .price-card:focus-within::before,.pricing-open .price-card:focus-within .offer-art [class]{animation-play-state:paused}
@media(hover:hover) and (pointer:fine){.pricing-open .price-card:hover::before,.pricing-open .price-card:hover .offer-art [class]{animation-play-state:paused}}
.pricing-motion-paused .price-card::before,.pricing-motion-paused .price-card .offer-art [class]{animation-play-state:paused!important}
@keyframes offer-glow{50%{opacity:1}}
@keyframes offer-scan{0%,100%{transform:translateY(-18px);opacity:.35}50%{transform:translateY(36px);opacity:1}}
@keyframes offer-float{50%{transform:translateY(-5px)}}
@keyframes offer-tilt{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@keyframes offer-node{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes offer-orbit{to{transform:rotate(360deg)}}
@media(max-width:640px){.pricing-screen .price-card{width:100%}.offer-art{height:160px}}
@media(prefers-reduced-motion:reduce){.pricing-screen .price-card::before,.pricing-screen .offer-art [class]{animation:none!important;transform:none}.pricing-screen .price-card::before{opacity:.6}}
@media(prefers-reduced-motion:reduce){.pricing-motion-control{display:none}}
html.pricing-open,html.pricing-open body{overflow:hidden!important}
.pricing-open header.site{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(9,14,21,.38);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.pricing-open .report-chat-greeting,.pricing-open .owner-question,.pricing-open .globe-hud,.pricing-open .site-foot{visibility:hidden!important;pointer-events:none}
.pricing-open main.funnel{pointer-events:none}
@media(max-width:640px){#pricing-viewport{top:calc(var(--pricing-top,72px) + 20px);left:12px;right:12px;bottom:20px}.pricing-screen{padding:6px;border-radius:20px}.pricing-screen .pricing-main{padding-top:24px}.pricing-toolbar{padding:4px 16px}}
@media(max-width:760px){.pricing-screen .price-card{width:min(100%,440px)}}
@media(max-height:600px){#pricing-viewport{top:calc(var(--pricing-top,72px) + 12px);bottom:12px}.pricing-screen .offer-art{height:140px}}