.pricing-page{background:linear-gradient(180deg,#161720,#0a0a0f 50%,#161720);position:relative;min-height:100vh;padding-top:80px;padding-bottom:75px}.pricing-page:before{top:-200px;height:170vh;background-image:url(/images/d20-bg.svg);background-size:150vw auto;background-position:top;background-repeat:no-repeat;opacity:.06}.pricing-page:after,.pricing-page:before{content:"";position:absolute;left:0;right:0;pointer-events:none;z-index:0}.pricing-page:after{top:0;height:100vh;background:radial-gradient(ellipse 80% 40% at 50% 0,rgba(255,255,255,.03) 0,transparent 60%),radial-gradient(circle at 20% 30%,rgba(255,255,255,.02) 0,transparent 40%),radial-gradient(circle at 80% 40%,rgba(255,255,255,.015) 0,transparent 35%)}.pricing-hero{position:relative;z-index:1;padding:8rem 0 6rem;text-align:center}.pricing-badge{display:inline-block;padding:.5rem 1.5rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#e2e8f0;font-size:.875rem;font-weight:500;letter-spacing:.05em;margin-bottom:1.5rem}.pricing-title{font-family:Cinzel Decorative,serif;font-weight:700;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:.15em;color:#e2e8f0;text-transform:none;line-height:1.1;margin-bottom:0;background:linear-gradient(90deg,#e2e8f0,#a0aec0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-large{font-size:clamp(3rem,8vw,5.5rem);display:block;margin-top:.5rem}.billing-toggle-section{position:relative;z-index:1;padding:1rem 0;text-align:center}.billing-toggle{display:inline-flex;align-items:center;justify-content:center}.toggle-switch{position:relative;width:200px;height:36px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:999px;cursor:pointer;transition:all .3s ease;outline:none;display:flex;align-items:center;overflow:visible}.toggle-switch:hover{background:rgba(255,255,255,.15)}.toggle-option{position:relative;z-index:2;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;color:rgba(255,255,255,.6);transition:all .3s ease;flex:1;text-align:center;pointer-events:none}.toggle-switch.monthly .toggle-option-left,.toggle-switch.yearly .toggle-option-right{color:#1a1a2e;font-weight:600}.toggle-savings{position:absolute;right:-80px;top:50%;transform:translateY(-50%);font-family:Inter,sans-serif;font-size:.7rem;color:rgba(255,255,255,.5);font-weight:400;white-space:nowrap}.toggle-slider{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:30px;background:linear-gradient(#f0f0f5,#a0a0b0);border-radius:999px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px rgba(0,0,0,.2);z-index:1}.toggle-switch.yearly .toggle-slider{transform:translateX(100%)}.actual-price{margin-top:.5rem;text-align:center}.actual-price-amount{font-family:Inter,sans-serif;font-size:.875rem;color:rgba(255,255,255,.7);font-weight:400}.pricing-section{position:relative;z-index:1;padding:2rem 0 4rem}.pricing-grid{display:flex;justify-content:center;align-items:stretch;gap:0;max-width:1400px;margin:0 auto}.pricing-card{position:relative;background:linear-gradient(180deg,#161720,#1a1b26);border:none;padding:2.5rem 2rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2;flex:1;box-shadow:none}.pricing-card--free{background:linear-gradient(180deg,#161720,#1a1b26);border-radius:16px 0 0 16px;border-right:1px solid rgba(255,255,255,.1);flex:0 0 270px;max-width:270px}.pricing-card--free,.pricing-group--paid{margin-top:40px;box-shadow:0 8px 32px rgba(0,0,0,.3);z-index:2}.pricing-group--paid{display:flex;flex:3;border-radius:0 16px 16px 0;overflow:hidden;border:none}.pricing-group--paid .pricing-card{margin-top:0;padding-top:2.5rem;height:100%}.pricing-group--paid .pricing-card:not(:last-child){border-right:1px solid rgba(255,255,255,.1)}.pricing-group--paid .pricing-card:last-child{border-radius:0 16px 16px 0}.beta-tag{position:absolute;top:1rem;right:1rem;font-size:.65rem;letter-spacing:.12em;text-transform:lowercase;color:rgba(255,255,255,.5);font-style:italic}.plan-name{font-family:Cinzel Decorative,serif;font-weight:700;font-size:1.75rem;letter-spacing:.08em;color:#e2e8f0;margin-bottom:.25rem;text-align:center}.plan-name--fantasy{background:linear-gradient(180deg,#f0f0f5,#a0a0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-subtitle{font-size:.875rem;color:rgba(255,255,255,.6);text-align:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);font-weight:400}.price-container{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:1.25rem}.price{font-family:Cinzel Decorative,serif;font-size:2.75rem;font-weight:700;color:#e2e8f0;line-height:1}.price-period{font-size:.875rem;color:rgba(255,255,255,.5);font-weight:400}.pricing-card .btn-outline{display:block;width:100%;padding:.7rem 1.25rem;background:linear-gradient(180deg,#ffffff,#e8e8ec 50%,#d0d0d8);border:1px solid rgba(255,255,255,.6);border-radius:999px;color:#1a1a2e;font-family:var(--font-headline);font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:none;text-align:center;transition:all .3s ease;margin-bottom:2.5rem;box-shadow:0 2px 8px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.8)}.pricing-card .btn-outline:hover{background:linear-gradient(180deg,#ffffff,#f0f0f5 50%,#e0e0e8);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.9);color:#1a1a2e}.feature-category{margin-top:1.25rem}.feature-category:first-of-type{margin-top:1.5rem}.feature-category-title{font-size:.8rem;font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.9);margin-bottom:.75rem;padding-bottom:.4rem;border-bottom:1px solid rgba(255,255,255,.15)}.energy-shield{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;width:110px;height:120px;background:linear-gradient(160deg,rgba(255,107,51,.4),rgba(255,194,51,.2));position:relative}.energy-shield,.energy-shield:before{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.energy-shield:before{content:"";position:absolute;inset:2px;background:linear-gradient(160deg,rgba(22,23,32,.95),rgba(16,16,22,.98));z-index:0}.energy-shield-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.energy-shield-value{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,#FFC233,#FF6B33);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.energy-shield-label{font-size:.5rem;font-weight:600;letter-spacing:.08em;color:rgba(255,194,51,.7);text-align:center;line-height:1.2}.pricing-faq-section{padding:80px 0 120px}.pricing-faq-title{text-align:center;font-size:28px;font-weight:700;margin-bottom:50px;color:#fff}.pricing-faq-accordion{max-width:800px;margin:0 auto}.pricing-faq-item{border-bottom:1px solid rgba(255,255,255,.08)}.pricing-faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px 0;background:none;border:none;color:#fff;font-size:17px;font-weight:600;cursor:pointer;text-align:left;transition:color .3s;gap:1rem}.pricing-faq-question:hover{color:#13EEEB}.pricing-faq-chevron{width:20px;height:20px;flex-shrink:0;position:relative;transition:transform .4s}.pricing-faq-chevron:after,.pricing-faq-chevron:before{content:"";position:absolute;background:#666;border-radius:2px;transition:background .3s}.pricing-faq-chevron:before{width:2px;height:12px;left:9px;top:4px}.pricing-faq-chevron:after{width:12px;height:2px;left:4px;top:9px}.pricing-faq-item--active .pricing-faq-chevron{transform:rotate(45deg)}.pricing-faq-answer{max-height:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.pricing-faq-item--active .pricing-faq-answer{max-height:400px;padding-bottom:24px}.pricing-faq-answer p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.6)}.pricing-faq-answer strong{color:rgba(255,255,255,.85)}.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.feature-item{gap:.5rem;font-size:.85rem;color:rgba(255,255,255,.8)}.feature-icon,.feature-item{display:flex;align-items:center}.feature-icon{width:22px;height:22px;justify-content:center;flex-shrink:0}.feature-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.feature-item--excluded .feature-icon img,.feature-item--included .feature-icon img{width:14px;height:14px}.feature-item--unlimited .feature-icon img{width:19px;height:19px}.feature-item--included .feature-icon{color:#13EEEB}.feature-item--unlimited .feature-icon{color:#FFC233;font-weight:700;font-size:.9rem}.feature-item--excluded{color:rgba(255,255,255,.4)}.feature-item--excluded .feature-icon,.feature-tooltip{color:rgba(255,255,255,.3)}.feature-tooltip{margin-left:auto;font-size:.85rem;cursor:help;position:relative;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.feature-tooltip:hover{color:#13EEEB;text-shadow:0 0 8px rgba(19,238,235,.3)}.feature-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:125%;right:0;width:200px;padding:.75rem;background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#e2e8f0;font-size:.75rem;line-height:1.4;text-align:left;box-shadow:0 10px 25px rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;pointer-events:none;font-family:var(--font-body)}.feature-tooltip:hover:after{opacity:1;visibility:visible;transform:translateY(-5px)}.addons-section{position:relative;z-index:1;padding:3rem 0 5rem;text-align:center}.addons-title{font-family:Cinzel Decorative,serif;font-size:1.25rem;font-weight:600;color:rgba(255,255,255,.7);letter-spacing:.08em;margin-bottom:2rem}.addons-grid{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.addon-card{background:rgba(22,23,32,.8);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem 2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:200px}.addon-price{font-family:Cinzel Decorative,serif;font-size:2rem;font-weight:700;color:#e2e8f0;margin-bottom:.5rem}.addon-description{font-size:.875rem;color:rgba(255,255,255,.6);margin:0}.addon-name{font-family:Cinzel Decorative,serif;font-size:1rem;font-weight:600;color:#e2e8f0;margin-bottom:.5rem}.addon-card--coming-soon{opacity:.7}.coming-soon-tag{font-size:.75rem;color:rgba(255,255,255,.5);font-style:italic}@media (max-width:1100px){.pricing-grid{flex-wrap:wrap;gap:1.5rem}.pricing-card,.pricing-card--featured,.pricing-card--free,.pricing-card:nth-child(2),.pricing-card:nth-child(4){margin-top:0;margin-right:0;border-radius:16px;border:1px solid rgba(255,255,255,.1);max-width:280px}}@media (max-width:640px){.pricing-grid{flex-direction:column;max-width:320px;margin:0 auto;gap:1.5rem}.pricing-card,.pricing-card--featured,.pricing-card--free,.pricing-card:nth-child(2),.pricing-card:nth-child(4){max-width:100%;width:100%;min-width:unset}.pricing-title{font-size:1.75rem;letter-spacing:.08em}.pricing-badge{font-size:.75rem;padding:.4rem 1rem}.addons-grid{flex-direction:column;align-items:center}}.pricing-group--paid{border-radius:16px!important}