/* Maja ink-acid / outlined boxes. One authored composition layer over source components.
   Original Slack stylesheet is loaded after this file and is not restyled here.
   !important is used only to cross the immutable legacy/inline style boundary. */
:root{--ink:#20221f;--paper:#fafaf7;--offwhite:#eeefe9;--dark:#eeefe9;--panel:#fff;--panel2:#eeefe9;--theme:#20221f;--cyan:#20221f;--mint:#20221f;--grad:#dfff00;--ff-ui:'Space Grotesk',sans-serif;--line:#d6d8cf;--muted:#5b6057;--radius:8px;--shadow-card:none}
html,body.calm{background:var(--paper)!important;color:var(--ink)!important;font-family:'Space Grotesk',sans-serif!important}
body.calm .display,body.calm .title,body.calm h1,body.calm h2,body.calm h3,body.calm .mk-title,body.calm .d-stats b{font-family:'Space Grotesk',sans-serif!important;font-weight:500!important;letter-spacing:-.045em;line-height:1.1!important}
body.calm .title{font-size:clamp(32px,3.2vw,44px)!important}
body.calm .stamp,body.calm .faq-gtm-kicker,body.calm .d-kicker,body.calm .sl-cap{font-family:'IBM Plex Mono',monospace!important;font-size:10px!important;font-weight:500!important;letter-spacing:.09em!important;color:var(--muted)!important}
body.calm .grad-text,body.calm .stamp.grad{background:none!important;color:var(--theme)!important;-webkit-text-fill-color:var(--theme)!important}
body.calm .wdim,body.calm .wdim4,body.calm .pdim,body.calm .dim,body.calm .dim50{color:var(--muted)!important}
body.calm .reveal{opacity:1!important;transform:none!important}
body.calm .aurora .blob,body.calm .btn-sheen:before,body.calm .btn-sheen:after{display:none!important}
body.calm .hairline-d{border-top:1px solid var(--line)!important}
body.calm .sec{padding:64px 0!important;background:var(--paper)!important}
body.calm header>.wrap,body.calm section>.wrap,body.calm section>.wrap-n,body.calm .faq-gtm-wrap{width:100%;max-width:1184px;margin:0 auto;padding:0 32px;box-sizing:border-box}
body.calm .rz-intro{max-width:600px;margin:18px auto 0;font-size:16px;line-height:1.65;color:var(--muted)}
body.calm .btn,body.calm .btn-sheen,body.calm .mm-cta{border-radius:10px!important;background:#dfff00!important;color:#20221f!important;box-shadow:none!important}
body.calm .btn:hover,body.calm .btn-sheen:hover{background:#cde900!important}
body.calm .btn-ghost{color:var(--theme)!important;border-color:#c5c9bb!important;border-radius:10px!important}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--theme);outline-offset:4px}
body.calm .chip{border-radius:4px!important;border:1px solid var(--line)!important;background:#fff!important;color:var(--muted)!important;white-space:normal}
body.calm .chip img{filter:brightness(0)!important}
/* Navigation and opening proposition: align to the same 1120px live grid. */
body.calm .topbar{background:#eeefe9!important;color:var(--ink)!important;border-bottom:1px solid var(--line)!important}
body.calm .topbar a{color:var(--theme)!important}
body.calm .navbar,body.calm .mobile-menu,body.calm .nav-panel{background:#fff!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important;backdrop-filter:none!important}
body.calm .nav-inner{max-width:1184px;padding-left:32px;padding-right:32px}
body.calm .navbar a:not(.btn-sheen),body.calm .navbar button,body.calm .nav-panel a,body.calm .mobile-menu a:not(.mm-cta){color:var(--ink)!important}
body.calm .mk-title{letter-spacing:-.07em!important}
body.calm .mk-title:before{content:none}
body.calm header.aurora{background:#fafaf7!important;padding:132px 0 52px!important}
body.calm header h1.display{font-size:clamp(42px,5.3vw,68px)!important;margin-top:20px!important;line-height:1.04!important}
body.calm header .hero-subheading{font-size:17px!important;max-width:740px!important;line-height:1.6!important;margin-top:20px!important}
body.calm header .hero-subheading+div{margin-top:24px!important}
body.calm .sl-cap{margin-top:16px}
/* Org chart: hierarchy is structural. Current offerings get 2/3 of the row. */
body.calm#org>.wrap{display:block;text-align:center!important}
#org>.wrap>.reveal:first-child{max-width:720px;margin:0 auto;padding:0}
#org .title{font-size:38px!important}
#org .d-org{width:100%;max-width:none;margin:30px auto 0;align-items:center}
#org .d-node{background:#fff!important;border:1px solid var(--line)!important;border-radius:8px!important;box-shadow:none!important;color:var(--ink)!important;padding:12px 20px}
#org .d-node small{color:var(--muted)!important;opacity:1}
#org .d-node.maja{background:#dfff00!important;border-color:#c4d445!important}
#org .d-vlink{height:24px;background:#bcc3b4!important}
#org .d-bus{display:block;width:calc(75% + 4px);height:1px;background:#bcc3b4!important}
#org .d-team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;padding-top:24px;align-items:stretch}
#org .d-team-row,#org .d-team-row.active,#org .d-team-row.future{display:contents;margin:0;padding:0}
#org .d-team-row::before,#org .d-team-row::after,#org .d-team-row .d-chip::before{content:none}
#org .d-chip{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;min-height:206px;padding:22px 18px;align-items:center;text-align:center;gap:10px;background:#fff;border:1px solid #cbd1c3;border-radius:10px;line-height:1.5}
/* Keep the same avatar, heading, description and status rows across all cards. */
#org .d-chip{display:grid;grid-template-rows:32px auto 1fr auto;justify-items:center;align-items:start}
#org .d-chip .d-faces{grid-row:1}
#org .d-chip b{grid-row:2;font-size:15px;color:var(--ink)}
#org .d-chip i{grid-row:3}
#org .d-chip u{grid-row:4}
#org .d-chip i{font-size:12px;line-height:1.5;color:var(--muted)}
#org .d-drop{display:block;position:absolute;top:0;left:50%;width:1px;height:25px;background:#bcc3b4!important;transform:translateY(-100%)}
#org .d-faces{display:flex;margin:0;min-height:32px}
#org .d-faces em{background:#eeefe9;color:var(--ink)!important;border-color:#fff}
#org .d-faces .ph{background:#eeefe9;border-color:#ccd2c4}
#org .d-platforms .lg{background:#fff;border-color:#d8ddcf}
#org .d-platforms .lg img{width:16px;height:16px;object-fit:contain;border:0;border-radius:0;margin:0}
#org .d-chip.soon{padding:22px 18px;background:#f7f8f3;border:1px dashed #bcc3b4;opacity:1}
#org .d-chip.soon .d-faces{display:flex}
#org .d-chip.soon u{margin-top:auto;padding-top:8px;font-size:9px;color:var(--muted);letter-spacing:.08em}
#org>.wrap>p.reveal{margin:24px auto 0!important;max-width:none;text-align:center}
/* Creative: center-weighted native media, not three equal content cards. */
body.calm #ugc{background:#eeefe9!important}
#ugc .mh-head{display:block;max-width:720px;text-align:center;margin:0 auto}
#ugc .mh-head .title{margin:12px 0 0}
#ugc .mh-head p{max-width:600px;margin:18px auto 0}
#ugc .mh-provider-wrap{max-width:800px;margin:28px auto 0}
#ugc .mh-providers{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;justify-content:center}
#ugc .mh-provider{flex-direction:column;gap:6px;min-width:0;color:var(--ink)!important}
#ugc .mh-provider b{font-size:11px!important;white-space:nowrap}
#ugc .mh-mark{width:26px;height:26px;flex:none}
#ugc .mh-mark img{max-width:24px;max-height:24px;opacity:1!important}
#ugc .mh-mark img[src*='openai-white'],#ugc .mh-mark.flux img,#ugc .mh-mark.grok img,#ugc .mh-mark.recraft img{filter:brightness(0)!important}
#ugc .mh-provider{padding:8px 12px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:6px!important;box-shadow:none!important;animation:none!important}
#ugc .mh-harness-line{margin-top:14px}
#ugc .mh-harness-line b{font:10px 'IBM Plex Mono',monospace;color:var(--muted)}
#ugc .mh-reels{display:flex!important;justify-content:center!important;align-items:center!important;gap:24px!important;max-width:900px!important;width:100%;margin:30px auto 0!important;padding:0!important;overflow:visible!important}
#ugc .mh-reel{position:relative;display:block;flex:0 0 24%!important;width:24%!important;max-width:none!important;min-width:0;height:auto!important;aspect-ratio:9/16!important;box-sizing:border-box;transform:none!important;border:0!important;border-radius:10px!important;overflow:hidden;box-shadow:0 8px 24px #20221f10!important}
#ugc .mh-reel.featured{flex-basis:32%!important;width:32%!important;transform:none!important;box-shadow:0 12px 32px #20221f18!important}
#ugc .mh-reel video{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;object-fit:cover}
#ugc .mh-reel-top{left:12px;top:12px;font-size:10px;padding:5px 7px;color:white!important}
#ugc .mh-reel-foot{left:14px;right:12px;bottom:44px}
#ugc .mh-reel-foot b,#ugc .mh-reel.featured .mh-reel-foot b{font-size:16px;color:white!important}
#ugc .mh-reel-foot small{display:block!important;font-size:11px;color:white!important}
#ugc .mh-reel-live{left:14px;right:auto;bottom:14px;font-size:9px;background:#fff!important;color:var(--ink)!important}
#ugc .mh-human-head{margin-top:30px}
#ugc .mh-human-head h3{font-size:26px!important;color:var(--ink)!important}
#ugc .mh-human-head p{color:var(--muted);font-size:14px;max-width:600px;margin:12px auto 0}
#ugc .mh-connector{height:24px;background:var(--line)!important}
/* Original 32s linear marquee: four equal repeats, one group per cycle. */
#ugc .mh-human-window{width:100%;max-width:1120px;margin:20px auto 0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
#ugc .mh-human-track{display:flex;flex-wrap:nowrap;gap:0;width:max-content;animation:ink-human-slide 32s linear infinite;justify-content:flex-start;will-change:transform}
#ugc .mh-human-group{display:flex;flex:none;align-items:center;justify-content:flex-start;gap:9px;padding:0 9px 0 0;width:max-content}
#ugc .mh-human{width:40px;height:40px;aspect-ratio:1;flex:none;border-radius:50%;border:1px solid var(--line)}
@keyframes ink-human-slide{from{transform:translateX(0)}to{transform:translateX(-25%)}}
#ugc .mh-human i{animation:none!important;opacity:1}
#ugc .d-stats-frame{margin-top:32px;text-align:left}
#ugc .d-stats{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:24px;max-width:none;margin-top:14px;padding:24px 0 0;border-top:1px solid var(--line);border-radius:0;background:none;text-align:left}
/* Own every edge: base-2 adds border-left on adjacent cells. */
#ugc .d-stats>div{padding:0 24px 0 0;border:0;border-right:1px solid var(--line)}
#ugc .d-stats>div:last-child{border:0;padding:0}
#ugc .d-stats b{font-size:clamp(30px,3.3vw,44px)!important;color:var(--theme)!important;white-space:nowrap}
#ugc .d-stats span{font-size:12px;line-height:1.5;color:var(--muted);max-width:300px;margin-top:8px}
/* Evidence: intrinsic images and a vertical reading order. */
#receipts>.wrap>.reveal:first-child{max-width:760px!important;display:block;text-align:center;margin:0 auto}
#receipts .title{margin:12px 0 0!important}
#receipts>.wrap>.reveal:first-child p{margin:18px auto 0!important;max-width:620px!important}
#receipts .mobile-swipe-cue{display:none!important}
#receipts .shotwall{display:block!important;columns:2!important;column-gap:24px!important;width:100%;max-width:none;margin:30px 0 0!important;padding:0!important;overflow:visible!important}
#receipts .shot{display:inline-block;width:100%;height:auto!important;break-inside:avoid;margin:0 0 24px!important;animation:none!important;transform:none!important}
#receipts .shotframe{display:block!important;height:auto!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;background:#fff!important;box-shadow:none!important;transform:none!important;overflow:hidden}
#receipts .shotframe img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;transform:none!important}
#receipts .shotcap{padding:16px 18px!important}
#receipts .shotcap-h{font-size:17px;line-height:1.3;color:var(--ink)!important}
#receipts .shotcap-s{font-size:13px;line-height:1.5;color:var(--muted)!important;margin-top:5px}
#receipts>.wrap>.chip{display:flex;max-width:100%;width:fit-content;margin:0!important;border:0!important;padding:0!important;text-align:left;font-size:12px!important;line-height:1.5}
/* Owned profiles: a compact directory, not another row of boxed features. */
body.calm #owned{background:#eeefe9!important;padding:56px 0!important}
#owned>.wrap{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px 48px;text-align:left!important}
#owned .title{font-size:36px!important}
#owned .grad-text{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}
#owned .rz-intro{margin-left:0}
#owned .d-roster{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:none;margin:0;gap:0 24px}
#owned .d-acc{display:flex;flex-direction:row!important;justify-content:flex-start!important;min-height:0!important;width:100%;min-width:0;padding:18px 0!important;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;align-items:center;gap:12px;text-align:left!important}
#owned .d-acc>div{flex:1;min-width:0}
#owned .d-acc .pl{position:static!important;transform:none!important;width:24px;height:24px;display:flex;align-items:center;justify-content:center;align-self:center;opacity:1}
#owned .d-acc .pl img{display:block;width:18px;height:18px;object-fit:contain}
#owned .d-acc img.pf{display:block;border-radius:50%;object-fit:cover;object-position:center}
#owned .d-acc .pf{width:56px;height:56px;flex:none}
#owned .d-acc .h{font-size:15px;line-height:1.3;color:var(--ink)}
#owned .d-acc .m,#owned .d-acc .gz{font-size:12px}
#owned .d-acc .m{color:var(--muted)}
#owned .d-acc .gz{color:var(--theme)!important}
#owned .d-acc .pl{margin-left:auto;flex:none}
#owned .d-acc.ghost{align-items:start;border:0;padding-bottom:0}
#owned .d-acc.ghost .h{font-size:11px;line-height:1.5;color:var(--muted)}
#owned>.wrap>p{grid-column:1/-1;margin:0!important}
/* Search / AI demonstration keeps its original recognizable UI components. */
#reddit .rz-ticker{animation:none!important}
#reddit .rz-diag{max-width:none;margin-top:28px}
#reddit .rz-conn{background:var(--line)}
#reddit .rz-dest,#reddit .rz-thread{border-radius:var(--radius)!important;box-shadow:none!important}
#reddit>.wrap>p:last-child{margin-top:22px!important}
/* Commercial contrast has unequal emphasis, equal readable type. */
body.calm .math-section{background:#eeefe9!important;padding:48px 0!important}
.math-section .wrap-n{text-align:left!important}
.math-section .math-compare{display:grid!important;grid-template-columns:1fr 1fr!important;gap:48px;align-items:start}
.math-section .math-card{padding:0;border:0;border-radius:0;background:none;margin:0!important;text-align:left}
.math-section .math-card.new{padding-left:32px;border-left:2px solid var(--theme)}
.math-section .math-card .stamp{margin:0!important}
body.calm .math-section .math-card .title{font-size:28px!important;line-height:1.25!important;margin-top:14px!important;color:var(--ink)!important}
.math-section .math-card.old h2,.math-section .math-card.old h2 span{color:var(--muted)!important}
.math-section p{font-size:14px!important;max-width:none!important;margin-top:24px!important;text-align:left}
#pricing .d-price{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:none;width:100%;margin-top:30px;align-items:start}
#pricing .d-inv{border:1px solid var(--line)!important;border-top:3px solid var(--ink)!important;border-radius:var(--radius)!important;background:#fff!important;box-shadow:none!important;min-width:0;padding:28px!important}
#pricing .d-inv.feat{border-top-color:#dfff00!important}
#pricing .d-inv .amt b{font-family:'Space Grotesk',sans-serif!important;font-weight:500!important;letter-spacing:-.04em}
#pricing .d-inv .tier{font:11px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:var(--muted)}
#pricing .d-inv .row{font-size:13px;gap:16px}
#pricing .d-inv .row>span{min-width:0}
#pricing .d-inv .row em{flex:none}
#pricing .mobile-plan-tabs{display:none!important}
/* FAQ uses the actual nested content column. All questions stay reachable. */
body.calm #faq{background:#eeefe9!important}
#faq .faq-gtm-wrap{display:grid;grid-template-columns:360px minmax(0,1fr);gap:48px;align-items:start}
#faq .faq-gtm-head{margin:0;text-align:left;max-width:none}
#faq .faq-gtm-title{font-size:38px!important;margin-top:12px;color:var(--ink)!important}
#faq details.faq-gtm,#faq details.faq-gtm p{color:var(--ink)!important}
#faq details.faq-gtm p a{color:inherit;text-decoration:underline}
#faq details.faq-gtm summary::after{color:var(--ink)!important}
#faq .faq-gtm-wrap>.reveal:not(.faq-gtm-head){min-width:0}
#faq details.faq-gtm{display:block!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:none!important;max-width:none;margin:0 0 10px!important}
#faq details.faq-gtm summary{color:var(--ink)!important;gap:20px;line-height:1.45}
#faq .mobile-more-faq{display:none!important}
body.calm #cta{background:#fff!important;padding:64px 0!important;border-top:1px solid var(--line)}
#cta .display{font-size:52px!important}
body.calm footer{background:#eeefe9!important;border-top:1px solid var(--line)!important;padding-top:36px!important;color:var(--ink)!important}
body.calm footer a{color:var(--ink)!important}
/* Footer utilities specify white directly, so inherited ink is insufficient. */
body.calm footer .text-white{color:var(--ink)!important}
body.calm footer p,body.calm footer span[class*='text-white/']{color:var(--muted)!important}
body.calm footer>div:last-child{border-color:var(--line)!important}
/* Cropped frames belong only to the opening proposition, not the simulator.
   No asset-wide filters, no new logo, and no decorative animation. */
body.calm header.aurora{position:relative;isolation:isolate}
.ink-frames{position:absolute;inset:105px 0 auto;height:420px;overflow:hidden;pointer-events:none;z-index:-1}
.ink-frames svg{position:absolute;width:300px;height:400px;top:0}
.ink-frames .frame-left{left:0}.ink-frames .frame-right{right:0}
body.calm header h1.display,body.calm section .title,body.calm #cta .display{color:#20221f!important}
body.calm .btn-ghost:hover{background:#eeefe9!important}
body.calm .navbar,body.calm .topbar{background:#fafaf7!important}
#ugc .mh-reels{scroll-behavior:auto!important}
#ugc .mh-human{background:#fff;box-shadow:none}
#ugc .mh-human-group .mh-human{margin:0}
#ugc .mh-human img{border-color:#d6d8cf}
#ugc .mh-human i{background:#dfff00;border-color:#60674b}
#ugc .mh-harness-line span{background:#c5c9bb!important}
#reddit .rz-dest.lit{border-color:#a7ad9e}
#reddit .rz-rank{background:#dfff00;color:#20221f}
#reddit .rz-dest.lit .cite{border-color:#a7ad9e;color:#3e5125}
#pricing .d-inv .fine,#pricing .d-inv .amt span,#pricing .d-inv .row em{color:#5b6057}
#pricing .d-inv .row em.ok{color:#3e5125}
#org .d-node small{opacity:1}
#reddit .rz-lane{animation:rzscroll var(--d,74s) linear infinite}
#reddit .rz-lane.rev{animation-direction:reverse}
#reddit .rz-diag>div:not(.rz-conn)::before{background:var(--offwhite);border-color:var(--line);color:var(--ink)}
@media(max-width:1200px){.ink-frames .frame-left{left:-100px}.ink-frames .frame-right{right:-100px}}
/* Phones retain the desktop's cropped background, never a foreground illustration.
   Fade toward the copy; the original paths and accent circuits may leave the viewport. */
@media(max-width:700px){
 .ink-frames{inset:112px 0 auto;height:490px;opacity:.6;mask-image:linear-gradient(90deg,#000, #000 5%,#0002 28%,transparent 40% 60%,#0002 72%,#000 95%);-webkit-mask-image:linear-gradient(90deg,#000, #000 5%,#0002 28%,transparent 40% 60%,#0002 72%,#000 95%)}
 .ink-frames .frame-left{left:-155px;top:95px}
 .ink-frames .frame-right{right:-150px;top:-25px}
}
/* Reflow the fixed-width search cards before their combined widths exceed the column. */
@media(max-width:1050px){
 #reddit .rz-diag{flex-direction:column;gap:18px}
 #reddit .rz-diag>.rz-conn{width:1px;height:24px;min-width:0;max-width:none;flex:none}
 #reddit .rz-diag>div:not(.rz-conn){max-width:100%}
 #reddit .rz-dest,#reddit .rz-thread{max-width:100%}
}
/* Tablet: intentional reflow before columns become compressed. */
@media(max-width:1000px){
 #owned>.wrap{grid-template-columns:1fr;gap:24px}
 #owned>.wrap>.reveal:first-child{max-width:650px}
 #faq .faq-gtm-wrap{grid-template-columns:280px minmax(0,1fr);gap:28px}
}
@media(max-width:700px){
 body.calm header>.wrap,body.calm section>.wrap,body.calm section>.wrap-n,body.calm .faq-gtm-wrap{padding-left:20px;padding-right:20px}
 body.calm .nav-inner{padding-left:20px;padding-right:20px}
 body.calm .sec{padding:44px 0!important}
 body.calm header.aurora{padding:122px 0 40px!important}
 body.calm header h1.display{font-size:42px!important;line-height:1.05!important}
 body.calm header .hero-subheading{font-size:15px!important;line-height:1.6!important;margin-top:18px!important}
 body.calm header .chip{font-size:10px!important;line-height:1.5}
 body.calm .title{font-size:32px!important}
 body.calm .rz-intro{font-size:15px}
 #ugc .mh-head,#receipts>.wrap>.reveal:first-child{display:block;text-align:center}
 #ugc .mh-head .title,#receipts .title{margin-top:12px!important}
 #ugc .mh-head p,#receipts>.wrap>.reveal:first-child p{margin-top:18px!important}
 #ugc .mh-provider-wrap{margin-top:24px}
 #ugc .mh-providers{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 #ugc .mh-provider{padding:7px!important}
 /* Readable 9:16 carousel: all reels remain complete, swipe reveals side proof.
    Only the media rail scrolls. Larger center is initially emphasized. */
 #ugc .mh-reels{justify-content:flex-start!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scroll-padding-inline:20px;padding:6px 0 14px!important}
 #ugc .mh-reel{flex-basis:58%!important;width:58%!important;scroll-snap-align:center;border-radius:8px!important}
 #ugc .mh-reel.featured{flex-basis:74%!important;width:74%!important}
 #ugc .mh-reel-top{font-size:9px;left:10px;top:10px}
 #ugc .mh-reel-foot{left:12px;right:8px;bottom:42px}
 #ugc .mh-reel-foot b,#ugc .mh-reel.featured .mh-reel-foot b{font-size:14px}
 #ugc .mh-reel-foot small{font-size:10px}
 #ugc .mh-reel-live{left:12px;font-size:9px}
 #ugc .mh-human-head h3{font-size:24px!important}
 #ugc .mh-human-group{gap:8px;padding-right:8px}
 #ugc .mh-human{width:35px;height:35px}
 #ugc .d-stats{grid-template-columns:1fr 1fr;gap:20px}
 #ugc .d-stats>div{padding:0;border:0}
 #ugc .d-stats>div:first-child{grid-column:1/-1;padding-bottom:18px;border-bottom:1px solid var(--line)}
 #ugc .d-stats b{font-size:32px!important}
 #ugc .d-stats span{font-size:11px}
 /* Native receipt rail: equal compact cards with complete, contained images.
    The 2:1 media frame preserves the five wide shots; only the tall shot shrinks.
    No script or inner scroller; the first receipt is the initial snap.
    End scroll-padding excludes the peek so native Tab focus reveals the next link fully. */
 #receipts .shotwall{display:flex!important;columns:auto!important;gap:12px!important;width:calc(100% + 40px);margin:20px -20px 0!important;padding:4px 20px 16px!important;box-sizing:border-box;overflow-x:auto!important;overflow-y:hidden!important;align-items:flex-start;scroll-snap-type:x mandatory;scroll-padding-inline:20px 44px;overscroll-behavior-x:contain;scrollbar-width:thin}
 #receipts .shot{flex:0 0 calc(100% - 24px);min-width:0;margin:0!important;scroll-snap-align:start;scroll-snap-stop:always}
 #receipts .shotframe img{aspect-ratio:2/1;height:auto!important;object-fit:contain!important;background:#191a1e;box-sizing:border-box}
 #receipts .shotcap{height:112px;box-sizing:border-box;padding:12px 14px!important}
 #receipts .shotcap-s{margin-top:3px}
 #receipts .shotframe:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
 #owned .d-roster{grid-template-columns:1fr;gap:0}
 #owned .d-acc .pf{width:48px;height:48px}
 #owned .d-acc .h{font-size:16px}
 #owned .d-acc .m,#owned .d-acc .gz{font-size:12px}
 #owned .d-acc.ghost{padding-top:14px}
 .math-section .math-compare{grid-template-columns:1fr!important;gap:26px}
 .math-section .math-card.new{padding-left:20px}
 body.calm .math-section .math-card .title{font-size:26px!important}
 #pricing .d-price{grid-template-columns:1fr;gap:20px}
 #pricing .d-inv{display:block!important;padding:22px!important}
 #pricing .d-inv .row{font-size:12px;gap:10px}
 #pricing .d-inv .row.two{align-items:start}
 #faq .faq-gtm-wrap{display:block}
 #faq .faq-gtm-head{margin-bottom:26px}
 #faq .faq-gtm-title{font-size:32px!important}
 #cta .display{font-size:38px!important}
}
@media(max-width:360px){
 body.calm .nav-inner{padding-left:14px;padding-right:14px}
 body.calm .nav-inner .btn-sheen{padding-left:10px;padding-right:10px;font-size:11px}
 body.calm header h1.display{font-size:36px!important}
 #pricing .d-inv{padding:18px!important}
 #pricing .d-inv .row{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 #ugc *,#reddit *,#receipts *{animation:none!important;transition:none!important}
 #ugc .mh-human-track{transform:none;will-change:auto}
 #ugc .mh-human-window{overflow-x:auto;mask-image:none;-webkit-mask-image:none}
 #ugc .mh-human-group:not(:first-child){display:none}
}

@media(max-width:700px){#org .d-team{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;position:relative}#org .d-bus{width:calc(50% + 7px)}#org .d-team:before{content:"";position:absolute;top:0;bottom:calc(50% - 12px);left:50%;width:1px;background:#bcc3b4}#org .d-team-row.future .d-chip:before{content:"";position:absolute;top:-13px;width:calc(100% + 16px);height:1px;background:#bcc3b4}#org .d-team-row.future .d-chip:first-child:before{left:50%}#org .d-team-row.future .d-chip:last-child:before{display:none}#org .d-team-row.future .d-drop{height:13px}#org .d-chip,#org .d-chip.soon{padding:18px 12px;min-height:220px}#org .d-chip b{font-size:14px}#org .title{font-size:32px!important}}

/* Finished creative: native video gallery. */
#creative-engine{scroll-margin-top:100px}
/* Only the gallery clips its scrolling row; ancestors leave borders/focus rings intact. */
#ugc.mh-section{overflow:visible}
/* Three cards + a deliberate next-card peek, independent of the number of examples. */
#ugc .ce-gallery{display:flex;flex-wrap:nowrap;gap:24px;width:100%;max-width:960px;min-width:0;box-sizing:border-box;margin:36px auto 0;padding:8px 8px 14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:8px;scrollbar-width:thin;text-align:left}
#ugc .ce-card{position:relative;flex:0 0 calc((100% - 72px)/3.25);min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always;color:var(--ink)}
#ugc .ce-card video{display:block;position:static;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#20221f;border:1px solid #c5c9bb;border-radius:10px;box-sizing:border-box}
#ugc .ce-file{display:inline-block;margin-top:10px;font-size:12px;line-height:1.5;color:#42483d!important;text-decoration:underline;text-underline-offset:3px}
#ugc .ce-description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#ugc .ce-gallery:focus-visible,#ugc .ce-card video:focus-visible,#ugc .ce-file:focus-visible{outline:3px solid #20221f;outline-offset:4px}
@media(max-width:700px){
 /* Keep swiping local to the gallery; show the next card without widening the page. */
 #ugc .ce-gallery{gap:12px;margin-top:24px}
 #ugc .ce-card{flex-basis:calc((100% - 12px)/1.25 * .92)}
}


/* Inline text accents: static, baseline-aligned, and attached to their word. */
.text-badge-anchor{white-space:nowrap}
.text-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;box-sizing:border-box;margin-inline-start:3px;vertical-align:-5px;border:1px solid rgba(32,34,31,.08);border-radius:5px;background:#e9ebe5;color:#42483d;line-height:1}
.text-badge svg,.text-badge img{display:block;width:14px;height:14px;object-fit:contain}
.text-badge--footage{background:#e9e3f3;color:#695184}
.text-badge--code{background:#e5ebd5;color:#4e6130}
.text-badge--meta{background:#e1ebfa}
.text-badge--model{background:#e3eee9}

/* Conversational technology story; logos qualify claims, never form a logo wall. */
#ugc .ce-prose{max-width:720px;margin:26px auto 0;text-align:left;font-size:18px;line-height:1.8;color:#555c50}
#ugc .ce-prose p{max-width:none;margin:0 0 16px}
#ugc .ce-prose p:last-child{margin-bottom:0}
#ugc .ce-prose strong,#ugc .ce-distribution-prose strong{font-weight:600;color:var(--ink)}
#ugc .ce-prose .text-badge,#ugc .ce-distribution-prose .text-badge{width:24px;height:24px;vertical-align:-5px;border-radius:6px}
#ugc .ce-prose .text-badge img,#ugc .ce-prose .text-badge svg,#ugc .ce-distribution-prose .text-badge img{width:16px;height:16px}
.text-badge--gemini{background:#e5ebfc}
.text-badge--render{background:#e0edf0;color:#38636b}
.text-badge--edit{background:#f6e6dc;color:#865433}
#ugc .mh-human-head .ce-distribution-prose{max-width:690px;line-height:1.85}
@media(max-width:700px){#ugc .ce-prose{font-size:16px;line-height:1.8;margin-top:22px}#ugc .ce-prose p{margin-bottom:14px}}

/* Provider marks stay together beside the broad AI-generation phrase. */
#ugc .ce-provider-logos{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;margin-inline:3px}
#ugc .ce-provider-logos .text-badge{margin-inline-start:0}

/* Mobile reading and touch refinements; preserve the approved desktop composition. */
@media(max-width:767px){
 body.calm .topbar a{display:inline-flex;align-items:center;min-height:44px}
 body.calm .topbar{height:calc(44px + env(safe-area-inset-top,0px));min-height:44px}
 body.calm.has-topbar .navbar{top:calc(44px + env(safe-area-inset-top,0px))}
 body.calm.has-topbar.past-top .navbar{top:env(safe-area-inset-top,0px)}
 body.calm.has-topbar:not(.past-top) .mobile-menu{top:calc(116px + env(safe-area-inset-top,0px))}
 body.calm #reddit>.wrap>p:last-child{color:var(--muted)!important}
 body.calm #reddit>.wrap>p:last-child b{color:var(--ink)!important}
}

/* Phone-only compression of the original search → thread → AI diagram.
   Keep the panels and reading order; remove phone step markers and destination labels. */
@media(max-width:700px){
 body.calm #reddit{padding:32px 0!important}
 body.calm #reddit .rz-intro{margin-top:12px;line-height:1.5}
 #reddit .rz-diag{margin-top:20px;gap:5px;align-items:stretch}
 #reddit .rz-diag>div:not(.rz-conn){position:relative;display:block;width:100%;padding-left:0;box-sizing:border-box}
 #reddit .rz-diag>div:not(.rz-conn)::before{content:none;display:none}
 #reddit .rz-diag>.rz-conn{height:10px;margin-left:50%}
 #reddit .rz-dest,#reddit .rz-thread{width:100%;min-height:0;padding:10px 12px;box-sizing:border-box}
 #reddit #rzserp+.rz-dlab,#reddit #rzai+.rz-dlab{display:none}
 #reddit .rz-serp .bc{margin-top:6px}
 #reddit .rz-serp .t,#reddit .rz-thread .rt{font-size:13px;line-height:1.4}
 #reddit .rz-thread .rt{margin-top:6px}
 #reddit .rz-ai .ans{margin-top:6px;font-size:13px;line-height:1.4}
 #reddit .rz-ai .cite{margin-top:6px}
 body.calm #reddit>.wrap>p:last-child{margin-top:18px!important}
}

/* Homepage phone headlines only; body type and tablet/desktop are unchanged. */
@media(max-width:700px){
 body.calm:has(header.aurora) header h1.display{font-size:38px!important;text-wrap:balance}
 body.calm:has(header.aurora) header h1.display .grad-text{display:inline-block}
 body.calm:has(header.aurora) section .title,body.calm:has(header.aurora) #org .title,body.calm:has(header.aurora) #faq .faq-gtm-title{font-size:30px!important;text-wrap:balance}
 body.calm:has(header.aurora) #cta .display,body.calm:has(header.aurora) #owned .title{font-size:34px!important;text-wrap:balance}
 body.calm:has(header.aurora) .math-section .math-card .title{font-size:24px!important}
}
@media(max-width:360px){body.calm:has(header.aurora) header h1.display{font-size:34px!important}}