.nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffeb;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:68px;padding:0 56px;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{border-bottom-color:var(--color-gray-200,#e1e4e9)}.navLogo{color:var(--color-navy);letter-spacing:-.6px;font-size:21px;font-weight:700;text-decoration:none}.navCenter{gap:36px;list-style:none;display:flex}.navCenter a{color:var(--color-gray-500,#6b7280);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.navCenter a:hover{color:var(--color-navy)}.navRight{align-items:center;gap:20px;display:flex}.navLogin{color:var(--color-gray-500,#6b7280);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.navLogin:hover{color:var(--color-navy)}.navCta{background:var(--color-navy);color:#fff;border-radius:7px;padding:9px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.navCta:hover{background:var(--color-navy-mid);transform:translateY(-1px);box-shadow:0 4px 12px #0f1a2e1f}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:80px;max-width:1280px;margin:0 auto;padding:148px 56px 112px;display:grid}.heroText{animation:.7s both fadeUp}.hero h1{color:var(--color-navy);letter-spacing:-1.5px;margin-bottom:20px;font-size:50px;font-weight:700;line-height:1.1}.hero h1 em{font-style:italic;font-weight:500}.heroSub{color:var(--color-gray-500,#6b7280);max-width:480px;margin-bottom:36px;font-size:17px;line-height:1.7}.heroBtns{gap:12px;display:flex}.btnPrimary{background:var(--color-teal);color:#fff;font-size:15px;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:8px;padding:13px 28px;text-decoration:none;transition:all .25s}.btnPrimary:hover{background:var(--color-teal-hover);transform:translateY(-1px);box-shadow:0 6px 18px #0a7b6f2e}.btnOutline{color:var(--color-gray-600,#4b5563);border:1.5px solid var(--color-gray-200,#e1e4e9);font-size:15px;font-weight:500;font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:8px;padding:13px 24px;text-decoration:none;transition:all .25s}.btnOutline:hover{border-color:var(--color-gray-400,#9ba3b0);background:var(--color-gray-50,#f7f8fa)}.heroVisual{animation:.7s .12s both fadeUp;position:relative}.mockup{border:1px solid var(--color-gray-200,#e1e4e9);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 8px 32px #0000000f}.mockupBar{background:var(--color-gray-50,#f7f8fa);border-bottom:1px solid var(--color-gray-200,#e1e4e9);justify-content:space-between;align-items:center;padding:11px 16px;display:flex}.mockupDots{gap:6px;display:flex}.mockupDot{border-radius:50%;width:9px;height:9px;display:block}.mockupDot:first-child{background:#ff5f57}.mockupDot:nth-child(2){background:#ffbd2e}.mockupDot:nth-child(3){background:#28ca41}.mockupUrl{color:var(--color-gray-400,#9ba3b0);border:1px solid var(--color-gray-200,#e1e4e9);background:#fff;border-radius:4px;padding:3px 12px;font-size:11px}.mockupBody{padding:24px}.mWelcome{color:var(--color-navy);margin-bottom:2px;font-size:19px;font-weight:700}.mOrg{color:var(--color-gray-400,#9ba3b0);margin-bottom:22px;font-size:12.5px}.mLabel{text-transform:uppercase;letter-spacing:1.2px;color:var(--color-teal);margin-bottom:6px;font-size:10.5px;font-weight:700}.mPath{color:var(--color-navy);margin-bottom:14px;font-size:16px;font-weight:600}.mProgress{align-items:center;gap:10px;margin-bottom:22px;display:flex}.mBar{background:var(--color-gray-100,#f0f2f5);border-radius:99px;flex:1;height:6px;overflow:hidden}.mFill{background:var(--color-teal);border-radius:99px;width:0;height:100%;animation:1.4s cubic-bezier(.25,1,.5,1) .6s forwards barGrow}.mPct{color:var(--color-teal);font-size:13px;font-weight:700}.mVideos{flex-direction:column;gap:8px;display:flex}.mVid{border:1px solid var(--color-gray-200,#e1e4e9);border-radius:8px;align-items:center;gap:11px;padding:10px 12px;display:flex}.mVidActive{background:var(--color-teal-soft);border-color:#0a7b6f1f}.mVidDone{opacity:.5}.mVidIcon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;display:flex}.mVidActive .mVidIcon{background:var(--color-teal);color:#fff}.mVidDone .mVidIcon{background:var(--color-gray-100,#f0f2f5);color:var(--color-gray-400,#9ba3b0)}.mVidInfo{flex:1}.mVidTitle{color:var(--color-navy);font-size:13px;font-weight:600}.mVidMeta{color:var(--color-gray-400,#9ba3b0);font-size:11px}.mVidTag{color:var(--color-teal);font-size:10.5px;font-weight:600}.flt{border:1px solid var(--color-gray-100,#f0f2f5);background:#fff;border-radius:10px;padding:12px 16px;animation:5s ease-in-out infinite floatY;position:absolute;box-shadow:0 4px 16px #0000000d,0 1px 3px #00000008}.flt1{top:12px;right:-24px}.flt2{animation-delay:2.5s;bottom:44px;left:-28px}.fltLabel{text-transform:uppercase;letter-spacing:.8px;color:var(--color-gray-400,#9ba3b0);margin-bottom:1px;font-size:10px;font-weight:700}.fltVal{color:var(--color-navy);font-size:22px;font-weight:700}.fltUp{color:var(--color-teal);font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--color-teal);margin-bottom:14px;font-size:12px;font-weight:700}.sectionTitle{color:var(--color-navy);letter-spacing:-1px;margin-bottom:14px;font-size:38px;font-weight:700;line-height:1.15}.sectionDesc{color:var(--color-gray-500,#6b7280);margin-bottom:56px;font-size:17px;line-height:1.7}.how{background:var(--color-navy);padding:112px 56px;position:relative;overflow:hidden}.how:before{content:"";background:radial-gradient(circle,#0a7b6f14 0%,#0000 65%);width:600px;height:600px;position:absolute;top:-250px;right:-150px}.howInner{max-width:1280px;margin:0 auto;position:relative}.how .eyebrow{color:#ffffff4d}.how .sectionTitle{color:#fff}.how .sectionDesc{color:#ffffff61}.steps{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.stepNum{color:#ffffff40;background:#ffffff0d;border:1px solid #ffffff12;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:18px;font-size:13px;font-weight:700;display:inline-flex}.step h3{color:#fff;margin-bottom:10px;font-size:18px;font-weight:700}.step p{color:#ffffff61;font-size:14px;line-height:1.7}.audiences{max-width:1280px;margin:0 auto;padding:112px 56px}.audiences .eyebrow,.audiences .sectionTitle{text-align:center}.audGrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.audCard{border:1px solid var(--color-gray-200,#e1e4e9);cursor:pointer;background:#fff;border-radius:12px;padding:36px 28px;text-decoration:none;transition:all .3s;display:block}.audCard:hover{border-color:var(--color-gray-300,#cdd1d8);transform:translateY(-2px);box-shadow:0 4px 16px #00000008}.audCard h3{color:var(--color-navy);margin-bottom:3px;font-size:20px;font-weight:700}.audBuyer{color:var(--color-teal);margin-bottom:12px;font-size:13px;font-weight:600}.audCard p{color:var(--color-gray-500,#6b7280);margin-bottom:20px;font-size:14px;line-height:1.65}.audLink{color:var(--color-teal);align-items:center;gap:4px;font-size:13px;font-weight:600;transition:gap .2s;display:inline-flex}.audCard:hover .audLink{gap:8px}.logos{border-top:1px solid var(--color-gray-100,#f0f2f5);background:var(--color-gray-50,#f7f8fa);text-align:center;padding:52px 56px}.logosLabel{text-transform:uppercase;letter-spacing:2px;color:var(--color-gray-400,#9ba3b0);margin-bottom:24px;font-size:12px;font-weight:700}.logosRow{flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;display:flex}.logoName{color:var(--color-gray-300,#cdd1d8);letter-spacing:-.2px;font-size:16px;font-weight:600}.footer{background:#0b1322;padding:48px 56px 32px}.ftInner{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-start;max-width:1280px;margin:0 auto 24px;padding-bottom:32px;display:flex}.ftBrand{color:#fff;letter-spacing:-.4px;margin-bottom:8px;font-size:19px;font-weight:700}.ftDesc{color:#ffffff40;max-width:260px;font-size:13px;line-height:1.6}.ftLinks{flex-wrap:wrap;gap:40px;display:flex}.ftLinks a{color:#ffffff61;font-size:13px;text-decoration:none;transition:color .2s}.ftLinks a:hover{color:#ffffffb3}.ftBottom{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;display:flex}.ftLegal{color:#ffffff2e;font-size:12px}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes barGrow{0%{width:0}to{width:65%}}.revealTarget{opacity:0}@media (max-width:1080px){.hero{grid-template-columns:1fr;gap:48px;padding:132px 32px 72px}.hero h1{font-size:40px}.flt{display:none}.steps,.audGrid{grid-template-columns:1fr}.ftInner{flex-direction:column;gap:24px}.ftLinks{gap:20px}.nav{padding:0 24px}.navCenter{display:none}}@media (max-width:640px){.hero{padding:116px 20px 56px}.hero h1{font-size:32px}.heroBtns{flex-direction:column;align-items:flex-start}.ftBottom{flex-direction:column;align-items:flex-start;gap:12px}}
