*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body.spann-body{background-color:#0d0d0d;color:#fff;font-family:Inter,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}ul{list-style:none}.spann-container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4,h5,h6{font-family:Oswald,sans-serif;font-weight:700;line-height:1.1;color:#fff}.btn-primary{background-color:#116dff;color:#fff;font-family:Oswald,sans-serif;font-weight:600;font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;padding:.875rem 2rem;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s ease,transform .1s ease;text-decoration:none}.btn-primary:hover{background-color:#0057e1;transform:translateY(-1px);color:#fff}.btn-outline{background-color:transparent;color:#fff;font-family:Oswald,sans-serif;font-weight:600;font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;padding:.875rem 2rem;border:1px solid rgba(255,255,255,.3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s ease,background-color .2s ease;text-decoration:none}.btn-outline:hover{border-color:#116dff;background-color:#116dff14;color:#fff}.section-label{font-family:Oswald,sans-serif;font-weight:400;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#116dff;margin-bottom:.75rem;display:block}.blue-rule{width:3rem;height:2px;background-color:#116dff;margin-bottom:1.5rem}.card-dark{background-color:#1a1a1a;border:1px solid #2A2A2A;padding:1.5rem;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.card-dark:hover{transform:translateY(-4px);border-color:#116dff;box-shadow:0 8px 32px #116dff1f}.stat-number{font-family:Oswald,sans-serif;font-weight:700;font-size:3.5rem;line-height:1;color:#fff}.stat-label{font-family:Inter,sans-serif;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#888;margin-top:.25rem}.nav-link{font-family:Oswald,sans-serif;font-weight:400;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffffbf;transition:color .2s ease;text-decoration:none;position:relative}.nav-link:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background-color:#116dff;transition:width .25s ease}.nav-link:hover{color:#fff}.nav-link:hover:after{width:100%}.nav-link.active{color:#fff}.nav-link.active:after{width:100%}.fade-in-up{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translate(-32px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.fade-in-left.visible{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transform:translate(32px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.fade-in-right.visible{opacity:1;transform:translate(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.delay-600{transition-delay:.6s}.spann-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:72px;display:flex;align-items:center;transition:background-color .3s ease,border-color .3s ease;background-color:transparent;border-bottom:1px solid transparent}.spann-header.scrolled{background-color:#0d0d0df2;border-bottom-color:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.spann-header__inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}.spann-header__logo img{height:40px;width:auto}.spann-header__logo span{font-family:Oswald,sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:.08em;color:#fff}.spann-header__nav{display:flex;align-items:center;gap:2.5rem}.spann-header__actions{display:flex;align-items:center;gap:1rem}.spann-header__cart-btn{background:none;border:none;color:#ffffffbf;cursor:pointer;display:flex;align-items:center;gap:.4rem;font-family:Oswald,sans-serif;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;transition:color .2s}.spann-header__cart-btn:hover{color:#fff}.spann-header__mobile-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer}.spann-header__mobile-nav{display:none;position:fixed;top:72px;left:0;right:0;background-color:#0d0d0dfa;border-bottom:1px solid rgba(255,255,255,.06);padding:1.5rem 2rem;flex-direction:column;gap:1.25rem;z-index:999}.spann-header__mobile-nav.open{display:flex}.spann-footer{background-color:#0d0d0d;border-top:1px solid #1A1A1A;padding:4rem 0 2rem}.spann-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;max-width:1280px;margin:0 auto;padding:0 2rem}.spann-footer__logo img{height:48px;width:auto;margin-bottom:1rem}.spann-footer__logo span{font-family:Oswald,sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:.08em;display:block;margin-bottom:1rem}.spann-footer__desc{font-size:.875rem;color:#888;line-height:1.7;max-width:320px}.spann-footer__patent{font-size:.75rem;color:#555;margin-top:.75rem}.spann-footer__social{display:flex;gap:.75rem;margin-top:1.25rem}.spann-footer__social a{width:36px;height:36px;border:1px solid #2A2A2A;display:flex;align-items:center;justify-content:center;color:#888;transition:border-color .2s,color .2s}.spann-footer__social a:hover{border-color:#116dff;color:#fff}.spann-footer__col-title{font-family:Oswald,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#fff;margin-bottom:1rem}.spann-footer__links{display:flex;flex-direction:column;gap:.5rem}.spann-footer__links a{font-size:.875rem;color:#888;transition:color .2s}.spann-footer__links a:hover{color:#fff}.spann-footer__trust{display:flex;flex-direction:column;gap:.75rem}.spann-footer__trust-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#888}.spann-footer__bottom{max-width:1280px;margin:2.5rem auto 0;padding:1.5rem 2rem 0;border-top:1px solid #1A1A1A;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.spann-footer__copyright{font-size:.75rem;color:#555}.spann-footer__legal{display:flex;gap:1.5rem}.spann-footer__legal a{font-size:.75rem;color:#555;transition:color .2s}.spann-footer__legal a:hover{color:#fff}.spann-hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background-color:#0d0d0d}.spann-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat}.spann-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#0d0d0deb 40%,#0d0d0d66)}.spann-hero__content{position:relative;z-index:10;max-width:1280px;margin:0 auto;padding:0 2rem;padding-top:72px;width:100%}.spann-hero__eyebrow{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.spann-hero__badge{display:flex;align-items:center;gap:.5rem;background-color:#116dff26;border:1px solid rgba(17,109,255,.3);padding:.35rem .85rem;font-family:Oswald,sans-serif;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#116dff}.spann-hero__pulse{width:6px;height:6px;background-color:#116dff;border-radius:50%;animation:pulse-dot 1.8s ease-in-out infinite}.spann-hero__h1{font-family:Oswald,sans-serif;font-weight:700;font-size:clamp(2.5rem,6vw,5.5rem);line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:#fff;margin-bottom:.5rem;max-width:760px}.spann-hero__h1 span{color:#fefe08}.spann-hero__sub{font-family:Oswald,sans-serif;font-weight:300;font-size:clamp(1.25rem,2.5vw,2rem);letter-spacing:.15em;text-transform:uppercase;color:#ffffff80;margin-bottom:1.5rem}.spann-hero__desc{font-size:1rem;color:#aaa;max-width:480px;line-height:1.7;margin-bottom:2.5rem}.spann-hero__actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:3.5rem}.spann-hero__stats{display:flex;gap:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08)}.spann-hero__stat-val{font-family:Oswald,sans-serif;font-weight:700;font-size:2.25rem;line-height:1;color:#fefe08}.spann-hero__stat-val span{color:#116dff}.spann-hero__stat-lbl{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#888;margin-top:.25rem}.spann-features{padding:6rem 0;background-color:#111}.spann-features__header{text-align:center;margin-bottom:4rem}.spann-features__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.spann-features__card{background-color:#1a1a1a;border:1px solid #2A2A2A;padding:2rem;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.spann-features__card:hover{transform:translateY(-4px);border-color:#116dff;box-shadow:0 8px 32px #116dff1f}.spann-features__icon{font-size:2rem;margin-bottom:1rem}.spann-features__card-title{font-family:Oswald,sans-serif;font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#fff}.spann-features__card-desc{font-size:.875rem;color:#888;line-height:1.7}.spann-how{padding:6rem 0;background-color:#0d0d0d}.spann-how__grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.spann-how__steps{display:flex;flex-direction:column;gap:2.5rem}.spann-how__step{display:flex;gap:1.5rem;align-items:flex-start}.spann-how__step-num{font-family:Oswald,sans-serif;font-weight:700;font-size:3rem;line-height:1;color:#116dff33;min-width:3rem}.spann-how__step-title{font-family:Oswald,sans-serif;font-size:1.25rem;font-weight:600;margin-bottom:.4rem;color:#fff}.spann-how__step-desc{font-size:.875rem;color:#888;line-height:1.7}.spann-how__image{position:relative;height:500px;overflow:hidden}.spann-how__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.spann-how__image:hover img{transform:scale(1.04)}.spann-compare{padding:6rem 0;background-color:#111}.spann-compare__table{width:100%;border-collapse:collapse;margin-top:3rem}.spann-compare__table th{font-family:Oswald,sans-serif;font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;padding:1rem 1.5rem;text-align:center;border-bottom:1px solid #2A2A2A;color:#888}.spann-compare__table th.highlight{color:#116dff;border-bottom-color:#116dff}.spann-compare__table td{padding:1rem 1.5rem;text-align:center;border-bottom:1px solid #1A1A1A;font-size:.875rem;color:#ccc}.spann-compare__table td:first-child{text-align:left;color:#888}.spann-compare__table td.highlight{color:#fff;font-weight:600}.spann-compare__check{color:#116dff;font-size:1.1rem}.spann-compare__cross{color:#444;font-size:1.1rem}.spann-testimonials{padding:6rem 0;background-color:#111}.spann-testimonials__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.spann-testimonial{background-color:#1a1a1a;border:1px solid #2A2A2A;padding:1.75rem;display:flex;flex-direction:column;gap:1rem;transition:transform .25s ease,border-color .25s ease}.spann-testimonial:hover{transform:translateY(-4px);border-color:#116dff}.spann-testimonial__stars{color:#fefe08;letter-spacing:.1em}.spann-testimonial__quote{font-size:.875rem;color:#ccc;line-height:1.7;font-style:italic;flex:1}.spann-testimonial__author{padding-top:1rem;border-top:1px solid #2A2A2A}.spann-testimonial__name{font-family:Oswald,sans-serif;font-size:.9375rem;font-weight:600;color:#fff}.spann-testimonial__role{font-size:.75rem;color:#888;margin-top:.15rem}.spann-cta-banner{padding:5rem 0;position:relative;overflow:hidden;background-color:#0d0d0d;background-size:cover;background-position:center}.spann-cta-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0d0de0}.spann-cta-banner__content{position:relative;z-index:10;text-align:center;max-width:1280px;margin:0 auto;padding:0 2rem}.spann-cta-banner h2{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1rem}.spann-cta-banner p{font-size:1rem;color:#aaa;max-width:480px;margin:0 auto 2rem;line-height:1.7}.spann-cta-banner__trust{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:1.5rem;flex-wrap:wrap}.spann-cta-banner__trust span{font-size:.75rem;color:#ffffff59}.spann-faq{padding:6rem 0;background-color:#0d0d0d}.spann-faq__inner{max-width:720px;margin:0 auto}.spann-faq__item{border-bottom:1px solid #1A1A1A}.spann-faq__question{width:100%;background:none;border:none;color:#fff;font-family:Oswald,sans-serif;font-size:1.0625rem;font-weight:500;text-align:left;padding:1.25rem 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:color .2s}.spann-faq__question:hover{color:#116dff}.spann-faq__icon{font-size:1.25rem;color:#116dff;transition:transform .3s ease;flex-shrink:0}.spann-faq__item.open .spann-faq__icon{transform:rotate(45deg)}.spann-faq__answer{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}.spann-faq__item.open .spann-faq__answer{max-height:400px}.spann-faq__answer p{font-size:.9375rem;color:#888;line-height:1.75;padding-bottom:1.25rem}.spann-pdp{padding-top:72px;background-color:#0d0d0d}.spann-pdp__grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;max-width:1280px;margin:0 auto;padding:4rem 2rem}.spann-pdp__gallery{position:sticky;top:100px}.spann-pdp__main-img{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:contain;object-position:center;background-color:#111;margin-bottom:0}.spann-pdp__thumbs{display:flex;gap:.75rem}.spann-pdp__thumb{width:80px;height:80px;object-fit:contain;background-color:#111;border:1px solid #2A2A2A;cursor:pointer;transition:border-color .2s;image-rendering:-webkit-optimize-contrast}.spann-pdp__thumb.active,.spann-pdp__thumb:hover{border-color:#116dff}.spann-pdp__info{padding-top:.5rem}.spann-pdp__brand{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#116dff;margin-bottom:.5rem;font-family:Oswald,sans-serif}.spann-pdp__title{font-family:Oswald,sans-serif;font-size:clamp(2rem,3vw,3rem);font-weight:700;margin-bottom:.5rem;line-height:1.1}.spann-pdp__price{font-family:Oswald,sans-serif;font-size:2rem;font-weight:600;color:#fff;margin-bottom:1.5rem}.spann-pdp__price .compare-price{font-size:1.25rem;color:#555;text-decoration:line-through;margin-left:.75rem}.spann-pdp__badges{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.spann-pdp__badge{font-family:Oswald,sans-serif;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;padding:.3rem .75rem;border:1px solid}.spann-pdp__badge--blue{color:#116dff;border-color:#116dff4d;background:#116dff14}.spann-pdp__badge--yellow{color:#fefe08;border-color:#fefe084d;background:#fefe080f}.spann-pdp__divider{height:1px;background-color:#1a1a1a;margin:1.5rem 0}.spann-pdp__variant-label{font-family:Oswald,sans-serif;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:#888;margin-bottom:.75rem}.spann-pdp__variants{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.spann-pdp__variant-btn{padding:.6rem 1.25rem;border:1px solid #2A2A2A;background:transparent;color:#ccc;font-family:Oswald,sans-serif;font-size:.875rem;cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}.spann-pdp__variant-btn:hover,.spann-pdp__variant-btn.selected{border-color:#116dff;color:#fff;background-color:#116dff1a}.spann-pdp__atc{width:100%;padding:1.1rem;font-size:1rem;margin-bottom:.75rem}.spann-pdp__trust{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.5rem}.spann-pdp__trust-item{text-align:center;padding:1rem;background-color:#111;border:1px solid #1A1A1A}.spann-pdp__trust-icon{font-size:1.25rem;margin-bottom:.35rem}.spann-pdp__trust-text{font-size:.7rem;color:#888;letter-spacing:.05em}.spann-about{padding-top:72px;background-color:#0d0d0d}.spann-about__hero{min-height:55vh;display:flex;align-items:center;position:relative;overflow:hidden;background-color:#111;background-size:cover;background-position:center}.spann-about__hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0d0dbf}.spann-about__hero-content{position:relative;z-index:10;max-width:1280px;margin:0 auto;padding:4rem 2rem}.spann-about__story{padding:6rem 0;background-color:#0d0d0d}.spann-about__story-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.spann-about__story-img{height:520px;overflow:hidden}.spann-about__story-img img{width:100%;height:100%;object-fit:cover}.spann-about__mission{padding:5rem 0;background-color:#111}.spann-about__mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.spann-about__mission-item{padding-top:2rem;border-top:2px solid #116DFF}.spann-about__quote-section{height:420px;position:relative;overflow:hidden;background-size:cover;background-position:center}.spann-about__quote-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0d0dbf;display:flex;align-items:center;justify-content:center}.spann-about__quote-text{font-family:Oswald,sans-serif;font-size:clamp(1.5rem,3vw,2.75rem);text-align:center;padding:0 2rem;line-height:1.3;max-width:900px}.spann-about__quote-text span{color:#fefe08}.spann-sticky-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:900;background-color:#1a1a1a;border-top:1px solid #2A2A2A;padding:.75rem 1.5rem;align-items:center;justify-content:space-between}.spann-sticky-bar__name{font-size:.75rem;color:#888}.spann-sticky-bar__price{font-family:Oswald,sans-serif;font-size:1.125rem;font-weight:700}@media(max-width:1024px){.spann-features__grid{grid-template-columns:repeat(2,1fr)}.spann-how__grid{grid-template-columns:1fr}.spann-how__image{height:360px}.spann-pdp__grid{grid-template-columns:1fr}.spann-pdp__gallery{position:static}.spann-about__story-grid{grid-template-columns:1fr}.spann-about__story-img{height:360px}.spann-about__mission-grid{grid-template-columns:1fr}.spann-footer__grid,.spann-testimonials__grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.spann-header__nav,.spann-header__actions .btn-primary{display:none}.spann-header__mobile-toggle{display:flex}.spann-features__grid{grid-template-columns:1fr}.spann-hero__stats{gap:1.5rem;flex-wrap:wrap}.spann-testimonials__grid,.spann-footer__grid{grid-template-columns:1fr}.spann-compare__table{font-size:.75rem}.spann-compare__table th,.spann-compare__table td{padding:.75rem .5rem}.spann-pdp__trust{grid-template-columns:repeat(3,1fr)}.spann-sticky-bar{display:flex}img{max-width:100%;height:auto}.spann-how__image{height:260px}.spann-pdp__thumbs{flex-wrap:wrap}.spann-pdp__thumb{width:64px;height:64px}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}span[style*="color:#FEFE08"],[style*="color:#FEFE08"]{color:#fefe08!important;font-family:Oswald,sans-serif!important;font-weight:700!important;-webkit-font-smoothing:antialiased}
/*# sourceMappingURL=/cdn/shop/t/10/assets/theme.css.map */