#pricing [hidden]{display:none!important}
#pricing button{font:inherit;cursor:pointer}
#pricing button:focus-visible,#pricing a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
#pricing .eyebrow,#pricing .number{font-size:10px;letter-spacing:.15em;color:var(--accent);display:block}
#pricing h2,#pricing h3{font-family:var(--font-display)}
#pricing .intro{color:var(--text-secondary);font-size:14px;line-height:1.8}
#pricing .context{display:flex;justify-content:space-between;margin:36px 0 20px;font-size:11px;color:var(--text-muted)}
#pricing .card h2{font-size:23px;margin:18px 0 14px;line-height:1.3}
#pricing .card .desc{min-height:118px;margin-bottom:22px}
#pricing .price.custom{font:700 32px var(--font-display);margin-bottom:9px}
#pricing .cost{font-size:10px;color:var(--text-muted);margin:16px 0 20px}
#pricing .info,#pricing .text-button{border:0;background:transparent;color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-size:11px}
#pricing .card:nth-child(2){background:var(--bg-card);border:1px solid var(--accent-dim)}
#pricing .card:nth-child(2) .cta{background:var(--accent-gradient);color:var(--bg)}
#pricing .standard{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--text-secondary);padding:25px 0;border-bottom:1px solid var(--border)}
#pricing .standard strong{color:var(--text-primary)}
#costs{margin:auto;border:1px solid var(--accent-dim);background:var(--bg-surface);color:var(--text-primary);padding:32px;width:min(480px,calc(100% - 32px));max-height:90vh;overflow:auto}
#costs::backdrop{background:color-mix(in srgb,var(--bg) 74%,transparent)}
#costs h2{font-size:23px;margin-bottom:18px;padding-right:20px}
#costs p{font-size:13px;margin:16px 0;color:var(--text-secondary)}
#costs .estimate{padding:1px 16px;background:var(--bg-card)}
#costs .small{font-size:11px!important}
#costs .close{position:absolute;top:10px;right:18px;background:none;color:var(--text-primary);border:0;font-size:26px}
#pricing .rebuild{margin-top:22px}
#pricing .rebuild-card{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);padding:28px 32px;width:100%;display:flex;align-items:center;gap:24px;text-align:left}
#pricing .rebuild-card:hover,#pricing .rebuild-card[aria-expanded=true]{border-color:var(--accent-dim);background:var(--bg-card)}
#pricing .rebuild-icon{font-size:42px;color:var(--accent);text-shadow:0 0 22px color-mix(in srgb,var(--accent) 44%,transparent)}
#pricing .rebuild-card strong{font:700 25px var(--font-display);display:block;margin:6px 0}
#pricing .rebuild-summary{font-size:12px;color:var(--text-secondary)}
#pricing .explore{margin-left:auto;white-space:nowrap;font-size:11px;color:var(--accent)}
#pricing #rebuild-panel{border:1px solid var(--border);border-top:0;padding:34px 28px;background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--accent-dim) 16%,transparent),transparent 65%),var(--bg)}
#pricing .branch-header{display:flex;justify-content:space-between;gap:20px;align-items:start}
#pricing .branch-header h2{font-size:24px}
#pricing .branch-header p{color:var(--text-secondary);font-size:12px;margin-top:7px}
#pricing .text-button{flex-shrink:0;margin-top:9px}
#pricing .branch-map{position:relative;padding-top:215px}
#pricing .source-node{position:absolute;top:29px;left:calc(50% - 22px);height:44px;width:44px;display:grid;place-items:center;color:var(--text-primary);font-size:31px;text-shadow:0 0 15px var(--accent),0 0 35px var(--accent-dim)}
#pricing #energy{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#pricing .branch-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative}
#pricing .branch-option{position:relative;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-surface) 91%,transparent);color:var(--text-primary);text-align:left;padding:25px 22px;display:flex;flex-direction:column;gap:14px;min-height:265px}
#pricing .branch-option strong{font:700 22px var(--font-display)}
#pricing .branch-option>span:not(.eyebrow):not(.node-dot){font-size:12px;color:var(--text-secondary)}
#pricing .branch-option em{font-size:11px;font-style:normal;color:var(--accent);margin-top:auto}
#pricing .branch-option .option-link{font-size:10px!important;color:var(--accent)!important}
#pricing .branch-option:hover,#pricing .branch-option[aria-expanded=true]{border-color:var(--accent);background:var(--bg-card)}
#pricing .node-dot{position:absolute;top:-5px;left:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent)}
#pricing .branch-option:nth-child(2) .node-dot{background:var(--accent-dim);box-shadow:0 0 18px var(--accent-dim)}
#pricing .branch-option:nth-child(3) .node-dot{background:#D946EF;box-shadow:0 0 18px #D946EF}
#pricing .option-detail{margin-top:25px;padding:28px;border:1px solid var(--accent-dim);background:var(--bg-surface)}
#pricing .option-detail h3{font-size:24px}
#pricing .option-detail p,#pricing .option-detail li{font-size:12px;color:var(--text-secondary);margin-top:12px}
#pricing .option-detail ul{padding-left:19px}
#pricing .option-detail a{display:inline-block;margin-top:20px;color:var(--accent);font-size:13px}
#pricing .other-option{border-top:1px solid var(--border);padding:27px 0 0;margin-top:30px;text-align:center}
#pricing .other-option h3{font-size:21px;margin:8px 0}
#pricing .other-option p{color:var(--text-secondary);font-size:12px}
#pricing .other-option a{display:inline-block;color:var(--accent);font-size:13px;margin-top:12px;overflow-wrap:anywhere}
@media(max-width:800px){#pricing .pricing-grid{grid-template-columns:1fr}
#pricing .card .desc{min-height:0}
#pricing .context,#pricing .standard{flex-direction:column;gap:10px}
#pricing .rebuild-card{flex-wrap:wrap;padding:25px 20px;gap:15px}
#pricing .rebuild-card>span:nth-child(2){flex:1}
#pricing .explore{margin-left:56px}
#pricing .rebuild-card strong{font-size:22px}
#pricing #rebuild-panel{padding:26px 15px}
#pricing .branch-header h2{font-size:22px}
#pricing .branch-header{flex-wrap:wrap}
#pricing .branch-map{padding:100px 0 0 43px}
#pricing .branch-options{grid-template-columns:1fr;gap:23px}
#pricing .branch-option{min-height:215px;padding:22px 18px}
#pricing .source-node{left:0;top:20px}
#pricing .node-dot{top:calc(50% - 4px);left:-5px}
#pricing .branch-option strong{font-size:22px}
#pricing .option-detail{padding:22px}
#pricing .other-option h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){#pricing *{transition:none!important}}
#pricing #rebuild-reveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows 680ms cubic-bezier(.22,1,.36,1);overflow-anchor:none}
#pricing #rebuild-reveal.is-open{grid-template-rows:1fr}
#pricing .rebuild-clip{min-height:0;overflow:hidden}
#pricing #rebuild-panel{opacity:0;transition:opacity 240ms ease;pointer-events:none}
#pricing #rebuild-reveal.is-open #rebuild-panel{opacity:1;transition:opacity 420ms ease 90ms;pointer-events:auto}
#pricing .rebuild-card .explore{display:block;flex:0 0 180px;text-align:right}
#pricing .rebuild-card .rebuild-icon{flex:0 0 38px}
#pricing .rebuild-card>span:nth-child(2){flex:1;min-width:0}
@media(max-width:800px){#pricing .rebuild-card .explore{flex:0 0 calc(100% - 53px);margin-left:53px;text-align:left}}
@media(prefers-reduced-motion:reduce){#pricing #rebuild-reveal,#pricing #rebuild-panel{transition:none!important}}
#pricing .rebuild{padding:0;max-width:none}#pricing .pricing-card{display:flex;flex-direction:column}#pricing .cost{margin-top:auto}#pricing .pricing-btn{width:100%}html{scrollbar-gutter:stable;overflow-anchor:none}

#costs h2{font-family:var(--font-display)}#costs button{cursor:pointer}