/* Presentation only. Screenshots retain the original app colours and pixels. */
.authentic-block{--a-ink:#132140;--a-muted:#5d6982;--a-paper:#fff;--a-line:#dce3ef;--a-accent:#4058db;--a-soft:#edf1fa;color:var(--a-ink);margin:26px auto 12px;min-width:0}
.signal .authentic-block,.pulse .authentic-block{--a-ink:#e7ecfa;--a-muted:#a6b3cd;--a-paper:#121e32;--a-line:#2c3b55;--a-accent:#9fb4ff;--a-soft:#1a2942}
.authentic-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px auto 16px}
.authentic-choices{display:flex;align-items:center;border:1px solid var(--a-line);padding:5px;border-radius:12px;background:var(--a-paper);gap:4px}
.authentic-choices button{border:0;border-radius:8px;background:transparent;color:var(--a-muted);font:inherit;font-size:12px;font-weight:600;line-height:1.3;padding:10px 15px;cursor:pointer;white-space:nowrap}
.authentic-choices button[aria-pressed=true]{background:var(--a-soft);color:var(--a-accent);box-shadow:0 1px 3px #17274410}
.authentic-choices button:focus-visible,.authentic-block a:focus-visible,.authentic-block button:focus-visible{outline:3px solid #7393ef;outline-offset:4px}
.authentic-toolbar-label{font-size:12px;color:var(--a-muted);font-weight:600}
.authentic-note{text-align:center;font-size:12px!important;line-height:1.65!important;color:var(--a-muted)!important;max-width:820px!important;margin:14px auto!important}
.authentic-note strong{font-weight:650;color:var(--a-ink)}
.authentic-stage{position:relative;isolation:isolate;aspect-ratio:1.64;margin:24px -10px 0;perspective:1600px}
.authentic-stage:before{content:'';position:absolute;inset:14% 8% -5%;background:radial-gradient(ellipse at center,#4767cb1e,transparent 65%);z-index:-1}
.authentic-layer{position:absolute;display:block;border-radius:10px;overflow:hidden;border:1px solid #90a4c42b;background:var(--a-paper);box-shadow:0 18px 38px #081b3c24;transform-origin:center bottom}
.authentic-layer img{display:block;width:100%;height:auto;max-width:none;margin:0!important;border-radius:0!important;filter:none!important}
.authentic-layer.far-left{width:48%;left:-5%;top:18%;transform:rotate(-9deg) scale(.9);z-index:1;opacity:.66;box-shadow:0 16px 32px #081b3c1f}
.authentic-layer.far-right{width:48%;right:-5%;top:18%;transform:rotate(9deg) scale(.9);z-index:1;opacity:.66;box-shadow:0 16px 32px #081b3c1f}
.authentic-layer.near-left{width:58%;left:-1%;top:8%;transform:translateX(-4%) rotate(-4.5deg);z-index:2;opacity:.94;box-shadow:0 22px 46px #081b3c29}
.authentic-layer.near-right{width:58%;right:-1%;top:8%;transform:translateX(4%) rotate(4.5deg);z-index:2;opacity:.94;box-shadow:0 22px 46px #081b3c29}
.authentic-layer.front{width:70%;left:15%;top:0;z-index:4;box-shadow:0 34px 82px #091e4545;cursor:zoom-in}
.authentic-layer.front:hover{outline:2px solid #6983db;outline-offset:0}
.authentic-stage[data-layout=fan]{overflow:visible}
.authentic-stage[data-layout=fan] .authentic-layer{transition:transform .24s ease,opacity .24s ease,box-shadow .24s ease}
.authentic-stage[data-layout=fan]:hover .far-left{transform:translateX(-3%) rotate(-10deg) scale(.9)}
.authentic-stage[data-layout=fan]:hover .far-right{transform:translateX(3%) rotate(10deg) scale(.9)}
.authentic-stage[data-layout=fan]:hover .near-left{transform:translateX(-7%) rotate(-5deg)}
.authentic-stage[data-layout=fan]:hover .near-right{transform:translateX(7%) rotate(5deg)}
.authentic-stage[data-layout=parallel] .far-left{transform:translateY(3%) scale(.9)}
.authentic-stage[data-layout=parallel] .far-right{transform:translateY(3%) scale(.9)}
.authentic-stage[data-layout=parallel] .near-left,.authentic-stage[data-layout=parallel] .near-right{transform:none}
.authentic-stage[data-layout=parallel] .front{width:65%;left:17.5%;top:-1%}
.authentic-actions{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin:22px auto}
.authentic-actions a,.authentic-actions button{font-size:13px;cursor:pointer}
.authentic-actions .authentic-link{border:0;background:none;color:var(--a-accent);font:inherit;font-size:13px;font-weight:600;line-height:1.5;text-decoration:underline;text-underline-offset:5px;padding:10px}
.authentic-screenshot{margin:0;min-width:0;border-radius:13px;overflow:hidden;border:1px solid var(--a-line,#dce3ef);background:var(--a-paper,#fff)}
.authentic-screenshot>a{display:block;cursor:zoom-in}.authentic-screenshot img{display:block;width:100%;height:auto}.authentic-screenshot figcaption{font-size:11px;line-height:1.6;padding:10px 14px;color:var(--a-muted,#5d6982);text-align:left;background:var(--a-paper,#fff)}
.authentic-gallery-page .page-intro{padding-bottom:16px}.authentic-subtitle{font-size:15px;color:var(--a-muted);line-height:1.6;max-width:800px}
.authentic-summary{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin:22px 0;color:var(--a-muted);font-size:12px}.authentic-summary b{color:var(--a-ink);font-size:17px;margin-right:5px}
.authentic-composition{padding:28px 0 20px;border-top:1px solid var(--a-line)}
.authentic-composition-title{display:flex;align-items:center;gap:12px;margin:0 0 2px;font-size:21px;letter-spacing:-.025em}
.authentic-composition-title>span{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:1px solid var(--a-line);border-radius:10px;background:var(--a-soft);color:var(--a-accent);font-size:14px;letter-spacing:0}
.authentic-captures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}
.authentic-captures .authentic-screenshot a{max-height:240px;overflow:hidden}
.authentic-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0 48px;border-top:1px solid var(--a-line);padding-top:30px}
.authentic-facts h3{font-size:16px;margin:0 0 10px}.authentic-facts p{font-size:13px;line-height:1.75;color:var(--a-muted);margin:0}
.authentic-demo-section{scroll-margin-top:100px}.authentic-demo-intro{display:flex;align-items:end;justify-content:space-between;gap:20px}.authentic-demo-intro h2{font-size:28px;letter-spacing:-.03em;margin:0 0 10px}
.authentic-demo-frame{height:1000px;width:100%;border:1px solid var(--a-line);border-radius:12px;background:var(--a-paper);margin:20px 0;display:block}
.authentic-demo-placeholder{min-height:240px;border:1px dashed var(--a-line);border-radius:15px;background:var(--a-soft);display:grid;place-content:center;text-align:center;padding:32px;gap:14px}.authentic-demo-placeholder p{color:var(--a-muted);font-size:14px;margin:0}.authentic-demo-placeholder button{margin:auto}
.authentic-lightbox{border:1px solid #526381;border-radius:14px;padding:0;max-width:96vw;max-height:94vh;width:1480px;background:#111d31;color:#eef2ff;overflow:auto;box-shadow:0 30px 100px #0006}.authentic-lightbox::backdrop{background:#040b1be8}.authentic-lightbox header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;background:#111d31;border-bottom:1px solid #33445e;font:13px/1.5 system-ui}.authentic-lightbox button{border:1px solid #526381;border-radius:7px;background:#1d2e4c;color:#fff;padding:8px 12px;cursor:pointer;font:13px/1.3 system-ui}.authentic-lightbox img{display:block;width:100%;height:auto}.authentic-lightbox small{display:block;padding:12px 18px;color:#adbbd3}.authentic-compat-anchor{scroll-margin-top:110px}
.authentic-install-link{display:inline-flex;gap:7px;align-items:center;font-size:13px;color:var(--a-accent);font-weight:650}
.hero>.authentic-block{width:100%;grid-column:1/-1}.signal .hero:has(>.authentic-block){display:block}.signal .hero:has(>.authentic-block) .hero-copy{max-width:850px;margin:auto;text-align:center}.signal .hero:has(>.authentic-block) .button-row{justify-content:center}.signal .hero:has(>.authentic-block) .hero-copy>p{margin-inline:auto}
@media(min-width:1600px){.authentic-stage{margin-inline:-50px}}
@media(max-width:760px){.authentic-toolbar{gap:8px}.authentic-choices button{padding:9px 10px;font-size:11px}.authentic-stage{aspect-ratio:1.34;margin-inline:0}.authentic-layer.front{width:86%;left:7%}.authentic-layer.near-left{left:-1%;width:69%;top:7%;transform:rotate(-3.5deg)}.authentic-layer.near-right{right:-1%;width:69%;top:7%;transform:rotate(3.5deg)}.authentic-layer.far-left,.authentic-layer.far-right{display:none}.authentic-stage[data-layout=fan]:hover .near-left{transform:rotate(-3.5deg)}.authentic-stage[data-layout=fan]:hover .near-right{transform:rotate(3.5deg)}.authentic-stage[data-layout=parallel] .front{width:86%;left:7%}.authentic-layer{border-radius:6px}.authentic-summary{gap:10px 18px}.authentic-captures{grid-template-columns:repeat(2,minmax(0,1fr))}.authentic-facts{grid-template-columns:1fr;gap:22px}.authentic-demo-intro{align-items:start;flex-direction:column}.authentic-demo-frame{height:900px}.authentic-lightbox img{width:1100px;max-width:none}.authentic-lightbox header{min-width:min(700px,95vw)}.authentic-actions{gap:8px}.authentic-actions .button{width:auto}.authentic-composition-title{font-size:18px}}
@media(prefers-reduced-motion:reduce){.authentic-block *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:761px) and (max-width:900px){.authentic-stage{margin-inline:12px}}


/* Homepage hero screenshots become a swipeable strip on mobile */
@media(max-width:680px){
 .hero-product-preview .authentic-stage[data-layout=fan]{
  display:flex;
  gap:12px;
  width:calc(100% + 24px);
  margin:12px -12px 0;
  padding:8px 12px 16px;
  aspect-ratio:auto;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:12px;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  perspective:none;
  scrollbar-width:none;
 }
 .hero-product-preview .authentic-stage[data-layout=fan]::-webkit-scrollbar{display:none}
 .hero-product-preview .authentic-stage[data-layout=fan]:before{display:none}
 .hero-product-preview .authentic-stage[data-layout=fan] .authentic-layer,
 .hero-product-preview .authentic-stage[data-layout=fan] .authentic-layer.far-left,
 .hero-product-preview .authentic-stage[data-layout=fan] .authentic-layer.far-right,
 .hero-product-preview .authentic-stage[data-layout=fan] .authentic-layer.near-left,
 .hero-product-preview .authentic-stage[data-layout=fan] .authentic-layer.near-right,
 .hero-product-preview .authentic-stage[data-layout=fan] .authentic-layer.front{
  position:relative;
  display:block;
  flex:0 0 86%;
  width:86%;
  left:auto;
  right:auto;
  top:auto;
  opacity:1;
  transform:none;
  scroll-snap-align:center;
  border-radius:10px;
  box-shadow:0 16px 34px #081b3c24;
 }
 .hero-product-preview .authentic-stage[data-layout=fan] .authentic-layer img{
  width:100%;
  height:auto;
 }
 .hero-product-preview .authentic-stage[data-layout=fan]:hover .authentic-layer{transform:none}
}


/* Mobile homepage screenshot carousel affordance */
.hero-mobile-carousel-ui{display:none}
@media(max-width:680px){
 .hero-product-preview{position:relative}
 .hero-product-preview .authentic-stage[data-layout=fan]{
  gap:14px;
  padding-right:46px;
  scroll-padding-inline:12px 46px;
 }
 .hero-product-preview .authentic-stage[data-layout=fan] .authentic-layer,
 .hero-product-preview .authentic-stage[data-layout=fan] .authentic-layer.far-left,
 .hero-product-preview .authentic-stage[data-layout=fan] .authentic-layer.far-right,
 .hero-product-preview .authentic-stage[data-layout=fan] .authentic-layer.near-left,
 .hero-product-preview .authentic-stage[data-layout=fan] .authentic-layer.near-right,
 .hero-product-preview .authentic-stage[data-layout=fan] .authentic-layer.front{
  flex-basis:80%;
  width:80%;
 }
 .hero-mobile-carousel-ui{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 2px 4px;
  min-height:24px;
 }
 .hero-mobile-swipe-hint{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--a-muted);
  font-size:11px;
  font-weight:650;
  letter-spacing:.015em;
  transition:opacity .22s ease,transform .22s ease;
 }
 .hero-mobile-swipe-hint b{font-size:14px;color:var(--a-accent)}
 .hero-mobile-carousel-ui.has-scrolled .hero-mobile-swipe-hint{opacity:0;transform:translateX(8px);pointer-events:none}
 .hero-mobile-carousel-dots{display:flex;align-items:center;gap:6px;margin-left:auto}
 .hero-mobile-carousel-dots i{
  display:block;
  width:6px;
  height:6px;
  border-radius:999px;
  background:#b8c5d6;
  transition:width .2s ease,background-color .2s ease,transform .2s ease;
 }
 .hero-mobile-carousel-dots i.is-active{
  width:18px;
  background:var(--a-accent);
 }
 .hero-product-preview:after{
  content:"";
  position:absolute;
  right:0;
  top:16px;
  bottom:42px;
  width:24px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.86));
  border-radius:0 14px 14px 0;
 }
}