/* Real-footage product views and the second feedback round. */

.feature-visual.conversion-art{width:min(100%,440px);height:auto;min-height:0;margin:0 auto;padding:0;border:0;border-radius:18px;background:transparent;box-shadow:0 28px 58px #0005;line-height:0}
.conversion-art img{display:block;width:100%;height:auto}

.process-card{min-height:495px}
.process-visual{display:block;width:100%;height:auto;aspect-ratio:4/3;margin:18px 0 22px;border-radius:8px;box-shadow:0 16px 30px #17271e20}

/* Shared application chrome, file details, and case-specific ad views. */
.feature-visual.ui-host,.concept-board.ui-batch{border-color:#33444b;background:#111a20;box-shadow:0 28px 58px #0005}
.ui-window-top{height:39px;border-color:#34434a;background:#172027}
.ui-window-top small{color:#aebdc5}
.ui-window-top em{margin-left:auto;color:#c5eb9a;letter-spacing:.08em}
.ui-workspace{grid-template-columns:86px minmax(0,1fr);min-height:390px}
.ui-side{align-items:stretch;gap:5px;padding:13px 7px;background:#121c22;font-size:13px}
.ui-side b{width:29px;height:29px;margin:0 0 14px 3px}
.ui-side span{display:flex;align-items:center;gap:8px;width:auto;padding:7px 6px;text-align:left}
.ui-side span small{font-size:8px;font-weight:700;line-height:1}
.ui-side .selected{background:#2b4227;color:#d5f0b5}
.ui-main{padding:18px 19px 14px;background:#131e25}
.ui-title h3{font-size:21px}
.ui-status{border-color:#496447;background:#263725;color:#d5f0b5}
.ui-query{margin:14px 0 10px;border-color:#536c5c;background:#1e2d30;box-shadow:none}
.ui-filterline{margin-bottom:12px}
.ui-filterline b,.ui-filterline span{border-color:#3a4b53;background:#1e2b32}
.ui-filterline b{border-color:#71934d;background:#2d4128;color:#d8f3bc}
.ui-clip-grid{gap:9px}
.ui-clip{background:#202d34}
.ui-clip img{height:162px}
.ui-clip>span{top:134px}
.ui-clip>div{padding:8px 7px}
.ui-clip b{font-size:9px}
.ui-clip small{font-size:8px}
.ui-resultline{align-items:center;margin-top:13px;padding-top:10px;border-top:1px solid #32434b}
.ui-resultline b{color:#d4f3a6}

.analysis-workspace{min-height:390px}
.analysis-body{min-width:0;min-height:390px;padding:17px 18px 13px;background:#141e25}
.analysis-heading h3{font-size:20px}
.analysis-heading>span{border-color:#435b48;background:#253627;color:#c8eaa9}
.analysis-tabs,.batch-tabs{display:flex;align-items:center;gap:17px;margin-top:13px;padding-bottom:9px;border-bottom:1px solid #35444a;color:#98aab2;font-size:9px;font-weight:700}
.analysis-tabs b,.batch-tabs b{position:relative;color:#d7efb5}
.analysis-tabs b::after,.batch-tabs b::after{content:"";position:absolute;right:0;bottom:-10px;left:0;height:2px;background:var(--lime)}
.analysis-layout{grid-template-columns:133px minmax(0,1fr);gap:13px;margin-top:12px}
.analysis-ad{height:234px;border-color:#53686b;background:#0d1519}
.analysis-ad img{height:calc(100% - 24px);object-fit:contain;background:#0d1519}
.analysis-ad>span{bottom:5px;left:7px;padding:0;background:none;color:#d3e0e1}
.analysis-progress{right:8px;bottom:9px;left:auto;width:43px}
.analysis-notes>div{border-color:#3b4c53;background:#202d34}
.analysis-notes small{color:#bbdf8c}
.analysis-notes span{color:#aebbc1}
.analysis-source{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:12px;padding-top:10px;border-top:1px solid #35444a}
.analysis-source span{margin-right:3px;color:#9fb1b9;font-size:8px;font-weight:800}
.analysis-source b{max-width:100%;overflow:hidden;padding:4px 6px;border:1px solid #405650;border-radius:3px;background:#24342f;color:#d5e8d7;font-size:8px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}

.batch-workspace{min-height:0}
.batch-body{min-width:0;padding:19px 20px 22px;background:#141e25}
.batch-heading{align-items:center}
.batch-heading h3{font-size:22px}
.batch-heading>span{border-color:#3b4d52;background:#202c33;color:#b8c7cb}
.batch-tabs{margin:0 0 15px}
.batch-grid{gap:10px}
.batch-card{height:219px;border-color:#3e5156;background:#1e2c32}
.batch-preview img{object-position:center top}
.batch-preview span{top:7px;right:7px;bottom:auto;left:auto;background:#111b1ce8}
.batch-card-copy small{color:#c1e78a}
.batch-card-copy p{color:#bac8c9}
.batch-card-copy>span{border-color:#465d44;color:#d2efa9}

.assembly-visual{background:#111b1a}
.assembly-item{border-color:#4e695b}
.assembly-item img{height:calc(100% - 22px);object-fit:contain;background:#0d1716}
.assembly-item span{position:static;display:grid;place-items:center;height:22px;padding:0 3px;background:#1d2c25;color:#e8f1e6}
.assembly-item.audio{flex-direction:column;background:#1c2d25}
.assembly-item.audio .audio-wave{flex:1}
.assembly-item.audio span{width:100%}
.assembly-caption{color:#acbeb4}
.closing-object.closing-ui{border-color:#3b5547;background:#121d22;box-shadow:0 24px 55px #0007}
.closing-ui-body{background:#142027}
.closing-attach{flex-wrap:wrap}
.closing-attach img{width:42px;height:54px}
.closing-attach span{min-width:0;overflow:hidden;color:#b6c7bc;text-overflow:ellipsis;white-space:nowrap}

/* Mixed source files, shown as a working footage library. */
.goldmine-visual{min-height:455px;padding:17px;border-color:#cbd5d0;background:#e7ebe7;box-shadow:0 16px 38px #18322613}
.fileboard-top{display:flex;align-items:center;gap:12px;height:32px;margin-bottom:11px;padding:0 9px;border:1px solid #d3dcd6;border-radius:5px;background:#f8faf8;color:#24312c;font-size:11px;font-weight:800}
.fileboard-top small{overflow:hidden;color:#708077;font-size:9px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.fileboard-top b{margin-left:auto;color:#6e8174;font-size:16px}
.goldmine-fileboard{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(3,112px);gap:8px}
.footage-file{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid #c8d3cb;border-radius:5px;background:#fbfcfb;box-shadow:0 5px 15px #253d2c16}
.footage-file img{display:block;width:100%;height:calc(100% - 26px);object-fit:cover;object-position:center 38%}
.footage-file span{display:block;overflow:hidden;padding:6px 7px;color:#314139;font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.footage-file small{position:absolute;right:5px;top:5px;padding:2px 4px;border-radius:2px;background:#142019d9;color:white;font-size:8px;font-weight:800}
.file-one{grid-column:1/5;grid-row:1/3}
.file-two{grid-column:5/8;grid-row:1/2}
.file-three{grid-column:8/13;grid-row:1/2}
.file-four{grid-column:5/9;grid-row:2/4}
.file-five{grid-column:9/13;grid-row:2/4}
.file-six{grid-column:1/5;grid-row:3/4}

/* Compact manual-vs-AdSalad comparison with clear opposing icons. */
.testing-section{padding:82px 0 58px}
.testing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:900px;margin:32px auto 0;border:0;background:none}
.testing-card,.testing-card.with{display:flex;align-items:center;gap:18px;min-height:145px;padding:22px;border:1px solid #49545a;border-radius:10px;background:#151d23;text-align:left}
.testing-card.with{border-color:#5c7546;background:#17231b}
.comparison-mark{display:grid;place-items:center;width:58px;height:58px;flex:none;border:1px solid #815760;border-radius:9px;background:#31232a;color:#e69ba7}
.testing-card.with .comparison-mark{border-color:#739751;background:#2b4226;color:#caed9c}
.comparison-mark svg{width:46px;height:46px;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.testing-card small,.testing-card.with small{margin:0 0 7px;color:#dcb0b8}
.testing-card.with small{color:#c7e995}
.testing-card p{max-width:none;margin:0;font-size:18px;line-height:1.32}

/* Center the dark-section copy and actions; app content remains left aligned. */
.feature-section.section-dark .feature-copy{display:flex;flex-direction:column;align-items:center;text-align:center}
.feature-section.section-dark .feature-copy h2,.feature-section.section-dark .feature-copy p{margin-inline:auto}
.feature-section.section-dark .feature-cta{align-self:center}
.trust-panel{grid-template-columns:1fr;justify-items:center;gap:8px;text-align:center}
.trust-quote{font-size:78px;line-height:.8}
.trust-copy p{margin-inline:auto}
.trust-copy .button{margin-inline:auto}
.closing-copy{text-align:center}
.closing-copy h2{margin-inline:auto}
.closing-copy .button{margin-inline:auto}

@media(max-width:1024px){
  .ui-workspace{grid-template-columns:65px minmax(0,1fr)}
  .ui-side{padding-inline:4px}.ui-side span{gap:5px;padding-inline:4px}.ui-side span small{font-size:7px}
  .ui-main{padding:14px 12px 12px}
  .ui-clip img{height:135px}.ui-clip>span{top:107px}
  .analysis-layout{grid-template-columns:106px minmax(0,1fr)}
  .analysis-ad{height:220px}
  .batch-card{height:205px}
  .batch-card-copy{padding:10px 8px}
  .batch-card-copy b{font-size:14px}
}
@media(min-width:641px) and (max-width:1024px){
  .process-grid{grid-template-columns:1fr;gap:16px}
  .process-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);grid-template-rows:auto auto 1fr;column-gap:24px;min-height:0;align-items:start}
  .process-number{grid-column:1/-1;margin-bottom:16px}
  .process-visual{grid-column:1;grid-row:2/4;margin:0}
  .process-card h3{grid-column:2;grid-row:2}
  .process-card p{grid-column:2;grid-row:3}
}
@media(max-width:640px){
  .process-card{min-height:0}
  .process-visual{max-width:440px;margin:15px auto 19px}
  .feature-visual.ui-host{height:auto}
  .ui-workspace{grid-template-columns:36px minmax(0,1fr);min-height:0}
  .ui-side{align-items:center;gap:12px;padding:10px 3px}
  .ui-side b{width:24px;height:24px;margin:0 0 8px;font-size:9px}
  .ui-side span{display:grid;place-items:center;width:25px;padding:5px 0;font-size:14px}
  .ui-side span small{display:none}
  .ui-main{padding:12px 10px 10px}
  .ui-title h3{font-size:18px}
  .ui-query{height:33px;margin:11px 0 8px}
  .ui-filterline{margin-bottom:9px}
  .ui-clip-grid{gap:5px}
  .ui-clip img{height:125px}.ui-clip>span{top:99px}
  .ui-clip>div{padding:5px}
  .ui-clip b{font-size:8px}.ui-clip small{font-size:7px}
  .ui-resultline{font-size:7px}
  .analysis-body{min-height:0;padding:13px 10px}
  .analysis-heading h3{font-size:17px}
  .analysis-layout{grid-template-columns:95px minmax(0,1fr);gap:8px}
  .analysis-ad{height:194px}
  .analysis-notes>div{padding:6px}.analysis-notes b{font-size:8px}.analysis-notes span{font-size:7px}
  .analysis-tabs,.batch-tabs{gap:10px;font-size:8px}
  .analysis-source{gap:4px}.analysis-source b{font-size:7px}
  .batch-body{padding:13px 10px 15px}
  .batch-heading h3{font-size:20px}
  .batch-grid{grid-template-columns:1fr;gap:7px}
  .batch-card{height:126px;grid-template-columns:34% minmax(0,1fr)}
  .batch-card-copy{padding:8px 10px}
  .batch-card-copy b{font-size:15px}.batch-card-copy p{font-size:9px}
  .goldmine-visual{min-height:360px;padding:12px}
  .goldmine-fileboard{grid-template-rows:repeat(3,91px);gap:5px}
  .footage-file img{height:calc(100% - 21px)}.footage-file span{padding:4px;font-size:7px}.footage-file small{font-size:7px}
  .testing-section{padding:68px 0 42px}
  .testing-grid{grid-template-columns:1fr;gap:8px;margin-top:25px}
  .testing-card,.testing-card.with{min-height:113px;padding:16px;gap:14px}
  .comparison-mark{width:48px;height:48px}.comparison-mark svg{width:40px;height:40px}
  .testing-card p{font-size:16px}
  .trust-panel{padding:26px 22px}
  .trust-quote{font-size:63px}
  .closing-copy h2{margin-inline:auto}
  .closing-object.closing-ui{margin-top:34px}
  .closing-attach span{width:100%;margin:4px 0 0}
}
@media(max-width:480px){
  .ui-clip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-clip:nth-child(3){grid-column:1/-1;display:flex;height:74px}
  .ui-clip:nth-child(3) img{width:74px;height:74px;flex:none}
  .ui-clip:nth-child(3)>span{top:49px;left:42px;right:auto}
  .ui-clip:nth-child(3)>div{align-self:center}
}
@media(max-width:380px){
  .analysis-heading>span,.batch-heading>span{display:none}
  .analysis-tabs,.batch-tabs{gap:7px}
}