@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,800;0,900;1,900&display=swap');
.home{--black:#17112c;--purple:#5427cf;--lime:#d9fa6b;--pink:#ff79b1;--cream:#fffaf3;background:var(--cream)}
.home .dark{background:var(--black)}.home .nav{min-height:78px}.home .nav .btn,.home .cta .btn{background:var(--lime);color:var(--black)}.home .brand{letter-spacing:-.045em}.home .brand img{transform:rotate(-7deg)}
.social-hero{background:var(--purple);color:#fff;overflow:hidden;position:relative;background-image:radial-gradient(ellipse at 76% 60%,#7949ef 0,transparent 59%),repeating-linear-gradient(130deg,transparent 0 31px,#ffffff12 32px 33px)}
.hero-layout{display:grid;grid-template-columns:1fr minmax(0,1fr);align-items:center;gap:40px;padding:58px 0 70px}
.hero-copy h1{font:900 clamp(5rem,10.8vw,10.4rem)/.75 "Barlow Condensed","Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.04em;margin:0 0 28px}
.hero-copy h1 em{color:var(--lime);font-weight:900}.hero-copy p{max-width:370px;color:#f1eaff;font-size:19px;margin:0 0 26px}.home .actions .btn{background:var(--lime);color:var(--black)}.home .actions .outline{background:transparent;color:white;border-color:#ffffff90}.home .actions .outline:hover{background:#ffffff20}
.feed-stage{background:var(--black);border:1px solid #ffffff55;border-radius:23px;padding:18px 20px 22px;box-shadow:10px 12px 0 #271556;max-width:540px;width:100%;justify-self:end}
.feed-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px}.feed-title span{color:#d7c9f4;font-size:13px}.feed-stage .tabs{margin-bottom:14px}.feed-stage .tabs button{display:inline-flex;gap:6px;align-items:center;background:#35274f;color:#fff;border-color:#584573}.feed-stage .tabs button[aria-pressed=true]{background:var(--lime);color:var(--black);border-color:var(--lime)}
.channel-icon{width:20px;height:20px;border-radius:6px;display:inline-grid;place-items:center;vertical-align:middle;color:white;font:800 16px/1 Arial,sans-serif}.ig{background:#b42b77}.fb{background:#2455d9}.tt{background:#1a1429;text-shadow:1px 1px #ff62a4,-1px -1px #36e4d8}
.feed-stack{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:13px;align-items:end}.creative{position:relative;min-height:330px;aspect-ratio: .74;overflow:hidden;isolation:isolate;border-radius:13px;background:#f54594 url('/weekend-creative.jpg') center 39%/cover no-repeat;display:flex;flex-direction:column;justify-content:space-between;padding:11px}.creative::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#170d282a 10%,transparent 35%,#160b3575)}.creative[data-active=facebook]{background-position:42% 38%}.creative[data-active=tiktok]{background-position:64% 36%}.creative-profile{display:flex;align-items:center;gap:5px;text-shadow:0 1px 4px #24112e;font-size:12px;font-weight:700}.creative-profile img{width:22px}.creative-text{font:900 italic clamp(2.6rem,6vw,5.5rem)/.75 "Barlow Condensed",Impact,sans-serif;letter-spacing:-.05em;color:#fff;transform:rotate(-7deg);text-shadow:2px 3px #271556;padding-left:4px;margin-top:auto;margin-bottom:18px}.creative-label{align-self:flex-start;background:#1a1429;color:white;font-size:11px;font-weight:700;border-radius:6px;padding:3px 6px}
.feed-caption{border-radius:13px;background:#f9e2fd;color:var(--black);padding:15px;overflow-wrap:anywhere}.feed-caption strong{font-weight:800;font-size:18px;line-height:1.12;display:block}.feed-caption p{font-size:14px;line-height:1.38;margin:9px 0 12px}.feed-caption span{font-size:11px;color:#57406c}
.home .channel-bar{background:var(--lime)}.home .channel-bar .wrap{justify-content:center;gap:18px 44px}.home .channel-bar strong{font-size:16px}.home .channel-bar span{color:#31371f}.home .workflows{gap:12px;border:0}.home .workflow,.home .workflow+.workflow{padding:26px;border:0;border-radius:14px;background:#edddff}.home .workflow+.workflow{background:#ffe0ed}.home .channels{background:#231638;color:white}.home .channels p{color:#eee4fa}.home .channels article{border-color:var(--pink)}.home .cta{background:var(--purple);color:#fff}.home .section h2,.home .cta h2{font-family:"Barlow Condensed","Arial Narrow",Impact,sans-serif;font-weight:800;letter-spacing:-.02em}
@media(max-width:830px){.hero-layout{grid-template-columns:1fr;gap:36px;padding:48px 0}.feed-stage{justify-self:start}.hero-copy h1{font-size:clamp(5rem,15vw,8rem)}}
@media(max-width:490px){.hero-copy h1{font-size:clamp(4rem,17vw,6rem)}.feed-stage{padding:12px;box-shadow:5px 6px 0 #271556}.feed-stage .tabs button{font-size:11px;padding:5px;gap:4px}.feed-stack{gap:8px;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr)}.creative{min-height:220px;padding:7px}.feed-caption{padding:9px}.feed-caption strong{font-size:15px}.feed-caption p{font-size:12px}.home .channel-bar .wrap{justify-content:flex-start;gap:10px 15px}.home .channel-bar .wrap>span{width:100%}.home .channel-bar strong{font-size:14px}}
.creative[data-active=facebook] .creative-text{font-size:clamp(2.4rem,4.25vw,4.6rem);color:#e5fb83}
.creative[data-active=tiktok] .creative-text{color:#fce3ff;text-shadow:2px 3px #271556,-2px -2px #562bdf}
@media(max-width:360px){.feed-stack{grid-template-columns:1fr}.creative{max-width:220px;width:100%}.feed-caption{width:100%}}
