/* Carryover product and legal pages. Extends the shared Apzin system. */

.co-back{font-size:13px;color:var(--text-muted);}
.co-back:hover{color:var(--accent);}

.az-hero.co-hero{padding:64px 0 76px;}
.co-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:76px;align-items:center;}
.co-appicon{
  width:88px;height:88px;border-radius:22px;display:block;margin:0 0 28px;object-fit:cover;
  box-shadow:var(--shadow-panel);
  animation:az-rise .5s var(--ease-standard) both;
}
.co-hero-h{
  font-family:var(--font-serif-display);font-style:italic;font-size:58px;line-height:1.05;
  letter-spacing:-.015em;font-weight:500;color:var(--text-display);margin:0 0 22px;
  animation:az-rise .6s var(--ease-standard) .05s both;
}
.co-hero-sub{
  max-width:630px;margin:0 0 30px;font-size:20px;line-height:1.55;color:var(--text-muted);text-wrap:pretty;
  animation:az-rise .6s var(--ease-standard) .12s both;
}
.co-meta{display:flex;flex-wrap:wrap;gap:10px;animation:az-rise .6s var(--ease-standard) .18s both;}
.co-chip{font-size:12px;font-weight:600;padding:5px 14px;border:1px solid var(--border-soft);border-radius:999px;color:var(--text-muted);}
.co-chip--accent{border-color:transparent;background:var(--surface-tile);color:var(--terracotta-600);}

.co-demo{
  position:relative;min-height:330px;padding:34px;border:1px solid var(--border-hairline);border-radius:28px;
  background:var(--surface-tile);overflow:hidden;box-shadow:var(--shadow-card);
  animation:az-rise .7s var(--ease-standard) .14s both;
}
.co-demo-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-muted);}
.co-demo-lives{color:var(--terracotta-500);letter-spacing:2px;}
.co-demo-lives i{color:var(--espresso-300);font-style:normal;opacity:.45;}
.co-demo-progress{height:4px;margin-top:13px;border-radius:999px;background:var(--track);overflow:hidden;}
.co-demo-progress span{display:block;width:60%;height:100%;border-radius:inherit;background:var(--espresso-800);}
.co-equation{margin:56px 0 46px;text-align:center;font-family:var(--font-serif-display);font-size:58px;color:var(--espresso-900);white-space:nowrap;}
.co-answers{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;}
.co-answers span{display:grid;place-items:center;height:42px;border:1px solid var(--border-soft);border-radius:12px;background:var(--cream-050);font-family:var(--font-serif-display);font-size:19px;color:var(--espresso-800);}

.co-section{padding:72px 0;border-top:1px solid var(--border-hairline);}
.co-section > .az-kicker{display:block;margin-bottom:12px;}
.co-section .az-h2{max-width:690px;margin-bottom:16px;line-height:1.17;text-wrap:pretty;}
.co-lede{max-width:650px;margin:0 0 40px;font-size:17px;color:var(--text-muted);text-wrap:pretty;}
.co-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.co-feature{padding:28px;background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:16px;}
.co-feature-no{font-family:var(--font-serif-display);font-size:28px;font-style:italic;color:var(--terracotta-500);margin-bottom:18px;}
.co-feature h3{font-size:16px;color:var(--text-display);margin:0 0 8px;}
.co-feature p{font-size:14px;color:var(--text-muted);margin:0;text-wrap:pretty;}

.co-screens-head{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:end;margin-bottom:38px;}
.co-screens-head .az-kicker{display:block;margin-bottom:12px;}
.co-screens-head .az-h2{margin-bottom:0;}
.co-screens-head > p{margin:0;color:var(--text-muted);font-size:16px;text-wrap:pretty;}
.co-gallery{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:end;
  margin:0;padding:48px 34px 32px;border-radius:24px;background:var(--espresso-800);
}
.co-shot{min-width:0;margin:0;}
.co-shot > img,.co-compare{
  display:block;width:100%;height:auto;aspect-ratio:1206/2622;border-radius:clamp(20px,2.3vw,30px);
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.2));
}
.co-shot figcaption{padding:20px 3px 0;font-size:12.5px;line-height:1.5;color:rgba(250,247,241,.58);text-wrap:pretty;}
.co-shot figcaption strong{display:block;margin-bottom:4px;color:var(--cream-050);font-size:13px;font-weight:600;}

.co-compare{position:relative;overflow:hidden;background:#f8f5ef;isolation:isolate;}
.co-compare img{display:block;width:100%;height:100%;object-fit:cover;}
.co-compare-light{position:absolute;inset:0;}
.co-compare-dark{position:absolute;z-index:1;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0);}
.co-compare-line{position:absolute;z-index:2;top:0;bottom:0;left:var(--split);width:2px;background:rgba(255,255,255,.9);transform:translateX(-1px);box-shadow:0 0 0 1px rgba(34,31,26,.18);pointer-events:none;}
.co-compare-handle{
  position:absolute;z-index:3;left:var(--split);top:50%;width:38px;height:38px;display:grid;place-items:center;
  border:2px solid rgba(34,31,26,.14);border-radius:50%;background:var(--cream-050);color:var(--espresso-800);
  box-shadow:0 3px 14px rgba(0,0,0,.22);font-size:19px;font-weight:700;transform:translate(-50%,-50%);pointer-events:none;
}
.co-compare-label{
  position:absolute;z-index:3;top:13px;padding:5px 9px;border-radius:999px;
  background:rgba(34,31,26,.72);color:var(--cream-050);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;
}
.co-compare-label--dark{left:12px;}
.co-compare-label--light{right:12px;background:rgba(255,253,248,.82);color:var(--espresso-800);}
.co-compare-range{
  appearance:none;position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;background:transparent;cursor:ew-resize;
}
.co-compare-range::-webkit-slider-runnable-track{height:100%;background:transparent;}
.co-compare-range::-webkit-slider-thumb{appearance:none;width:38px;height:100%;background:transparent;}
.co-compare-range::-moz-range-track{height:100%;background:transparent;border:0;}
.co-compare-range::-moz-range-thumb{width:38px;height:100%;border:0;background:transparent;}
.co-compare-range:focus-visible{outline:3px solid var(--gold-500);outline-offset:-5px;border-radius:inherit;}

.co-rhythm{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.co-rhythm .az-btn{padding:11px 24px;}
.co-reminder-card{padding:24px;border-radius:20px;background:var(--surface-tile);}
.co-reminder-kicker{display:block;margin:0 0 10px 4px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-accent);}
.co-reminder-row{display:flex;align-items:center;gap:15px;padding:20px;border:1px solid var(--border-hairline);border-radius:15px;background:var(--surface-card);box-shadow:var(--shadow-card);}
.co-reminder-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:var(--surface-tile);color:var(--terracotta-600);}
.co-reminder-copy{display:flex;min-width:0;flex:1;flex-direction:column;}
.co-reminder-copy strong{font-size:15px;color:var(--text-display);}
.co-reminder-copy small{font-size:13px;color:var(--text-muted);}
.co-toggle{width:48px;height:28px;padding:3px;flex:0 0 auto;border-radius:999px;background:var(--terracotta-500);}
.co-toggle i{display:block;width:22px;height:22px;margin-left:auto;border-radius:50%;background:var(--cream-050);box-shadow:0 1px 4px rgba(42,36,29,.25);}

.co-support{
  display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;padding:48px;
  border-radius:20px;background:var(--espresso-800);color:var(--cream-100);
}
.co-support .az-kicker{display:block;margin-bottom:12px;color:var(--gold-500);}
.co-support h2{font-family:var(--font-serif-display);font-size:32px;font-style:italic;font-weight:500;color:var(--cream-050);margin:0 0 14px;}
.co-support p{margin:0 0 22px;color:rgba(250,247,241,.72);}
.co-support .az-btn{padding:13px 28px;}
.co-support-links{display:grid;gap:12px;}
.co-support-links a{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid rgba(250,247,241,.12);color:var(--cream-100);font-size:14px;font-weight:600;}
.co-support-links a:last-child{border-bottom:0;}
.co-support-links a:hover{color:var(--gold-500);}

.co-legal-hero{max-width:760px;}
.co-legal-hero .co-hero-sub{max-width:650px;margin-bottom:0;}
.co-legal{max-width:700px;}
.co-effective{margin:0 0 32px;font-size:13px;color:var(--text-faint);}
.co-summary{margin:0 0 36px;padding:26px 28px;border-radius:16px;background:var(--surface-tile);color:var(--text-body);}
.co-legal h2{margin:42px 0 14px;font-family:var(--font-serif-display);font-size:28px;font-style:italic;font-weight:500;color:var(--text-display);}
.co-legal p{margin:0 0 16px;font-size:16.5px;line-height:1.65;color:var(--text-body);text-wrap:pretty;}
.co-legal ul{margin:0 0 18px;padding-left:20px;}
.co-legal li{margin-bottom:8px;font-size:16.5px;line-height:1.6;color:var(--text-body);text-wrap:pretty;}
.co-legal strong{color:var(--text-display);}
.co-footer-links{display:flex;gap:20px;flex-wrap:wrap;}
.co-footer-links a{color:var(--text-faint);}
.co-footer-links a:hover{color:var(--accent);}

@media (max-width:860px){
  .az-hero.co-hero{padding:40px 0 56px;}
  .co-hero-grid,.co-rhythm,.co-support{grid-template-columns:1fr;}
  .co-hero-grid{gap:42px;}
  .co-demo{max-width:390px;width:100%;}
  .co-hero-h{font-size:40px;}
  .co-features{grid-template-columns:1fr;}
  .co-screens-head{grid-template-columns:1fr;gap:16px;}
  .co-gallery{
    grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(72vw,280px);align-items:end;
    gap:20px;margin-left:-24px;margin-right:-24px;padding:36px 24px 28px;border-radius:0;
    overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;
  }
  .co-shot{scroll-snap-align:center;}
  .co-support{gap:28px;padding:32px;}
  .az-navlinks{display:flex;gap:0;}
  .az-navlinks a:not(.az-btn){display:none;}
}

@media (prefers-reduced-motion:reduce){
  .co-appicon,.co-hero-h,.co-hero-sub,.co-meta,.co-demo{animation:none;}
}