.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-invite{background:var(--lime);border-color:#000;text-align:left}.brand-invite a{display:flex;flex-direction:column;justify-content:space-between;gap:24px;height:100%;min-height:210px;padding:24px;text-decoration:none}.invite-title{font-size:clamp(1.4rem,2.8vw,2.6rem);font-weight:900;line-height:1.1;letter-spacing:-.04em}.invite-title em{font-family:var(--editorial);font-weight:400}.invite-link{display:flex;justify-content:space-between;align-items:center;font-size:14px}.invite-link>span{font-size:28px;transition:transform .2s}.brand-invite a:hover .invite-link>span{transform:translate(3px,-3px)}
.ugc-section{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:center;border-top:1px solid #000}.ugc-copy p{max-width:38rem}.ugc-copy .button{margin-top:12px}.ugc-demo{position:relative;isolation:isolate;display:grid;justify-items:center;margin:0;padding:25px 20px 0;background:var(--lime);overflow:hidden}.ugc-frame{position:relative;width:min(100%,260px);min-height:390px;background:#000;color:#fff;padding:18px 20px;transform:rotate(-5deg);border:1px solid #fff;box-shadow:12px 12px 0 #0002}.ugc-frame-top{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.05em}.ugc-product{width:125px;margin:25px auto 20px;transform:rotate(9deg)}.ugc-cap{width:60px;height:30px;margin:auto;background:repeating-linear-gradient(90deg,#fff 0 3px,#ddd 3px 4px);border-radius:5px 5px 0 0}.ugc-bottle{height:190px;border-radius:25px 25px 18px 18px;background:linear-gradient(100deg,#ddd,#fff 25%,#fff 70%,#ddd);color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:8px 12px 0 #fff1}.ugc-bottle>span{font-size:30px;font-weight:900;line-height:.95;letter-spacing:-.04em}.ugc-bottle em{font-family:var(--editorial);font-weight:400}.ugc-label{font-size:7px;border-top:1px solid #000;padding-top:8px;margin-top:20px}.ugc-caption{font-weight:900;font-size:20px;line-height:1.1}.ugc-caption span{background:var(--lime);color:#000;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 5px}.ugc-progress{display:flex;gap:4px;margin-top:18px}.ugc-progress i{height:2px;background:#fff;flex:1;transform-origin:left}.ugc-sticker{position:absolute;right:10px;top:110px;background:#fff;color:#000;padding:12px 16px;border:1px solid #000;transform:rotate(8deg);font-size:16px;font-weight:900;line-height:1.2}.ugc-sticker em{font-family:var(--editorial);font-weight:400}.ugc-demo figcaption{font-size:11px;margin:30px 0 12px;color:#000}.design-playing .ugc-product{animation:ugc-product 1.8s ease both}.design-playing .ugc-sticker{animation:ugc-label .7s 1.5s both}.design-playing .ugc-progress i{animation:progress-in 1.4s linear both}.design-playing .ugc-progress i:nth-child(2){animation-delay:1.4s}.design-playing .ugc-progress i:nth-child(3){animation-delay:2.8s}@keyframes ugc-product{from{opacity:0;transform:translateY(20px) rotate(0)}to{opacity:1;transform:rotate(9deg)}}@keyframes ugc-label{from{opacity:0;transform:translateX(15px) rotate(8deg)}to{opacity:1;transform:rotate(8deg)}}@media(max-width:600px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-item:last-child{grid-column:auto;width:auto;justify-self:stretch}.brand-invite a{min-height:180px;padding:16px;gap:16px}.invite-title{font-size:24px}.invite-link{font-size:12px}.ugc-section{grid-template-columns:1fr}.ugc-demo{padding-top:30px}.ugc-sticker{right:5px;font-size:14px}.ugc-copy .button{gap:12px}}@media(prefers-reduced-motion:reduce){.ugc-demo *{animation:none!important}}
.menu-toggle{background:var(--lime);color:#000;font-weight:900;transition:background .18s,color .18s}.menu-toggle:hover,.menu-toggle[aria-expanded=true]{background:#000;color:var(--lime)}.legal-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:28px}.legal-links a{font-size:14px;display:inline-flex;align-items:center;min-height:44px}.legal-content{padding-top:0;max-width:1000px}.legal-content h2{font-size:clamp(1.45rem,3vw,2rem);margin:2.5rem 0 1rem}.legal-content p{max-width:75ch}.legal-draft{background:var(--lime);border:1px solid #000;padding:22px;margin:24px 0}.legal-draft p{margin:8px 0 0}.legal-details{display:grid;grid-template-columns:1fr 2fr;gap:0;margin:24px 0}.legal-details dt,.legal-details dd{border-bottom:1px solid #ddd;padding:12px 0;margin:0}.legal-details dt{font-weight:900;padding-right:20px}.legal-date,.legal-source{font-size:14px}.legal-content a{overflow-wrap:anywhere}@media(max-width:600px){.legal-details{grid-template-columns:1fr}.legal-details dt{border-bottom:0;padding-bottom:0}.legal-details dd{padding-top:4px}.legal-draft{padding:16px}}
.brand{display:inline-flex;flex-direction:column;align-items:flex-start;flex-shrink:0;font-size:clamp(1.55rem,2.4vw,2.15rem);letter-spacing:-.07rem;gap:6px}.brand-wordmark{font-weight:900;white-space:nowrap;line-height:1}.brand-studio{font-size:9px;letter-spacing:.32em;line-height:1;font-weight:400;padding-left:2px}.brand .brand-wordmark span{width:.42rem;height:.42rem;margin-left:.14rem}.social-phone .phone-top>span:first-child{font-size:15px;letter-spacing:-.04em}@media(min-width:901px) and (max-width:1100px){.header .brand{font-size:1.45rem}.header .nav{gap:.65rem}.header .nav a{font-size:.75rem}}@media(max-width:360px){.header .brand{font-size:1.4rem}}
.brand .brand-logo{display:block;width:210px;height:auto;max-width:100%}.footer .brand-logo{width:250px}.phone-brand-logo{display:block;width:105px;height:auto;object-fit:contain}.header .brand{justify-content:center;min-height:44px}.header .brand-logo{mix-blend-mode:multiply}@media(max-width:1100px){.header .brand-logo{width:175px}}@media(max-width:360px){.header .brand-logo{width:150px}}
.social-motion{position:relative;isolation:isolate;margin:0;min-height:440px;display:grid;place-items:center;padding:20px 0 48px;overflow:hidden;color:#000}
.social-orbit{position:absolute;width:330px;height:330px;border:1px solid #000;border-radius:50%;top:35px;left:50%;transform:translateX(-50%);z-index:-1}
.social-phone{position:relative;width:206px;border:7px solid #000;border-radius:29px;background:#000;color:#fff;box-shadow:14px 14px 0 #0001;transform:rotate(6deg);overflow:hidden}
.phone-speaker{width:50px;height:5px;background:#fff;margin:4px auto 12px;border-radius:9px}
.phone-top{display:flex;justify-content:space-between;align-items:center;padding:0 10px 10px;font-size:10px}.phone-top>span:first-child{font-size:20px;font-weight:900}.lime-dot{color:var(--lime)}
.phone-content{background:var(--lime);color:#000;padding:14px 12px;position:relative;overflow:hidden;min-height:252px;display:flex;flex-direction:column;justify-content:flex-end}
.phone-format{position:absolute;top:10px;left:12px;font-size:8px;letter-spacing:.04em}.reel-symbol{font-size:110px;line-height:1;position:absolute;right:10px;top:29px;font-weight:900}
.phone-content strong{font-size:34px;line-height:1.05;letter-spacing:-.04em;position:relative;margin-bottom:14px}.phone-content em{font-family:var(--editorial);font-weight:400}.phone-subtitle{background:#000;color:#fff;font-size:9px;padding:5px 7px;width:fit-content}
.phone-bottom{display:flex;justify-content:space-between;padding:8px 12px;font-size:19px}.phone-progress{height:3px;background:var(--lime);transform-origin:left}
.format-card{position:absolute;left:calc(50% - 192px);top:72px;width:175px;min-height:230px;background:#fff;border:1px solid;padding:19px;transform:rotate(-12deg);box-shadow:5px 5px 0 #000}.format-card>span{font-size:9px;display:block;margin-bottom:22px}.format-card b{font-size:22px;line-height:1.15;display:block;letter-spacing:-.03em}.card-lines{height:30px;margin-top:18px;background:repeating-linear-gradient(0deg,#000 0 2px,transparent 2px 9px);width:80%}
.publish-chip{position:absolute;right:calc(50% - 210px);bottom:87px;background:#fff;color:#000;border:1px solid;padding:10px 13px;font-size:12px;box-shadow:4px 4px 0 var(--lime);transform:rotate(-4deg)}
.social-stages{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:17px;font-size:9px;letter-spacing:.03em}
.design-playing .social-phone{animation:phone-in 1.1s ease both}.design-playing .phone-progress{animation:progress-in 4.5s linear both}.design-playing .publish-chip{animation:publish-in .6s 3.6s both}.design-playing .reel-symbol{animation:symbol-in 1s .7s both}
@keyframes phone-in{from{transform:translateY(22px) rotate(0);opacity:0}to{transform:rotate(6deg);opacity:1}}@keyframes progress-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes publish-in{from{opacity:0;transform:translateY(10px) rotate(-4deg)}to{opacity:1;transform:rotate(-4deg)}}@keyframes symbol-in{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}
.editing-section{background:var(--lime);color:#000}.editing-section .section-head p{font-size:1rem}.editing-motion{margin:0;background:#000;color:#fff;border:1px solid #000;overflow:hidden}.edit-toolbar{display:flex;justify-content:space-between;gap:1rem;padding:18px 24px;border-bottom:1px solid #fff5;font-size:12px;letter-spacing:.07em}.edit-workspace{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:30px clamp(20px,7vw,100px)}
.edit-preview{width:200px;min-height:280px;background:#fff;color:#000;position:relative;overflow:hidden;justify-self:center;padding:20px;display:flex;flex-direction:column;justify-content:end}.edit-safe{position:absolute;top:12px;left:14px;font-size:8px}.edit-visual{position:absolute;right:10px;top:20px;font-size:130px;font-weight:900;line-height:1;color:#000}.edit-preview strong{font-size:29px;line-height:1.05;position:relative;letter-spacing:-.03em;margin-bottom:20px}.edit-preview em{font-family:var(--editorial);font-weight:400}.edit-subtitle{background:var(--lime);padding:6px 8px;font-size:10px;align-self:start}.edit-notes .eyebrow{color:var(--lime);font-size:11px}.edit-notes p{font-size:16px;margin-bottom:18px}.edit-notes b{color:var(--lime);font-size:12px;margin-right:10px}.edit-export{display:inline-block;border-top:1px solid #fff5;padding-top:16px;font-size:11px;letter-spacing:.07em}
.edit-timeline{padding:12px 24px 24px;border-top:1px solid #fff5}.timeline-scale{display:flex;justify-content:space-between;font-size:10px;margin-bottom:12px;font-variant-numeric:tabular-nums}.timeline-tracks{position:relative}.clip-track{display:grid;grid-template-columns:1.2fr .8fr 1fr .6fr;gap:5px}.clip-track span{border:1px solid var(--lime);background:var(--lime);color:#000;padding:18px 10px;font-size:11px;font-weight:900}.clip-track span:nth-child(2n){background:#fff}.subtitle-track{display:flex;gap:8px;margin:7px 0}.subtitle-track span{background:#fff;color:#000;font-size:10px;padding:5px 12px;flex:1}.audio-track{display:flex;align-items:center;border:1px solid #fff5;padding:8px 10px;gap:16px;font-size:9px}.waveform{flex:1;height:20px;background:repeating-linear-gradient(90deg,var(--lime) 0 2px,transparent 2px 5px);clip-path:polygon(0 40%,5% 15%,9% 40%,14% 0,19% 30%,25% 10%,30% 35%,37% 0,43% 35%,50% 10%,57% 40%,64% 0,69% 20%,76% 5%,82% 35%,89% 10%,95% 40%,100% 25%,100% 75%,95% 60%,89% 90%,82% 65%,76% 95%,69% 80%,64% 100%,57% 60%,50% 90%,43% 65%,37% 100%,30% 65%,25% 90%,19% 70%,14% 100%,9% 60%,5% 85%,0 60%)}
.playhead{position:absolute;z-index:2;left:100%;top:-7px;bottom:-5px;width:2px;background:#fff;box-shadow:0 0 0 1px #000}.playhead:before{content:'';position:absolute;left:-4px;top:0;width:10px;height:10px;background:#fff;clip-path:polygon(0 0,100% 0,50% 100%)}.design-playing .playhead{animation:playhead 4.8s linear both}.design-playing .edit-subtitle{animation:subtitle-in 1s .8s both}.design-playing .edit-visual{animation:symbol-in 1.2s both}@keyframes playhead{from{left:0}to{left:100%}}@keyframes subtitle-in{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@media(max-width:900px){.publish-chip{right:0}.social-orbit{width:280px;height:280px;top:70px}.format-card{left:0;width:150px}.edit-workspace{gap:24px;padding-inline:24px}}
@media(max-width:600px){.social-motion{min-height:430px;margin-top:12px}.format-card{left:calc(50% - 160px);width:146px;padding:14px}.format-card b{font-size:19px}.social-phone{width:194px}.publish-chip{right:4px;font-size:10px}.social-stages{gap:12px;font-size:8px}.edit-toolbar{padding:15px 14px;font-size:9px;letter-spacing:0}.edit-workspace{grid-template-columns:1fr;gap:24px}.edit-preview{width:180px;min-height:250px}.edit-notes{justify-self:start}.edit-notes p{font-size:16px;margin-bottom:10px}.edit-notes .eyebrow{margin-bottom:14px}.edit-export{display:none}.edit-timeline{padding:12px}.clip-track span{font-size:8px;padding:15px 5px}.subtitle-track span{font-size:8px;padding:5px}.social-orbit{width:290px;height:290px}}
@media(max-width:600px){.button:after,.text-link:after{display:none}.edit-visual,.reel-symbol{display:none}.edit-export,.phone-bottom>span:first-child,.phone-top i,.viral-bottom .engagement>span:nth-child(3),.viral-toast.toast-two{display:none}.invite-link>span{display:none}}
@media(prefers-reduced-motion:reduce){.social-motion *,.editing-motion *{animation:none!important;transition:none!important}}
.calendar-section{padding-top:1rem;padding-bottom:5rem}.calendar-wrap{max-width:920px;margin:0 auto;background:var(--lime);border:1px solid #000;padding:clamp(1rem,3vw,2rem);overflow:hidden}.calendar-card{background:#fff;border:1px solid #000;padding:clamp(1rem,3vw,2rem);box-shadow:10px 10px 0 #000;transform:rotate(-1deg)}.calendar-head{display:flex;justify-content:space-between;gap:1rem;border-bottom:2px solid #000;padding-bottom:1rem;font-size:.75rem;letter-spacing:.08em}.calendar-head strong{font-size:1rem}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-week{margin:1.2rem 0 .45rem;font-size:.7rem;font-weight:900}.calendar-grid{grid-auto-rows:minmax(48px,auto)}.calendar-day{border:1px solid #ccc;padding:6px;display:flex;flex-direction:column;gap:3px;font-size:.75rem;transition:background .2s,transform .2s}.calendar-day b{font-size:.8rem}.calendar-day em{font-style:normal;font-size:.52rem;line-height:1.1;font-weight:900;letter-spacing:.04em}.calendar-day.is-highlight{background:#000;color:var(--lime);border-color:#000}.calendar-progress{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;margin-top:1.5rem;border-top:1px solid #000;padding-top:1rem}.calendar-progress span{height:6px;background:linear-gradient(90deg,#000 0 78%,#ddd 78%);grid-column:1/-1;transform-origin:left}.calendar-progress b{font-size:.7rem}.calendar-progress small{font-size:.7rem;text-align:right}.calendar-section.in-view .calendar-card{animation:calendar-in .8s ease both}.calendar-section.in-view .calendar-day.is-highlight{animation:calendar-pulse .7s ease both;animation-delay:calc(var(--i, 0) * 90ms)}@keyframes calendar-in{from{opacity:0;transform:translateY(16px) rotate(-3deg)}to{opacity:1;transform:rotate(-1deg)}}@keyframes calendar-pulse{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:600px){.calendar-head{font-size:.6rem}.calendar-head strong{font-size:.8rem}.calendar-grid{grid-auto-rows:minmax(40px,auto)}.calendar-day{padding:4px}.calendar-day em{font-size:.42rem}.calendar-progress small{font-size:.6rem}}@media(prefers-reduced-motion:reduce){.calendar-section *{animation:none!important;transition:none!important}}
.edit-visual{font-size:72px}
.header .brand-logo{width:210px!important;height:auto!important}.footer .brand-logo{width:250px!important;height:auto!important}
