@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--u:0px}}}@property --u{syntax:"<length>";inherits:true;initial-value:0}.mock{position:relative;overflow:hidden;container-type:inline-size}.mock-canvas{--u:max(calc(100cqw / var(--mock-w)), var(--mock-min-u,0px));width:calc(var(--u) * var(--mock-w));height:calc(var(--u) * var(--mock-h));margin-left:calc(var(--u) * var(--mock-shift,0) * -1);color:var(--color-fg);font-family:var(--font-marketing-body), sans-serif;font-size:calc(var(--u) * 12);text-align:left;-webkit-user-select:none;user-select:none;line-height:1.35;position:relative}.mock-canvas :is(p,span,strong,small,b,li){font-family:inherit}.mock-at{top:calc(var(--u) * var(--y));left:calc(var(--u) * var(--x));width:calc(var(--u) * var(--w));height:calc(var(--u) * var(--h));position:absolute}.mock-icon{width:calc(var(--u) * var(--s,16));height:calc(var(--u) * var(--s,16));flex-shrink:0}.mock-icon>svg{width:100%;height:100%}svg.mock-icon{stroke-width:2px}.mock-card{border:1px solid var(--gray-100);border-radius:calc(var(--u) * 16);background:var(--surface);box-shadow:0 calc(var(--u) * 8) calc(var(--u) * 24) var(--brand-950), 0 calc(var(--u) * 1) calc(var(--u) * 2) var(--brand-950);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.mock-card{box-shadow:0 calc(var(--u) * 8) calc(var(--u) * 24) color-mix(in srgb, var(--brand-950) 10%, transparent), 0 calc(var(--u) * 1) calc(var(--u) * 2) color-mix(in srgb, var(--brand-950) 5%, transparent)}}.mock-window{border:1px solid var(--gray-100);border-radius:calc(var(--u) * 20);background:var(--surface);box-shadow:0 calc(var(--u) * 24) calc(var(--u) * 48) calc(var(--u) * -12) var(--brand-950), 0 calc(var(--u) * 2) calc(var(--u) * 6) var(--brand-950);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.mock-window{box-shadow:0 calc(var(--u) * 24) calc(var(--u) * 48) calc(var(--u) * -12) color-mix(in srgb, var(--brand-950) 18%, transparent), 0 calc(var(--u) * 2) calc(var(--u) * 6) color-mix(in srgb, var(--brand-950) 6%, transparent)}}.mock-row{align-items:center;gap:calc(var(--u) * var(--gap,8));display:flex}.mock-stack{gap:calc(var(--u) * var(--gap,4));flex-direction:column;display:flex}.mock-muted{color:var(--gray-600)}.mock-line{width:var(--lw,100%);height:calc(var(--u) * var(--lh,8));border-radius:var(--radius-pill);background:var(--gray-150);display:block}.mock-avatar{width:calc(var(--u) * var(--s,28));height:calc(var(--u) * var(--s,28));border-radius:var(--radius-pill);background:var(--gray-100);flex-shrink:0;display:block;position:relative;overflow:hidden}.mock-avatar>img,.mock-photo>img{object-fit:cover;width:100%;height:100%}.mock-photo{display:block;position:relative;overflow:hidden}.mock-chip{align-items:center;gap:calc(var(--u) * 6);border:1px solid var(--gray-150);border-radius:var(--radius-pill);padding:calc(var(--u) * 6) calc(var(--u) * 12);background:var(--surface);white-space:nowrap;font-weight:500;display:inline-flex}.mock-chip[data-on=true]{border-color:var(--brand-400);background:var(--brand-50);color:var(--brand-700)}.mock-badge{align-items:center;gap:calc(var(--u) * 4);border-radius:var(--radius-pill);padding:calc(var(--u) * 3) calc(var(--u) * 8);background:var(--gray-100);color:var(--gray-700);font-size:calc(var(--u) * 11);white-space:nowrap;font-weight:600;display:inline-flex}.mock-badge[data-tone=up]{background:var(--color-success-soft);color:var(--success-strong)}.mock-badge[data-tone=down]{background:var(--color-danger-soft);color:var(--color-danger-strong)}.mock-badge[data-tone=brand]{background:var(--brand-50);color:var(--brand-700)}.mock-button{justify-content:center;align-items:center;gap:calc(var(--u) * 6);border-radius:calc(var(--u) * 10);padding:calc(var(--u) * 8) calc(var(--u) * 14);background:var(--brand-500);color:var(--gray-0);white-space:nowrap;border:1px solid #0000;font-weight:600;display:inline-flex}.mock-button[data-variant=outline]{border-color:var(--gray-200);background:var(--surface);color:var(--color-fg)}.mock-button[data-variant=success]{background:var(--success)}.mock-label{color:var(--gray-500);font-size:calc(var(--u) * 10);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.mock-cursor{align-items:flex-start;gap:calc(var(--u) * 2);pointer-events:none;flex-direction:column;display:flex}.mock-cursor>svg{width:calc(var(--u) * 22);height:calc(var(--u) * 22);color:var(--brand-500);fill:currentColor;filter:drop-shadow(0 calc(var(--u) * 2) calc(var(--u) * 3) var(--brand-950))}@supports (color:color-mix(in lab, red, red)){.mock-cursor>svg{filter:drop-shadow(0 calc(var(--u) * 2) calc(var(--u) * 3) color-mix(in srgb, var(--brand-950) 25%, transparent))}}.mock-cursor>span{margin-left:calc(var(--u) * 14);border-radius:calc(var(--u) * 6);padding:calc(var(--u) * 3) calc(var(--u) * 8);background:var(--brand-500);color:var(--gray-0);font-size:calc(var(--u) * 11);font-weight:600}@keyframes mock-rise{0%{opacity:0;translate:0 calc(var(--u) * 28)}}@keyframes mock-pop{0%{opacity:0;translate:0 calc(var(--u) * 12);scale:.94}}@keyframes mock-bob{50%{translate:0 calc(var(--u) * -8)}}@keyframes mock-drift{0%,to{translate:0}50%{translate:calc(var(--u) * 10) calc(var(--u) * -6)}}@keyframes mock-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--brand-500) 35%, transparent)}50%{box-shadow:0 0 0 calc(var(--u) * 6) color-mix(in srgb, var(--brand-500) 0%, transparent)}}@media (prefers-reduced-motion:no-preference){.mock-bob{animation:mock-bob 6s ease-in-out var(--delay,0s) infinite}.mock-drift{animation:mock-drift 7s ease-in-out var(--delay,0s) infinite}.mock-pulse{animation:mock-pulse 2.4s ease-in-out var(--delay,0s) infinite}}
.hero-mock{margin-inline:auto}.hero-mock-window{font-size:calc(var(--u) * 13)}.hero-mock-header{padding:calc(var(--u) * 30) calc(var(--u) * 24) 0;justify-content:space-between;align-items:flex-start;display:flex}.hero-mock-header .mock-muted{margin-top:calc(var(--u) * 4);font-size:calc(var(--u) * 16)}.hero-mock-title{font-size:calc(var(--u) * 30);letter-spacing:-.02em;font-weight:700;line-height:1.1}.hero-mock-header .mock-button{padding:calc(var(--u) * 10) calc(var(--u) * 14);font-size:calc(var(--u) * 14)}.hero-mock-pill{border-radius:var(--radius-pill);padding:calc(var(--u) * 10) calc(var(--u) * 14);background:var(--brand-100);color:var(--brand-600);font-size:calc(var(--u) * 14);font-weight:600}.hero-mock-org{width:calc(var(--u) * 32);height:calc(var(--u) * 32);border-radius:var(--radius-pill);background:radial-gradient(circle at 50% 58%, var(--color-danger) 0 22%, transparent 23% 31%, var(--color-danger) 32% 40%, transparent 41%), var(--accent-orange)}.hero-mock-tabs{margin:calc(var(--u) * 26) calc(var(--u) * 24) 0;border-bottom:1px solid var(--gray-150);font-size:calc(var(--u) * 16);display:flex}.hero-mock-tabs span{padding:calc(var(--u) * 14) calc(var(--u) * 16)}.hero-mock-tabs span[data-active=true]{box-shadow:inset 0 calc(var(--u) * -2) 0 var(--brand-500);color:var(--brand-600);font-weight:600}.hero-mock-toolbar{padding:calc(var(--u) * 22) calc(var(--u) * 24) 0;justify-content:space-between;align-items:center;display:flex}.hero-mock-subtitle{font-size:calc(var(--u) * 18);font-weight:600}.hero-mock-legend{align-items:center;gap:calc(var(--u) * 6);color:var(--gray-600);display:inline-flex}.hero-mock-legend:before{content:"";width:calc(var(--u) * 9);height:calc(var(--u) * 9);border-radius:calc(var(--u) * 2);background:var(--gray-300)}.hero-mock-legend[data-tone=brand]:before{background:var(--brand-500)}.hero-mock-select{align-items:center;gap:calc(var(--u) * 8);border:1px solid var(--gray-150);border-radius:calc(var(--u) * 10);padding:calc(var(--u) * 8) calc(var(--u) * 12);font-size:calc(var(--u) * 14);font-weight:600;display:inline-flex}.hero-mock-feed-panel{top:calc(var(--u) * 252);left:calc(var(--u) * 24);width:calc(var(--u) * 452);height:calc(var(--u) * 300);border-radius:calc(var(--u) * 18);padding:calc(var(--u) * 14) calc(var(--u) * 14) 0;background:var(--color-canvas);position:absolute}.hero-mock-feed{padding:calc(var(--u) * 16) calc(var(--u) * 16) 0;font-size:calc(var(--u) * 13)}.hero-mock-profile{align-items:center;gap:calc(var(--u) * 18);margin-bottom:calc(var(--u) * 12);display:flex}.hero-mock-profile dl{padding-inline:calc(var(--u) * 8);text-align:center;flex:1;justify-content:space-between;display:flex}.hero-mock-profile dt{font-size:calc(var(--u) * 16);font-weight:700}.hero-mock-profile dd{color:var(--gray-700);font-size:calc(var(--u) * 12)}.hero-mock-handle{margin-bottom:calc(var(--u) * 6);font-size:calc(var(--u) * 14);font-weight:600}.hero-mock-link{margin-top:calc(var(--u) * 6);color:var(--brand-500);font-weight:600}.hero-mock-feed-actions{margin:calc(var(--u) * 14) calc(var(--u) * -16) 0;border-top:1px solid var(--gray-100);padding-block:calc(var(--u) * 10);color:var(--gray-800);justify-content:space-around;display:flex}.hero-mock-tiles{gap:calc(var(--u) * 2);margin-inline:calc(var(--u) * -16);grid-template-columns:repeat(3,1fr);display:grid}.hero-mock-tiles>span{aspect-ratio:1;padding:calc(var(--u) * 8);font-size:calc(var(--u) * 16);text-align:center;place-items:center;font-weight:700;display:grid}.hero-mock-tiles>[data-tone=orange]{background:var(--accent-orange)}.hero-mock-tiles>[data-tone=teal]{background:var(--accent-teal);color:var(--gray-0)}.hero-mock-queue{top:calc(var(--u) * 252);left:calc(var(--u) * 496);width:calc(var(--u) * 562);box-shadow:none;position:absolute}.hero-mock-queue-head{border-bottom:1px solid var(--gray-100);padding:calc(var(--u) * 16);justify-content:space-between;align-items:center;display:flex}.hero-mock-queue-head strong{font-size:calc(var(--u) * 16)}.hero-mock-queue-row{align-items:center;gap:calc(var(--u) * 14);border-bottom:1px solid var(--gray-100);padding:calc(var(--u) * 12) calc(var(--u) * 16);display:flex}.hero-mock-thumb{width:calc(var(--u) * 44);height:calc(var(--u) * 44);border-radius:calc(var(--u) * 8);flex-shrink:0}.hero-mock-thumb[data-tone=orange]{background:var(--accent-orange)}.hero-mock-queue-copy{gap:calc(var(--u) * 4);flex:1;display:grid}.hero-mock-queue-copy strong{font-size:calc(var(--u) * 14);font-weight:600}.hero-mock-when{justify-items:end;gap:calc(var(--u) * 2);display:grid}.hero-mock-when strong{font-size:calc(var(--u) * 14)}.hero-mock-metric{justify-items:start;gap:calc(var(--u) * 10);padding:calc(var(--u) * 16);font-size:calc(var(--u) * 13);display:grid;position:absolute}.hero-mock-metric strong{font-size:calc(var(--u) * 24);letter-spacing:-.01em;font-weight:700}.hero-mock-metric-icon{width:calc(var(--u) * 40);height:calc(var(--u) * 40);border-radius:var(--radius-pill);background:var(--brand-50);color:var(--brand-500);place-items:center;display:grid}.hero-mock-reach{top:calc(var(--u) * 222);left:calc(var(--u) * 75);width:calc(var(--u) * 174)}.hero-mock-interactions{top:calc(var(--u) * 156);left:calc(var(--u) * 1186);width:calc(var(--u) * 158)}.hero-mock-interactions .hero-mock-metric-icon{background:var(--color-danger-soft);color:var(--color-danger)}@keyframes hero-mock-fresh{0%{background:var(--surface)}}@container not (min-width:44rem){.hero-mock .mock-canvas{--mock-min-u:.5px;--mock-shift:60}}@media (prefers-reduced-motion:no-preference){.hero-mock-window{animation:mock-rise .9s var(--marketing-ease-out) .12s both}.hero-mock-reach,.hero-mock-interactions{animation:mock-pop .7s var(--marketing-ease-out) var(--pop) both, mock-bob 7s ease-in-out calc(var(--pop) + .7s) infinite}.hero-mock-reach{--pop:.65s}.hero-mock-interactions{--pop:.85s}.hero-mock-queue-row[data-fresh=true]{background:var(--brand-50);animation:.9s ease-out 1.4s both hero-mock-fresh}}@media (prefers-reduced-motion:reduce){.hero-mock-queue-row[data-fresh=true]{background:var(--brand-50)}}
.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}}