/* Consistent progress and floating page controls. */
.scroll-progress{position:fixed;left:0;top:0;width:100%;height:3px;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#2353ff,#aa28f5,#ff7a42);z-index:1100;pointer-events:none}
.scroll-progress-wrap {
  position: fixed;
  right: 28px;
  bottom: 28px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);
  z-index: 900;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px) scale(0.9);
  transition: all 0.35s var(--ease-out-expo);
  border: 1px solid var(--color-border-subtle);
}

.scroll-progress-wrap.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

.scroll-progress-wrap:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 14px 32px rgba(36, 87, 255, 0.22);
  border-color: var(--color-accent-orange);
}

.scroll-progress-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.scroll-progress-bg {
  fill: none;
  stroke: var(--color-surface-dim);
  stroke-width: 3.5;
}

.scroll-progress-bar {
  fill: none;
  stroke: var(--color-accent-orange);
  stroke-width: 3.5;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.1s linear;
}

.scroll-progress-icon {
  width: 18px;
  height: 18px;
  color: var(--color-text);
  transition: transform 0.25s var(--ease-out-expo), color 0.25s;
  z-index: 1;
}

.scroll-progress-wrap:hover .scroll-progress-icon {
  transform: translateY(-2px);
  color: var(--color-accent-orange);
}


.scroll-progress-wrap{padding:0;background:#fff;border:1px solid #dce7f8}.scroll-progress-bg{stroke:#f3f6ff}.scroll-progress-bar{stroke:#2457ff}.scroll-progress-icon{color:#101a3a}
.detail-page .reveal{opacity:1;transform:none}.detail-page .site-footer{display:block;max-width:none;margin:0;padding:60px 0 24px}.detail-page .site-footer>div{display:block}.detail-page .footer-grid{display:grid}.detail-page .footer-bottom{display:flex}.detail-page .footer-contact-info p{color:#9bb0cb}.detail-page .footer-brand-logo{display:flex}.detail-page .hero-page{padding-top:75px;background:radial-gradient(ellipse at 78% 12%,#5b27d713,transparent 32%),radial-gradient(ellipse at 96% 56%,#0bbfe90e,transparent 36%),#fbfcff}.detail-page .hero-page h1{font-size:clamp(38px,5.5vw,70px)}.detail-page .soft-section{background:linear-gradient(135deg,#f3f8ff,#fbf5ff 55%,#fff7fb)}.detail-page header .brand-logo img{width:34px;height:34px}.detail-page .site-header{gap:18px}.detail-page .nav-menu{margin:0}.detail-page .card{border-radius:16px}.detail-page .product-banner{gap:30px}.detail-page .site-footer .footer-bottom-links{display:flex;flex-wrap:wrap}.detail-page .mobile-drawer{display:flex}
@media(max-width:1000px){.nav-menu{display:none!important}.mobile-toggle{display:flex!important}.site-header{gap:12px}.mobile-toggle{position:relative;z-index:250}.site-header:has(.mobile-toggle[aria-expanded="true"]){z-index:300}.mobile-toggle[aria-expanded="true"] span{background:#fff}.detail-page .hero-page{padding-top:75px}}
@media(max-width:600px){.scroll-progress-wrap{right:18px;bottom:18px}.detail-page .product-banner{grid-template-columns:1fr}.detail-page .footer-grid{grid-template-columns:1fr}.detail-page .footer-bottom{flex-direction:column;align-items:flex-start}.detail-page .hero-page h1{font-size:38px}.detail-page .nav-cta{font-size:11px;padding:10px}}
@media(prefers-reduced-motion:reduce){.scroll-progress-wrap,.scroll-progress-bar{transition:none}.motion-enter{animation:none!important}.reveal{opacity:1;transform:none}}

/* Tighter rhythm, matching hero alignment and shared detailed footer. */
:root{--space-2xl:3.5rem;--space-3xl:5rem}
main .wrap{padding-top:40px;padding-bottom:40px}main .section{padding-top:44px;padding-bottom:44px}.why-section .wrap{padding-top:40px;padding-bottom:40px}.section-header,.section-title{margin-bottom:26px}.product-spotlight{margin-bottom:32px}.product-spotlight:last-child{margin-bottom:0}.section .section{padding-block:28px}
.hero-v2{min-height:0;padding:48px 0 44px;isolation:isolate}.hero-v2__inner{width:100%!important;max-width:1200px;margin-inline:auto;padding-inline:24px;position:relative;z-index:2}.hero-v2__visual{min-height:0}.hero-v2__copy{min-width:0}.hero-ambient{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.hero-ambient span{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(50px);opacity:.2;will-change:transform;animation:ambientDrift 18s ease-in-out infinite}.hero-ambient span:nth-child(1){background:radial-gradient(circle,#8d70f1,transparent 68%);top:-120px;left:48%}.hero-ambient span:nth-child(2){background:radial-gradient(circle,#49c3e8,transparent 68%);right:-100px;bottom:-100px;animation-delay:-6s;animation-duration:22s}.hero-ambient span:nth-child(3){background:radial-gradient(circle,#f59ccf,transparent 68%);left:-170px;top:15%;animation-delay:-12s;animation-duration:26s}
@keyframes ambientDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}35%{transform:translate3d(65px,25px,0) scale(1.12)}70%{transform:translate3d(-40px,-35px,0) scale(.96)}}
.site-footer{display:block;background:#0f1d35;color:#fafbfa;padding:44px 0 22px;border-top:1px solid #294367;margin:0;max-width:none}.site-footer>.page-container{display:block;width:100%;max-width:1240px;padding-inline:24px;margin-inline:auto}.site-footer .footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.3fr;gap:28px;padding-bottom:28px;border-bottom:1px solid #ffffff14}.site-footer .footer-col__brand{display:flex;flex-direction:column;gap:14px}.site-footer .footer-brand-logo{display:flex;align-items:center;gap:12px}.site-footer .footer-brand-logo__mark{width:32px;height:32px;object-fit:contain}.site-footer .footer-brand-logo__text{font:700 20px var(--font-display);color:white}.site-footer .footer-brand-logo__text span{font-weight:400;color:#9bb0cb}.site-footer .footer-brand-desc{font-size:13px;color:#9bb0cb;margin:0;line-height:1.6}.site-footer .footer-llpin{font-size:11px;color:#9bb0cb;background:#ffffff0a;border-radius:6px;padding:6px 10px;width:fit-content}.site-footer .footer-col-title{font:600 13px var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:#fff;margin:0 0 16px}.site-footer .footer-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.site-footer .footer-nav a,.site-footer .footer-contact-info{font-size:13px;color:#9bb0cb;line-height:1.5}.site-footer .footer-contact-info p{font-size:13px;margin:0 0 14px;color:#9bb0cb}.site-footer .footer-contact-info strong{color:white}.site-footer a{color:#dbe7fa}.site-footer a:hover{color:#9bc2ff}.site-footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px;font-size:12px;color:#9bb0cb}.site-footer .footer-bottom-links{display:flex;gap:20px}.site-footer .footer-bottom-links a{font-size:12px;color:#9bb0cb}.detail-page .site-footer{padding:44px 0 22px}
@media(max-width:900px){main .wrap{padding-block:34px}main .section{padding-block:36px}.why-section .wrap{padding-block:34px}.hero-v2{padding:36px 0}.hero-v2__inner{padding-inline:20px;gap:24px}.site-footer .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.site-footer .footer-col__brand{grid-column:1/-1}.site-footer .footer-brand-desc{max-width:500px}}
@media(max-width:620px){main .wrap{padding-block:28px}main .section{padding-block:30px}.why-section .wrap{padding-block:28px}.hero-v2{padding:30px 0}.hero-v2__inner{padding-inline:18px;gap:22px}.section-header,.section-title{margin-bottom:22px}.hero-ambient span{width:280px;height:280px;filter:blur(35px)}.site-footer .footer-top{grid-template-columns:1fr;gap:24px}.site-footer .footer-col__brand{grid-column:auto}.site-footer .footer-bottom{flex-direction:column;align-items:flex-start}.site-footer>.page-container{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.hero-ambient span{animation:none;will-change:auto}}