.hero{background:linear-gradient(135deg, var(--color-background) 0%, var(--color-card-background-alt) 100%);justify-content:center;align-items:center;min-height:100vh;padding:7rem 2rem 2rem;display:flex;position:relative}.hero-section{background:linear-gradient(135deg, var(--color-background) 0%, var(--color-background-soft) 50%, var(--color-background) 100%);transition:background .3s}[data-theme=dark] .hero-section,[data-theme=darkest] .hero-section{background:linear-gradient(135deg, var(--color-background) 0%, var(--color-background-soft) 50%, var(--color-background) 100%)}.hero-bg-decoration{filter:blur(3rem);z-index:-10;opacity:.4;transition:opacity .3s;position:absolute}.hero-bg-decoration-right{background:linear-gradient(270deg,rgba(59,130,246,.2),transparent);width:50%;height:100%;top:0;right:0}.hero-bg-decoration-left{background:linear-gradient(to top right,rgba(0,180,216,.15),transparent);width:33.333%;height:50%;bottom:0;left:0}[data-theme=dark] .hero-bg-decoration-right{background:linear-gradient(270deg,rgba(59,130,246,.1),transparent)}[data-theme=dark] .hero-bg-decoration-left{background:linear-gradient(to top right,rgba(0,180,216,.05),transparent)}[data-theme=darkest] .hero-bg-decoration-right{background:linear-gradient(270deg,rgba(59,130,246,.05),transparent)}[data-theme=darkest] .hero-bg-decoration-left{background:linear-gradient(to top right,rgba(0,180,216,.03),transparent)}.hero-content{text-align:center;z-index:1;max-width:800px;padding-top:2rem}.logo-image-container{width:100%;max-width:600px;box-shadow:0 10px 30px var(--color-shadow);border-radius:10px;margin:0 auto 2rem;position:relative;overflow:hidden}.logo-image{width:100%;height:auto;transition:opacity .5s ease-in-out;display:block}.image-indicators{z-index:2;gap:8px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.indicator{cursor:pointer;background-color:rgba(255,255,255,.5);border-radius:50%;width:12px;height:12px;transition:all .3s}.indicator.active{background-color:rgba(255,255,255,.9);transform:scale(1.2)}.indicator:hover{background-color:rgba(255,255,255,.8);transform:scale(1.1)}.hero h1{color:var(--color-text);margin-bottom:1rem;font-size:3.5rem;font-weight:700}.hero .coming-soon{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:2rem;font-weight:300}.hero .tagline{color:var(--color-text-secondary);margin-bottom:2rem;font-size:1.5rem;font-weight:400}.hero .now-available{color:var(--color-primary);margin-bottom:1.5rem;font-size:2rem;font-weight:600}.hero-buttons{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.outline-button{border:2px solid var(--color-primary);color:var(--color-primary);background-color:transparent}.outline-button:hover{background-color:rgba(0,102,204,.1)}.cta-button{background-color:var(--color-primary);color:var(--color-text-inverted);cursor:pointer;box-shadow:0 4px 15px var(--color-shadow);border:none;border-radius:30px;padding:1rem 2.5rem;font-size:1.2rem;font-weight:500;transition:all .3s}.cta-button:hover{background-color:var(--color-primary-hover);box-shadow:0 6px 20px var(--color-shadow-hover);transform:translateY(-2px)}.hero-background{opacity:.1;z-index:0;background-image:url(../media/background-pattern.0w37-gn~j1yql.svg);position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:768px){.hero{min-height:calc(100vh - 60px);padding:4rem 1rem 1.5rem}.hero-content{padding-top:1rem}.logo-image-container{max-width:100%;margin-bottom:1.5rem}.hero h1{font-size:2.5rem}.hero .now-available{font-size:1.5rem}.hero .tagline{font-size:1.2rem}.cta-button{padding:.8rem 2rem;font-size:1rem}.hero-buttons{flex-direction:column;gap:.75rem}}
.product{background-color:var(--color-card-background);padding:6rem 2rem}.product-container{text-align:center;max-width:1200px;margin:0 auto}.product h2{color:var(--color-text);margin-bottom:1.5rem;font-size:2.5rem}.product-intro{max-width:800px;color:var(--color-text-secondary);margin:0 auto 3rem;font-size:1.2rem;line-height:1.6}.product-visual{justify-content:center;align-items:center;width:100%;max-width:500px;margin:3rem auto;display:flex}.strip-image{width:100%;max-width:500px;height:auto;box-shadow:0 10px 30px var(--color-shadow);border-radius:10px;margin:0 auto;display:block}.product-image{justify-content:center;align-items:center;width:100%;max-width:250px;margin:0 auto 1.5rem;display:flex}.product-image-placeholder{background-color:var(--color-card-background-alt);border:2px dashed var(--color-border);border-radius:10px;justify-content:center;align-items:center;width:100%;max-width:600px;height:400px;margin:0 auto;display:flex}.product-image-placeholder span{color:var(--color-text-tertiary);font-size:1.2rem}.product-options{flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1200px;margin:3rem auto;display:flex}.product-option{background-color:var(--color-card-background-alt);border-radius:15px;flex-direction:column;flex:none;align-items:center;width:calc(25% - 2rem);min-width:250px;max-width:300px;padding:2rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.product-option:hover{box-shadow:0 10px 20px var(--color-shadow);transform:translateY(-5px)}.badge-container{background-color:var(--color-primary);color:#fff;z-index:10;border-radius:0 15px 0 8px;padding:.25rem .5rem;font-size:.75rem;font-weight:700;position:absolute;top:0;right:0}.package-image{width:100%;height:auto;box-shadow:0 5px 15px var(--color-shadow);border-radius:10px;transition:transform .3s}.product-option:hover .package-image{transform:scale(1.05)}.product-option h3{color:var(--color-text);margin-bottom:.5rem;font-size:1.5rem}.product-option .quantity{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.95rem;font-weight:500}.product-option .price{color:var(--color-primary);margin-bottom:1rem;font-size:1.8rem;font-weight:600}.product-option .description{color:var(--color-text-tertiary);margin-bottom:1.5rem;font-size:.9rem;line-height:1.4}.product-button{background-color:var(--color-primary);color:var(--color-text-inverted);cursor:pointer;border:none;border-radius:8px;margin-top:auto;margin-bottom:1rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.product-button:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}.shop-button{background-color:var(--color-primary);color:var(--color-text-inverted);cursor:pointer;border:none;border-radius:30px;margin-top:2rem;padding:1rem 2.5rem;font-size:1.2rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.shop-button:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}.trust-badges{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.trust-badges .badge{background-color:rgba(var(--color-primary-rgb), .1);color:var(--color-primary);white-space:nowrap;border-radius:12px;padding:.2rem .5rem;font-size:.7rem}.trust-badges-footer{background-color:rgba(var(--color-primary-rgb), .05);border-radius:8px;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:3rem;padding:1.5rem;display:flex}.badge-large{background-color:rgba(var(--color-primary-rgb), .1);color:var(--color-text);border-radius:30px;align-items:center;padding:.5rem 1rem;font-size:.9rem;display:flex}.badge-large:before{content:"✓";color:var(--color-primary);margin-right:.5rem;font-weight:700}.coming-soon-upsell{border-top:1px dashed rgba(var(--color-primary-rgb), .3);width:100%;margin-top:.75rem;padding:.5rem}.coming-soon-upsell p{color:var(--color-primary);font-size:.8rem;font-style:italic}.compare-packs-container{justify-content:center;margin:1.5rem auto;display:flex}.compare-packs-button{background-color:var(--color-card-background-alt);border:1px solid rgba(var(--color-border-rgb), .5);color:var(--color-text-secondary);cursor:pointer;border-radius:8px;align-items:center;padding:.75rem 1.5rem;font-size:.95rem;transition:all .2s;display:flex}.compare-packs-button:hover{background-color:rgba(var(--color-primary-rgb), .1);color:var(--color-primary)}.compare-packs-button svg{width:1.2rem;height:1.2rem;margin-right:.5rem}@media (max-width:768px){.product{padding:4rem 1rem}.product h2{font-size:2rem}.product-intro{font-size:1rem}.product-option{width:100%;min-width:unset;max-width:320px;padding:1.5rem}.product-image{max-width:200px}.badge-container{border-radius:0 15px 0 8px;padding:.2rem .4rem;font-size:.7rem}.trust-badges-footer{flex-direction:column;align-items:center;gap:.75rem}}@media (min-width:769px) and (max-width:1200px){.product-option{width:calc(33.333% - 2rem)}}