/* PrimCut visual refresh — scoped to the marketing homepage. */
.hero {background:#f7f8f4;padding-top:78px;position:relative;border-bottom:1px solid #e0e3da}
.hero h1 {font-size:clamp(24px,7vw,96px);line-height:1.01;max-width:1120px;margin-inline:auto;letter-spacing:-.065em}
.hero h1 .hl {white-space:nowrap;border-radius:0;padding:0 .12em .07em;transform:rotate(-1.5deg)}
.hero .sub {font-size:20px;line-height:1.65;max-width:730px;margin-top:28px}
.hero-kicker {font-size:12px;letter-spacing:.13em}
.hero-chapters {display:flex;justify-content:center;gap:28px;margin:28px 0;font:500 12px 'JetBrains Mono',monospace}
.hero-chapters a {border-bottom:1px solid #9ca58e;padding-bottom:6px}
.hero-chapters a:hover {border-color:#111}
.hero .stage {max-width:1050px;transform:rotate(.4deg);box-shadow:0 28px 70px #15210020;border-radius:18px}
.hero .panel {border:5px solid #191c17;border-radius:18px;overflow:hidden}
.hero .integr {padding-block:45px}
.sec {padding-block:90px}
.sec-head h2,.library-heading h2 {font-size:clamp(36px,4.6vw,60px);letter-spacing:-.055em}
.motion-library {background:#111310;color:#f5f7f1}
.motion-library .hero-kicker {color:#b1fe29}
.library-heading {display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:end;margin-bottom:44px}
.library-heading em {font-style:normal;color:#b1fe29}
.library-heading p {font-size:17px;line-height:1.7;color:#b7bfb0;max-width:430px}
.library-toolbar {display:flex;justify-content:space-between;align-items:center;gap:20px;border-block:1px solid #343a30;padding:17px 0;margin-bottom:24px}
.library-filters {display:flex;gap:8px;flex-wrap:wrap}
.library-filters button {font-size:14px;padding:10px 18px;border-radius:30px;color:#c4ccbd}
.library-filters button[aria-pressed=true] {background:#b1fe29;color:#10140b}
.library-filters span {margin-left:8px;opacity:.65}
.library-count,.library-note {font-size:13px;color:#b2bca8}
.motion-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.motion-card {min-width:0;border:1px solid #343a30;background:#1a1d17;border-radius:14px;overflow:hidden;transition:border-color .2s,transform .2s}
.motion-card:hover {border-color:#81926b;transform:translateY(-3px)}
.motion-card[hidden] {display:none}
.motion-play {width:100%;display:block;position:relative;aspect-ratio:16/10;background:#000;overflow:hidden}
.motion-play img,.motion-play video {display:block;width:100%;height:100%;object-fit:contain}

.motion-caption {padding:20px;min-height:95px}
.motion-caption h3 {font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.4;letter-spacing:0;margin-bottom:7px}
.motion-caption>span {color:#a5b198;font-size:12px}
.library-bottom {display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:35px;font-size:14px}
.library-bottom a {text-decoration:underline;text-underline-offset:5px}
.library-note {margin-top:20px}
#tools .sec-head {text-align:left;max-width:720px;margin-left:0}
#tools .sec-head p {margin-left:0}
#tools .cards {gap:24px}
#tools .card {border-radius:20px;padding:32px;border-color:#dce0d4;box-shadow:0 7px 24px #17250006}
#tools .card h3 {font-size:30px;letter-spacing:-.04em}
#tools .card .tag {font-size:16px;line-height:1.7}
#tools .badge {border-radius:4px;letter-spacing:.07em;font-size:12px}
#why {background:#f7f8f4}
.proof-section {margin-top:0;background:#ecf0e6;color:#12160c;border-block:1px solid #d7dfcc}
.proof-section .hero-kicker {color:#4b602e}
.proof-section .sec-head {text-align:left;max-width:none}
.proof-section .sec-head h2 span {color:#5b772f}
.proof-section .sec-head p {color:#535f47}
.community-grid {columns:3;column-gap:22px}
.community-card {break-inside:avoid;margin:0 0 22px;background:#fff;border:1px solid #d4ddc9;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #21320c06}
.community-card figcaption {font-weight:700;font-size:15px;padding:20px 20px 15px}
.community-card img {display:block;width:100%;height:auto}



.proof-section .proof-note {color:#536346;font-size:13px;text-align:left;margin-left:0}
@media(max-width:900px){.motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-grid{columns:2}.library-heading{gap:25px}.hero-chapters{gap:15px}.sec{padding-block:64px}}
@media(max-width:600px){.hero{padding-top:48px}.hero .sub{font-size:17px}.hero-chapters{flex-wrap:wrap;font-size:11px;gap:15px}.library-heading{grid-template-columns:1fr;gap:20px}.motion-grid{grid-template-columns:1fr}.community-grid{columns:1}.library-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.library-filters button{padding:10px 14px}.library-bottom{align-items:flex-start;flex-direction:column}.hero .stage{transform:none}#tools .card{padding:22px}.hero .trustbar{font-size:12px}.hero-platform{font-size:12px}}
@media(prefers-reduced-motion:reduce){.motion-card{transition:none}.motion-card:hover{transform:none}}

/* Original messages move as a continuous filmstrip. */


.community-window {overflow-x:auto;scrollbar-width:thin;padding:8px 0 20px}
.community-grid {display:flex;columns:auto;gap:22px;width:max-content;align-items:center}
.community-card {flex:0 0 360px;width:360px;margin:0;background:#19191d;border:0;border-radius:10px;box-shadow:none}
.community-card figcaption {display:none}
.community-card img {width:100%;max-height:370px;object-fit:contain}


.community-window.is-animated {overflow:hidden}
.is-animated .community-grid {animation:community-scroll 75s linear infinite}
.community-window:hover .community-grid,.community-window:focus-within .community-grid,.community-window.is-paused .community-grid {animation-play-state:paused}
.community-window.is-paused {overflow-x:auto}
@keyframes community-scroll {to {transform:translateX(calc(-50% - 11px))}}
@media(max-width:600px){.community-card{flex-basis:290px;width:290px}}
@media(prefers-reduced-motion:reduce){.is-animated .community-grid{animation:none}.community-window.is-animated{overflow-x:auto}.community-card[data-copy]{display:none}}

/* Let the original screenshots and caption animations carry these sections. */
.feedback-transcript {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.proof-section .sec-head {max-width:760px;margin-bottom:40px}
.community-window {margin-top:12px}
.motion-play {cursor:pointer}
.motion-play:focus-visible {outline:3px solid #b1fe29;outline-offset:-4px}
/* Caption styles wall (landing-refresh.js; the wall itself is preview-wall.css) */
.motion-library {overflow:hidden;padding-bottom:88px}
.caption-tile {border:1px solid #343a30;background:#000;transition:border-color .2s,transform .2s}
.caption-tile:hover {border-color:#b1fe29;transform:translateY(-3px)}
.caption-tile .motion-play {height:100%;aspect-ratio:auto;cursor:pointer}
.caption-tile .motion-play video {object-fit:cover}
.caption-tile .motion-play:focus-visible {outline:2px solid #b1fe29;outline-offset:-2px}
.motion-library .library-bottom {margin-top:32px}
@media(prefers-reduced-motion:reduce){.caption-tile{transition:none}.caption-tile:hover{transform:none}}