.hero{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:center;gap:48px;min-height:min(780px,100svh - 80px);padding:48px 0 104px;display:grid}.hero-copy{z-index:2;justify-items:start;gap:24px;display:grid;position:relative}.hero h1{margin-top:4px;font-size:clamp(42px,4.6vw,66px)}.headline-line{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.headline-line>span{display:block}.accent-line{color:var(--pink-deep)}.hero .lead{max-width:480px}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.social-stage{aspect-ratio:1.06;perspective:1400px;width:100%;max-width:580px;margin-inline:auto;position:relative;container-type:inline-size}.phone-fan{transition:transform .4s var(--ease-out);position:absolute;inset:0}.social-phone{--phone-width:43cqw;width:var(--phone-width);aspect-ratio:9/16;background:var(--ink);border-radius:31px;padding:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 22px 40px -15px #28184f50,inset 0 0 0 1px #ffffff4d}.phone-screen{background:var(--ink);border-radius:25px;width:100%;height:100%;position:relative;overflow:hidden}.phone-screen>video,.phone-screen>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.phone-left{z-index:1;transform:translate(-108%,-46%)rotate(-12deg)scale(.93)}.phone-center{z-index:3;transform:translate(-50%,-52%)}.phone-right{z-index:2;transform:translate(8%,-45%)rotate(11deg)scale(.94)}.phone-notch{background:var(--ink);border-radius:99px;width:34%;height:13px;position:absolute;top:8px;left:33%}.reel-caption{color:#fff;background:linear-gradient(#0000,#28184fbf);min-height:110px;padding:25px 13px 18px;position:absolute;bottom:0;left:0;right:0}.reel-caption>span{align-items:center;gap:5px;margin-bottom:8px;font-size:10px;display:flex}.reel-caption>b{letter-spacing:-.5px;font-size:14px;line-height:1.25;display:block}.social-sticker{z-index:4;white-space:nowrap;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);letter-spacing:-.5px;color:var(--ink);transform:rotate(var(--sticker-angle));background:#fff;border-radius:99px;align-items:center;gap:8px;padding:12px 17px;font-size:14px;font-weight:800;display:flex;position:absolute}.sticker-top{--sticker-angle:-12deg;background:var(--lime);top:4%;left:0}.sticker-right{--sticker-angle:10deg;top:14%;right:-3%}.sticker-left{--sticker-angle:7deg;background:var(--accent);bottom:14%;left:-4%}.sticker-bottom{--sticker-angle:-8deg;background:var(--ink);color:var(--lime);box-shadow:4px 4px 0 var(--accent);bottom:2%;right:1%}.sticker-bottom>span{color:#fff;font-size:11px;font-weight:500}.landing-motion{--entrance-ease:cubic-bezier(.16, 1, .3, 1)}.landing-motion:not([data-entered]) .headline-line>span{transform-origin:0 100%;animation:hero-line-in 1.1s 80ms var(--entrance-ease) both}.landing-motion:not([data-entered]) .headline-line:nth-child(2)>span{animation-delay:.2s}.landing-motion:not([data-entered]) .headline-line:nth-child(3)>span{animation-delay:.36s}.landing-motion:not([data-entered]) .headline-line:nth-child(4)>span{animation-delay:.48s}.landing-motion:not([data-entered]) .hero-copy>.lead{animation:hero-copy-in .85s .62s var(--entrance-ease) both}.landing-motion:not([data-entered]) .hero-copy>.hero-actions{animation:hero-copy-in .85s .76s var(--entrance-ease) both}.landing-motion:not([data-entered]) .nav-pill{animation:hero-nav-in 1s .16s var(--entrance-ease) both}.landing-motion:not([data-entered]) .phone-center{animation:hero-center-in 1.45s .12s var(--entrance-ease) both}.landing-motion:not([data-entered]) .phone-left{animation:hero-left-in 1.5s .28s var(--entrance-ease) both}.landing-motion:not([data-entered]) .phone-right{animation:hero-right-in 1.5s .38s var(--entrance-ease) both}.landing-motion:not([data-entered]) .social-sticker{animation:hero-label-in .85s var(--entrance-ease) both}.landing-motion:not([data-entered]) .sticker-top{animation-delay:.9s}.landing-motion:not([data-entered]) .sticker-right{animation-delay:1.04s}.landing-motion:not([data-entered]) .sticker-left{animation-delay:1.16s}.landing-motion:not([data-entered]) .sticker-bottom{animation-delay:1.28s}.landing-motion .nav-pill:focus-within,.landing-motion .hero-actions:focus-within,.landing-motion .social-sticker:focus-visible{animation:none!important}.marquee{background:var(--lime);color:var(--lime-ink);padding:24px 0;overflow:hidden}.marquee-track{width:max-content;display:flex}.marquee-group{letter-spacing:-.8px;flex-shrink:0;align-items:center;gap:45px;padding-right:45px;font-size:22px;font-weight:800;display:flex}.marquee-group svg{width:26px;height:26px}.motion-enabled .marquee-track{animation:32s linear infinite marquee-travel}.marquee:hover .marquee-track{animation-play-state:paused}.how-surface{background:var(--paper);border:1px solid var(--rule);box-shadow:var(--depth-section);border-radius:28px;overflow:hidden}.flow{background:var(--soft);grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:40px 44px 36px;display:grid}.flow-node{justify-items:start;gap:3px;min-width:0;display:grid;position:relative}.flow-icon{background:var(--paper);border:1px solid var(--rule);width:48px;height:48px;color:var(--ink);box-shadow:var(--depth-secondary);border-radius:14px;place-items:center;margin-bottom:14px;display:grid}.flow-node p{color:var(--muted);font-size:12px;font-weight:600}.flow-node h4{letter-spacing:-.01em;font-size:16px;font-weight:700}.flow-node small{color:var(--muted);font-size:13px}.flow-track{background:var(--rule);height:1px;position:absolute;top:24px;left:60px;right:-20px}.flow-track:after{content:"";border-top:1px solid var(--muted);border-right:1px solid var(--muted);width:6px;height:6px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.flow-track>i{background:var(--accent);opacity:0;border-radius:50%;width:8px;height:8px;position:absolute;top:-3.5px;left:0}.motion-enabled .flow-icon{animation:flow-node 10s calc(var(--node) * 2s) infinite paused}.motion-enabled .flow-track>i{animation:flow-dot 10s calc(var(--node) * 2s) infinite paused}.flow[data-playing=true] .flow-icon,.flow[data-playing=true] .flow-track>i{animation-play-state:running}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:44px;display:grid}.steps li{align-content:start;gap:12px;display:grid}.step-number{background:var(--soft);border-radius:10px;place-items:center;width:32px;height:32px;margin-bottom:6px;font-size:13px;font-weight:800;display:grid}.steps h3{font-size:22px}.steps p{color:var(--muted);font-size:15px;line-height:1.65}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.feature-card{background:var(--paper);box-shadow:var(--depth-section), 0 0 0 1px #28184f0a;border-radius:28px;flex-direction:column;gap:28px;padding:36px 36px 28px;display:flex}.feature-copy{gap:14px;display:grid}.feature-copy h3{letter-spacing:-.03em;max-width:440px;font-size:clamp(26px,2.2vw,30px);line-height:1.12}.feature-copy p{color:var(--muted);max-width:480px;font-size:16px;line-height:1.6}.feature-copy ul{flex-wrap:wrap;gap:8px 20px;margin-top:6px;display:flex}.feature-copy li{align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.feature-copy li svg{color:var(--pink-deep)}.feature-visual{background:var(--soft);border-radius:20px;height:320px;margin-top:auto;position:relative;overflow:hidden}.feature-card .mock-note{margin:-12px 4px 0 auto}.state-check{background:var(--lime);width:20px;height:20px;color:var(--lime-ink);border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.mock-note{color:var(--muted);font-size:12px;display:block}.post-preview{grid-template-columns:150px minmax(0,1fr);gap:20px;height:100%;padding:22px;display:grid}.post-preview-image{box-shadow:var(--depth-card);border-radius:14px;position:relative;overflow:hidden}.post-preview-image>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.post-preview-image>span{color:#fff;background:linear-gradient(#0000,#1c1136cc);align-items:center;gap:6px;padding:28px 10px 12px;font-size:10px;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0}.posting-accounts{flex-direction:column;justify-content:center;gap:10px;min-width:0;display:flex}.posting-accounts h4{letter-spacing:-.02em;margin-bottom:6px;font-size:20px;line-height:1.15}.posting-accounts>div{background:var(--paper);box-shadow:var(--depth-card);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.posting-accounts>div>span{flex:1}.posting-accounts>p{color:var(--muted);align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.messages-preview{flex-direction:column;justify-content:center;gap:16px;height:100%;padding:24px;display:flex}.sample-comment{background:var(--paper);box-shadow:var(--depth-card);border-radius:18px 18px 18px 4px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;display:flex}.message-avatar{background:var(--ink);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.sample-comment>div{flex:1}.sample-comment b{color:var(--muted);margin-bottom:3px;font-size:11px;font-weight:600;display:block}.sample-comment>svg{color:var(--muted);margin-top:8px}.sample-reply{align-items:flex-start;gap:10px;margin-left:36px;font-size:14px;display:flex}.chat-avatar{background:var(--paper);width:30px;height:30px;box-shadow:var(--depth-card);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.sample-reply>div{background:var(--paper);box-shadow:var(--depth-card);border-radius:4px 18px 18px;gap:10px;min-width:0;padding:12px 14px;display:grid}.product-link{background:var(--ink);color:#fff;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.product-square{background:linear-gradient(135deg,#8f78c9,#d6c8ee);border-radius:8px;flex-shrink:0;width:30px;height:38px}.product-link>span:nth-child(2){flex:1;gap:2px;display:grid}.product-link b{font-size:13px}.product-link small{color:var(--on-ink-muted);font-size:11px}.earnings-preview,.performance-preview{flex-direction:column;justify-content:center;gap:14px;height:100%;padding:24px;display:flex}.preview-metrics{grid-template-columns:1fr 1fr;gap:12px;display:grid}.preview-metrics>div{background:var(--paper);box-shadow:var(--depth-card);border-radius:14px;gap:6px;padding:14px 16px;display:grid}.preview-metrics small{color:var(--muted);font-size:12px;font-weight:600}.preview-metrics strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1}.preview-bar{align-items:flex-end;gap:8px;height:72px;padding:0 4px;display:flex}.preview-bar>span{background:var(--rule);transform-origin:bottom;border-radius:6px 6px 2px 2px;flex:1}.preview-bar>span:nth-last-child(-n+3){background:var(--accent)}.preview-totals{color:var(--muted);gap:12px;font-size:13px;font-weight:600;display:flex}.preview-totals>span{background:var(--paper);box-shadow:var(--depth-card);border-radius:12px;flex:1;justify-content:space-between;gap:8px;padding:10px 14px;display:flex}.preview-totals b{color:var(--ink)}.motion-enabled .feature-visual.is-visible .preview-bar>span{animation:bar-rise .65s calc(var(--bar) * 30ms + .2s) var(--ease-out) both}.performance-intro{align-items:center;gap:12px;padding:0 4px 4px;display:flex}.performance-intro>img{object-fit:cover;border-radius:50%;width:44px;height:44px}.performance-intro h4{font-size:15px}.performance-intro small{color:var(--muted);font-size:12px}.performance-row{background:var(--paper);box-shadow:var(--depth-card);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.performance-row>svg{box-sizing:content-box;color:var(--ink);background:var(--soft);border-radius:10px;padding:8px}.performance-row>div{gap:1px;display:grid}.performance-row b{font-size:13px}.performance-row small{color:var(--muted);font-size:12px}.integrations-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;display:grid}.integration-list{gap:12px;display:grid}.integration-list>li{border:1px solid var(--on-ink-rule);background:#ffffff0d;border-radius:18px;align-items:flex-start;gap:16px;padding:16px 18px;display:flex}.integration-icon{background:var(--paper);width:40px;height:40px;color:var(--ink);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.integration-list b{margin-bottom:2px;font-size:15px;display:block}.integration-list p{color:var(--on-ink-muted);font-size:14px;line-height:1.55}.orbit{aspect-ratio:1;width:100%;max-width:560px;margin-inline:auto;position:relative;container-type:inline-size}.orbit-core{border-radius:50%;position:absolute;inset:27%;overflow:hidden;-webkit-mask-image:radial-gradient(circle,#000 46%,#0000 72%);mask-image:radial-gradient(circle,#000 46%,#0000 72%)}.orbit-core img{object-fit:cover;width:100%;height:100%}.orbit-ring{--orbit-radius:43cqw;border:1px solid var(--on-ink-rule);border-radius:50%;position:absolute}.orbit-outer{inset:7%}.orbit-inner{--orbit-radius:30cqw;inset:20%}.orbit-arm{width:0;height:0;transform:rotate(var(--angle));position:absolute;top:50%;left:50%}.orbit-slot{width:64px;height:64px;left:calc(var(--orbit-radius) - 32px);rotate:calc(-1 * var(--angle));place-items:center;display:grid;position:absolute;top:-32px}.orbit-slot>span{background:var(--ink-soft);border:1px solid var(--on-ink-rule);width:40px;height:40px;color:var(--on-ink-muted);border-radius:50%;place-items:center;display:grid;box-shadow:0 8px 20px -8px #00000059}.orbit-inner .orbit-slot>span{background:var(--paper);border-color:var(--paper);width:60px;height:60px;color:var(--ink);box-shadow:0 0 0 8px #ffffff0f,0 18px 30px -14px #00000080}.motion-enabled .orbit-ring{animation:80s linear infinite orbit-spin}.motion-enabled .orbit-slot{animation:80s linear infinite orbit-unspin}.motion-enabled .orbit-inner,.motion-enabled .orbit-inner .orbit-slot{animation-direction:reverse}.watch{padding-bottom:0}.watch .section-head{margin-bottom:56px}.film-straddle{position:relative}.film-straddle:before{content:"";background:var(--ink);border-radius:56px 56px 0 0;width:100vw;position:absolute;top:50%;bottom:0;left:50%;translate:-50%}.film-straddle>.wrap{z-index:1;position:relative}.film-preview{aspect-ratio:16/9;background:var(--ink-deep);color:#fff;text-align:left;border-radius:28px;width:100%;display:block;position:relative;overflow:hidden;box-shadow:0 2px 6px #1c113633,0 50px 110px -40px #1c1136cc,inset 0 1px #ffffff26}.film-preview>video{object-fit:cover;opacity:.85;width:100%;height:100%;transition:transform .7s var(--ease-out)}.film-scrim{background:linear-gradient(#1c113655 0%,#1c113610 30%,#1c1136d9 100%);position:absolute;inset:0}.film-cta{letter-spacing:-.03em;align-items:center;gap:24px;font-size:clamp(24px,3.2vw,44px);font-weight:700;line-height:1.05;display:flex;position:absolute;bottom:88px;left:40px;right:40px}.big-play{background:var(--accent);color:#fff;width:80px;height:80px;box-shadow:var(--depth-primary);transition:transform .35s var(--ease-out);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.film-footer{color:var(--on-ink-muted);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:30px;left:40px;right:40px}@keyframes hero-line-in{0%{transform:translateY(115%)rotate(5deg)}to{transform:none}}@keyframes hero-copy-in{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@keyframes hero-nav-in{0%{opacity:0;transform:translateY(-36px)scale(.94)}to{opacity:1;transform:none}}@keyframes hero-center-in{0%{opacity:0;transform:translate(-50%,-23%)rotateX(24deg)rotate(-8deg)scale(.66)}22%{opacity:1}72%{transform:translate(-50%,-54%)rotateX(0)rotate(1deg)scale(1.025)}to{transform:translate(-50%,-52%)}}@keyframes hero-left-in{0%{opacity:0;transform:translate(-50%,-26%)rotate(4deg)scale(.64)}18%{opacity:1}72%{transform:translate(-111%,-47%)rotate(-14deg)scale(.95)}to{transform:translate(-108%,-46%)rotate(-12deg)scale(.93)}}@keyframes hero-right-in{0%{opacity:0;transform:translate(-50%,-26%)rotate(-4deg)scale(.64)}18%{opacity:1}72%{transform:translate(11%,-46%)rotate(13deg)scale(.96)}to{transform:translate(8%,-45%)rotate(11deg)scale(.94)}}@keyframes hero-label-in{0%{opacity:0;transform:translateY(38px) rotate(calc(var(--sticker-angle) - 12deg)) scale(.65)}45%{opacity:1}72%{transform:translateY(-4px) rotate(calc(var(--sticker-angle) + 2deg)) scale(1.04)}to{opacity:1;transform:rotate(var(--sticker-angle))}}@keyframes marquee-travel{to{transform:translate(-50%)}}@keyframes flow-node{0%,18%{border-color:var(--accent);box-shadow:0 0 0 4px #f1209926}20%,to{border-color:var(--rule);box-shadow:var(--depth-secondary)}}@keyframes flow-dot{0%,9%{opacity:0;left:0}10%{opacity:1;left:0}19%{opacity:1;left:calc(100% - 8px)}20%,to{opacity:0;left:calc(100% - 8px)}}@keyframes flow-dot-vertical{0%,9%{opacity:0;top:0}10%{opacity:1;top:0}19%{opacity:1;top:calc(100% - 8px)}20%,to{opacity:0;top:calc(100% - 8px)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes orbit-unspin{to{transform:rotate(-360deg)}}@keyframes char-in{0%{opacity:0}to{opacity:1}}@keyframes blink{50%{opacity:0}}@keyframes check-in{to{background:var(--lime);color:var(--lime-ink);border-color:var(--lime)}}@keyframes bar-rise{0%{transform:scaleY(.1)}to{transform:scaleY(1)}}@media (hover:hover) and (pointer:fine){.film-preview:hover>video{transform:scale(1.03)}.film-preview:hover .big-play{transform:scale(1.08)}.orbit:hover .orbit-ring,.orbit:hover .orbit-slot{animation-play-state:paused}.sticker-bottom:hover{box-shadow:6px 6px 0 var(--accent)}}@media (max-width:1100px){.hero{gap:32px}.feature-card{padding:28px 28px 24px}.integrations-grid{gap:48px}.flow{gap:24px;padding:32px}.steps{gap:28px;padding:36px 32px}.flow-track{right:-14px}}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:56px;min-height:0;padding:32px 0 80px}.hero-copy{max-width:620px}.social-stage{max-width:540px}.flow{grid-template-columns:1fr 1fr}.flow-node:nth-child(2) .flow-track{display:none}.feature-grid{grid-template-columns:1fr}.feature-card{width:100%;max-width:640px;margin-inline:auto}.integrations-grid{grid-template-columns:1fr;gap:48px}.integration-list{width:100%;max-width:600px;margin-inline:auto}.orbit{max-width:480px}}@media (max-width:720px){.hero{gap:44px;padding-top:24px}.hero .lead{font-size:17px}.hero-actions .control{width:100%}.social-stage{aspect-ratio:1.08;max-width:490px}.social-sticker{padding:9px 12px;font-size:12px}.social-sticker svg{width:15px;height:15px}.sticker-top{top:2%;left:1%}.sticker-right{top:13%;right:0}.sticker-left{bottom:15%;left:0}.sticker-bottom{bottom:1%;right:2%}.social-phone{border-radius:28px;padding:5px}.phone-screen{border-radius:22px}.reel-caption>b{font-size:12px}.reel-caption>span{font-size:9px}.marquee{padding:19px 0}.marquee-group{gap:27px;padding-right:27px;font-size:18px}.marquee-group svg{width:21px;height:21px}.how-surface{border-radius:22px}.flow{grid-template-columns:1fr;gap:28px;padding:24px 22px}.flow-node{grid-template-columns:44px 1fr;align-items:start;column-gap:14px}.flow-icon{grid-row:1/4;width:44px;height:44px;margin:0}.flow-node:nth-child(2) .flow-track{display:block}.flow-track{width:1px;height:24px;top:52px;left:22px;right:auto}.flow-track:after{top:auto;bottom:0;right:-3px;transform:rotate(135deg)}.flow-track>i{top:0;left:-3.5px}.motion-enabled .flow-track>i{animation-name:flow-dot-vertical}.steps{grid-template-columns:1fr;gap:28px;padding:28px 22px 30px}.steps li{grid-template-columns:32px 1fr;column-gap:14px}.step-number{grid-row:1/3;margin:0}.steps h3{font-size:21px}.feature-card{border-radius:22px;gap:22px;padding:24px 20px 20px}.feature-copy h3{font-size:26px}.feature-visual{height:auto;min-height:300px}.post-preview{grid-template-columns:120px minmax(0,1fr);gap:14px;padding:16px}.posting-accounts h4{font-size:17px}.messages-preview,.earnings-preview,.performance-preview{padding:16px}.sample-reply{margin-left:16px}.preview-metrics strong{font-size:24px}.orbit{max-width:400px}.orbit-slot>span{width:34px;height:34px}.orbit-inner .orbit-slot>span{width:50px;height:50px}.film-straddle:before{border-radius:28px 28px 0 0}.film-preview{border-radius:18px;min-height:260px}.film-preview>video{position:absolute;inset:0}.film-cta{gap:14px;font-size:24px;bottom:56px;left:20px;right:20px}.big-play{width:52px;height:52px}.big-play>svg{width:20px;height:20px}.film-footer{font-size:11px;bottom:16px;left:20px;right:20px}}@media (max-width:480px){.sticker-right{display:none}}.motion-paused .phone-fan{transform:none!important}@media (prefers-reduced-motion:reduce){.phone-fan{transform:none!important}.flow-track>i{display:none}}@media (max-width:900px){.feature-grid{grid-template-columns:minmax(0,1fr)}.feature-card,.feature-copy li{min-width:0}.feature-copy li svg{flex-shrink:0}.feature-card .mock-note{overflow-wrap:anywhere}}@media (max-width:480px){.post-preview{grid-template-columns:minmax(0,1fr);height:auto}.post-preview-image{height:220px}.performance-intro>img,.performance-row>svg{flex-shrink:0}.performance-intro>div,.performance-row>div{overflow-wrap:anywhere;min-width:0}.performance-row{gap:8px;padding:10px 8px}.film-status{flex-wrap:wrap}}
