.tour-modal{border-radius:var(--radius-lg);width:min(520px,100% - 32px);height:fit-content;max-height:calc(100dvh - 32px);box-shadow:0 24px 80px color-mix(in oklab, var(--fg), transparent 72%);border:0;margin:auto;padding:0;position:fixed;inset:0}.tour-modal::backdrop{background:color-mix(in oklab, var(--fg), transparent 60%)}.tour-card{gap:var(--space-4);padding:var(--space-6);display:grid}.addons-section{gap:var(--space-5);display:grid}.addons-head{justify-content:space-between;align-items:end;gap:var(--space-5);flex-wrap:wrap;display:flex}.addons-head h2,.addons-head h3{margin:var(--space-1) 0 0}.addons-note{color:var(--muted);font-size:var(--text-sm);max-width:56ch;margin:var(--space-2) 0 var(--space-4)}.setup-subcard{gap:var(--space-5);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);display:grid}.setup-subcard.is-optional{background:color-mix(in oklab, var(--surface), var(--bg) 55%)}.mini-outline{gap:var(--space-3);display:grid}.mini-outline article{gap:var(--space-3);align-items:start;row-gap:var(--space-1);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:42px minmax(0,1fr);display:grid}.mini-outline article>span{font-family:var(--font-mono);color:var(--muted);grid-row:1/span 2;font-weight:800}.mini-outline article>strong{grid-column:2}.mini-outline article>p{grid-column:2;margin:0}.badge-auto{color:var(--accent);background:color-mix(in oklab, var(--accent), var(--bg) 90%)}.badge-studio{color:var(--fg);background:var(--surface)}.badge-reusable{color:var(--success);background:color-mix(in oklab, var(--success), var(--bg) 90%)}.badge-session{color:var(--muted);background:var(--surface)}.badge-free{color:var(--success);background:color-mix(in oklab, var(--success), var(--bg) 88%)}.addon-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.addon-card{align-content:start;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), transform var(--motion-base,.2s) var(--ease-standard);display:grid}.addon-card:hover{border-color:color-mix(in oklab, var(--fg), transparent 72%);box-shadow:var(--elev-raised);transform:translateY(-2px)}.addon-meta{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.addon-top{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;display:grid}.addon-name{font-size:var(--text-lg);font-weight:700;line-height:1.18}.addon-price{font-family:var(--font-mono);font-size:var(--text-lg);white-space:nowrap;line-height:1}.addon-price s{margin-right:var(--space-2);color:var(--muted);font-size:var(--text-sm)}.addon-benefit{color:var(--muted);font-size:var(--text-sm)}.addon-tiers{gap:var(--space-2);flex-wrap:wrap;display:flex}.addon-tier{align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-pill);min-height:32px;padding:0 var(--space-3);background:var(--bg);color:var(--muted);font-size:var(--text-xs);font-weight:700;display:inline-flex}.addon-tier strong{color:var(--fg);font-family:var(--font-mono)}.addon-foot{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--border);display:flex}.addon-foot .body-sm{color:var(--muted);font-size:var(--text-xs)}.addon-toggle{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--border);min-height:44px;padding:0 var(--space-4);background:var(--bg);color:var(--fg);transition:background var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);border-radius:56px;font-weight:700;display:inline-flex}.addon-toggle:hover{border-color:var(--fg);transform:translateY(-1px)}.addon-toggle:before{content:"+";font-family:var(--font-mono);font-weight:800}.is-added{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.is-added>.addon-foot .addon-toggle{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.is-added .addon-toggle:before{content:"✓"}.addon-toggle .label-added,.is-added .addon-toggle .label-add{display:none}.is-added .addon-toggle .label-added{display:inline}.addon-card.is-owned{border-color:color-mix(in oklab, var(--success), var(--bg) 60%);background:color-mix(in oklab, var(--success), var(--bg) 95%)}.addon-card.is-owned:hover{box-shadow:none;transform:none}.prep-picker{margin-top:var(--space-3);gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface,var(--bg));display:grid}.prep-picker-head{justify-content:space-between;align-items:center;display:flex}.prep-angles{gap:var(--space-2);margin-top:var(--space-2);display:grid}.prep-angle{text-align:left;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard);gap:2px;display:grid}.prep-angle:hover{border-color:var(--fg)}.prep-angle.is-picked{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in oklab, var(--accent), var(--bg) 92%)}.prep-picks{gap:var(--space-1);margin-top:var(--space-2);display:grid}.prep-picks-head{justify-content:space-between;align-items:center;display:flex}.prep-pick-all{gap:var(--space-2);display:inline-flex}.prep-pick-all button{color:var(--accent);font-weight:700;font-size:var(--text-xs);cursor:pointer;background:0 0;border:none}.prep-pick{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:flex-start;line-height:1.45;display:flex}.prep-pick:hover{background:color-mix(in oklab, var(--fg), transparent 95%)}.prep-pick.is-picked{background:color-mix(in oklab, var(--accent), var(--bg) 94%)}.prep-pick input{accent-color:var(--accent);margin-top:3px}.prep-saved{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid color-mix(in oklab, var(--accent), var(--bg) 70%);background:color-mix(in oklab, var(--accent), var(--bg) 95%);display:grid}.prep-saved-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.prep-list{margin:var(--space-2) 0 var(--space-2);padding-left:1.5em}ol.prep-list{list-style:decimal}ul.prep-list{list-style:outside}.prep-list li{margin:5px 0;padding-left:4px;line-height:1.5}.prep-list li::marker{color:var(--accent);font-weight:700}.prep-saved h3{font-size:var(--text-lg)}.prep-saved .eyebrow{margin-top:var(--space-2)}.prep-q-actions{margin-left:var(--space-2);gap:var(--space-2);display:inline-flex}.prep-q-actions button{color:var(--accent);font-weight:700;font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;padding:0}.prep-q-actions button:hover{text-decoration:underline}.prep-live{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid color-mix(in oklab, var(--accent), var(--bg) 70%);gap:var(--space-2);display:grid}.prep-live-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.prep-live-controls{gap:var(--space-2);display:inline-flex}.prep-live .status-dot.is-live{background:#e5484d;box-shadow:0 0 0 3px #e5484d38;box-shadow:0 0 0 3px lab(54.5836% 61.4482 33.7329/.22)}.prep-live-urls{gap:var(--space-2);display:grid}.prep-url-row{gap:var(--space-2);grid-template-columns:64px 1fr auto;align-items:center;display:grid}.prep-url-row code{font-size:var(--text-xs);color:inherit;opacity:.7}.prep-url-row input{width:100%;font-family:var(--font-mono);font-size:var(--text-xs);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);padding:6px 8px}.prep-url-row button{color:var(--accent);font-weight:700;font-size:var(--text-xs);cursor:pointer;background:0 0;border:none}.addon-delivered{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.addon-brief{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--border);gap:var(--space-2);display:grid}.addon-brief textarea{resize:vertical;width:100%}.addon-brief-actions{gap:var(--space-2);display:flex}.addon-brief-summary{color:var(--muted);align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.addon-brief-edit{color:var(--accent);font-weight:700;font-size:var(--text-xs);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.addon-brief-edit:hover{color:var(--fg)}.addon-card.is-purchased{border-color:color-mix(in oklab, var(--accent), var(--bg) 62%);background:color-mix(in oklab, var(--accent), var(--bg) 95%)}.addon-card.is-purchased:hover{box-shadow:none;transform:none}.addon-owned{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);color:var(--success);background:color-mix(in oklab, var(--success), var(--bg) 88%);font-size:var(--text-sm);border-radius:56px;font-weight:700;display:inline-flex}.addon-owned:before{content:"✓";font-family:var(--font-mono);font-weight:800}.addon-state{align-items:center;gap:var(--space-2);border:1px solid var(--border);min-height:36px;padding:0 var(--space-3);background:var(--bg);color:var(--muted);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;border-radius:56px;font-weight:700;display:inline-flex}.addon-state .status-dot{border-radius:var(--radius-pill);background:currentColor;width:8px;height:8px}.addon-state[data-state=processing]{color:var(--accent);background:color-mix(in oklab, var(--accent), var(--bg) 92%);border-color:#0000}.addon-state[data-state=ready]{color:var(--success);background:color-mix(in oklab, var(--success), var(--bg) 90%);border-color:#0000}.addon-state[data-state=production]{color:var(--warn);background:color-mix(in oklab, var(--warn), var(--bg) 86%);border-color:#0000}.bundle-grid{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bundle-card{align-content:start;gap:var(--space-4);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), transform var(--motion-base,.2s) var(--ease-standard);display:grid}.bundle-card:hover{box-shadow:var(--elev-raised);transform:translateY(-2px)}.bundle-card.is-hero{background:var(--fg);color:var(--bg);border-color:var(--fg)}.bundle-card.is-hero .addon-benefit,.bundle-card.is-hero .bundle-includes{color:color-mix(in oklab, var(--bg), transparent 28%)}.bundle-card.is-hero .addon-foot{border-top-color:color-mix(in oklab, var(--bg), transparent 84%)}.bundle-card.is-hero .addon-foot .body-sm{color:color-mix(in oklab, var(--bg), transparent 40%)}.bundle-card.is-hero .badge{background:color-mix(in oklab, var(--bg), transparent 86%);color:var(--bg)}.bundle-card.is-hero .badge-accent{background:var(--accent);color:var(--accent-on)}.bundle-top{justify-content:space-between;align-items:start;gap:var(--space-4);display:flex}.bundle-name{font-size:var(--text-xl);font-weight:700;line-height:1.12}.bundle-price{align-items:end;gap:var(--space-2);display:flex}.bundle-price strong{font-family:var(--font-display);font-size:var(--text-3xl);line-height:var(--leading-tight,1);letter-spacing:var(--tracking-display,-.01em);font-weight:400}.bundle-price s{color:inherit;opacity:.5;font-size:var(--text-lg)}.bundle-includes{gap:var(--space-2);font-size:var(--text-sm);color:var(--muted);margin:0;padding-left:18px;display:grid}.btn-on-dark{background:var(--bg);color:var(--fg);border-color:var(--bg)}.btn-on-dark:hover{background:color-mix(in oklab, var(--bg), var(--accent) 8%)}.summary-addon-lines{gap:var(--space-3);margin:var(--space-4) 0 0;display:grid}.summary-addon-lines div{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.summary-addon-lines span{color:color-mix(in oklab, var(--bg), transparent 34%);font-size:var(--text-sm)}.summary-addon-lines strong{font-family:var(--font-mono)}.summary-empty{color:color-mix(in oklab, var(--bg), transparent 48%);font-size:var(--text-sm)}.summary-total{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid color-mix(in oklab, var(--bg), transparent 80%)}.upsell-nudge{gap:var(--space-4);padding:var(--space-4);border:1px solid color-mix(in oklab, var(--accent), var(--bg) 70%);border-radius:var(--radius-md);background:color-mix(in oklab, var(--accent), var(--bg) 94%);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.upsell-nudge strong{display:block}.upsell-nudge em{color:var(--muted);font-style:normal;font-size:var(--text-sm)}.upsell-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:inline-flex}.promo-banner{border-radius:var(--radius-lg);border:1px solid var(--fg);background:var(--fg);min-height:150px;color:var(--bg);position:relative;overflow:hidden}.promo-slide{align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-6);background:var(--hero,var(--fg));opacity:0;visibility:hidden;transition:opacity var(--motion-base,.2s) var(--ease-standard), visibility var(--motion-base,.2s) var(--ease-standard);background-position:50%;background-size:cover;grid-template-columns:minmax(0,1fr) auto;display:grid;position:absolute;inset:0}.promo-slide.is-active{opacity:1;visibility:visible}.promo-slide:after{content:"";background:linear-gradient(90deg, color-mix(in oklab, var(--fg), transparent 6%) 0%, color-mix(in oklab, var(--fg), transparent 34%) 58%, color-mix(in oklab, var(--fg), transparent 52%) 100%);position:absolute;inset:0}.promo-content{z-index:1;flex-direction:column;justify-content:space-between;align-self:stretch;gap:6px;display:flex;position:relative}.promo-content>*{margin:0}.promo-eyebrow{color:color-mix(in oklab, var(--bg), transparent 16%);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.promo-title{font-size:clamp(20px,2.3vw,25px);font-weight:700;line-height:1.08}.promo-sub{color:color-mix(in oklab, var(--bg), transparent 24%);font-size:var(--text-sm);line-height:1.4}.promo-actions{z-index:1;place-self:center end;align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex;position:relative}.promo-dots{z-index:2;right:var(--space-6);bottom:var(--space-3);gap:var(--space-2);display:inline-flex;position:absolute}.promo-dot{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--bg), transparent 60%);cursor:pointer;width:8px;height:8px;transition:background var(--motion-fast) var(--ease-standard), width var(--motion-fast) var(--ease-standard);border:0;padding:0}.promo-dot:hover{background:color-mix(in oklab, var(--bg), transparent 30%)}.promo-dot.is-active{background:var(--bg);width:18px}.btn-ghost-light{color:var(--bg);border-color:color-mix(in oklab, var(--bg), transparent 52%);background:0 0}.btn-ghost-light:hover{background:color-mix(in oklab, var(--bg), transparent 86%);border-color:var(--bg)}.promo-learn-link{padding:0 var(--space-2);color:color-mix(in oklab, var(--bg), transparent 14%);font-weight:700;font-size:var(--text-sm);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;text-decoration:underline}.promo-learn-link:hover{color:var(--bg)}.detail-spec{gap:var(--space-3);display:grid}.detail-spec div{justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);display:flex}.detail-spec div:last-child{border-bottom:0;padding-bottom:0}.detail-spec span{color:var(--muted);font-size:var(--text-sm)}.detail-spec strong{font-family:var(--font-mono)}.detail-includes{gap:var(--space-2);color:var(--muted);font-size:var(--text-sm);margin:0;padding-left:18px;display:grid}.detail-includes:empty{display:none}.product-thumb{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--hero,linear-gradient(135deg, color-mix(in oklab, var(--fg), var(--accent) 16%), var(--fg)));background-position:50%;background-size:cover;flex:none;width:56px;height:34px}.product-cell{align-items:center;gap:var(--space-3);display:flex}.price-input{align-items:center;gap:var(--space-2);min-height:48px;padding-left:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);grid-template-columns:auto minmax(0,1fr);display:grid}.price-input span{color:var(--muted);font-family:var(--font-mono)}.price-input input{background:0 0;border:0;min-height:44px;padding-left:0}.tier-list{gap:var(--space-2);display:grid}.tier-edit{gap:var(--space-2);grid-template-columns:minmax(0,1fr) 130px auto;align-items:center;display:grid}.tier-edit input{min-height:44px}.hero-editor{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);display:grid}.hero-toolbar{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.hero-toolbar input[type=file]{display:none}.product-modal{width:min(760px,100% - 32px);max-width:none}.product-modal .tour-card{gap:var(--space-5);width:100%;max-width:none;max-height:88vh;overflow:auto}.modal-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.session-tabs{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.wizard-tab{border:1px solid var(--border);min-height:40px;padding:0 var(--space-4);background:var(--bg);color:var(--muted);font-size:var(--text-sm);cursor:pointer;border-radius:56px;align-items:center;font-weight:700;display:inline-flex}.wizard-tab.is-active,.wizard-tab:hover{border-color:var(--fg);color:var(--fg);background:var(--surface)}.session-command{gap:var(--space-5);margin-bottom:var(--space-5);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--fg);color:var(--bg);grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:center;display:grid}.session-command .body-sm{color:color-mix(in oklab, var(--bg), transparent 36%)}.session-command h2{color:var(--bg);margin:var(--space-2) 0 0}.setup-meter{gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;display:grid}.setup-meter span{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--bg), transparent 84%);height:10px;overflow:hidden}.setup-meter i{border-radius:inherit;background:var(--accent);height:100%;display:block}.setup-layout{gap:var(--space-5);grid-template-columns:280px minmax(0,1fr);align-items:start;display:grid}.setup-steps{top:var(--space-5);gap:var(--space-3);display:grid;position:sticky}.setup-step{gap:var(--space-3);min-height:84px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--fg);text-align:left;cursor:pointer;grid-template-columns:42px minmax(0,1fr);align-items:center;display:grid}.setup-step>span{border-radius:var(--radius-pill);background:var(--surface);width:42px;height:42px;font-family:var(--font-mono);font-size:var(--text-xs);place-items:center;font-weight:800;display:grid}.setup-step strong,.setup-step em{display:block}.setup-step em{color:var(--muted);font-size:var(--text-xs);grid-column:2;font-style:normal}.setup-step.is-active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.setup-step.is-complete>span{background:var(--fg);color:var(--bg)}.setup-panel{align-content:start;gap:var(--space-5);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);min-width:0;min-height:360px;display:grid}.panel-head{justify-content:space-between;gap:var(--space-4);align-items:start;display:flex}.panel-head h2{margin:var(--space-1) 0 0}.upload-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.upload-tile{gap:var(--space-2);min-height:140px;padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;align-content:center;justify-items:start;display:grid}.upload-tile.is-complete{background:color-mix(in oklab, var(--success), var(--bg) 94%);border-style:solid}.upload-icon{border-radius:var(--radius-pill);background:var(--fg);width:44px;height:44px;color:var(--bg);font-family:var(--font-mono);font-size:var(--text-xs);place-items:center;font-weight:800;display:grid}.upload-tile em{color:var(--muted);font-size:var(--text-sm);font-style:normal}.setup-callout{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);display:grid}.toast.is-visible{display:inline-flex}.addon-cart-bar{left:50%;bottom:var(--space-5);z-index:50;align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-5);border:1px solid var(--fg);border-radius:var(--radius-pill);background:var(--fg);color:var(--bg);box-shadow:0 12px 32px color-mix(in oklab, var(--fg), transparent 68%);flex-wrap:wrap;justify-content:center;display:flex;position:fixed;transform:translate(-50%)}.addon-cart-bar .body-sm{color:color-mix(in oklab, var(--bg), transparent 18%)}.addon-cart-bar .btn-secondary{background:color-mix(in oklab, var(--bg), transparent 86%);color:var(--bg);border-color:#0000}@media (max-width:1080px){.setup-layout,.session-command{grid-template-columns:1fr}.setup-steps{grid-template-columns:repeat(2,minmax(0,1fr));position:static}}@media (max-width:720px){.upload-grid,.setup-steps{grid-template-columns:1fr}}@media (max-width:1080px){.addon-grid,.bundle-grid{grid-template-columns:1fr}}@media (max-width:720px){.addons-head{display:grid}.upsell-nudge{grid-template-columns:1fr}.upsell-actions{justify-content:stretch}.upsell-actions .btn{flex:1}.addon-foot{flex-wrap:wrap}.addon-toggle,.addon-owned{width:100%}.tier-edit{grid-template-columns:1fr}.promo-banner{min-height:168px}.promo-slide{align-content:center;gap:var(--space-3);grid-template-columns:1fr}.promo-content{justify-content:flex-start;align-self:auto}.promo-actions{flex-flow:wrap;place-self:auto start;align-items:flex-start}.promo-slide:after{background:linear-gradient(0deg, color-mix(in oklab, var(--fg), transparent 6%) 0%, color-mix(in oklab, var(--fg), transparent 36%) 60%, color-mix(in oklab, var(--fg), transparent 72%) 100%)}}.addon-card.is-clickable,.bundle-card.is-clickable{cursor:pointer}.addon-card.is-clickable:focus-visible,.bundle-card.is-clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.addon-learn{color:var(--accent);font:inherit;font-size:var(--text-sm);cursor:pointer;text-underline-offset:2px;white-space:nowrap;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.addon-learn:hover{opacity:.8}.addon-modal-overlay{z-index:400;background:#0a0b0d99;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.addon-modal{background:var(--bg);border:1px solid var(--border);border-radius:20px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px #0006}.addon-modal-close{z-index:2;color:#fff;cursor:pointer;background:#0a0b0d80;border:0;border-radius:50%;place-items:center;width:32px;height:32px;font-size:20px;line-height:1;display:grid;position:absolute;top:12px;right:12px}.addon-modal-close:hover{background:#0a0b0dbf}.addon-modal-hero{object-fit:cover;background:var(--surface);width:100%;height:200px;display:block}.addon-modal-body{padding:24px;overflow-y:auto}.addon-modal-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.addon-modal-head h3{font-size:var(--text-xl);letter-spacing:-.01em;margin:0}.addon-modal-price{font-weight:800;font-size:var(--text-lg);color:var(--accent);white-space:nowrap}.addon-modal-benefit{color:var(--fg);font-size:var(--text-base);margin:8px 0 0;font-weight:600}.addon-modal-desc{color:var(--muted);font-size:var(--text-sm);white-space:pre-line;margin:12px 0 0;line-height:1.6}.addon-modal-meta{font-size:var(--text-sm);color:var(--muted);margin:14px 0 0}.addon-modal-tiers{gap:6px;margin:16px 0 0;padding:0;list-style:none;display:grid}.addon-modal-tiers li{font-size:var(--text-sm);background:var(--surface);border-radius:10px;justify-content:space-between;padding:8px 12px;display:flex}.addon-modal-tiers li span:last-child{font-weight:700}.addon-modal-foot{margin-top:22px}