/* Commercial presentation styles for real product screenshots. */
body.v2 .preview-feature{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;box-sizing:border-box;min-width:0;min-height:240px;padding:clamp(24px,4vw,48px);background:linear-gradient(145deg,var(--s2),var(--dark));border:1px solid var(--line-2);border-radius:10px}
body.v2 .preview-feature>.kicker{font-size:9px;margin:0!important}
body.v2 .preview-feature>strong{font-size:clamp(22px,2.5vw,34px);line-height:1.25;color:var(--t1)}
body.v2 .preview-feature>p{font-size:14px;color:var(--t2);line-height:1.7;margin:0!important;max-width:420px}
body.v2 .preview-feature>small{font-size:10px;color:var(--t2);line-height:1.5}
body.v2 .panel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px}


body.v2.page-paineis .panel-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(30px,4vw,60px);align-items:center}
body.v2.page-paineis .panel-hero-copy,body.v2.page-paineis .panel-hero-visual{min-width:0}
body.v2.page-paineis .panel-hero h1{font-size:clamp(40px,4.3vw,62px)}
body.v2.page-paineis .panel-hero .lead{font-size:16px;line-height:1.8}
body.v2.page-paineis .panel-actions{gap:16px 22px}
body.v2.page-paineis .panel-mockup{box-sizing:border-box;min-width:0;margin:0;overflow:hidden;border:1px solid var(--line-2);border-radius:12px;background:var(--dark);box-shadow:0 20px 44px rgba(0,0,0,.18)}
body.v2.page-paineis .panel-mockup img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
body.v2.page-paineis .panel-mockup figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px 16px;position:static;width:auto;height:auto;clip-path:none;white-space:normal;margin:0;padding:13px 18px;border-top:1px solid var(--line);background:var(--s1);font-size:10px;line-height:1.6;color:var(--t2)}
body.v2.page-paineis .panel-mockup figcaption>span:first-child{color:var(--green);font-size:9px;letter-spacing:.08em;font-weight:800}
body.v2.page-paineis .panel-hero-caption{padding:20px 4px 0}
body.v2.page-paineis .panel-hero-caption h2{font-size:21px;line-height:1.4;margin:0 0 8px}
body.v2.page-paineis .panel-hero-caption p{font-size:14px;line-height:1.7;color:var(--t2);margin:0;max-width:520px}
body.v2.page-paineis .panel-examples{scroll-margin-top:100px}
body.v2.page-paineis .panel-examples .section-head{max-width:none;margin-bottom:36px}
body.v2.page-paineis .panel-examples .section-head h2{max-width:none;font-size:clamp(30px,3.6vw,46px);line-height:1.15;text-wrap:balance}
body.v2.page-paineis .panel-examples .section-head .lead{max-width:960px;font-size:17px;line-height:1.75;margin-top:18px}
body.v2.page-paineis .panel-examples .section-head .lead>span{display:block}
body.v2.page-paineis .panel-showcases{display:grid;gap:28px}
body.v2.page-paineis .panel-showcase{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(28px,4vw,48px);align-items:center;min-width:0;padding:clamp(24px,3vw,36px);border:1px solid var(--line-2);border-radius:16px;background:var(--s1)}


body.v2.page-paineis .panel-showcase-copy{min-width:0}
body.v2.page-paineis .panel-showcase-copy h3{font-size:clamp(26px,2.8vw,34px);line-height:1.25;margin:0 0 16px;letter-spacing:-.025em;text-wrap:balance}
body.v2.page-paineis .panel-showcase-copy p{font-size:16px;line-height:1.8;color:var(--t2);margin:0 0 20px}
body.v2 .panel-value{border-block:1px solid var(--line);background:var(--s1)}
body.v2 .panel-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
body.v2 .panel-benefits article{min-width:0}
body.v2 .panel-benefits .kicker{font-size:9px}
body.v2 .panel-benefits h3{font-size:22px;line-height:1.4;margin:0 0 14px}
body.v2 .panel-benefits p{font-size:14px;line-height:1.8;color:var(--t2);margin:0}
@media(max-width:1100px){body.v2.page-paineis .panel-showcase{grid-template-columns:minmax(0,1fr);gap:26px;max-width:900px;width:100%;margin-inline:auto}body.v2.page-paineis .panel-showcase-copy{max-width:680px}}
@media(max-width:980px){body.v2 .panel-benefits{grid-template-columns:1fr;gap:32px}body.v2.page-paineis .panel-hero-layout{grid-template-columns:minmax(0,1fr);gap:36px}body.v2.page-paineis .panel-hero-visual{width:100%;max-width:760px;margin-inline:auto}}
@media(max-width:720px){body.v2 .panel-actions{align-items:stretch;flex-direction:column;gap:16px}body.v2 .panel-actions>.btn{justify-content:center}body.v2 .preview-feature{min-height:220px}body.v2.page-paineis .panel-mockup figcaption{padding:12px 14px}body.v2.page-paineis .panel-examples .section-head{margin-bottom:32px}body.v2.page-paineis .panel-hero-caption{padding-top:16px}}

/* Keep each explanation, action and real capture in one readable unit. */
body.v2.page-paineis .panel-examples .section-head>.kicker,body.v2.page-paineis .panel-showcase-copy>.kicker{font-size:11px!important;line-height:1.5;margin-bottom:14px!important}
body.v2.page-paineis .panel-showcase .panel-mockup{box-shadow:none;border-color:var(--line)}
@media(max-width:720px){body.v2.page-paineis .panel-showcase{padding:22px 18px;gap:24px;border-radius:12px}body.v2.page-paineis .panel-examples .section-head .lead{font-size:16px}body.v2.page-paineis .panel-showcase-copy p{font-size:16px;line-height:1.75}}