/* Mobile-first composition and shared conversion polish. */
.violet-section .card{color:var(--ink)}
.violet-section .card p{color:var(--ink)}
.value-section{background:linear-gradient(180deg,var(--paper),#fff)}
.value-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(2rem,7vw,6rem)}
.value-grid h2{max-width:10ch}
.value-card{display:grid;gap:.35rem;padding:clamp(1.7rem,4vw,2.7rem);border-radius:var(--radius);background:var(--ink);color:#fff;box-shadow:var(--shadow)}
.value-card p,.value-card span,.value-card small{margin:0;color:rgba(255,255,255,.73);font-weight:700}
.value-card strong,.value-card b{font:800 clamp(2rem,4vw,3.6rem)/1 Archivo,Inter,sans-serif;letter-spacing:-.07em}
.value-card span{margin-top:1.35rem;color:#d9c6ff;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}
.value-card b{color:#fff}
section>.page-cta{width:min(calc(100% - 3rem),var(--wrap));margin-inline:auto}
.negative::before{z-index:0}
.negative .wrap{position:relative;z-index:1}
.violet-section+.negative{border-top:clamp(2rem,5vw,3.5rem) solid var(--white)}
@media(max-width:760px){
  [data-reveal]{opacity:1;transform:none}
  section{padding:3.5rem 0}
  .hero{display:block;min-height:0;padding:3.5rem 0 0;background:var(--paper)}
  .hero::before{display:none}
  .hero-copy{max-width:none}
  .hero-art{position:relative;display:block;height:19rem;margin:2.5rem -1rem 0;overflow:hidden;border-radius:1.75rem 1.75rem 0 0;background:var(--ink)}
  .hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,11,60,.08),rgba(30,11,60,.32))}
  .hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 61%;opacity:.94}
  .trust{margin-top:-1.35rem}
  .section-intro{align-items:start;gap:.9rem}
  .section-intro h2{margin-bottom:0}
  .section-intro .prose{max-width:38rem}
  .prose{font-size:1.03rem}
  .cards{margin-top:1.7rem}
  .card{padding:1.35rem}
  .feature-number{margin-bottom:.9rem}
  .page-cta{width:min(100%,34rem);margin:2.5rem auto 0;padding:2rem;border-radius:1.4rem}
  section>.page-cta{width:calc(100% - 2rem)}
  .page-cta p{margin:.55rem 0 1.45rem}
  .value-grid{grid-template-columns:1fr;gap:1.5rem}
  .value-grid h2{max-width:12ch}
  .value-card{padding:1.7rem}
  .product-showcase{padding-bottom:2.25rem}
  .product-showcase+.value-section{padding-top:2.5rem;padding-bottom:2.5rem}
  .value-section+section{padding-top:2.5rem}
  .negative .stats{position:relative;z-index:1}
  .negative .stat{background:var(--ink)}
  .review-grid{display:block;margin-top:1.75rem}
  .review{display:none;min-height:19rem;padding:2rem 1.7rem;border-radius:1.5rem;box-shadow:0 18px 36px rgba(30,11,60,.1)}
  .review.is-active{display:block;animation:review-in .45s ease both}
  .review blockquote{font-size:clamp(1.45rem,7vw,1.85rem);line-height:1.18}
  .review-dots{display:flex;align-items:center;justify-content:center;gap:.55rem;margin-top:1.2rem}
  .review-dot{width:.55rem;height:.55rem;padding:0;border:0;border-radius:999px;background:var(--line);cursor:pointer;transition:width .25s ease,background .25s ease}
  .review-dot.is-active{width:1.65rem;background:var(--violet)}
  .steps{position:relative;display:block;margin-top:2.8rem}
  .step{min-height:8.25rem;padding:0 0 2.8rem 3.65rem;border-top:0}
  .step::before{position:absolute;top:0;left:0;width:2.3rem;height:2.3rem;margin:0;z-index:2;transition:background .3s ease,color .3s ease,box-shadow .3s ease,transform .3s ease}
  .step:not(:last-child)::after{content:"";position:absolute;top:2.25rem;bottom:.1rem;left:1.08rem;width:2px;background:var(--line);transform-origin:top}
  .step.is-complete::before,.step.is-current::before{background:var(--violet);color:#fff;border-color:var(--violet);box-shadow:0 0 0 6px rgba(139,92,246,.15)}
  .step.is-current::before{transform:scale(1.1);box-shadow:0 0 0 8px rgba(139,92,246,.16),0 0 22px rgba(76,29,149,.34)}
  .step.is-complete:not(:last-child)::after{background:var(--violet)}
  .step.is-current:not(:last-child)::after{background:linear-gradient(var(--violet) 0 45%,var(--line) 45% 100%);animation:step-fill .8s ease both}
  .step h3{padding-top:.15rem;font-size:1.35rem}
  .step p{margin-top:.7rem}
}
@media(min-width:761px){.hero-art{display:none}}
@media(min-width:761px){
  /* Keep adjacent desktop sections close enough to read as one sales story. */
  section{padding:clamp(4.5rem,6vw,6.5rem) 0}
  .product-showcase{padding:clamp(4rem,6vw,6rem) 0 3.5rem}
  .product-showcase+.value-section{padding-top:3.5rem}
  .showcase-top{margin-bottom:clamp(1.75rem,3vw,3rem)}
  .device-stage{padding:4rem clamp(1rem,3vw,3rem) 1.65rem}
  /* Render the desktop demo at a natural browser width inside the laptop. */
  .laptop iframe{width:214.3%;height:214.3%;transform:scale(.4666)}
  .showcase-caption{padding:1rem 0 .55rem}
}
@media(max-width:460px){
  .hero{padding-top:2.9rem}
  .hero-art{height:17rem;margin-top:2rem}
  .hero-quickproof{margin-top:1.5rem}
  .page-cta{padding:1.75rem}
}
@keyframes review-in{from{opacity:0;transform:translateY(.65rem)}to{opacity:1;transform:none}}
@keyframes step-fill{from{background-size:100% 0}to{background-size:100% 100%}}