:root{--accent:#e9d2ab;--muted:#bdb8b0;--line:#2e2a24}
.product{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,76px);padding:48px 0}
.product-icon{display:block;border:1px solid #3c352b;border-radius:20px;margin-bottom:23px}
.eyebrow{color:var(--accent);font-size:.75rem;font-weight:650;letter-spacing:.15em;text-transform:uppercase;margin:0 0 11px}
.product h1{font:400 clamp(4rem,8vw,7rem)/.92 Georgia,serif;letter-spacing:-.075em;margin:0 0 23px}
.pitch{font-size:clamp(1.2rem,2.2vw,1.65rem);line-height:1.25;letter-spacing:-.024em;max-width:29ch;margin:0 0 14px}
.summary{max-width:42ch;color:var(--muted);margin:0 0 25px}
.download{display:inline-flex;align-items:center;gap:14px;min-height:46px;background:var(--accent);color:#21170d;border-radius:10px;padding:9px 15px;font-size:.9rem;font-weight:700;text-decoration:none}
.download:hover{background:#f7e3c6}
.showcase{margin:0;padding:20px 0 8px;display:grid;justify-items:center;gap:16px}
.screens{position:relative;width:min(292px,92%);aspect-ratio:1339/2716;overflow:hidden;padding:0;border:0;border-radius:16% / 8%;background:transparent}
.screens img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;clip-path:inset(.8% .9% round 15% / 7.5%)}
.screens img[hidden]{display:none}
@media(prefers-reduced-motion:no-preference){
  .screen-from-right{animation:screen-from-right .55s cubic-bezier(.25,.65,.35,1) both}
  .screen-to-left{animation:screen-to-left .55s cubic-bezier(.25,.65,.35,1) both}
  @keyframes screen-from-right{from{transform:translateX(100%)}to{transform:translateX(0)}}
  @keyframes screen-to-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}
}
.examples{border-top:1px solid var(--line);padding:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.examples h2{font:400 clamp(1.9rem,3.4vw,2.55rem)/1.1 Georgia,serif;margin:0;letter-spacing:-.035em}
.examples ul{padding:0;margin:0;list-style:none;display:grid;gap:8px}
.examples li{background:#131210;border:1px solid var(--line);border-radius:9px;padding:9px 12px;color:#e9e4da;font-size:.9rem}
.senetus-footer{margin-top:0;justify-content:center;text-align:center}
.senetus-footer p{margin:0}
.senetus-footer svg{vertical-align:-.125em;color:var(--accent)}
.senetus-footer a{color:inherit;font-weight:700;text-decoration:none}
.senetus-footer a:hover,.senetus-footer a:focus-visible{text-decoration:underline}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:670px){.product{grid-template-columns:1fr;gap:29px;padding:30px 0}.product-icon{width:66px;height:66px;border-radius:16px;margin-bottom:17px}.showcase{padding-top:23px}.screens{width:min(270px,90%)}.examples{grid-template-columns:1fr;gap:16px}}
@media(prefers-reduced-motion:no-preference){.product-copy,.showcase{animation:appear .52s ease-out both}.showcase{animation-delay:.10s}.product-copy:focus-within{animation:none}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
