/* ArkGene product presentation, shared by the PL and EN pages. */
.store-button { gap:12px; }
.store-button svg { width:18px; height:18px; flex:none; }
.availability-pill { margin-top:18px; }
.featured { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
.featured-capture { padding:32px; display:grid; align-content:center; background:var(--bg); min-width:0; }
.featured .feature-links { gap:18px; }
.app-capture { margin:0; min-width:0; border:1px solid var(--line); border-radius:14px; overflow:hidden; background:#08131f; }
.app-capture a { display:block; }
.app-capture a:focus-visible { outline-offset:-4px; }
.app-capture img { display:block; width:100%; height:auto; }
.app-capture figcaption { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px 20px; padding:12px 18px; background:var(--surface); color:var(--muted); font-size:.78rem; }
.app-capture figcaption span:last-child { color:var(--accent-text); }
.product-hero { padding:38px 0 0; }
.product-hero .breadcrumbs { margin-bottom:34px; }
.product-hero-grid { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(0,1fr); align-items:center; gap:70px; margin-bottom:44px; }
.product-name { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-bottom:24px; }
.product-name>span:first-of-type { font-size:1.5rem; font-weight:650; }
.product-name img { border-radius:12px; }
.product-hero h1 { font-size:clamp(2.5rem,4.5vw,4.1rem); line-height:1.1; letter-spacing:-.035em; }
.product-hero h1 em { font-style:normal; color:var(--teal); }
.product-lead { max-width:650px; font-size:1.07rem; margin-top:24px; }
.product-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-top:28px; }
.product-meta { margin-top:16px; font-size:.82rem; }
.product-facts { border-left:1px solid var(--line); padding-left:32px; }
.product-facts dl { margin:16px 0 24px; }
.product-facts dl div { padding:15px 0; border-bottom:1px solid var(--line); }
.product-facts dt { font-size:.8rem; color:var(--muted); }
.product-facts dd { margin:4px 0 0; font-size:1.05rem; font-weight:550; }
.product-facts>a { color:var(--teal); font-size:.85rem; }
.product-hero>.app-capture { box-shadow:0 18px 60px #0002; }
.capture-note { margin-top:14px; font-size:.8rem; text-align:center; }
.workflow-section { padding-top:86px; }
.workflow-section .steps { gap:40px; }
.planning-showcase { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr); align-items:center; gap:48px; }
.planning-showcase h3 { margin:18px 0; font-size:2.2rem; }
.release-overview { border-top:1px solid var(--line); padding-top:64px; }
.release-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.release-card { background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:32px; display:flex; align-items:flex-start; flex-direction:column; }
.release-card h3 { font-size:2.7rem; margin:18px 0 12px; font-weight:600; }
.release-card p { margin-bottom:28px; max-width:490px; }
.release-card>a { margin-top:auto; }
.independent-note { font-size:.8rem; margin:28px 0 48px; max-width:850px; }
.callout .store-button { margin-top:18px; text-decoration:none; color:#fff; }
.hero-bottom { flex-wrap:wrap; }
.product-actions>a,.feature-links>a { max-width:100%; }
@media (max-width:1000px) {
  .featured-capture { padding:20px; }
  .product-hero-grid { gap:32px; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); }
  .planning-showcase { gap:28px; }
  .product-facts { padding-left:24px; }
}
@media (max-width:760px) {
  .featured,.product-hero-grid,.planning-showcase,.release-grid { grid-template-columns:1fr; }
  .featured-capture { padding:0 20px 24px; background:var(--surface); }
  .product-hero { padding-top:25px; }
  .product-hero-grid { gap:30px; margin-bottom:30px; }
  .product-hero h1 { font-size:clamp(2.2rem,8vw,3.6rem); }
  .product-name { gap:10px; }
  .product-name .pill { font-size:.7rem; }
  .product-lead { font-size:1rem; }
  .product-facts { border-left:0; border-top:1px solid var(--line); padding:22px 0 0; }
  .product-facts dl { margin:8px 0 16px; }
  .product-facts dl div { display:flex; justify-content:space-between; align-items:baseline; gap:18px; padding:10px 0; }
  .product-facts dd { font-size:.9rem; text-align:right; }
  .product-facts dt { font-size:.75rem; }
  .product-actions { gap:18px; }
  .store-button { padding:12px 16px; font-size:.83rem; gap:10px; }
  .app-capture figcaption { padding:10px 12px; font-size:.7rem; gap:6px; }
  .workflow-section { padding-top:55px; }
  .workflow-section .steps { gap:24px; margin-bottom:40px; }
  .planning-showcase h3 { font-size:1.9rem; }
  .release-overview { padding-top:44px; }
  .release-card { padding:25px; }
  .product-meta { font-size:.75rem; }
  .contact-band h2 { overflow-wrap:anywhere; }
}
@media print {
  .product-facts,.product-actions,.store-button { display:none; }
  .product-hero-grid,.planning-showcase,.release-grid { display:block; }
  .app-capture { break-inside:avoid; box-shadow:none; }
}
