/* 1.5 ambient: the carousel's glow, glass and radius carried across the page */
:root{--glass:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));--glass-line:rgba(255,255,255,.085);--glass-radius:16px;--glass-shadow:0 22px 60px rgba(0,0,0,.28);--accent-grad:linear-gradient(100deg,#9ad6ff 0%,#3ea4ec 48%,#b9a4ff 100%)}
body.v14::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(55vw 45vh at 88% 6%,rgba(62,164,236,.16),transparent 70%),radial-gradient(45vw 50vh at 6% 48%,rgba(222,142,78,.09),transparent 70%),radial-gradient(60vw 55vh at 72% 104%,rgba(150,120,255,.11),transparent 70%)}
.v14 .header{background:rgba(26,26,28,.72)}

/* Accent words share the carousel's cool-to-violet light */
.v14 h1 .serif,.v14 h2 .serif{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Hero visual: same glow and radius as the active slide */
.v14 .hero-art::before{content:"";position:absolute;inset:10% -8% -6% -4%;z-index:-1;background:url(assets/product.jpg?v=2f2b5477a0) center/cover;filter:blur(70px) saturate(1.6);opacity:.55;border-radius:50%}
.v14 .hero-image{border-radius:var(--glass-radius);box-shadow:0 30px 90px #000a,0 0 0 1px #ffffff1f,0 0 70px #e0904a2e}
.v14 .image-action{border-radius:10px}

/* Primary actions glow like the active dot */
.v14 .button-primary,.v14 .nav-cta,.mobile-nav .mobile-nav-cta{background:linear-gradient(135deg,#1784d4,#3ea4ec 62%,#6cb9ff);border-color:transparent;box-shadow:0 10px 32px rgba(62,164,236,.32)}
.v14 .button-primary:hover,.v14 .nav-cta:hover{background:linear-gradient(135deg,#2390e0,#52b0f0 62%,#82c4ff);box-shadow:0 14px 40px rgba(62,164,236,.45)}

/* Section bands become translucent so the ambient light shows through */
.v14 .model-brief{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.06)}
.v14 .trust-section{background:linear-gradient(180deg,rgba(19,27,37,.88),rgba(19,27,37,.55));border-color:rgba(120,170,230,.12)}
.v14 .integration-section{background:linear-gradient(180deg,rgba(36,42,51,.62),rgba(36,42,51,.35));border-color:rgba(255,255,255,.06)}
.v14 .samples-section,.v14 .faq-section{background:transparent;border-color:rgba(255,255,255,.06)}
.v14 .footer,.v14 .footer-bottom{border-color:rgba(255,255,255,.06)}

/* Glass panels */
.v14 .brief-model,.v14 .promise-steps article,.v14 .advantage-grid article,.v14 .integration-steps li,.v14 .faq-list details,.v14 .price-note,.v14 .promise-details,.v14 .brand-signature{
  background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease}
.v14 .brief-model:hover,.v14 .promise-steps article:hover,.v14 .advantage-grid article:hover,.v14 .integration-steps li:hover,.v14 .faq-list details:hover{border-color:rgba(62,164,236,.38);box-shadow:var(--glass-shadow),0 0 46px rgba(62,164,236,.14);transform:translateY(-2px)}
.v14 .brief-models{gap:14px}
.v14 .brief-model{padding:16px 18px}
.v14 .brief-models>p{padding-left:2px}
.v14 .promise-steps{gap:18px}
.v14 .promise-steps article{padding:26px 26px 24px}
.v14 .promise-details{padding:0 24px}
.v14 .promise-details summary{padding:18px 0}
.v14 .advantage-grid{gap:18px}
.v14 .advantage-grid article{padding:28px 30px 26px}
.v14 .advantage-grid p{max-width:none}
.v14 .brand-signature{padding:24px 30px;margin-top:22px}
.v14 .platform-next{border-top:0;margin-top:18px;padding-top:6px}
.v14 .integration-steps{gap:18px}
.v14 .integration-steps li{padding:22px 22px 20px}
.v14 .price-note{padding:20px 26px}
.v14 .faq-list{display:grid;gap:12px;align-content:start}
.v14 .faq-list details,.v14 .faq-list details:first-child{padding:0 22px}
.v14 .faq-list summary{padding:20px 0}
.v14 .faq-list details[open]{border-color:rgba(62,164,236,.3)}
.v14 .api-sample{border-radius:var(--glass-radius);border-color:rgba(120,170,230,.18);background:linear-gradient(180deg,rgba(23,27,32,.92),rgba(23,27,32,.78));box-shadow:var(--glass-shadow)}
.v14 .qr-card{border-radius:var(--glass-radius)}

@media(max-width:600px){
.v14 .promise-steps article,.v14 .advantage-grid article,.v14 .integration-steps li{padding:22px 20px}
.v14 .brand-signature{padding:20px}
.v14 .brief-model{padding:14px}
.v14 .hero-art::before{inset:4% 0 -4%;filter:blur(60px) saturate(1.5)}
}
@media(prefers-reduced-motion:reduce){.v14 .brief-model,.v14 .promise-steps article,.v14 .advantage-grid article,.v14 .integration-steps li,.v14 .faq-list details{transition:none}}