:root{--bg-main:#050506;--bg-deep:#0a0a0c;--border-soft:#ffffff14;--text-main:#f5f7fa;--text-muted:#f5f7fa99}*{box-sizing:border-box}.landing body{background:#050506}.landing{min-height:100vh;color:var(--text-main);background:radial-gradient(1000px 600px at 50% -20%,#ffffff0f,#0000 65%),linear-gradient(#050506 0%,#060608 100%);position:relative;overflow:hidden}.landing-nav{z-index:2;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:26px 24px;display:flex;position:relative}.landing-brand{letter-spacing:.3px;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.landing-login{color:#000;background:#fffffff2;border-radius:12px;padding:10px 18px;font-weight:700;transition:all .2s}.landing-login:hover{opacity:.9;transform:translateY(-1px)}.landing-logo-link{align-items:center;text-decoration:none;display:flex}.landing-logo-link:hover{opacity:.9}.landing-logo{width:72px;height:auto}@media (min-width:1024px){.landing-logo{width:70px}}.viewr-logo{justify-content:center;align-items:center;width:56px;height:56px;display:flex}.viewr-img{display:block}.landing-brand{align-items:center;display:flex}.landing-hero{text-align:center;z-index:1;padding:180px 24px 140px;position:relative}.landing-hero:before{content:"";filter:blur(60px);z-index:-1;pointer-events:none;background:radial-gradient(600px 360px at 50% 42.5%,#ffffff2e,#ffffff14 35%,#0000 70%);position:absolute;inset:-120px -80px}.landing-hero h1{letter-spacing:-.03em;max-width:860px;margin:0 auto;font-size:clamp(44px,6vw,72px);font-weight:900;line-height:1.05}.landing-hero p{max-width:580px;color:var(--text-muted);margin:26px auto 0;font-size:17px}.landing a,.landing a:hover{text-decoration:none}@media (max-width:640px){.landing-hero{padding:120px 20px 90px}.landing-hero h1{font-size:34px}.landing-hero p{font-size:15px}}.hero-metric{color:#f5f7faa6;justify-content:center;align-items:center;gap:18px;margin-top:56px;font-size:14px;display:flex}.metric-item{align-items:center;gap:8px;display:flex}.hero-metric svg{opacity:.8}.landing-cta{justify-content:center;gap:16px;margin-top:48px;display:flex}.landing-btn-primary{color:#000;background:#fff;border-radius:14px;padding:14px 34px;font-weight:800;transition:all .2s}.landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ffffff26}.landing-btn-secondary{border:1px solid var(--border-soft);color:#ffffffe6;border-radius:14px;padding:14px 34px;transition:all .2s}.landing-btn-secondary:hover{background:#ffffff0d;border-color:#ffffff2e}.hero-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#f5f7fa73;margin-bottom:24px;font-size:12px;font-weight:600;display:block}.landing-platforms{border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a;padding:48px 24px;position:relative;overflow:hidden}.landing-platforms:before{content:"";filter:blur(40px);pointer-events:none;background:radial-gradient(420px 160px,#ffffff0b,#0000 70%);position:absolute;inset:-60px}.landing-platforms h2{text-align:center;margin-bottom:18px;font-size:18px;font-weight:700}.platform-marquee{max-width:680px;margin:0 auto;overflow:hidden}.platform-track{gap:40px;width:max-content;animation:26s linear infinite platformScroll;display:flex}.platform-marquee:hover .platform-track{animation-play-state:paused}.platform-item{color:#f5f7fab3;white-space:nowrap;opacity:.75;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:opacity .2s;display:flex}.platform-item:hover{opacity:1}.platform-icon{filter:brightness(0)invert();opacity:.7}@keyframes platformScroll{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@media (max-width:640px){.landing-platforms{padding:40px 20px}.platform-marquee{max-width:360px}.platform-track{gap:28px;animation-duration:20s}.platform-item{font-size:12px}}.landing-how{text-align:center;padding:110px 24px}.landing-how h2{margin-bottom:10px;font-size:28px;font-weight:800}.how-subtitle{color:#f5f7fa99;margin-bottom:70px;font-size:15px}.how-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;max-width:1080px;margin:0 auto;display:grid}.how-card{background:linear-gradient(#ffffff0a,#ffffff04);border:1px solid #ffffff14;border-radius:18px;padding:24px;transition:all .25s}.how-card:hover{border-color:#fff3;transform:translateY(-6px)}.how-card h3{margin-bottom:6px;font-size:17px;font-weight:800}.how-card p{color:#f5f7fa99;font-size:14px}.how-preview{flex-direction:column;justify-content:center;height:160px;margin-bottom:18px;display:flex;position:relative;overflow:hidden}.how-card:first-child .how-preview{justify-content:flex-start;padding-top:8px}.input-box{background:#ffffff14;border-radius:8px;align-items:center;gap:2px;width:100%;max-width:230px;margin:0 auto;padding:6px 10px;font-size:12px;display:inline-flex;overflow:hidden}.typing-text{white-space:nowrap;animation:4s steps(30,end) infinite typing;overflow:hidden}.cursor{animation:1s infinite blink}.create-btn{color:#000;background:#ffffffe6;border-radius:8px;width:fit-content;margin:10px auto 0;padding:4px 12px;font-size:11px;animation:4s infinite clickBtn}.campaign-card{border:1px solid #ffffff26;border-radius:10px;padding:10px;animation:3.5s ease-in-out infinite cardSlide}.campaign-line{background:#ffffff26;border-radius:4px;height:6px;margin-bottom:6px}.campaign-line.short{width:70%}.submit-btn{color:#000;background:#ffffffe6;border-radius:8px;margin-top:8px;padding:4px 10px;font-size:11px;animation:3.5s infinite submitPulse;display:inline-block}.views-value:after{content:"100000";animation:5s infinite viewsIncrease}.money-value:after{content:"$200";animation:5s infinite moneyIncrease}.metric-line{background:#ffffff40;width:0;height:1px}.line-1{animation:5s 2s infinite lineGrow}.line-2{animation:5s 3.4s infinite lineGrow}.verified{color:#00ff96d9;opacity:0;font-size:12px;animation:5s 3.6s infinite verifyFade}@keyframes typing{0%{max-width:0}40%{max-width:100%}to{max-width:100%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes clickBtn{0%,60%{opacity:1}70%{transform:scale(.95)}to{opacity:1}}@keyframes cardSlide{0%{opacity:0;transform:translate(-8px)}30%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(8px)}}@keyframes submitPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes viewsIncrease{0%{content:"0"}to{content:"100000"}}@keyframes moneyIncrease{0%{content:"$0"}to{content:"$200"}}@keyframes lineGrow{0%{opacity:0;width:0}40%{opacity:1}to{width:80px}}@keyframes verifyFade{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.landing-how{padding:90px 20px}}.metric-flow{color:#f5f7fabf;flex-direction:column;align-items:center;gap:8px;font-size:13px;display:flex}.metric-line{background:#ffffff40;width:0;height:1px;transition:width .6s}.metric-line.active{width:80px}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.landing-brands{text-align:center;padding:140px 24px;position:relative;overflow:hidden}.landing-brands:before{content:"";filter:blur(70px);pointer-events:none;background:radial-gradient(600px 320px,#ffffff0f,#0000 70%);position:absolute;inset:-120px}.brands-inner{z-index:1;max-width:720px;margin:0 auto;position:relative}.brands-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#f5f7fabf;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;margin-bottom:16px;padding:6px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;display:inline-block}.landing-brands h2{letter-spacing:-.02em;margin-bottom:18px;font-size:clamp(30px,4vw,44px);font-weight:900}.brands-desc{color:#f5f7faa6;max-width:620px;margin:0 auto 36px;font-size:16px}.brands-features{flex-direction:column;gap:18px;max-width:640px;margin:48px auto 60px;display:flex}.brand-feature{background:linear-gradient(#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:20px;padding:18px 22px;transition:all .25s;display:flex}.brand-feature:hover{border-color:#ffffff2e;transform:translateY(-3px)}.feature-number{letter-spacing:.2em;color:#ffffff59;min-width:28px;font-size:12px;font-weight:700}.brand-feature p{color:#f5f7fad9;margin:0;font-size:15px}.brands-cta{color:#000;background:#fff;border-radius:16px;padding:14px 34px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-block}.brands-cta:hover{transform:translateY(-2px);box-shadow:0 14px 36px #ffffff2e}@media (max-width:640px){.landing-brands{padding:100px 20px}.brands-desc{font-size:15px}}.how-card-tall{padding-bottom:32px}.how-preview-tall{height:160px}.metric-flow-vertical{color:#f5f7fabf;flex-direction:column;align-items:center;gap:10px;font-size:13px;display:flex}.metric-row{align-items:center;gap:6px;display:flex}.metric-line-v{background:#ffffff40;width:1px;height:0;transition:height .6s}.metric-line-v.active{height:24px}.verified{color:#00ff96d9;font-size:12px;animation:.4s forwards fadeInUp}.brand-feature,.brand-feature p{text-align:left}.landing-footer{border-top:1px solid #ffffff0d;padding:56px 24px 48px}@media (max-width:640px){.landing-footer{border-top:none}}.footer-inner{grid-template-columns:2.5fr 1fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto;display:grid}.footer-brand-col{flex-direction:column;align-items:flex-start;display:flex}.footer-brand{letter-spacing:-.02em;margin-bottom:6px;font-size:20px;font-weight:900}.footer-tagline{color:#f5f7fa99;max-width:240px;margin-bottom:12px;font-size:13px}.footer-copyright{color:#f5f7fa73;font-size:12px}.footer-col h4{color:#f5f7fad9;margin-bottom:14px;font-size:13px;font-weight:700}.footer-col a{color:#f5f7fa8c;margin-bottom:10px;font-size:13px;transition:color .15s;display:block}.footer-col a:hover{color:#f5f7fae6}@media (max-width:800px){.footer-inner{grid-template-columns:1fr 1fr}}@media (max-width:640px){.landing-footer{padding:16px 20px 40px}.footer-inner{flex-direction:column;gap:14px;display:flex}.footer-brand-col{text-align:center;align-items:center}.footer-tagline{max-width:100%}.footer-col{border:none;padding:0}.footer-col h4{display:none}.footer-col a{color:#f5f7fa99;letter-spacing:.02em;margin:5px 8px;font-size:11.5px;display:inline-block}@media (max-width:640px){.footer-col a{opacity:.85}}.footer-inner>.footer-col{text-align:center}}.landing-footer a{text-decoration:none!important}.landing-final{text-align:center;border-top:1px solid #ffffff0d;padding:120px 24px}.landing-final h2{margin-bottom:12px;font-size:28px;font-weight:900}.landing-final p{color:#f5f7fa99;margin-bottom:28px}.final-cta-btn{color:#000;background:#fff;border-radius:16px;padding:14px 34px;font-weight:800;display:inline-block}@media (max-width:640px){.landing-nav{padding:18px 20px}.landing-logo{width:46px}.landing-cta{flex-direction:row;justify-content:center;gap:12px;margin-top:24px;display:flex}.landing-btn-primary,.landing-btn-secondary{flex:unset;max-width:unset;white-space:nowrap;border-radius:9px;padding:8px 14px;font-size:12px}.landing-login{border-radius:8px;padding:6px 12px;font-size:12px}.brands-cta,.final-cta-btn{border-radius:10px;padding:9px 16px;font-size:12px}.create-btn,.submit-btn{border-radius:6px;padding:4px 8px;font-size:10px}.landing-platforms{padding:32px 20px}.landing-how{padding:70px 20px}.landing-brands{padding:80px 20px}.landing-final{padding:70px 20px}.how-card{border-radius:14px;padding:18px}.how-card h3{font-size:15px}.how-card p{font-size:13px}.landing-hero{flex-direction:column;justify-content:center;min-height:calc(100svh - 70px);padding:40px 20px;display:flex}.landing{overflow-x:hidden}.landing-platforms{margin-top:0}.footer-inner{flex-direction:column;display:flex}.footer-brand,.footer-tagline{display:none}.footer-copyright{text-align:center;align-self:center;margin-top:28px}.footer-brand-col{text-align:center;order:99;align-items:center}}.landing-social{text-align:center;border-top:1px solid #ffffff0d;padding:80px 24px 100px}.social-inner{max-width:720px;margin:0 auto}.social-label{letter-spacing:-.01em;color:#f5f7fae6;margin-bottom:32px;font-size:18px;font-weight:700}.social-icons{justify-content:center;gap:26px;display:flex}.social-btn{color:#ffffffd9;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;transition:all .25s;display:flex}.social-btn:hover{transform:translateY(-6px)}.social-btn.instagram{color:#fff;background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4);border-color:#0000;box-shadow:0 10px 30px #dd2a7b59}.social-btn.twitter{color:#fff;background:#1da1f2;border-color:#0000;box-shadow:0 10px 30px #1da1f259}.social-btn.discord{color:#fff;background:#5865f2;border-color:#0000;box-shadow:0 10px 30px #5865f259}