*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: oklch(10% .015 280);--bg-elevated: oklch(14% .015 280);--text: oklch(92% .01 75);--text-muted: oklch(60% .01 75);--accent: oklch(65% .24 30);--accent-hover: oklch(72% .24 30);--accent-strong: oklch(62% .27 28);--border: oklch(20% .01 280);--surface: oklch(16% .015 280);--font-display: "Syne", sans-serif;--font-body: "Outfit", sans-serif;--sp-4: 4px;--sp-8: 8px;--sp-12: 12px;--sp-16: 16px;--sp-24: 24px;--sp-32: 32px;--sp-48: 48px;--sp-64: 64px;--sp-96: 96px;--sp-128: 128px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--duration-fast: .15s;--duration-med: .3s;--duration-slow: .6s}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.65;font-weight:300;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--sp-16) var(--sp-32);transition:background var(--duration-med) var(--ease-out-quart)}.nav.scrolled{background:#030307eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-logo{margin-right:auto;display:flex;align-items:center;gap:0;position:relative}.logo-img{height:80px;width:auto;display:block;filter:drop-shadow(0 0 6px oklch(65% .24 30 / .9)) drop-shadow(0 0 18px oklch(65% .24 30 / .7)) drop-shadow(0 0 40px oklch(65% .24 30 / .5)) drop-shadow(0 0 80px oklch(65% .24 30 / .3));transition:filter var(--duration-med) var(--ease-out-quart),transform var(--duration-med) var(--ease-out-quart);animation:logo-pulse 4s ease-in-out infinite}.logo-img:hover{transform:scale(1.04);filter:drop-shadow(0 0 10px oklch(65% .24 30 / 1)) drop-shadow(0 0 28px oklch(65% .24 30 / .85)) drop-shadow(0 0 60px oklch(65% .24 30 / .6)) drop-shadow(0 0 120px oklch(65% .24 30 / .4))}@keyframes logo-pulse{0%,to{filter:drop-shadow(0 0 6px oklch(65% .24 30 / .9)) drop-shadow(0 0 18px oklch(65% .24 30 / .7)) drop-shadow(0 0 40px oklch(65% .24 30 / .5)) drop-shadow(0 0 80px oklch(65% .24 30 / .3))}50%{filter:drop-shadow(0 0 8px oklch(65% .24 30 / 1)) drop-shadow(0 0 24px oklch(65% .24 30 / .85)) drop-shadow(0 0 56px oklch(65% .24 30 / .65)) drop-shadow(0 0 110px oklch(65% .24 30 / .4))}}.footer .logo-img{height:56px;animation:none}.nav-links{display:flex;align-items:center;gap:var(--sp-32);font-family:var(--font-body);font-size:.875rem;font-weight:500;letter-spacing:.02em}.nav-links a{color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out-quart)}.nav-links a:hover{color:var(--text)}.nav-links .nav-cta{background:var(--accent);color:var(--bg);padding:var(--sp-12) var(--sp-32);border-radius:6px;font-weight:600;font-size:.9375rem;transition:background var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.nav-links .nav-cta:hover{background:var(--accent-hover);transform:translateY(-1px)}.mobile-menu{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--sp-4)}.mobile-menu span{display:block;width:24px;height:2px;background:var(--text);border-radius:2px;transition:transform var(--duration-med) var(--ease-out-expo),opacity var(--duration-fast)}.mobile-menu.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu.active span:nth-child(2){opacity:0}.mobile-menu.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{display:none;position:fixed;top:58px;left:0;right:0;background:#030307f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--sp-24) var(--sp-32);flex-direction:column;gap:var(--sp-16);z-index:99;border-bottom:1px solid var(--border)}.mobile-nav a{font-size:1.125rem;font-weight:500;color:var(--text-muted)}.mobile-nav .nav-cta{background:var(--accent);color:var(--bg);padding:var(--sp-16) var(--sp-24);border-radius:6px;font-weight:600;text-align:center}.mobile-nav.active{display:flex}.btn{display:inline-block;padding:var(--sp-16) var(--sp-48);border-radius:6px;font-size:1.0625rem;font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;letter-spacing:.01em;transition:transform var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 32px #ff36244d;box-shadow:0 8px 32px oklch(65% .24 30 / .3)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--text-muted);transform:translateY(-2px)}.btn-full{width:100%;text-align:center}.btn-cta{background:var(--bg);color:var(--accent);font-size:1.125rem;padding:var(--sp-16) var(--sp-64)}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 8px 32px #03030766}.hero{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:var(--sp-64);padding:var(--sp-128) var(--sp-48) var(--sp-96);max-width:1200px;margin:0 auto}.hero-label{font-family:var(--font-body);font-size:.875rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--sp-32)}.hero h1{font-family:var(--font-display);font-size:clamp(3.5rem,7vw,7rem);font-weight:800;line-height:.95;letter-spacing:-.04em;margin-bottom:var(--sp-32)}.hero-accent{color:var(--accent)}.hero-sub{font-size:1.1875rem;color:var(--text-muted);max-width:38ch;margin-bottom:var(--sp-48);line-height:1.7;font-weight:300}.hero-actions{display:flex;gap:var(--sp-16);flex-wrap:wrap}.hero-visual{display:flex;align-items:center;justify-content:center}.hero-video-wrap{position:relative;width:640px;max-width:100%;aspect-ratio:16 / 9;isolation:isolate}.hero-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;-webkit-mask-image:radial-gradient(ellipse 65% 48% at 50% 48%,black 0%,rgba(0,0,0,.85) 35%,rgba(0,0,0,.4) 60%,rgba(0,0,0,.1) 82%,transparent 100%);mask-image:radial-gradient(ellipse 65% 48% at 50% 48%,black 0%,rgba(0,0,0,.85) 35%,rgba(0,0,0,.4) 60%,rgba(0,0,0,.1) 82%,transparent 100%);filter:saturate(1.15) contrast(1.05)}.hero-video-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(ellipse 50% 50% at center,oklch(55% .25 25 / .18) 0%,transparent 70%);z-index:0;filter:blur(60px);pointer-events:none;animation:hero-glow-pulse 5s ease-in-out infinite}@keyframes hero-glow-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}@media(max-width:768px){.hero-video-wrap{width:100%;max-width:460px}}.hero-ring,.buy-ring{position:relative;width:420px;height:420px;max-width:100%;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab}.hero-ring:active,.buy-ring:active{cursor:grabbing}.hero-ring canvas,.buy-ring canvas{outline:none}.ring-outer{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--border);border-radius:50%}.ring-inner{width:160px;height:160px;border:6px solid var(--accent);border-radius:50%;position:relative;box-shadow:0 0 40px #ff362433,inset 0 0 30px #ff36241a;box-shadow:0 0 40px oklch(65% .24 30 / .2),inset 0 0 30px oklch(65% .24 30 / .1)}.ring-inner:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background:var(--accent);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #ff362499;box-shadow:0 0 12px oklch(65% .24 30 / .6)}.ring-pulse{position:absolute;width:160px;height:160px;border:1px solid var(--accent);border-radius:50%;opacity:0;animation:ring-expand 3s var(--ease-out-expo) infinite}.ring-pulse-2{animation-delay:1.5s}@keyframes ring-expand{0%{transform:scale(1);opacity:.5}to{transform:scale(2.8);opacity:0}}.marquee-wrap{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--sp-24) 0}.marquee-track{display:flex;align-items:center;gap:var(--sp-32);white-space:nowrap;animation:marquee 15s linear infinite;width:max-content}.marquee-track span{font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text)}.marquee-dot{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;flex-shrink:0;box-shadow:0 0 8px #ff362480;box-shadow:0 0 8px oklch(65% .24 30 / .5)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.ring-pulse{animation:none;opacity:.2}}.section{padding:var(--sp-128) var(--sp-48);max-width:1200px;margin:0 auto}.section-label{font-family:var(--font-body);font-size:.8125rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--sp-12)}.section-header{text-align:center;margin-bottom:var(--sp-96)}.section-header--left{text-align:left}.section-header h2{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.05}.steps{display:flex;flex-direction:column;gap:var(--sp-8);margin-top:var(--sp-64)}.step{display:flex;align-items:center;gap:var(--sp-48);padding:var(--sp-48) var(--sp-48);border-radius:8px;background:var(--surface);transition:background var(--duration-med) var(--ease-out-quart),transform var(--duration-med) var(--ease-out-expo)}.step:hover{background:var(--bg-elevated);transform:translate(8px)}.step-num{font-family:var(--font-display);font-size:6rem;font-weight:800;color:var(--accent);opacity:.2;line-height:1;flex-shrink:0;min-width:120px;text-align:left;font-variant-numeric:tabular-nums}.step h3{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:var(--sp-8)}.step p{color:var(--text-muted);font-size:1rem;font-weight:300}.features-layout{display:flex;flex-direction:column;gap:var(--sp-12)}.feature-row{display:flex;gap:var(--sp-12)}.feature{flex:1;padding:var(--sp-48) var(--sp-48);background:var(--surface);border-radius:8px;transition:transform var(--duration-med) var(--ease-out-expo),box-shadow var(--duration-med) var(--ease-out-expo)}.feature:hover{transform:translateY(-6px);box-shadow:0 16px 48px #03030780}.feature--wide{flex:1.6}.feature--highlight{background:var(--accent);color:var(--bg)}.feature--highlight h3{color:var(--bg)}.feature--highlight p{color:#321a16}.feature--highlight:hover{box-shadow:0 16px 48px #ff36244d;box-shadow:0 16px 48px oklch(65% .24 30 / .3)}.feature h3{font-family:var(--font-display);font-size:1.375rem;font-weight:700;margin-bottom:var(--sp-12)}.feature p{color:var(--text-muted);font-size:1rem;max-width:45ch;font-weight:300;line-height:1.7}.audience-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-16)}.audience-tag{padding:var(--sp-16) var(--sp-32);border:2px solid var(--border);border-radius:6px;font-size:1.0625rem;font-weight:600;font-family:var(--font-display);color:var(--text-muted);cursor:default;transition:color var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.audience-tag:hover{color:var(--bg);background:var(--accent);border-color:var(--accent);transform:translateY(-3px)}.section-buy{padding-top:160px}.buy-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-96);align-items:center}.buy-visual{display:flex;flex-direction:column;align-items:center;gap:var(--sp-24)}.buy-ring-wrap{display:flex;align-items:center;justify-content:center}.buy-ring{width:280px;height:280px}.buy-visual-label{font-family:var(--font-display);font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.buy-info h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-bottom:var(--sp-8)}.buy-tagline{color:var(--text-muted);margin-bottom:var(--sp-32);font-size:1.0625rem;font-weight:300}.buy-price{display:flex;align-items:baseline;gap:var(--sp-16);margin-bottom:var(--sp-32)}.price-now{font-family:var(--font-display);font-size:3rem;font-weight:800;color:var(--text)}.price-was{font-size:1.25rem;color:var(--text-muted);text-decoration:line-through}.buy-perks{list-style:none;margin-bottom:var(--sp-48)}.buy-perks li{padding:var(--sp-8) 0;color:var(--text-muted);font-size:1rem;font-weight:300;position:relative;padding-left:var(--sp-24)}.buy-perks li:before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;background:var(--accent);border-radius:50%;transform:translateY(-50%);box-shadow:0 0 8px #ff362466;box-shadow:0 0 8px oklch(65% .24 30 / .4)}.buy-bundle{text-align:center;color:var(--accent);font-size:.9375rem;font-weight:600;margin-top:var(--sp-16);letter-spacing:.02em}.buy-ship{display:inline-block;margin-top:var(--sp-8);padding:6px 14px;border:1px solid oklch(55% .22 25 / .45);border-radius:999px;color:var(--accent);background:#32000340;font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.buy-fineprint{text-align:center;margin-top:var(--sp-12);font-size:.75rem;color:var(--text-muted);letter-spacing:.02em}.buy-video-wrap{width:100%;max-width:480px;margin:0 auto}.how-video-wrap{position:relative;width:100%;max-width:960px;margin:var(--sp-64) auto 0;aspect-ratio:16 / 9;isolation:isolate}.how-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;-webkit-mask-image:radial-gradient(ellipse 52% 62% at center,black 0%,rgba(0,0,0,.92) 30%,rgba(0,0,0,.6) 55%,rgba(0,0,0,.25) 78%,rgba(0,0,0,.05) 92%,transparent 100%);mask-image:radial-gradient(ellipse 52% 62% at center,black 0%,rgba(0,0,0,.92) 30%,rgba(0,0,0,.6) 55%,rgba(0,0,0,.25) 78%,rgba(0,0,0,.05) 92%,transparent 100%);filter:saturate(1.15) contrast(1.05)}.how-video-glow{position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;background:radial-gradient(ellipse 55% 55% at center,oklch(55% .25 25 / .18) 0%,transparent 70%);z-index:0;filter:blur(80px);pointer-events:none;animation:hero-glow-pulse 6s ease-in-out infinite}.section-platforms{padding-block:var(--sp-128)}.section-sub{margin-top:var(--sp-16);color:var(--text-muted);font-family:var(--font-body);font-size:1rem;max-width:540px;margin-inline:auto;text-align:center}.platforms-grid{margin-top:var(--sp-64);display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-16);max-width:1100px;margin-inline:auto}.platform-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-12);padding:var(--sp-24) var(--sp-12);background:var(--surface);border:1px solid var(--border);border-radius:16px;color:var(--text-muted);transition:transform var(--duration-med) var(--ease-out-quart),border-color var(--duration-med) var(--ease-out-quart),color var(--duration-med) var(--ease-out-quart),background var(--duration-med) var(--ease-out-quart);animation:platform-fade-in .6s var(--ease-out-quart) both;animation-delay:calc(var(--i) * 40ms)}.platform-card:hover{transform:translateY(-3px);border-color:#bb061e99;color:var(--accent);background:#18080780}.platform-card svg{width:28px;height:28px;transition:filter var(--duration-med) var(--ease-out-quart)}.platform-card:hover svg{filter:drop-shadow(0 0 12px oklch(65% .24 30 / .6))}.platform-card span{font-family:var(--font-body);font-size:.8125rem;font-weight:500;letter-spacing:.01em;text-align:center}.platform-card--custom{border-style:dashed;border-color:#4f1a1899;color:var(--accent)}.platform-card--custom svg{opacity:.9}@keyframes platform-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.platforms-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:560px){.platforms-grid{grid-template-columns:repeat(3,1fr)}.platform-card{padding:var(--sp-16) var(--sp-8)}.platform-card svg{width:24px;height:24px}.platform-card span{font-size:.75rem}}.faq-layout{display:grid;grid-template-columns:1fr 2fr;gap:var(--sp-96);align-items:start}.faq-list{border-top:2px solid var(--border)}.faq-item{border-bottom:1px solid var(--border)}.faq-q{width:100%;text-align:left;padding:var(--sp-24) 0;background:none;border:none;color:var(--text);font-size:1.0625rem;font-weight:600;font-family:var(--font-body);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-16);transition:color var(--duration-fast) var(--ease-out-quart)}.faq-q:hover{color:var(--accent)}.faq-q:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.faq-q:after{content:"+";font-size:1.5rem;font-weight:300;color:var(--text-muted);flex-shrink:0;transition:transform var(--duration-med) var(--ease-out-expo),color var(--duration-fast)}.faq-item.active .faq-q:after{transform:rotate(45deg);color:var(--accent)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-med) var(--ease-out-expo)}.faq-a>p{overflow:hidden;color:var(--text-muted);font-size:1rem;line-height:1.7;font-weight:300}.faq-item.active .faq-a{grid-template-rows:1fr}.faq-item.active .faq-a>p{padding-bottom:var(--sp-24)}.section-cta{background:var(--accent);padding:160px var(--sp-48);text-align:center;position:relative;overflow:hidden}.section-cta:before{content:"BANDFLICK";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:clamp(8rem,20vw,18rem);font-weight:800;color:#ee1401;opacity:.15;white-space:nowrap;pointer-events:none;letter-spacing:-.04em}.cta-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto}.section-cta h2{font-family:var(--font-display);font-size:clamp(2.75rem,6vw,4.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-bottom:var(--sp-16);color:var(--bg)}.section-cta p{font-size:1.5rem;color:#321a16;margin-bottom:var(--sp-48);font-weight:300}.footer{border-top:1px solid var(--border);padding:var(--sp-64) var(--sp-48)}.footer-inner{max-width:1200px;margin:0 auto}.footer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-48)}.footer-links{display:flex;gap:var(--sp-32)}.footer-links a{font-size:.9375rem;color:var(--text-muted);font-weight:400;transition:color var(--duration-fast) var(--ease-out-quart)}.footer-links a:hover{color:var(--text)}.footer-copy{font-size:.8125rem;color:var(--text-muted)}.reveal{opacity:0;transform:translateY(32px);transition:opacity var(--duration-slow) var(--ease-out-expo),transform var(--duration-slow) var(--ease-out-expo)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-stagger .reveal{transition-delay:calc(var(--i, 0) * 80ms)}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding:var(--sp-128) var(--sp-24) var(--sp-64);gap:var(--sp-48)}.hero-visual{order:-1}.hero-ring{width:300px;height:300px}.ring-inner{width:120px;height:120px;border-width:5px}.ring-pulse{width:120px;height:120px}.feature-row{flex-direction:column}.feature--wide{flex:1}.buy-layout{grid-template-columns:1fr;gap:var(--sp-48)}.faq-layout{grid-template-columns:1fr;gap:var(--sp-32)}}@media(max-width:768px){.nav{padding:var(--sp-12) var(--sp-16)}.nav-links{display:none}.mobile-menu{display:flex}.section{padding:var(--sp-96) var(--sp-24)}.section-buy{padding-top:var(--sp-96)}.section-cta{padding:var(--sp-96) var(--sp-24)}.step{flex-direction:column;gap:var(--sp-12);padding:var(--sp-32)}.step-num{font-size:4rem;min-width:auto}.feature{padding:var(--sp-32)}.footer{padding:var(--sp-32) var(--sp-24)}.footer-top{flex-direction:column;gap:var(--sp-24);align-items:flex-start}.footer-links{flex-direction:column;gap:var(--sp-12)}}@media(max-width:480px){.hero h1{font-size:2.75rem}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;text-align:center}.audience-tag{padding:var(--sp-12) var(--sp-24);font-size:.9375rem}.step-num{font-size:3rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/style.css.map */