.storefront-hero{text-align:center;padding:clamp(4.5rem,9vw,7.5rem) 1.5rem clamp(3rem,6vw,5rem);position:relative;overflow:hidden}.storefront-hero:before,.storefront-hero:after{content:"";filter:blur(90px);pointer-events:none;opacity:.14;border-radius:50%;width:25rem;height:25rem;position:absolute}.storefront-hero:before{background:var(--pub-accent);top:-15rem;left:8%}.storefront-hero:after{background:var(--pub-violet);top:-16rem;right:8%}.storefront-hero .pub-container{z-index:1;position:relative}.storefront-hero .pub-section-subtitle,.storefront-section-heading .pub-section-subtitle{margin:1rem auto 0}.storefront-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.6rem;display:flex}.storefront-trust{border-block:1px solid var(--pub-border-light);background:color-mix(in srgb,var(--pub-bg-alt) 84%,transparent)}.storefront-trust-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:1.15rem 0;display:grid}.storefront-trust-item{text-align:center;min-width:0}.storefront-trust-item strong,.storefront-trust-item span{display:block}.storefront-trust-item strong{color:var(--pub-text);font-size:.9rem}.storefront-trust-item span{color:var(--pub-text-muted);margin-top:.2rem;font-size:.7rem}.storefront-section-heading{text-align:center;max-width:48rem;margin:0 auto 2rem}.storefront-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.storefront-card{flex-direction:column;padding:1.4rem;display:flex}.storefront-card h3{margin:.85rem 0 .45rem;font-size:1rem}.storefront-card p{color:var(--pub-text-secondary);margin:0;font-size:.8rem;line-height:1.65}.storefront-card-icon{border:1px solid var(--pub-border);width:2.5rem;height:2.5rem;color:var(--pub-accent);background:var(--pub-gradient-soft);border-radius:.75rem;place-items:center;display:grid}.storefront-card-icon svg{width:1.2rem;height:1.2rem}.storefront-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.storefront-panel{padding:clamp(1.5rem,4vw,2.5rem)}.storefront-panel h2{margin:0;font-size:clamp(1.4rem,3vw,2rem)}.storefront-panel p{color:var(--pub-text-secondary);line-height:1.7}.storefront-list{gap:.65rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.storefront-list li{color:var(--pub-text-secondary);gap:.6rem;font-size:.8rem;display:flex}.storefront-list li:before{content:"✓";color:#34d399;font-weight:800}.storefront-cta{text-align:center;padding:clamp(2rem,6vw,4rem);position:relative;overflow:hidden}.storefront-cta h2{margin:0;font-size:clamp(1.6rem,4vw,2.6rem)}.storefront-cta p{max-width:42rem;color:var(--pub-text-secondary);margin:1rem auto 0;line-height:1.7}.storefront-modal-form{gap:1rem;display:grid}.storefront-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.storefront-field{gap:.35rem;display:grid}.storefront-field--wide{grid-column:1/-1}.storefront-field label{color:var(--pub-text-secondary);font-size:.72rem;font-weight:700}.storefront-field input,.storefront-field textarea,.storefront-field select{border:1px solid var(--pub-border);width:100%;color:var(--pub-text);font:inherit;background:#ffffff0a;border-radius:.7rem;padding:.75rem .85rem}.storefront-field :focus-visible{outline:2px solid var(--pub-accent);outline-offset:2px}.storefront-form-status{border-radius:.65rem;padding:.75rem;font-size:.75rem}.storefront-form-status--success{color:#6ee7b7;background:#10b9811f}.storefront-form-status--error{color:#fda4af;background:#f43f5e1f}.storefront-calculator{margin-top:2rem}.storefront-calc-body{grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr);gap:1rem;display:grid}.storefront-calc-controls{gap:.8rem;display:grid}.storefront-calc-card,.storefront-calc-summary{border:1px solid var(--pub-border);background:#ffffff06;border-radius:1rem;padding:1.15rem}.storefront-calc-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.storefront-calc-presets,.storefront-calc-periods{flex-wrap:wrap;gap:.45rem;margin-top:.8rem;display:flex}.storefront-calc-presets button,.storefront-calc-periods button{border:1px solid var(--pub-border);min-height:2.25rem;color:var(--pub-text-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .7rem;font-size:.68rem}.storefront-calc-periods button[aria-pressed=true]{color:#fff;border-color:var(--pub-accent);background:#0ea5e926}.storefront-calc-range{width:100%;accent-color:var(--pub-accent);margin-top:.85rem}.storefront-addon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.8rem;display:grid}.storefront-addon{border:1px solid var(--pub-border);color:var(--pub-text-secondary);border-radius:.75rem;align-items:flex-start;gap:.55rem;padding:.7rem;font-size:.72rem;display:flex}.storefront-addon input{accent-color:var(--pub-accent)}.storefront-calc-summary{align-self:start;position:sticky;top:6rem}.storefront-calc-price{margin:1.25rem 0;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.storefront-calc-price small{color:var(--pub-text-muted);font-size:.8rem}.storefront-calc-receipt{border-block:1px solid var(--pub-border-light);gap:.65rem;padding-block:1rem;display:grid}.storefront-calc-receipt div{color:var(--pub-text-secondary);justify-content:space-between;gap:1rem;font-size:.72rem;display:flex}.storefront-calc-summary .pub-btn{width:100%;margin-top:1rem}.storefront-calc-savings{color:#6ee7b7;font-size:.72rem}.storefront-proposal{padding:1.5rem}.storefront-proposal p{max-width:42rem;color:var(--pub-text-secondary);margin:.75rem 0 1.25rem;line-height:1.7}.storefront-proposal--center{text-align:center;margin-top:2rem;padding:clamp(2rem,5vw,3.5rem)}.storefront-proposal--center p{margin:.75rem auto 1.25rem}.storefront-comparison{overflow-x:auto}.storefront-comparison table{border-collapse:collapse;width:100%;min-width:46rem}.storefront-comparison th,.storefront-comparison td{border-bottom:1px solid var(--pub-border-light);text-align:left;padding:1rem;font-size:.76rem}.storefront-comparison th{color:var(--pub-text-muted);text-transform:uppercase}.storefront-comparison td:last-child{color:#67e8f9;font-weight:700}.storefront-muted-section{background:var(--pub-bg-alt)}.storefront-section-compact{padding-top:1.25rem}.storefront-accent-danger{color:#fb7185;text-decoration:line-through}.storefront-icon-success{color:#34d399}.storefront-icon-violet{color:#a78bfa}.storefront-icon-warning{color:#fbbf24}@media (width<=850px){.storefront-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.storefront-calc-body,.storefront-split{grid-template-columns:1fr}.storefront-calc-summary{position:static}.storefront-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.storefront-card-grid,.storefront-modal-grid,.storefront-addon-grid{grid-template-columns:1fr}.storefront-field--wide{grid-column:auto}.storefront-actions .pub-btn{width:100%}.storefront-trust-grid{grid-template-columns:1fr 1fr}.storefront-panel{padding:1.25rem}}@media (prefers-reduced-motion:reduce){.storefront-hero:before,.storefront-hero:after{filter:none}.storefront-card{transition:none}}@media (forced-colors:active){.storefront-card,.storefront-panel,.storefront-calc-card,.storefront-calc-summary{border:1px solid canvastext}.storefront-card-icon{color:highlight}}.storefront-hero-tabs{border:1px solid var(--pub-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border-radius:9999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.35rem;display:inline-flex}.storefront-hero-tab{color:var(--pub-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.5rem;padding:.45rem 1.15rem;font-size:.82rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.storefront-hero-tab-dot{background:var(--pub-border);border-radius:50%;width:6px;height:6px;transition:all .3s cubic-bezier(.16,1,.3,1)}.storefront-hero-tab:hover{color:var(--pub-text);background:#ffffff0d}.storefront-hero-tab.is-active{background:var(--pub-gradient-soft);border-color:var(--pub-accent);color:#fff;box-shadow:0 0 16px #0ea5e940}.storefront-hero-tab.is-active .storefront-hero-tab-dot{background:#fff;box-shadow:0 0 8px #fff}.storefront-hero-slides{min-height:14rem;display:grid;position:relative}.storefront-hero-slide{opacity:0;visibility:hidden;pointer-events:none;backface-visibility:hidden;will-change:opacity, transform, filter;grid-area:1/1;min-width:0;transform:translate(0,0)}.storefront-hero-slide.is-active,.storefront-hero-slide.is-entering,.storefront-hero-slide.is-exiting{opacity:1;visibility:visible}.storefront-hero-slide.is-active,.storefront-hero-slide.is-entering{z-index:2;pointer-events:auto}.storefront-hero-slide.is-exiting{z-index:1}.storefront-hero.is-transitioning .storefront-hero-slide.is-entering,.storefront-hero.is-transitioning .storefront-hero-slide.is-exiting{animation-duration:.85s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both}.storefront-hero.is-transitioning .storefront-hero-slide.is-entering .pub-section-label{animation:.7s cubic-bezier(.16,1,.3,1) both hero-child-reveal}.storefront-hero.is-transitioning .storefront-hero-slide.is-entering .pub-section-title{animation:.7s cubic-bezier(.16,1,.3,1) 60ms both hero-child-reveal}.storefront-hero.is-transitioning .storefront-hero-slide.is-entering .pub-section-subtitle{animation:.7s cubic-bezier(.16,1,.3,1) .12s both hero-child-reveal}.storefront-hero.is-transitioning .storefront-hero-slide.is-entering .storefront-actions{animation:.7s cubic-bezier(.16,1,.3,1) .18s both hero-child-reveal}@keyframes hero-child-reveal{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}.storefront-hero[data-hero-effect=fade] .is-entering{animation-name:hero-fade-in}.storefront-hero[data-hero-effect=fade] .is-exiting{animation-name:hero-fade-out}@keyframes hero-fade-in{0%{opacity:0;transform:scale(.985)translate(0,0)}to{opacity:1;transform:scale(1)translate(0,0)}}@keyframes hero-fade-out{0%{opacity:1;transform:scale(1)translate(0,0)}to{opacity:0;transform:scale(1.01)translate(0,0)}}.storefront-hero[data-hero-effect=slide][data-hero-direction=forward] .is-entering{animation-name:hero-slide-in-forward}.storefront-hero[data-hero-effect=slide][data-hero-direction=forward] .is-exiting{animation-name:hero-slide-out-forward}.storefront-hero[data-hero-effect=slide][data-hero-direction=backward] .is-entering{animation-name:hero-slide-in-backward}.storefront-hero[data-hero-effect=slide][data-hero-direction=backward] .is-exiting{animation-name:hero-slide-out-backward}@keyframes hero-slide-in-forward{0%{opacity:0;transform:translate(4rem)}to{opacity:1;transform:translate(0,0)}}@keyframes hero-slide-out-forward{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(-3.5rem)}}@keyframes hero-slide-in-backward{0%{opacity:0;transform:translate(-4rem)}to{opacity:1;transform:translate(0,0)}}@keyframes hero-slide-out-backward{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(3.5rem)}}.storefront-hero[data-hero-effect=slide_up] .is-entering{animation-name:hero-slide-up-in}.storefront-hero[data-hero-effect=slide_up] .is-exiting{animation-name:hero-slide-up-out}@keyframes hero-slide-up-in{0%{opacity:0;transform:translateY(2.5rem)}to{opacity:1;transform:translate(0,0)}}@keyframes hero-slide-up-out{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(-1.5rem)}}.storefront-hero[data-hero-effect=zoom] .is-entering{animation-name:hero-zoom-in}.storefront-hero[data-hero-effect=zoom] .is-exiting{animation-name:hero-zoom-out}@keyframes hero-zoom-in{0%{opacity:0;filter:blur(4px);transform:scale(.92)translate(0,0)}to{opacity:1;filter:blur();transform:scale(1)translate(0,0)}}@keyframes hero-zoom-out{0%{opacity:1;filter:blur();transform:scale(1)translate(0,0)}to{opacity:0;filter:blur(3px);transform:scale(1.04)translate(0,0)}}.storefront-hero[data-hero-effect=blur] .is-entering{animation-name:hero-blur-in}.storefront-hero[data-hero-effect=blur] .is-exiting{animation-name:hero-blur-out}@keyframes hero-blur-in{0%{opacity:0;filter:blur(8px);transform:scale(1.02)translate(0,0)}to{opacity:1;filter:blur();transform:scale(1)translate(0,0)}}@keyframes hero-blur-out{0%{opacity:1;filter:blur();transform:scale(1)translate(0,0)}to{opacity:0;filter:blur(6px);transform:scale(.98)translate(0,0)}}.storefront-hero[data-hero-effect=flip] .is-entering{animation-name:hero-flip-in}.storefront-hero[data-hero-effect=flip] .is-exiting{animation-name:hero-flip-out}@keyframes hero-flip-in{0%{opacity:0;transform:perspective(1200px)rotateX(6deg)translateY(1rem)}to{opacity:1;transform:perspective(1200px)rotateX(0)translate(0,0)}}@keyframes hero-flip-out{0%{opacity:1;transform:perspective(1200px)rotateX(0)translate(0,0)}to{opacity:0;transform:perspective(1200px)rotateX(-4deg)translateY(-.5rem)}}.storefront-hero[data-hero-effect=lift] .is-entering{animation-name:hero-slide-up-in}.storefront-hero[data-hero-effect=lift] .is-exiting{animation-name:hero-slide-up-out}@media (prefers-reduced-motion:reduce){.storefront-hero.is-transitioning .storefront-hero-slide.is-entering,.storefront-hero.is-transitioning .storefront-hero-slide.is-exiting,.storefront-hero.is-transitioning .storefront-hero-slide.is-entering .pub-section-label,.storefront-hero.is-transitioning .storefront-hero-slide.is-entering .pub-section-title,.storefront-hero.is-transitioning .storefront-hero-slide.is-entering .pub-section-subtitle,.storefront-hero.is-transitioning .storefront-hero-slide.is-entering .storefront-actions{animation:none}}.storefront-hero-dots{z-index:10;justify-content:center;align-items:center;gap:.5rem;margin-top:2.25rem;display:flex;position:relative}.storefront-hero-dot{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;justify-content:center;align-items:center;min-width:2.25rem;min-height:2rem;padding:0;display:inline-flex;position:relative}.storefront-hero-dot:before{content:"";background:var(--pub-border-strong,#ffffff47);border-radius:9999px;width:8px;height:8px;transition:all .35s cubic-bezier(.16,1,.3,1);display:block}.storefront-hero-dot:hover:before{background:#ffffffa6;transform:scale(1.25)}.storefront-hero-dot:focus-visible:before{outline:2px solid var(--pub-accent);outline-offset:3px}.storefront-hero-dot.is-active:before{background:#0ea5e940;border-radius:9999px;width:32px;box-shadow:0 0 10px #0ea5e933}.storefront-hero-dot:after{content:"";background:var(--pub-accent);pointer-events:none;border-radius:9999px;width:0;height:8px;transition:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #0ea5e98c}.storefront-hero-dot.is-active:after{animation:hero-dot-progress var(--slide-duration,8s) linear forwards}.storefront-hero.is-paused .storefront-hero-dot.is-active:after{animation-play-state:paused}@keyframes hero-dot-progress{0%{width:0}to{width:32px}}@media (prefers-reduced-motion:reduce){.storefront-hero-dot.is-active:after{width:32px;animation:none}}
