.step-mock{bottom:calc(calc(var(--spacing,.25rem) * 6) * -1);width:calc(var(--spacing,.25rem) * 115);padding-top:calc(var(--spacing,.25rem) * 9);transition:translate .45s var(--marketing-spring);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - calc(var(--spacing,.25rem) * 11)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - calc(var(--spacing,.25rem) * 11)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - calc(var(--spacing,.25rem) * 11)), transparent 100%);mask-image:linear-gradient(to bottom, #000 calc(100% - calc(var(--spacing,.25rem) * 11)), transparent 100%);position:absolute;left:50%;translate:-50%}.inspire-row{align-items:end;gap:calc(var(--spacing,.25rem) * 3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.inspire-card{gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-r12);padding:calc(var(--spacing,.25rem) * 2);background:var(--surface);transform-origin:top;transition:translate .45s var(--marketing-spring), scale .45s var(--marketing-spring), opacity .3s ease-out;display:grid;box-shadow:0 1px 2px #0d1a330d,0 10px 24px -12px #0d1a3338}.home-step[data-active=true] .inspire-card[data-lift=true]{translate:0 calc(calc(var(--spacing,.25rem) * 8) * -1)}.home-step:not([data-active=true]) .step-mock{translate:-50% calc(calc(var(--spacing,.25rem) * 8) * -1)}.home-step:not([data-active=true]) .inspire-card:first-child{z-index:1;translate:calc(100% + calc(var(--spacing,.25rem) * 3)) calc(calc(var(--spacing,.25rem) * 9) * -1);opacity:.45;scale:.9}.home-step:not([data-active=true]) .inspire-card:nth-child(2){z-index:3}.home-step:not([data-active=true]) .inspire-card:nth-child(3){z-index:2;translate:calc(-100% - calc(var(--spacing,.25rem) * 3)) calc(calc(var(--spacing,.25rem) * 4.5) * -1);opacity:.7;scale:.95}.inspire-thumb{aspect-ratio:9/13;border-radius:var(--radius-r8);background:var(--color-surface-subtle);position:relative;overflow:hidden}.inspire-photo{object-fit:cover}.inspire-platform{top:calc(var(--spacing,.25rem) * 2);left:calc(var(--spacing,.25rem) * 2);width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-media);place-items:center;display:grid;position:absolute;overflow:hidden}.inspire-platform img{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);object-fit:contain}.inspire-save{top:calc(var(--spacing,.25rem) * 2);right:calc(var(--spacing,.25rem) * 2);width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6);border-radius:var(--radius-r8);background:var(--surface);place-items:center;display:grid;position:absolute}@supports (color:color-mix(in lab, red, red)){.inspire-save{background:color-mix(in srgb, var(--surface) 88%, transparent)}}.inspire-save{color:var(--gray-700)}.inspire-save svg{width:calc(var(--spacing,.25rem) * 3.5);height:calc(var(--spacing,.25rem) * 3.5)}.inspire-meta{align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);min-width:0;display:flex}.inspire-avatar{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-pill);background:var(--gray-200);flex-shrink:0}.inspire-handle{color:var(--color-fg);font-size:calc(var(--spacing,.25rem) * 2.5);font-weight:600;line-height:calc(var(--spacing,.25rem) * 3.5);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inspire-followers{color:var(--gray-500);font-size:calc(var(--spacing,.25rem) * 2.25);line-height:calc(var(--spacing,.25rem) * 3.5);flex-shrink:0}.inspire-caption{-webkit-line-clamp:2;color:var(--gray-700);font-size:calc(var(--spacing,.25rem) * 2.5);line-height:calc(var(--spacing,.25rem) * 3.5);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.inspire-stats{align-items:center;gap:calc(var(--spacing,.25rem) * 2);color:var(--gray-600);font-size:calc(var(--spacing,.25rem) * 2.25);line-height:calc(var(--spacing,.25rem) * 3);font-variant-numeric:tabular-nums;display:flex}.inspire-stats>span{align-items:center;gap:calc(var(--spacing,.25rem) * .5);display:inline-flex}.inspire-stat-icon{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3);flex-shrink:0}.inspire-outlier{color:var(--success,#1fbe98);font-weight:600}.inspire-cursor{top:calc(var(--spacing,.25rem) * 4.5);right:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5);color:var(--color-fg);fill:var(--surface);stroke:var(--color-fg);stroke-width:1.5px;filter:drop-shadow(0 2px 4px #0d1a3340);opacity:0;position:absolute}@keyframes inspire-cursor-in{0%{opacity:0;translate:-44px 96px}14%{opacity:1;translate:-40px 86px}55%{opacity:1;translate:0;scale:1}63%{translate:0;scale:.8}72%,to{opacity:1;translate:0;scale:1}}@keyframes inspire-saved{0%,58%{background:color-mix(in srgb, var(--surface) 88%, transparent);color:var(--gray-700)}66%,to{background:var(--color-fg);color:var(--gray-0)}}@keyframes inspire-saved-fill{0%,58%{fill:none}66%,to{fill:currentColor}}.home-step[data-active=true] .inspire-cursor{animation:2.6s cubic-bezier(.22,1,.36,1) both inspire-cursor-in}.home-step[data-active=true] .inspire-card[data-lift=true] .inspire-save{animation:2.6s linear both inspire-saved}.home-step[data-active=true] .inspire-card[data-lift=true] .inspire-save svg{animation:2.6s linear both inspire-saved-fill}@media not all and (min-width:64rem){.step-mock,.home-step:not([data-active=true]) .step-mock{width:100%;padding-top:calc(var(--spacing,.25rem) * 8);margin-top:calc(var(--spacing,.25rem) * 4);position:relative;bottom:auto;left:auto;translate:none;-webkit-mask-image:none;mask-image:none}.plan{height:calc(var(--spacing,.25rem) * 56)}.plan-composer{width:100%;left:0}.plan-newpost{right:0}.plan-menu{left:calc(var(--spacing,.25rem) * 3);width:65%}}@media (prefers-reduced-motion:reduce){.inspire-card{transition:none}.home-step[data-active=true] .inspire-cursor,.home-step[data-active=true] .inspire-card[data-lift=true] .inspire-save,.home-step[data-active=true] .inspire-card[data-lift=true] .inspire-save svg{animation:none}.inspire-cursor{opacity:1;translate:0}.inspire-card[data-lift=true] .inspire-save{background:var(--color-fg);color:var(--gray-0)}.inspire-card[data-lift=true] .inspire-save svg{fill:currentColor}}.plan{--plan-ease:var(--marketing-spring);height:auto;padding-top:0;top:0;bottom:0;-webkit-mask-image:none;mask-image:none}.home-step:not([data-active=true]) .plan{translate:-50%}.plan-stage{right:50%;bottom:calc(calc(var(--spacing,.25rem) * 22) * -1);width:calc(var(--spacing,.25rem) * 24);height:calc(var(--spacing,.25rem) * 24);transform-origin:bottom;transition:right .7s var(--plan-ease), bottom .7s var(--plan-ease), translate .7s var(--plan-ease), scale .7s var(--plan-ease);display:block;position:absolute;translate:50%;scale:2.6}.plan:not([data-phase="0"]):not([data-phase="1"]) .plan-stage{right:calc(var(--spacing,.25rem) * 1.25);bottom:calc(calc(var(--spacing,.25rem) * 3) * -1);translate:0;scale:.52}.plan-pebble{filter:drop-shadow(0 12px 28px #3e95e052)}.plan-cursor{bottom:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5);color:var(--color-fg);fill:var(--surface);stroke:var(--color-fg);stroke-width:1.5px;filter:drop-shadow(0 2px 4px #0d1a3340);opacity:0;translate:calc(var(--spacing,.25rem) * 14) calc(var(--spacing,.25rem) * 14);transition:translate .42s var(--plan-ease), scale .12s ease-out, opacity .14s ease-out;position:absolute;left:50%}.plan[data-phase="1"] .plan-cursor{opacity:1;translate:calc(var(--spacing,.25rem) * 3) 0}.plan[data-phase="2"] .plan-cursor{opacity:1;scale:.82;translate:calc(var(--spacing,.25rem) * 3) 0}.plan-panel{top:calc(var(--spacing,.25rem) * 3);right:calc(var(--spacing,.25rem) * 7);bottom:calc(var(--spacing,.25rem) * 12);left:calc(var(--spacing,.25rem) * 7);gap:calc(var(--spacing,.25rem) * 2);border:calc(var(--spacing,.25rem) * .25) solid var(--border);border-radius:var(--radius-r14);padding:calc(var(--spacing,.25rem) * 3);background:var(--surface);opacity:0;transform-origin:bottom;transition:opacity .26s ease-out, scale .52s var(--plan-ease);flex-direction:column;display:flex;position:absolute;overflow:hidden;scale:.94;box-shadow:0 1px 2px #0d1a330d,0 18px 40px -18px #0d1a334d}.plan:not([data-phase="0"]):not([data-phase="1"]) .plan-panel{opacity:1;scale:1}.plan-panel-head{align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-bottom:calc(var(--spacing,.25rem) * .25) solid var(--border);padding-bottom:var(--spacing,.25rem);display:flex}.plan-panel-title{color:var(--color-fg);font-size:calc(var(--spacing,.25rem) * 3.25);font-weight:600}.plan-thread{justify-content:flex-end;gap:calc(var(--spacing,.25rem) * .5);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.plan-bubble{border-radius:var(--radius-r12);max-width:82%;padding:calc(var(--spacing,.25rem) * 1.25) calc(var(--spacing,.25rem) * 2.5);background:var(--brand-500);color:var(--gray-0);font-size:calc(var(--spacing,.25rem) * 2.75);line-height:calc(var(--spacing,.25rem) * 4);opacity:0;translate:0 calc(var(--spacing,.25rem) * 2);text-wrap:pretty;align-self:flex-end;margin:0;transition:opacity .24s ease-out,translate .24s ease-out}.plan[data-phase="4"] .plan-bubble,.plan[data-phase="5"] .plan-bubble{opacity:1;translate:0}.plan-reply{gap:calc(var(--spacing,.25rem) * 2);opacity:0;translate:0 calc(var(--spacing,.25rem) * 2);transition:opacity .24s ease-out,translate .24s ease-out;display:flex}.plan[data-phase="5"] .plan-reply{opacity:1;translate:0}.plan-reply-body{min-width:0}.plan-reply-text{margin:calc(var(--spacing,.25rem) * .5) 0 0;color:var(--gray-700);font-size:calc(var(--spacing,.25rem) * 2.75);line-height:calc(var(--spacing,.25rem) * 4);text-wrap:pretty}.plan-actions{gap:calc(var(--spacing,.25rem) * 1.5);margin-top:calc(var(--spacing,.25rem) * 2);display:flex}.plan-action{height:calc(var(--spacing,.25rem) * 7);align-items:center;gap:var(--spacing,.25rem);border:calc(var(--spacing,.25rem) * .25) solid var(--border);border-radius:var(--radius-r8);padding:0 calc(var(--spacing,.25rem) * 2.5);background:var(--surface);color:var(--color-fg);font-size:calc(var(--spacing,.25rem) * 2.75);opacity:0;translate:0 calc(var(--spacing,.25rem) * 1.5);font-weight:600;transition:opacity .24s ease-out,translate .24s ease-out;display:inline-flex}.plan-action[data-primary=true]{background:var(--color-fg);color:var(--gray-0);border-color:#0000}.plan-action svg{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3)}.plan[data-phase="5"] .plan-action{opacity:1;translate:0}.plan[data-phase="5"] .plan-action[data-primary=true]{transition-delay:90ms}.plan-input{align-items:flex-end;gap:calc(var(--spacing,.25rem) * 2);border:calc(var(--spacing,.25rem) * .25) solid var(--border);border-radius:var(--radius-r10);padding:calc(var(--spacing,.25rem) * 1.5) calc(var(--spacing,.25rem) * 2.5);background:var(--surface);transition:border-color .2s ease-out;display:flex}.plan[data-phase="3"] .plan-input{border-color:var(--brand-300)}.plan-typed{min-width:0;min-height:calc(var(--spacing,.25rem) * 7.5);color:var(--color-fg);font-size:calc(var(--spacing,.25rem) * 2.75);line-height:calc(var(--spacing,.25rem) * 4);text-wrap:pretty;flex:1}.plan-caret{width:calc(var(--spacing,.25rem) * .5);height:calc(var(--spacing,.25rem) * 3);margin-left:calc(var(--spacing,.25rem) * .5);background:var(--brand-600);translate:0 calc(var(--spacing,.25rem) * .5);display:none}.plan[data-phase="3"] .plan-caret{display:inline-block}.plan-send{width:calc(var(--spacing,.25rem) * 7);height:calc(var(--spacing,.25rem) * 7);border-radius:var(--radius-r8);background:var(--brand-500);color:var(--gray-0);flex-shrink:0;place-items:center;margin-left:auto;display:grid}.plan-send svg{width:calc(var(--spacing,.25rem) * 3.5);height:calc(var(--spacing,.25rem) * 3.5)}@media not all and (min-width:64rem){.plan-panel{right:calc(var(--spacing,.25rem) * 4);left:calc(var(--spacing,.25rem) * 4)}}@media (prefers-reduced-motion:reduce){.plan-stage,.plan-panel,.plan-bubble,.plan-reply,.plan-typed,.plan-cursor{transition:none}}.upload{--upload-ease:var(--marketing-spring);height:auto;padding-top:0;top:0;bottom:0;-webkit-mask-image:none;mask-image:none}.home-step:not([data-active=true]) .upload{translate:-50%}.upload-panel{top:calc(var(--spacing,.25rem) * 3);right:calc(var(--spacing,.25rem) * 7);bottom:calc(var(--spacing,.25rem) * 6);left:calc(var(--spacing,.25rem) * 7);gap:calc(var(--spacing,.25rem) * 2.5);border:calc(var(--spacing,.25rem) * .25) solid var(--border);border-radius:var(--radius-r14);padding:calc(var(--spacing,.25rem) * 3);background:var(--surface);flex-direction:column;display:flex;position:absolute;box-shadow:0 1px 2px #0d1a330d,0 18px 40px -18px #0d1a334d}.upload-head{border-bottom:calc(var(--spacing,.25rem) * .25) solid var(--border);padding-bottom:calc(var(--spacing,.25rem) * 2);justify-content:space-between;align-items:center;display:flex}.upload-title{color:var(--color-fg);font-size:calc(var(--spacing,.25rem) * 3.25);font-weight:600}.upload-channels{display:flex}.upload-channels span{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5);border:calc(var(--spacing,.25rem) * .5) solid var(--surface);border-radius:var(--radius-pill);background:var(--surface);place-items:center;display:grid}.upload-channels span+span{margin-left:calc(calc(var(--spacing,.25rem) * 1.5) * -1)}.upload-channels img{width:calc(var(--spacing,.25rem) * 3.5);height:calc(var(--spacing,.25rem) * 3.5);object-fit:contain}.upload-drop{border:calc(var(--spacing,.25rem) * .5) dashed var(--border);border-radius:var(--radius-r10);background:var(--gray-50);flex:1;place-items:center;transition:border-color .22s ease-out,background .22s ease-out;display:grid;position:relative}.upload[data-phase="1"] .upload-drop{border-color:var(--brand-400);background:var(--brand-50)}.upload:not([data-phase="0"]):not([data-phase="1"]) .upload-drop{border-style:solid;border-color:#0000}.upload-drop-hint{align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);color:var(--gray-500);font-size:calc(var(--spacing,.25rem) * 2.75);font-weight:500;transition:opacity .18s ease-out;display:flex}.upload-drop-hint svg{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.upload:not([data-phase="0"]):not([data-phase="1"]) .upload-drop-hint{opacity:0}.upload-media{border-radius:var(--radius-r8);opacity:0;transition:opacity .26s ease-out, scale .42s var(--upload-ease);display:block;position:absolute;inset:0;overflow:hidden;scale:.92}.upload:not([data-phase="0"]):not([data-phase="1"]) .upload-media{opacity:1;scale:1}.upload-caption{min-height:calc(var(--spacing,.25rem) * 9);align-items:start;display:grid}.upload-caption>*{grid-area:1/1}.upload-write{width:fit-content;height:calc(var(--spacing,.25rem) * 7);align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);border:calc(var(--spacing,.25rem) * .25) solid var(--border);border-radius:var(--radius-r8);padding:0 calc(var(--spacing,.25rem) * 2.5);background:var(--surface);color:var(--color-fg);font-size:calc(var(--spacing,.25rem) * 2.75);font-weight:600;transition:opacity .18s ease-out,scale .14s ease-out;display:inline-flex}.upload[data-phase="4"] .upload-write,.upload[data-phase="5"] .upload-write,.upload[data-phase="6"] .upload-write{opacity:0}.upload-caption-text{color:var(--gray-700);font-size:calc(var(--spacing,.25rem) * 2.75);line-height:calc(var(--spacing,.25rem) * 4);opacity:0;text-wrap:pretty;margin:0}.upload-caret{width:calc(var(--spacing,.25rem) * .5);height:calc(var(--spacing,.25rem) * 3);margin-left:calc(var(--spacing,.25rem) * .5);background:var(--brand-600);translate:0 calc(var(--spacing,.25rem) * .5);display:none}.upload[data-phase="4"] .upload-caret{display:inline-block}.upload[data-phase="4"] .upload-caption-text,.upload[data-phase="5"] .upload-caption-text,.upload[data-phase="6"] .upload-caption-text{opacity:1}.upload-foot{justify-content:flex-end;display:flex}.upload-send{height:calc(var(--spacing,.25rem) * 7);border-radius:var(--radius-r8);padding:0 calc(var(--spacing,.25rem) * 2.5);background:var(--color-fg);color:var(--gray-0);font-size:calc(var(--spacing,.25rem) * 2.75);align-items:center;font-weight:600;transition:background .2s ease-out,scale .14s ease-out;display:inline-flex;position:relative}.upload-send svg{width:0;height:calc(var(--spacing,.25rem) * 3.5);opacity:0;transition:width .2s ease-out,margin-right .2s ease-out,opacity .2s ease-out}.upload[data-phase="6"] .upload-send svg{width:calc(var(--spacing,.25rem) * 3.5);margin-right:calc(var(--spacing,.25rem) * 1.5);opacity:1}.upload[data-phase="6"] .upload-send{background:var(--brand-600)}.upload-send-labels{display:grid}.upload-send-labels>span{grid-area:1/1;transition:opacity .2s ease-out}.upload-sent-label,.upload[data-phase="6"] .upload-send-label{opacity:0}.upload[data-phase="6"] .upload-sent-label{opacity:1}.upload-drag{top:calc(var(--spacing,.25rem) * 10);left:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 20);height:calc(var(--spacing,.25rem) * 14);border:calc(var(--spacing,.25rem) * .5) solid var(--surface);border-radius:var(--radius-r8);opacity:0;rotate:-6deg;translate:calc(calc(var(--spacing,.25rem) * 16) * -1) calc(calc(var(--spacing,.25rem) * 8) * -1);transition:translate .9s var(--upload-ease), rotate .9s var(--upload-ease), opacity .2s ease-out, scale .22s ease-out;display:block;position:absolute;overflow:hidden;box-shadow:0 12px 26px -10px #0d1a3373}.upload[data-phase="1"] .upload-drag{opacity:1;rotate:-2deg;translate:calc(var(--spacing,.25rem) * 22) calc(var(--spacing,.25rem) * 16)}.upload-cursor{top:calc(var(--spacing,.25rem) * 10);left:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5);color:var(--color-fg);fill:var(--surface);stroke:var(--color-fg);stroke-width:1.5px;filter:drop-shadow(0 2px 4px #0d1a3340);opacity:0;translate:calc(calc(var(--spacing,.25rem) * 10) * -1) calc(calc(var(--spacing,.25rem) * 4) * -1);transition:translate .9s var(--upload-ease), opacity .2s ease-out, scale .14s ease-out;position:absolute}.upload[data-phase="1"] .upload-cursor,.upload[data-phase="2"] .upload-cursor{opacity:1;translate:calc(var(--spacing,.25rem) * 28) calc(var(--spacing,.25rem) * 20)}.upload[data-phase="3"] .upload-cursor,.upload[data-phase="4"] .upload-cursor{opacity:1;translate:calc(var(--spacing,.25rem) * 9.5) calc(var(--spacing,.25rem) * 53);transition-duration:.48s}.upload[data-phase="5"] .upload-cursor,.upload[data-phase="6"] .upload-cursor{opacity:1;translate:calc(var(--spacing,.25rem) * 74) calc(var(--spacing,.25rem) * 65);transition-duration:.48s}.upload[data-phase="4"] .upload-cursor,.upload[data-phase="6"] .upload-cursor{scale:.84}.upload[data-phase="4"] .upload-write{scale:.97}@media not all and (min-width:64rem){.upload-panel{right:calc(var(--spacing,.25rem) * 4);left:calc(var(--spacing,.25rem) * 4)}}.upload-panel{transform-origin:84% 88%;transition:opacity .3s ease-in 60ms,scale .42s cubic-bezier(.55,0,.85,.35),rotate .42s ease-in}.upload[data-phase="7"] .upload-panel{opacity:0;rotate:-7deg;scale:.12}.upload[data-phase="7"] .upload-cursor{opacity:0}.upload-plane{right:calc(var(--spacing,.25rem) * 16);bottom:calc(var(--spacing,.25rem) * 12);width:calc(var(--spacing,.25rem) * 9);height:calc(var(--spacing,.25rem) * 9);color:var(--brand-600);opacity:0;display:block;position:absolute}.upload-plane svg{width:100%;height:100%}@keyframes upload-fly{0%{opacity:0;translate:0;rotate:0deg;scale:.3}22%{opacity:1;scale:1}70%{opacity:1}to{opacity:0;rotate:-20deg;scale:.7;translate:calc(var(--spacing,.25rem) * 21) calc(calc(var(--spacing,.25rem) * 40) * -1)}}.upload[data-phase="7"] .upload-plane{animation:1s cubic-bezier(.4,0,.3,1) .2s forwards upload-fly}.upload-done{align-items:center;gap:calc(var(--spacing,.25rem) * 2);border:calc(var(--spacing,.25rem) * .25) solid var(--border);border-radius:var(--radius-pill);padding:calc(var(--spacing,.25rem) * 2) calc(var(--spacing,.25rem) * 4);background:var(--surface);color:var(--color-fg);font-size:calc(var(--spacing,.25rem) * 3);opacity:0;transition:opacity .26s ease-out, scale .42s var(--upload-ease);font-weight:600;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.94;box-shadow:0 10px 28px -14px #0d1a3359}.upload-done svg{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);color:var(--brand-600)}.upload[data-phase="7"] .upload-done{opacity:1;transition-delay:.76s;scale:1}.schedule{--sched-ease:var(--marketing-spring);width:min(calc(var(--spacing,.25rem) * 115), 100%);height:auto;padding-top:0;top:0;bottom:0;-webkit-mask-image:none;mask-image:none}.home-step:not([data-active=true]) .schedule{translate:-50%}.sched-panel{top:calc(var(--spacing,.25rem) * 9);right:calc(var(--spacing,.25rem) * 2);left:calc(var(--spacing,.25rem) * 2);gap:calc(var(--spacing,.25rem) * 3);border:calc(var(--spacing,.25rem) * .25) solid var(--border);border-radius:var(--radius-r14);padding:calc(var(--spacing,.25rem) * 3);background:var(--surface);flex-direction:column;display:flex;position:absolute;box-shadow:0 1px 2px #0d1a330d,0 18px 40px -18px #0d1a334d}.sched-label{color:var(--gray-500);font-size:calc(var(--spacing,.25rem) * 2.75);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.sched-chips{gap:calc(var(--spacing,.25rem) * 3);transition:gap .52s var(--sched-ease);display:flex}.sched-chip{width:calc(var(--spacing,.25rem) * 14);height:calc(var(--spacing,.25rem) * 14);border:calc(var(--spacing,.25rem) * .5) solid var(--border);border-radius:var(--radius-pill);background:var(--surface);opacity:.45;transition:width .52s var(--sched-ease), height .52s var(--sched-ease), border-width .52s var(--sched-ease), opacity .38s ease-out, border-color .22s ease-out, scale .16s ease-out;flex-shrink:0;place-items:center;display:grid;position:relative}.sched-chip img{object-fit:contain;width:54%;height:54%}.sched-chip[data-on=true]{border-color:var(--brand-500);opacity:1}.sched-chip-tick{right:calc(var(--spacing,.25rem) * -1);bottom:calc(var(--spacing,.25rem) * -1);width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5);border:calc(var(--spacing,.25rem) * .5) solid var(--surface);border-radius:var(--radius-pill);background:var(--brand-500);color:var(--gray-0);opacity:0;transition:opacity .18s ease-out, scale .3s var(--sched-ease);place-items:center;display:grid;position:absolute;scale:.6}.sched-chip-tick svg{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3)}.sched-chip[data-on=true] .sched-chip-tick{opacity:1;scale:1}.schedule[data-phase="4"] .sched-chips,.schedule[data-phase="5"] .sched-chips{gap:calc(var(--spacing,.25rem) * 2)}.schedule[data-phase="4"] .sched-chip,.schedule[data-phase="5"] .sched-chip{width:calc(var(--spacing,.25rem) * 9);height:calc(var(--spacing,.25rem) * 9)}.schedule[data-phase="4"] .sched-chip[data-picked=false],.schedule[data-phase="5"] .sched-chip[data-picked=false]{opacity:0;border-width:0;width:0}.sched-settings{gap:calc(var(--spacing,.25rem) * 2.5);border-top:0 solid var(--border);opacity:0;max-height:0;translate:0 calc(var(--spacing,.25rem) * 3);transition:max-height .52s var(--sched-ease), padding-top .52s var(--sched-ease), opacity .3s ease-out, translate .42s var(--sched-ease);padding-top:0;display:grid;overflow:hidden}.schedule[data-phase="4"] .sched-settings,.schedule[data-phase="5"] .sched-settings{max-height:calc(var(--spacing,.25rem) * 40);border-top-width:calc(var(--spacing,.25rem) * .25);padding-top:calc(var(--spacing,.25rem) * 3);opacity:1;translate:0}.sched-row{justify-content:space-between;align-items:center;display:flex}.sched-row-label{color:var(--color-fg);font-size:calc(var(--spacing,.25rem) * 3.25);font-weight:600}.sched-auto{align-items:center;gap:calc(var(--spacing,.25rem) * 2);color:var(--color-fg);font-size:calc(var(--spacing,.25rem) * 2.75);font-weight:600;display:inline-flex}.sched-toggle{width:calc(var(--spacing,.25rem) * 9);height:calc(var(--spacing,.25rem) * 5);border-radius:var(--radius-pill);background:var(--gray-200);transition:background .24s ease-out;display:block;position:relative}.sched-toggle:after{content:"";top:calc(var(--spacing,.25rem) * .75);left:calc(var(--spacing,.25rem) * .75);width:calc(var(--spacing,.25rem) * 3.5);height:calc(var(--spacing,.25rem) * 3.5);border-radius:var(--radius-pill);background:var(--gray-0);transition:translate .32s var(--sched-ease);position:absolute;box-shadow:0 1px 3px #0d1a334d}.schedule[data-phase="5"] .sched-toggle{background:var(--brand-500);transition-delay:.32s}.schedule[data-phase="5"] .sched-toggle:after{translate:calc(var(--spacing,.25rem) * 4) 0;transition-delay:.32s}.sched-fields{gap:var(--spacing,.25rem);display:flex}.sched-field{min-width:0;height:calc(var(--spacing,.25rem) * 8.5);align-items:center;gap:var(--spacing,.25rem);border:calc(var(--spacing,.25rem) * .25) solid var(--border);border-radius:var(--radius-pill);padding:0 calc(var(--spacing,.25rem) * 2);background:var(--surface);color:var(--gray-700);font-size:calc(var(--spacing,.25rem) * 2.5);white-space:nowrap;opacity:0;translate:0 calc(var(--spacing,.25rem) * 2);transition:opacity .26s ease-out, translate .38s var(--sched-ease);flex:0 auto;display:flex;overflow:hidden}.sched-field svg{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3);color:var(--gray-500);flex-shrink:0}.sched-field-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.schedule[data-phase="5"] .sched-field{opacity:1;transition-delay:.46s;translate:0}.schedule[data-phase="5"] .sched-field:nth-child(2){transition-delay:.54s}.schedule[data-phase="5"] .sched-field:nth-child(3){transition-delay:.62s}.sched-cursor{top:calc(var(--spacing,.25rem) * 10);left:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5);color:var(--color-fg);fill:var(--surface);stroke:var(--color-fg);stroke-width:1.5px;filter:drop-shadow(0 2px 4px #0d1a3340);opacity:0;translate:calc(calc(var(--spacing,.25rem) * 10) * -1) calc(var(--spacing,.25rem) * 20);transition:left .42s var(--sched-ease), translate .42s var(--sched-ease), opacity .18s ease-out, scale .13s ease-out;position:absolute}@media not all and (min-width:64rem){.sched-panel{right:calc(var(--spacing,.25rem) * 4);left:calc(var(--spacing,.25rem) * 4)}}.sched-chip[data-on=true]{transition-delay:.34s}.sched-chip[data-on=true] .sched-chip-tick{transition-delay:.36s}.sched-cursor[data-pressed=true]{scale:.78}.sched-cursor:after{content:"";top:calc(var(--spacing,.25rem) * .5);left:calc(var(--spacing,.25rem) * .5);width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);border:calc(var(--spacing,.25rem) * .5) solid var(--brand-500);border-radius:var(--radius-pill);opacity:0;position:absolute;scale:.4}.sched-cursor[data-pressed=true]:after{animation:.42s ease-out forwards sched-ping}@keyframes sched-ping{0%{opacity:.7;scale:.4}to{opacity:0;scale:2.4}}.schedule[data-phase="1"] .sched-cursor{opacity:1;translate:calc(var(--spacing,.25rem) * 2.25) calc(var(--spacing,.25rem) * 18.25)}.schedule[data-phase="2"] .sched-cursor{opacity:1;translate:calc(var(--spacing,.25rem) * 19.25) calc(var(--spacing,.25rem) * 18.25)}.schedule[data-phase="3"] .sched-cursor,.schedule[data-phase="4"] .sched-cursor{opacity:1;translate:calc(var(--spacing,.25rem) * 36.25) calc(var(--spacing,.25rem) * 18.25)}.schedule[data-phase="5"] .sched-cursor{opacity:1;translate:calc(calc(var(--spacing,.25rem) * 9.75) * -1) calc(var(--spacing,.25rem) * 29.5);left:100%}.sched-chip>svg{width:54%;height:54%}.home-step:not([data-active=true]) .sched-chips{gap:calc(var(--spacing,.25rem) * 2)}.home-step:not([data-active=true]) .sched-chip{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8)}@media not all and (min-width:64rem){.home-step .step-mock:is(.plan,.upload,.schedule){width:100%;margin-top:0;position:absolute;inset:0;translate:none}}
.feature-mock{border-radius:var(--radius-card-section);width:100%}.feature-mock-mint{background:var(--marketing-mint-soft)}.feature-mock-sky{background:var(--brand-150)}@container not (min-width:26rem){.feature-mock .mock-canvas{--mock-min-u:.68px}}.feature-dash{width:100%;height:100%;position:absolute;inset:0}.feature-dash path{stroke:var(--brand-300);stroke-dasharray:10 8;stroke-linecap:round;stroke-width:3px}.feature-mock-sky .feature-dash path{stroke:var(--brand-400)}.feature-caret{width:1px;height:1.1em;margin-left:calc(var(--u) * 2);vertical-align:text-bottom;background:var(--brand-600);display:inline-block}.feature-field-label{margin-top:calc(var(--u) * 4);font-size:calc(var(--u) * 10);justify-content:space-between;align-items:center;font-weight:600;display:flex}.feature-field-label>span{color:var(--brand-600);font-weight:500}.feature-tag{border:calc(var(--u) * 2) solid var(--brand-500);border-radius:var(--radius-pill);padding:calc(var(--u) * 6) calc(var(--u) * 14);background:var(--surface);color:var(--brand-700);font-size:calc(var(--u) * 14);rotate:var(--r,0deg);box-shadow:0 calc(var(--u) * 6) calc(var(--u) * 14) var(--brand-900);font-style:italic;font-weight:600}@supports (color:color-mix(in lab, red, red)){.feature-tag{box-shadow:0 calc(var(--u) * 6) calc(var(--u) * 14) color-mix(in srgb, var(--brand-900) 12%, transparent)}}.feature-tag-lg{font-size:calc(var(--u) * 19)}.feature-plan-window{grid-template-columns:calc(var(--u) * 170) minmax(0, 1fr);gap:calc(var(--u) * 14);padding:calc(var(--u) * 12) calc(var(--u) * 14) 0 calc(var(--u) * 24);font-size:calc(var(--u) * 10);display:grid}.feature-plan-preview{gap:calc(var(--u) * 10);flex-direction:column;display:flex}.feature-plan-tabs{align-items:center;gap:calc(var(--u) * 10);color:var(--gray-600);display:flex}.feature-plan-tabs>[data-active=true]{box-shadow:inset 0 calc(var(--u) * -1.5) 0 var(--brand-500);color:var(--brand-600);font-weight:600}.feature-plan-select{align-items:center;gap:calc(var(--u) * 4);border:1px solid var(--gray-150);border-radius:calc(var(--u) * 6);padding:calc(var(--u) * 3) calc(var(--u) * 6);color:var(--color-fg);font-size:calc(var(--u) * 9);margin-left:auto;display:inline-flex}.feature-plan-post{gap:calc(var(--u) * 8);border:1px solid var(--gray-100);border-radius:calc(var(--u) * 10);padding:calc(var(--u) * 8);flex-direction:column;display:flex}.feature-plan-media{height:calc(var(--u) * 168);border-radius:calc(var(--u) * 6)}.feature-plan-actions{--gap:8}.feature-push-right{margin-left:auto}.feature-plan-form{gap:calc(var(--u) * 6);flex-direction:column;display:flex;position:relative}.feature-plan-close{position:absolute;top:0;right:0}.feature-plan-add{width:calc(var(--u) * 22);height:calc(var(--u) * 22);border:1px dashed var(--gray-300);border-radius:var(--radius-pill);color:var(--gray-600);place-items:center;display:grid}.feature-plan-platforms{gap:calc(var(--u) * 5);flex-wrap:wrap;display:flex}.feature-plan-platform{align-items:center;gap:calc(var(--u) * 4);border:1px solid var(--gray-150);border-radius:calc(var(--u) * 7);padding:calc(var(--u) * 4) calc(var(--u) * 7);font-size:calc(var(--u) * 9.5);font-weight:600;display:inline-flex}.feature-plan-platform[data-on=true]{border-color:var(--brand-400);background:var(--brand-50)}.feature-plan-caption{align-items:flex-end;gap:calc(var(--u) * 8);border:calc(var(--u) * 1.5) solid var(--brand-500);border-radius:calc(var(--u) * 8);padding:calc(var(--u) * 8);box-shadow:0 0 0 calc(var(--u) * 3) var(--brand-500);flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.feature-plan-caption{box-shadow:0 0 0 calc(var(--u) * 3) color-mix(in srgb, var(--brand-500) 15%, transparent)}}.feature-plan-caption>p{font-size:calc(var(--u) * 10.5);align-self:stretch;line-height:1.45}.feature-plan-caption .mock-button,.feature-inbox-sky,.feature-inbox-send{border-radius:calc(var(--u) * 6);padding:calc(var(--u) * 4) calc(var(--u) * 8);font-size:calc(var(--u) * 9)}.feature-plan-field{align-items:center;gap:calc(var(--u) * 6);border:1px solid var(--gray-150);border-radius:calc(var(--u) * 7);padding:calc(var(--u) * 6) calc(var(--u) * 8);background:var(--surface);font-size:calc(var(--u) * 10);white-space:nowrap;flex:1;font-weight:500;display:flex}.feature-plan-toggle{gap:calc(var(--u) * 2);border-radius:calc(var(--u) * 6);padding:calc(var(--u) * 2) calc(var(--u) * 6) calc(var(--u) * 2) calc(var(--u) * 2);background:var(--gray-50);color:var(--gray-600);font-size:calc(var(--u) * 9);display:inline-flex}.feature-plan-toggle b{border-radius:calc(var(--u) * 4);padding-inline:calc(var(--u) * 6);background:var(--surface);color:var(--color-fg);box-shadow:var(--shadow-media)}.feature-chat-bubble{gap:calc(var(--u) * 6);padding:calc(var(--u) * 10);font-size:calc(var(--u) * 10);flex-direction:column;display:flex}.feature-chat-bubble>p{border-radius:calc(var(--u) * 10);padding:calc(var(--u) * 7) calc(var(--u) * 9);background:var(--gray-50);line-height:1.45}.feature-chat-post{gap:calc(var(--u) * 10);padding:calc(var(--u) * 8);flex-direction:column;display:flex}.feature-chat-post .mock-photo{height:calc(var(--u) * 100);border-radius:calc(var(--u) * 8)}.feature-chat-window{font-size:calc(var(--u) * 11)}.feature-chat-head{align-items:center;gap:calc(var(--u) * 12);border-bottom:1px solid var(--gray-100);padding:calc(var(--u) * 14);display:flex}.feature-chat-head .mock-stack{flex:1}.feature-chat-message{gap:calc(var(--u) * 10);padding:calc(var(--u) * 12) calc(var(--u) * 14) 0;display:flex}.feature-chat-text{margin-top:calc(var(--u) * 4);border-radius:calc(var(--u) * 10);padding:calc(var(--u) * 8) calc(var(--u) * 10);background:var(--gray-50);line-height:1.45}.feature-chat-typing{gap:calc(var(--u) * 4);width:fit-content;margin:calc(var(--u) * 14) 0 0 calc(var(--u) * 52);border-radius:var(--radius-pill);padding:calc(var(--u) * 8) calc(var(--u) * 10);background:var(--gray-50);display:flex}.feature-chat-typing i{width:calc(var(--u) * 6);height:calc(var(--u) * 6);border-radius:var(--radius-pill);background:var(--gray-400)}.feature-members{align-items:center;gap:calc(var(--u) * 8);border-radius:var(--radius-pill);padding:calc(var(--u) * 5) calc(var(--u) * 14) calc(var(--u) * 5) calc(var(--u) * 6);font-size:calc(var(--u) * 12);font-weight:600;display:flex;rotate:-4deg}.feature-members-stack{display:flex}.feature-members-stack>.mock-avatar{border:calc(var(--u) * 2) solid var(--surface)}.feature-members-stack>.mock-avatar+.mock-avatar{margin-left:calc(var(--u) * -8)}.feature-status{border-radius:var(--radius-pill);padding:calc(var(--u) * 8) calc(var(--u) * 18);font-size:calc(var(--u) * 17);rotate:var(--r,0deg);white-space:nowrap;font-weight:600}.feature-status[data-tone=success]{background:var(--color-success-soft);color:var(--success-strong)}.feature-status[data-tone=warning]{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.feature-status[data-tone=warning]{background:color-mix(in srgb, var(--warning) 22%, var(--surface))}}.feature-status[data-tone=warning]{color:var(--color-warning-strong)}.feature-status[data-tone=danger]{background:#e83f3e}@supports (color:color-mix(in lab, red, red)){.feature-status[data-tone=danger]{background:color-mix(in srgb, var(--color-danger) 14%, var(--surface))}}.feature-status[data-tone=danger]{color:var(--color-danger-strong)}.feature-status[data-tone=violet]{background:var(--accent-purple)}@supports (color:color-mix(in lab, red, red)){.feature-status[data-tone=violet]{background:color-mix(in srgb, var(--accent-purple) 28%, var(--surface))}}.feature-status[data-tone=violet]{color:var(--accent-purple)}@supports (color:color-mix(in lab, red, red)){.feature-status[data-tone=violet]{color:color-mix(in srgb, var(--accent-purple) 45%, var(--color-fg))}}.feature-review-card{grid-template-columns:calc(var(--u) * 176) minmax(0, 1fr);gap:calc(var(--u) * 14);padding:calc(var(--u) * 12);font-size:calc(var(--u) * 9);display:grid;rotate:-4deg}.feature-review-media{height:calc(var(--u) * 208);border-radius:calc(var(--u) * 8)}.feature-review-media>span{top:calc(var(--u) * 8);left:calc(var(--u) * 8);border-radius:calc(var(--u) * 5);padding:calc(var(--u) * 2) calc(var(--u) * 6);background:#101214b3;position:absolute}@supports (color:color-mix(in lab, red, red)){.feature-review-media>span{background:color-mix(in srgb, var(--color-fg) 70%, transparent)}}.feature-review-media>span{color:var(--gray-0);font-size:calc(var(--u) * 8);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.feature-review-detail{gap:calc(var(--u) * 8);padding-top:calc(var(--u) * 4);flex-direction:column;display:flex;position:relative}.feature-review-detail .mock-label{font-size:calc(var(--u) * 8)}.feature-review-status{font-size:calc(var(--u) * 8);position:absolute;top:0;right:0}.feature-review-platform{align-items:center;gap:calc(var(--u) * 4);border:1px solid var(--gray-150);border-radius:calc(var(--u) * 5);padding:calc(var(--u) * 3) calc(var(--u) * 6);font-weight:600;display:inline-flex}.feature-review-actions{gap:calc(var(--u) * 6);grid-template-columns:1fr 1fr;margin-top:auto;display:grid}.feature-review-actions .mock-button{border-radius:calc(var(--u) * 7);padding:calc(var(--u) * 7) calc(var(--u) * 6);font-size:calc(var(--u) * 9)}.feature-inbox-tabs{gap:calc(var(--u) * 2);border-radius:calc(var(--u) * 12);padding:calc(var(--u) * 4);background:var(--surface);display:flex}@supports (color:color-mix(in lab, red, red)){.feature-inbox-tabs{background:color-mix(in srgb, var(--surface) 70%, transparent)}}.feature-inbox-tabs{color:var(--gray-700);font-size:calc(var(--u) * 12)}.feature-inbox-tabs>span{border-radius:calc(var(--u) * 8);padding:calc(var(--u) * 6) calc(var(--u) * 10)}.feature-inbox-tabs>[data-active=true]{background:var(--surface);color:var(--color-fg);box-shadow:var(--shadow-media);font-weight:600}.feature-inbox-list{font-size:calc(var(--u) * 10)}.feature-inbox-row{align-items:center;gap:calc(var(--u) * 10);border-bottom:1px solid var(--gray-100);padding:calc(var(--u) * 10) calc(var(--u) * 12);display:flex}.feature-inbox-row[data-active=true]{background:var(--brand-50)}.feature-inbox-avatar{flex-shrink:0;position:relative}.feature-inbox-avatar>span:last-child{right:calc(var(--u) * -3);bottom:calc(var(--u) * -3);width:calc(var(--u) * 15);height:calc(var(--u) * 15);border-radius:var(--radius-pill);background:var(--surface);place-items:center;display:grid;position:absolute}.feature-inbox-copy{align-items:flex-start;gap:calc(var(--u) * 6);flex-direction:column;flex:1;display:flex}.feature-inbox-copy>.mock-stack{align-self:stretch}.feature-inbox-copy .mock-badge{padding:calc(var(--u) * 1) calc(var(--u) * 6);font-size:calc(var(--u) * 8)}.feature-inbox-copy .mock-badge[data-tone=teal]{background:var(--marketing-mint-soft);color:var(--success-strong)}.feature-inbox-meta{align-items:flex-end;gap:calc(var(--u) * 10);flex-direction:column;align-self:stretch;display:flex}.feature-inbox-meta i{width:calc(var(--u) * 6);height:calc(var(--u) * 6);border-radius:var(--radius-pill);background:var(--brand-500)}.feature-inbox-assign{align-items:center;gap:calc(var(--u) * 6);border-radius:calc(var(--u) * 10);padding:calc(var(--u) * 4) calc(var(--u) * 10) calc(var(--u) * 4) calc(var(--u) * 4);font-size:calc(var(--u) * 12);display:flex}.feature-inbox-menu{gap:calc(var(--u) * 2);padding:calc(var(--u) * 4);font-size:calc(var(--u) * 10);flex-direction:column;font-weight:500;display:flex}.feature-inbox-menu>span{align-items:center;gap:calc(var(--u) * 6);border-radius:calc(var(--u) * 6);padding:calc(var(--u) * 6);display:flex}.feature-inbox-menu>[data-active=true]{background:var(--brand-50)}.feature-inbox-reply{gap:calc(var(--u) * 10);border:calc(var(--u) * 1.5) solid var(--brand-500);padding:calc(var(--u) * 10);font-size:calc(var(--u) * 10.5);flex-direction:column;display:flex}.feature-inbox-send{margin-left:auto}.feature-analytics-window{padding:calc(var(--u) * 18);font-size:calc(var(--u) * 10)}.feature-analytics-title{font-size:calc(var(--u) * 20);letter-spacing:-.02em;font-weight:700}.feature-analytics-filters{--gap:8;margin-block:calc(var(--u) * 12)}.feature-analytics-filters>.feature-plan-field{flex:none}.feature-analytics-kpis{gap:calc(var(--u) * 8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.feature-analytics-kpis>span,.feature-analytics-trend,.feature-analytics-mix{gap:calc(var(--u) * 3);border:1px solid var(--gray-100);border-radius:calc(var(--u) * 10);padding:calc(var(--u) * 10);flex-direction:column;display:flex}.feature-analytics-kpis strong{font-size:calc(var(--u) * 17)}.feature-analytics-kpis em,.feature-analytics-float em{align-items:center;gap:calc(var(--u) * 2);color:var(--success-strong);font-size:calc(var(--u) * 9);font-style:normal;font-weight:600;display:flex}.feature-analytics-charts{gap:calc(var(--u) * 8);margin-top:calc(var(--u) * 8);grid-template-columns:3fr 2fr;display:grid}.feature-analytics-trend svg{width:100%;height:calc(var(--u) * 92);margin-top:calc(var(--u) * 10);overflow:visible}.feature-trend-line{stroke:var(--brand-500);stroke-dasharray:1;stroke-linecap:round;stroke-width:2.5px;vector-effect:non-scaling-stroke}.feature-trend-last{stroke:var(--gray-200);stroke-width:2px;vector-effect:non-scaling-stroke}.feature-analytics-mix{align-items:center}.feature-analytics-mix>strong{align-self:flex-start}.feature-donut{width:calc(var(--u) * 96);height:calc(var(--u) * 96);margin-top:calc(var(--u) * 8);border-radius:var(--radius-pill);background:radial-gradient(circle, var(--surface) 0 55%, transparent 56%), conic-gradient(var(--accent-orange) 0 46%, var(--accent-teal) 0 76%, var(--brand-500) 0);font-size:calc(var(--u) * 13);place-items:center;display:grid}.feature-analytics-float{gap:calc(var(--u) * 4);padding:calc(var(--u) * 14);font-size:calc(var(--u) * 11);flex-direction:column;display:flex}.feature-analytics-float strong{font-size:calc(var(--u) * 24);letter-spacing:-.01em}.feature-analytics-post{gap:calc(var(--u) * 12);padding:calc(var(--u) * 14);flex-direction:column;display:flex}.feature-analytics-post .mock-stack{flex:1}.feature-analytics-thumb{width:calc(var(--u) * 48);height:calc(var(--u) * 48);border-radius:calc(var(--u) * 8);flex-shrink:0}.feature-analytics-stats{border-top:1px solid var(--gray-100);padding-top:calc(var(--u) * 10);grid-template-columns:repeat(3,1fr);display:grid}.feature-analytics-stats>span{flex-direction:column;display:flex}.feature-analytics-stats strong{font-size:calc(var(--u) * 18)}@keyframes feature-caret-blink{50%{opacity:0}}@keyframes feature-typing{0%,60%,to{translate:0}30%{translate:0 calc(var(--u) * -4)}}@keyframes feature-draw{0%{stroke-dashoffset:1px}}@media (prefers-reduced-motion:no-preference){.feature-caret{animation:1.1s step-end infinite feature-caret-blink}.feature-chat-typing i{animation:1.2s ease-in-out infinite feature-typing}.feature-chat-typing i:nth-child(2){animation-delay:.15s}.feature-chat-typing i:nth-child(3){animation-delay:.3s}[data-revealed=scroll] .feature-trend-line{animation:feature-draw 1.8s var(--marketing-ease-out) .3s both}}
.bento-mock{width:100%}@container not (min-width:26rem){.bento-mock-interview .mock-canvas,.bento-mock-flow .mock-canvas,.bento-mock-magic .mock-canvas{--mock-min-u:.72px}}.bento-round-button{top:calc(var(--u) * 16);left:calc(var(--u) * 16);width:calc(var(--u) * 28);height:calc(var(--u) * 28);border:1px solid var(--gray-150);border-radius:var(--radius-pill);place-items:center;display:grid;position:absolute}.bento-interview-window{padding:calc(var(--u) * 56) calc(var(--u) * 70) 0 calc(var(--u) * 40);transform-origin:0 0;text-align:center;flex-direction:column;align-items:center;display:flex;rotate:2deg}.bento-interview-step{align-items:center;gap:calc(var(--u) * 6);border-radius:var(--radius-pill);padding:calc(var(--u) * 5) calc(var(--u) * 12);background:var(--gray-50);color:var(--gray-700);font-size:calc(var(--u) * 11);font-weight:600;display:inline-flex}.bento-interview-step svg{color:var(--brand-500)}.bento-interview-question{max-width:calc(var(--u) * 470);margin-top:calc(var(--u) * 18);font-size:calc(var(--u) * 28);letter-spacing:-.02em;font-weight:700;line-height:1.15}.bento-interview-hint{margin-top:calc(var(--u) * 12);font-size:calc(var(--u) * 13)}.bento-interview-chips{max-width:calc(var(--u) * 380);justify-content:center;gap:calc(var(--u) * 8);margin-top:calc(var(--u) * 18);font-size:calc(var(--u) * 13);flex-wrap:wrap;display:flex}.bento-profile-window{gap:calc(var(--u) * 10);padding:calc(var(--u) * 16);transform-origin:0 0;flex-direction:column;display:flex;rotate:3deg}.bento-profile-head{font-size:calc(var(--u) * 15);justify-content:space-between;align-items:center;display:flex}.bento-profile-workspace{align-items:center;gap:calc(var(--u) * 10);border-bottom:1px solid var(--gray-100);border-radius:calc(var(--u) * 10);padding:calc(var(--u) * 8);background:var(--gray-50);font-size:calc(var(--u) * 12);display:flex}.bento-profile-workspace .mock-avatar{border-radius:calc(var(--u) * 8)}.bento-profile-caption{color:var(--gray-600);font-size:calc(var(--u) * 11);text-align:center}.bento-profile-logos{gap:calc(var(--u) * 8);display:flex}.bento-profile-logos>span{width:calc(var(--u) * 36);height:calc(var(--u) * 36);border:1px solid var(--gray-150);border-radius:calc(var(--u) * 8);place-items:center;display:grid;overflow:hidden}.bento-profile-logos>[data-empty=true]{color:var(--gray-500);border-style:dashed}.bento-profile-palette{gap:calc(var(--u) * 8);font-size:calc(var(--u) * 11);grid-template-columns:repeat(3,1fr);display:grid}.bento-profile-palette>span{gap:calc(var(--u) * 2);display:grid}.bento-profile-palette i{height:calc(var(--u) * 40);margin-bottom:calc(var(--u) * 4);border-radius:calc(var(--u) * 8)}.bento-profile-palette small{font-size:calc(var(--u) * 9)}.bento-profile-palette [data-tone=orange]{background:var(--accent-orange)}.bento-profile-palette [data-tone=teal]{background:var(--accent-teal)}.bento-profile-palette [data-tone=violet]{background:var(--accent-purple)}.bento-profile-type{gap:calc(var(--u) * 8);font-size:calc(var(--u) * 13);grid-template-columns:1fr 1fr;display:grid}.bento-profile-type>span{gap:calc(var(--u) * 2);display:grid}.bento-profile-type small{font-size:calc(var(--u) * 10)}.bento-magic-window{grid-template-columns:calc(var(--u) * 220) 1fr;gap:calc(var(--u) * 18);padding:calc(var(--u) * 16);transform-origin:0 0;font-size:calc(var(--u) * 11);display:grid;rotate:-2deg}.bento-magic-media{height:calc(var(--u) * 290);border-radius:calc(var(--u) * 10)}.bento-magic-media>span{top:calc(var(--u) * 10);left:calc(var(--u) * 10);border-radius:calc(var(--u) * 6);padding:calc(var(--u) * 3) calc(var(--u) * 7);background:#101214b3;position:absolute}@supports (color:color-mix(in lab, red, red)){.bento-magic-media>span{background:color-mix(in srgb, var(--color-fg) 70%, transparent)}}.bento-magic-media>span{color:var(--gray-0);font-size:calc(var(--u) * 9);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.bento-magic-detail{align-items:flex-start;gap:calc(var(--u) * 8);padding-top:calc(var(--u) * 4);flex-direction:column;display:flex;position:relative}.bento-magic-status{font-size:calc(var(--u) * 9);position:absolute;top:0;right:0}.bento-magic-status:before{content:"";width:calc(var(--u) * 5);height:calc(var(--u) * 5);border-radius:var(--radius-pill);background:var(--gray-500)}.bento-magic-platform{align-items:center;gap:calc(var(--u) * 5);border:1px solid var(--gray-150);border-radius:calc(var(--u) * 6);padding:calc(var(--u) * 4) calc(var(--u) * 8);font-weight:600;display:inline-flex}.bento-magic-meta{--gap:6;font-weight:600}.bento-magic-meta svg{color:var(--gray-600)}.bento-magic-caption{color:var(--gray-800);line-height:1.5}.bento-magic-tags{color:var(--brand-600);font-weight:500}.bento-magic-actions{gap:calc(var(--u) * 8);width:100%;margin-top:calc(var(--u) * 6);grid-template-columns:1fr 1fr;display:grid}.bento-magic-actions .mock-button{padding-block:calc(var(--u) * 9)}@keyframes bento-cursor{0%,15%{translate:calc(var(--u) * 60) calc(var(--u) * -70)}45%,70%{translate:0}58%{scale:.9}to{translate:calc(var(--u) * 60) calc(var(--u) * -70)}}.bento-flow-window{transform-origin:0 0;background-color:var(--color-surface-subtle);background-image:radial-gradient(var(--gray-200) calc(var(--u) * 1), transparent calc(var(--u) * 1.2));background-size:calc(var(--u) * 16) calc(var(--u) * 16);font-size:calc(var(--u) * 11);rotate:2deg}.bento-flow-topbar{border-bottom:1px solid var(--gray-100);padding:calc(var(--u) * 10) calc(var(--u) * 16);background:var(--surface);font-size:calc(var(--u) * 13);justify-content:space-between;align-items:center;display:flex}.bento-flow-sky{padding:calc(var(--u) * 6) calc(var(--u) * 10);font-size:calc(var(--u) * 11)}.bento-flow-lines{width:100%;height:100%;position:absolute;inset:0}.bento-flow-lines path{stroke:var(--gray-300);stroke-width:1.5px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.bento-flow-branch{top:calc(var(--u) * var(--y));left:calc(var(--u) * var(--x));border-radius:var(--radius-pill);padding:calc(var(--u) * 2) calc(var(--u) * 8);font-size:calc(var(--u) * 10);font-weight:600;position:absolute}.bento-flow-branch[data-tone=success]{background:var(--color-success-soft);color:var(--success-strong)}.bento-flow-branch[data-tone=danger]{background:var(--color-danger-soft);color:var(--color-danger-strong)}.bento-flow-node{gap:calc(var(--u) * 4);border:1px solid var(--gray-100);border-radius:calc(var(--u) * 10);padding:calc(var(--u) * 10);background:var(--surface);box-shadow:0 calc(var(--u) * 4) calc(var(--u) * 12) var(--brand-950);display:grid}@supports (color:color-mix(in lab, red, red)){.bento-flow-node{box-shadow:0 calc(var(--u) * 4) calc(var(--u) * 12) color-mix(in srgb, var(--brand-950) 8%, transparent)}}.bento-flow-node i{width:calc(var(--u) * 8);height:calc(var(--u) * 8);border-radius:var(--radius-pill);background:var(--warning)}.bento-flow-node[data-tone=success] i{background:var(--success)}.bento-flow-node[data-tone=danger] i{background:var(--color-danger)}.bento-flow-node small{font-size:calc(var(--u) * 10)}.bento-flow-node em{align-items:center;gap:calc(var(--u) * 4);color:var(--gray-700);font-size:calc(var(--u) * 10);font-style:normal;font-weight:500;display:flex}.bento-flow-node[data-tone=success] em{color:var(--success-strong)}@media (prefers-reduced-motion:no-preference){.bento-magic-cursor{animation:bento-cursor 5s var(--marketing-ease-out) .6s infinite}}