:root{--wl-blue:#246bfd;--wl-blue-dark:#1454dc;--wl-navy:#101a35;--wl-text:#15203a;--wl-muted:#64718b;--wl-line:#435c8f29;--wl-green:#21a778;--wl-red:#c62828;--wl-radius:13px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--wl-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}body{isolation:isolate;background:radial-gradient(circle at 78% 18%,#3488ff42,#0000 30%),radial-gradient(circle at 8% 42%,#9e76ff2b,#0000 27%),linear-gradient(145deg,#fff 0%,#f5f8ff 50%,#edf5ff 100%);min-height:100svh;margin:0;position:relative}body:before{content:"";z-index:-1;opacity:.42;background-image:linear-gradient(#4c6caa14 1px,#0000 1px),linear-gradient(90deg,#4c6caa14 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 76%);mask-image:linear-gradient(#000,#0000 76%)}main{max-width:27rem;margin:0 auto;padding:2.5rem 1rem 3rem}.brand{border-radius:18px;margin:0 auto 1.5rem;display:block;box-shadow:0 9px 22px #1623431a}.card{border:1px solid var(--wl-line);background:#ffffffe6;border-radius:24px;padding:26px;box-shadow:0 16px 40px #2b426f14}h1{color:var(--wl-navy);letter-spacing:-.04em;margin:0 0 .75rem;font-size:1.9rem;font-weight:900;line-height:1.1}p{color:#3e4b67;margin:0 0 1.25rem}code{color:var(--wl-navy);background:#eef3ff;border-radius:6px;padding:.1rem .4rem;font-size:.95em}.step{color:#536b99;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 .75rem;font-size:.8rem;font-weight:800;display:flex}.step:before{content:"";background:var(--wl-blue);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 6px #246bfd1c}.progress{grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 1.5rem;display:grid}.progress span{background:var(--wl-line);border-radius:99px;height:5px}.progress span.done{background:var(--wl-blue)}form{gap:1rem;margin-bottom:1rem;display:grid}label{color:var(--wl-navy);gap:.4rem;font-size:.9rem;font-weight:700;display:grid}input{border-radius:var(--wl-radius);width:100%;min-height:52px;color:var(--wl-text);font:inherit;background:#fff;border:1px solid #324b8040;padding:0 .9rem;font-size:1rem;font-weight:500;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--wl-blue);outline:none;box-shadow:0 0 0 4px #246bfd29}button,.button{border-radius:var(--wl-radius);background:var(--wl-blue);color:#fff;cursor:pointer;width:100%;min-height:54px;font:inherit;text-align:center;border:0;justify-content:center;align-items:center;padding:0 21px;font-size:1rem;font-weight:800;text-decoration:none;transition:transform .22s,box-shadow .22s,background .22s;display:flex;box-shadow:0 16px 32px #246bfd40}button:hover:not(:disabled),.button:hover{background:var(--wl-blue-dark);transform:translateY(-2px);box-shadow:0 18px 38px #246bfd52}button:focus-visible,.button:focus-visible{outline-offset:3px;outline:3px solid #246bfd73}button:disabled{opacity:.6;box-shadow:none;cursor:default}button.link,button.link:hover:not(:disabled){width:auto;min-height:0;box-shadow:none;color:var(--wl-blue);background:0 0;margin:0 auto;padding:.25rem .5rem;font-size:.95rem;font-weight:700;transform:none}button.link:hover:not(:disabled){color:var(--wl-blue-dark);text-decoration:underline}[role=alert]{border-radius:var(--wl-radius);color:var(--wl-red);background:#fdf0f0;border:1px solid #c6282838;margin:0;padding:.7rem .9rem;font-size:.9rem;font-weight:600}.card>[role=alert],.card>section>[role=alert],.logout>[role=alert]{margin-bottom:1rem}.card>:last-child{margin-bottom:0}.idle-warning{z-index:2;border-radius:var(--wl-radius);background:#fdf0f0;border:1px solid #c6282838;gap:.75rem;margin-bottom:1rem;padding:.9rem;display:grid;position:sticky;top:12px}.idle-warning p{color:var(--wl-red);margin:0;font-weight:600}.success{align-items:flex-start;gap:10px;display:flex}.success:before{content:"✓";background:var(--wl-green);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;margin-top:1px;font-size:12px;font-weight:900;display:grid}.kicker{border-top:1px solid var(--wl-line);color:var(--wl-blue);letter-spacing:.14em;text-transform:uppercase;margin:1.75rem 0 .5rem;padding-top:1.4rem;font-size:.8rem;font-weight:800;line-height:1.4}h2{color:var(--wl-navy);letter-spacing:-.04em;margin:0 0 .5rem;font-size:1.5rem;font-weight:900;line-height:1.1}.muted{color:var(--wl-muted);margin:0;font-size:.85rem}textarea{border-radius:var(--wl-radius);width:100%;color:var(--wl-text);font:inherit;resize:vertical;background:#fff;border:1px solid #324b8040;padding:.7rem .9rem;font-size:1rem;font-weight:500}textarea:focus{border-color:var(--wl-blue);outline:none;box-shadow:0 0 0 4px #246bfd29}.platforms{gap:10px;margin:0 0 1.25rem;padding:0;list-style:none;display:grid}.platforms [role=alert]{margin-top:8px}.platform{border:1px solid var(--wl-line);background:#fff;border-radius:18px;align-items:center;gap:13px;padding:13px;display:flex;box-shadow:0 12px 30px #2f457012}.platform.connected{background:#f4fcf8;border-color:#28b68173}.platform-icon{border-radius:50%;flex:none;place-items:center;width:43px;height:43px;display:grid;box-shadow:0 9px 20px #17274a26}.platform-icon.youtube{background:red}.platform-icon.instagram{background:#d6249f}.platform-icon.facebook{background:#0866ff}.platform-icon.tiktok{background:#000}.platform-copy{flex:1;min-width:0}.platform-copy strong,.platform-copy small{display:block}.platform-copy strong{color:#26324b;font-size:1.05rem;font-weight:700;line-height:1.25}.platform-copy small{color:var(--wl-muted);margin-top:3px;font-size:.8rem;line-height:1.3}.platform.connected .platform-copy small{color:#177a55;font-weight:700}button.connect,button.reconnect,button.save,button.connect:hover:not(:disabled),button.reconnect:hover:not(:disabled),button.save:hover:not(:disabled){width:auto;min-height:44px;box-shadow:none;border-radius:12px;padding:0 16px;font-size:.95rem}button.reconnect,button.save,button.choose,button.reconnect:hover:not(:disabled),button.save:hover:not(:disabled),button.choose:hover:not(:disabled){box-shadow:none;color:var(--wl-navy);background:#f5f7fb;border:1px solid #2e487e2b}form.about{border:1px solid var(--wl-line);background:#fff;border-radius:18px;gap:8px;margin:10px 0 0;padding:14px}form.about p{margin:0}.about-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.billing{background:#ffffffd9;border:1px solid #37538c21;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:14px;padding:4px;display:grid;box-shadow:0 12px 29px #2c436f14}.billing button,.billing button:hover:not(:disabled){min-height:46px;box-shadow:none;color:#5d6981;background:0 0;border-radius:10px;flex-direction:column;padding:4px 14px;font-size:.95rem;transform:none}.billing button.active,.billing button.active:hover:not(:disabled){background:var(--wl-navy);color:#fff}.billing-save{color:var(--wl-blue);letter-spacing:.03em;font-size:.7rem}.billing button.active .billing-save{color:#9fbdff}.pricing-plans{gap:14px;display:grid}.pricing-plan{border:1px solid var(--wl-line);background:#ffffffe6;border-radius:24px;flex-direction:column;padding:24px 22px;display:flex;position:relative;box-shadow:0 16px 40px #2b426f14}.pricing-plan.featured{border-color:#246bfd52;box-shadow:0 20px 50px #246bfd29}.pricing-plan.chosen{background:#f4fcf8;border-color:#28b681;box-shadow:0 16px 40px #28b68124}.popular{background:var(--wl-blue);color:#fff;letter-spacing:.07em;text-transform:uppercase;border-radius:99px;padding:7px 9px;font-size:11px;font-weight:800;line-height:1.2;position:absolute;top:15px;right:15px}.pricing-plan h3{color:var(--wl-navy);letter-spacing:-.035em;margin:0;font-size:26px;font-weight:900;line-height:1.2}.pricing-plan p{margin:0}.pricing-plan .plan-tagline{color:var(--wl-muted);margin-top:8px;font-size:15px;line-height:1.45}.pricing-plan .price{align-items:flex-end;gap:6px;margin-top:20px;display:flex}.currency{color:#3c4964;align-self:flex-start;padding-top:7px;font-size:20px;font-weight:800}.amount{color:var(--wl-navy);letter-spacing:-.06em;font-size:48px;font-weight:900;line-height:.9}.period{color:var(--wl-muted);padding-bottom:4px;font-size:14px;font-weight:700}.pricing-plan .billing-note{color:var(--wl-muted);margin-top:9px;font-size:13px;line-height:1.35}.pricing-plan .plan-pitch{border-bottom:1px solid var(--wl-line);color:#4f5d76;margin-top:14px;padding-bottom:18px;font-size:15px}.features{gap:11px;margin:18px 0 22px;padding:0;list-style:none;display:grid}.features li{color:#4f5d76;padding-left:25px;font-size:15px;line-height:1.4;position:relative}.features li:before{content:"✓";color:#fff;background:#1c8f65;border-radius:50%;place-items:center;width:16px;height:16px;font-size:11px;font-weight:900;display:grid;position:absolute;top:2px;left:0}button.choose,button.choose:hover:not(:disabled){border-radius:12px;min-height:48px;margin-top:auto;font-size:15px}.pricing-plan.featured button.choose,.pricing-plan.featured button.choose:hover:not(:disabled){background:var(--wl-blue);color:#fff;border-color:#0000}.pricing-plan.chosen button.choose,.pricing-plan.chosen button.choose:hover:not(:disabled){color:#fff;background:#177a55;border-color:#0000}.pricing-note{color:var(--wl-muted);text-align:center;margin:14px 0 0;font-size:13px;line-height:1.45}@media (width<=480px){main{padding-top:1.5rem}.card{border-radius:20px;padding:18px}h1{font-size:1.6rem}}@media (width>=720px){main.wide{max-width:44rem}main.wide .brand{margin-left:0}main.wide .platforms{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px}}@media (width>=1024px){main.wide{--wl-side:clamp(1.5rem, 4vw, 4rem);max-width:none;padding:2rem var(--wl-side) 3rem}main.wide .card{padding:40px}main.wide h1{font-size:2.4rem}main.wide h2{font-size:1.75rem}main.wide section>p:not(.kicker,.pricing-note){max-width:40rem}main.wide .step-post>.button,main.wide .step-post>button{max-width:22rem}main.wide .billing{max-width:22rem;margin:.5rem auto 22px}main.wide .pricing-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}main.wide .pricing-plan{padding:26px}main.wide .amount{font-size:clamp(42px,3.2vw,56px)}}@media (width>=1280px){main.wide{--wl-bar-top:calc(1.5rem + 25px);--wl-logout-width:7rem;padding-top:1.5rem;position:relative}main.wide .card{display:contents}main.wide .brand{margin:0}main.wide .session-email,main.wide .logout{top:var(--wl-bar-top);right:var(--wl-side);position:absolute}main.wide .session-email{right:calc(var(--wl-side) + var(--wl-logout-width) + .75rem);height:44px;color:var(--wl-navy);white-space:nowrap;background:#fff;border:1px solid #2e487e2b;border-radius:12px;align-items:center;padding:0 16px;font-size:.95rem;font-weight:600;display:flex}main.wide .logout{width:var(--wl-logout-width)}main.wide .logout button.link,main.wide .logout button.link:hover:not(:disabled){width:100%;height:44px;color:var(--wl-navy);background:#f5f7fb;border:1px solid #2e487e2b;border-radius:12px;margin:0;padding:0 16px;font-size:1.05rem;font-weight:800;text-decoration:none}main.wide .logout button.link:hover:not(:disabled){border-color:var(--wl-blue);color:var(--wl-blue)}main.wide .logout>[role=alert]{white-space:nowrap;margin:.5rem 0 0;position:absolute;top:100%;right:0}main.wide .idle-warning{margin:1rem 0 0}main.wide h1{text-align:center;margin:2.25rem 0 2rem}main.wide section{text-align:center}main.wide .platform,main.wide form.about,main.wide .pricing-plan{text-align:left}main.wide section>p:not(.kicker,.pricing-note){margin-left:auto;margin-right:auto}main.wide .kicker{margin-top:2.5rem;padding-top:2.25rem}main.wide .step-platforms .kicker{border-top:0;margin-top:0;padding-top:0}main.wide .platforms{max-width:60rem;margin:0 auto}main.wide .step-post>.success{justify-content:center}main.wide .step-post>.button,main.wide .step-post>button{margin-left:auto;margin-right:auto}}@media (width>=1440px){main.wide .platforms{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}button:hover:not(:disabled),.button:hover{transform:none}}
