:root {
  --primary:#0b5ed7;
  --primary-dark:#083f91;
  --secondary:#00a6a6;
  --accent:#22c55e;
  --body-bg:#ffffff;
  --surface:#ffffff;
  --surface-soft:#f8fafc;
  --surface-alt:#eef6ff;
  --text:#07111f;
  --text-soft:#334155;
  --muted:#64748b;
  --border:#e2e8f0;
  --hero-gradient:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  --nav-bg:rgba(255,255,255,0.94);
  --shadow:0 24px 50px rgba(15,23,42,0.08);
  --deep-bg:#07111f;
  --deep-card:rgba(255,255,255,0.08);
  --deep-border:rgba(255,255,255,0.1);
  --deep-text:#e2e8f0;
  --deep-muted:#94a3b8
}

html[data-theme="dark"] {
  --body-bg:#050914;
  --surface:#0b1220;
  --surface-soft:#07111f;
  --surface-alt:#0f1d32;
  --text:#f8fafc;
  --text-soft:#cbd5e1;
  --muted:#94a3b8;
  --border:rgba(148,163,184,0.22);
  --hero-gradient:linear-gradient(180deg,#050914 0%,#07111f 100%);
  --nav-bg:rgba(5,9,20,0.9);
  --shadow:0 24px 60px rgba(0,0,0,0.35);
  --deep-bg:#020617;
  --deep-card:rgba(148,163,184,0.1);
  --deep-border:rgba(148,163,184,0.16);
  --deep-text:#f8fafc;
  --deep-muted:#cbd5e1
}

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth
}

body {
  margin:0;
  font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--text);
  background:var(--body-bg);
  line-height:1.65;
  transition:background 0.25s ease,color 0.25s ease
}

a {
  text-decoration:none
}

.navbar {
  padding:10px 0;
  transition:all 0.25s ease;
  background:var(--nav-bg);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border)
}

.navbar.scrolled {
  padding:10px 0;
  box-shadow:var(--shadow)
}

.navbar-brand {
  font-weight:800;
  letter-spacing:-0.03em;
  color:var(--text) !important;
  font-size:1.45rem
}

.brand-mark {
  width:38px;
  height:38px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-right:10px;
  color:#ffffff;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  font-weight:800
}

.nav-link {
  color:var(--text-soft) !important;
  font-weight:600;
  font-size:0.95rem;
  margin:0 6px
}

.nav-link:hover {
  color:var(--primary) !important
}

.theme-toggle {
  width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid var(--border);
  background:var(--surface);
  color:var(--text);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:all 0.25s ease
}

.theme-toggle:hover {
  color:var(--primary);
  border-color:rgba(11,94,215,0.35);
  transform:translateY(-1px)
}

.btn-main {
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  color:#ffffff;
  border:none;
  border-radius:999px;
  padding:12px 22px;
  font-weight:700;
  box-shadow:0 14px 30px rgba(11,94,215,0.25)
}

.btn-main:hover {
  color:#ffffff;
  transform:translateY(-1px);
  box-shadow:0 18px 35px rgba(11,94,215,0.3)
}

.btn-outline-main {
  border:1px solid var(--border);
  border-radius:999px;
  padding:12px 22px;
  color:var(--text);
  font-weight:700;
  background:var(--surface)
}

.btn-outline-main:hover {
  border-color:var(--primary);
  color:var(--primary);
  background:var(--surface-alt)
}

.hero {
  position:relative;
  padding:150px 0 90px;
  overflow:hidden;
  background:radial-gradient(circle at top left,rgba(0,166,166,0.18),transparent 34%),radial-gradient(circle at top right,rgba(11,94,215,0.18),transparent 36%),var(--hero-gradient)
}

.hero::before {
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(100,116,139,0.12) 1px,transparent 1px),linear-gradient(90deg,rgba(100,116,139,0.12) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,black,transparent 80%)
}

.hero .container {
  position:relative;
  z-index:1
}

.badge-soft {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border:1px solid rgba(11,94,215,0.18);
  background:color-mix(in srgb,var(--surface) 80%,transparent);
  border-radius:999px;
  color:var(--primary);
  font-size:0.9rem;
  font-weight:700;
  margin-bottom:20px
}

.hero h1 {
  font-size:clamp(2.45rem,6vw,5rem);
  line-height:1.04;
  letter-spacing:-0.065em;
  font-weight:800;
  margin-bottom:24px
}

.gradient-text {
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent
}

.hero p {
  font-size:1.13rem;
  color:var(--muted);
  max-width:720px
}

.hero-points {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:26px;
  max-width:720px
}

.hero-point {
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--text-soft);
  font-weight:600;
  font-size:0.94rem
}

.hero-point i {
  color:var(--secondary)
}

.hero-panel {
  position:relative;
  border-radius:30px;
  padding:22px;
  background:color-mix(in srgb,var(--surface) 82%,transparent);
  border:1px solid var(--border);
  box-shadow:var(--shadow);
  backdrop-filter:blur(18px)
}

.dashboard-card {
  border-radius:24px;
  overflow:hidden;
  background:var(--deep-bg);
  color:#ffffff
}

.dashboard-top {
  padding:20px;
  border-bottom:1px solid var(--deep-border);
  display:flex;
  align-items:center;
  justify-content:space-between
}

.dot {
  width:10px;
  height:10px;
  display:inline-block;
  border-radius:999px;
  background:#22c55e;
  box-shadow:0 0 0 6px rgba(34,197,94,0.14)
}

.metric-grid {
  padding:20px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px
}

.metric-box {
  padding:18px;
  border-radius:18px;
  background:var(--deep-card);
  border:1px solid var(--deep-border)
}

.metric-box span {
  color:var(--deep-muted);
  font-size:0.82rem;
  font-weight:600
}

.metric-box h3 {
  margin:8px 0 0;
  font-weight:800;
  font-size:1.5rem
}

.status-list {
  padding:0 20px 20px
}

.status-item {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 0;
  border-bottom:1px solid var(--deep-border);
  color:var(--deep-text);
  font-size:0.92rem
}

.section {
  padding:90px 0
}

.section-light {
  background:var(--surface-soft)
}

.section-title {
  max-width:840px;
  margin:0 auto 50px;
  text-align:center
}

.section-title .eyebrow {
  color:var(--primary);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.12em;
  font-size:1.02rem;
  margin-bottom:10px
}

.section-title h2 {
  font-size:clamp(2rem,4vw,3.2rem);
  font-weight:800;
  letter-spacing:-0.055em;
  margin-bottom:16px
}

.section-title p {
  color:var(--muted);
  font-size:1.05rem;
  margin:0
}

.feature-card,.solution-card,.industry-card,.insight-card,.case-card,.contact-card {
  height:100%;
  border:1px solid var(--border);
  border-radius:24px;
  background:var(--surface);
  padding:28px;
  transition:all 0.25s ease
}

.feature-card:hover,.solution-card:hover,.industry-card:hover,.insight-card:hover,.case-card:hover,.contact-card:hover {
  transform:translateY(-5px);
  box-shadow:var(--shadow);
  border-color:rgba(11,94,215,0.32)
}

.icon-box {
  width:54px;
  height:54px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ffffff;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  margin-bottom:20px;
  font-size:1.35rem
}

.card-eyebrow {
  color:var(--secondary);
  font-weight:800;
  font-size:0.76rem;
  letter-spacing:0.1em;
  text-transform:uppercase;
  margin-bottom:8px
}

.feature-card h3,.solution-card h3,.industry-card h3,.insight-card h3,.case-card h3 {
  font-size:1.2rem;
  font-weight:800;
  letter-spacing:-0.03em;
  margin-bottom:10px
}

.feature-card p,.solution-card p,.industry-card p,.insight-card p,.case-card p,.contact-card p {
  color:var(--muted);
  margin:0;
  font-size:0.96rem
}

.rich-list {
  list-style:none;
  padding:0;
  margin:18px 0 0
}

.rich-list li {
  display:flex;
  gap:10px;
  color:var(--text-soft);
  font-size:0.92rem;
  margin-bottom:10px
}

.rich-list i {
  color:var(--secondary);
  margin-top:2px
}

.product-band {
  border-radius:34px;
  padding:46px;
  background:radial-gradient(circle at top right,rgba(0,166,166,0.2),transparent 34%),linear-gradient(135deg,#07111f,#0f2747);
  color:#ffffff;
  overflow:hidden;
  position:relative
}

.product-band h2 {
  font-weight:800;
  letter-spacing:-0.05em;
  font-size:clamp(2rem,4vw,3rem)
}

.product-band p {
  color:#cbd5e1
}

.product-list {
  list-style:none;
  padding:0;
  margin:24px 0 0
}

.product-list li {
  display:flex;
  gap:12px;
  margin-bottom:14px;
  color:#e2e8f0
}

.product-list i {
  color:#5eead4
}

.stat-card {
  padding:28px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,0.1);
  background:rgba(255,255,255,0.07)
}

.stat-card h3 {
  font-size:2.2rem;
  font-weight:800;
  margin-bottom:4px
}

.stat-card span {
  color:#cbd5e1;
  font-size:0.95rem
}

.process-step {
  display:flex;
  gap:18px;
  padding:24px;
  border-radius:22px;
  background:var(--surface);
  border:1px solid var(--border);
  height:100%
}

.step-number {
  flex:0 0 auto;
  width:42px;
  height:42px;
  border-radius:14px;
  background:var(--surface-alt);
  color:var(--primary);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800
}

.process-step h3 {
  font-size:1.08rem;
  font-weight:800;
  margin-bottom:8px
}

.process-step p {
  color:var(--muted);
  margin:0;
  font-size:0.95rem
}

.split-panel {
  padding:42px;
  border-radius:30px;
  background:var(--surface);
  border:1px solid var(--border);
  box-shadow:var(--shadow)
}

.split-panel h2 {
  font-weight:800;
  letter-spacing:-0.045em;
  font-size:clamp(1.8rem,3vw,2.7rem)
}

.split-panel p {
  color:var(--muted)
}

.capability-pill {
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  border:1px solid var(--border);
  background:var(--surface-soft);
  padding:9px 13px;
  margin:5px;
  color:var(--text-soft);
  font-weight:600;
  font-size:0.88rem
}

.cta {
  padding:80px 0;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  color:#ffffff
}

.cta h2 {
  font-size:clamp(2rem,4vw,3.4rem);
  font-weight:800;
  letter-spacing:-0.055em
}

.cta p {
  color:rgba(255,255,255,0.86);
  max-width:700px;
  font-size:1.08rem
}

footer {
  background:#07111f;
  color:#cbd5e1;
  padding:70px 0 24px
}

footer h5,footer h6 {
  color:#ffffff;
  font-weight:800
}

footer ul {
  list-style:none;
  padding:0;
  margin:0
}

footer li {
  margin-bottom:10px
}

footer a {
  color:#cbd5e1
}

footer a:hover {
  color:#ffffff
}

.footer-bottom {
  border-top:1px solid rgba(255,255,255,0.1);
  margin-top:50px;
  padding-top:22px;
  color:#94a3b8;
  font-size:0.92rem
}

.reveal {
  opacity:0;
  transform:translateY(24px);
  transition:all 0.7s ease
}

.reveal.active {
  opacity:1;
  transform:translateY(0)
}

@media (max-width:991px) {
  .hero {
  padding-top:125px
}

.hero-panel {
  margin-top:40px
}

.product-band,.split-panel {
  padding:32px
}

.theme-toggle {
  margin-top:14px
}

}

@media (max-width:575px) {
  .hero {
  padding-bottom:70px
}

.metric-grid,.hero-points {
  grid-template-columns:1fr
}

.section {
  padding:70px 0
}

}

.btn-nav-contact {
  border:1px solid var(--border);
  border-radius:999px;
  padding:10px 20px;
  color:var(--text);
  font-weight:700;
  background:var(--surface);
  box-shadow:none
}

.btn-nav-contact:hover {
  color:var(--primary);
  border-color:rgba(11,94,215,0.35);
  background:var(--surface-alt)
}

.hero-content-wide {
  max-width:1020px
}

.hero-content-wide .hero-points,.hero-content-wide p {
  max-width:900px
}

.hero-content-wide h1 {
  max-width:980px
}

.wiztric-edge-section {
  position:relative;
  overflow:hidden
}

.wiztric-edge-section::before {
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-180px;
  top:80px;
  background:radial-gradient(circle,rgba(11,94,215,0.12),transparent 65%);
  pointer-events:none
}

.edge-showcase,.approach-panel,.industries-panel {
  position:relative;
  z-index:1
}

.edge-main-card,.edge-card,.approach-panel,.industries-panel {
  height:100%;
  border:1px solid var(--border);
  background:var(--surface);
  border-radius:28px;
  padding:30px;
  transition:all 0.25s ease
}

.edge-main-card {
  color:#ffffff;
  background:radial-gradient(circle at top right,rgba(0,166,166,0.26),transparent 38%),linear-gradient(135deg,#07111f,#0f2747);
  border-color:rgba(255,255,255,0.12);
  box-shadow:var(--shadow)
}

.edge-main-card .badge-soft {
  background:rgba(255,255,255,0.12);
  color:#ffffff;
  border-color:rgba(255,255,255,0.18)
}

.edge-main-card h3 {
  font-size:clamp(1.6rem,3vw,2.35rem);
  font-weight:800;
  letter-spacing:-0.05em;
  margin-bottom:16px
}

.edge-main-card p,.edge-main-card .rich-list li {
  color:#cbd5e1
}

.edge-card:hover,.approach-panel:hover,.industries-panel:hover {
  transform:translateY(-5px);
  box-shadow:var(--shadow);
  border-color:rgba(11,94,215,0.28)
}

.edge-card h3,.approach-panel h3,.industries-panel h3 {
  font-size:1.25rem;
  font-weight:800;
  letter-spacing:-0.03em;
  margin-bottom:10px
}

.edge-card p,.approach-panel p,.industries-panel p {
  color:var(--muted);
  margin:0
}

.approach-timeline {
  display:grid;
  gap:16px;
  margin-top:24px
}

.approach-item {
  display:flex;
  gap:16px;
  align-items:flex-start;
  padding:18px;
  border:1px solid var(--border);
  background:var(--surface-soft);
  border-radius:20px
}

.approach-item span {
  flex:0 0 auto;
  width:42px;
  height:42px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#ffffff;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  font-weight:800
}

.approach-item h4,.industry-mini-card h4 {
  font-size:1rem;
  font-weight:800;
  margin:0 0 4px;
  color:var(--text)
}

.approach-item p,.industry-mini-card p {
  margin:0;
  color:var(--muted);
  font-size:0.92rem
}

.industry-mini-grid {
  display:grid;
  gap:14px;
  margin-top:24px
}

.industry-mini-card {
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:18px;
  border-radius:20px;
  background:var(--surface-soft);
  border:1px solid var(--border)
}

.industry-mini-card i {
  width:42px;
  height:42px;
  flex:0 0 auto;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#ffffff;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  font-size:1.15rem
}

.solutions-section {
  background:radial-gradient(circle at top left,rgba(0,166,166,0.08),transparent 32%),radial-gradient(circle at bottom right,rgba(11,94,215,0.08),transparent 34%),var(--body-bg)
}

.solution-card-pro {
  position:relative;
  overflow:hidden;
  padding-top:32px
}

.solution-card-pro::before {
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,var(--primary),var(--secondary))
}

.solution-card-pro .icon-box {
  width:60px;
  height:60px;
  border-radius:20px;
  box-shadow:0 14px 28px rgba(11,94,215,0.18)
}

.solution-card-pro:hover .icon-box {
  transform:scale(1.04)
}

.capabilities-section {
  background:linear-gradient(180deg,var(--surface-soft),var(--body-bg))
}

.capability-layout {
  position:relative
}

.capability-lead-panel {
  background:radial-gradient(circle at top right,rgba(0,166,166,0.12),transparent 36%),var(--surface)
}

.capability-lead-panel h2 {
  font-size:clamp(1.9rem,3vw,2.8rem)
}

.insight-card-pro {
  position:relative;
  overflow:hidden;
  min-height:100%
}

.insight-card-pro::after {
  content:"";
  position:absolute;
  width:130px;
  height:130px;
  right:-65px;
  bottom:-65px;
  border-radius:50%;
  background:rgba(11,94,215,0.08);
  transition:all 0.25s ease
}

.insight-card-pro:hover::after {
  transform:scale(1.2);
  background:rgba(0,166,166,0.12)
}

@media (max-width:991px) {
  .hero-content-wide {
  max-width:100%
}

.edge-main-card,.edge-card,.approach-panel,.industries-panel {
  padding:26px
}

}

@media (max-width:575px) {
  .hero-content-wide h1 {
  font-size:clamp(2.25rem,12vw,3.4rem)
}

.approach-item,.industry-mini-card {
  padding:16px
}

}

.hero-content-center {
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
  text-align:center
}

.hero-content-center h1,.hero-content-center p,.hero-content-center .hero-points {
  margin-left:auto;
  margin-right:auto
}

.hero-content-center h1 {
  max-width:1080px
}

.hero-content-center p {
  max-width:930px
}

.hero-content-center .hero-points {
  max-width:900px;
  text-align:left
}

.hero-content-center .d-flex {
  justify-content:center
}

.section-title {
  max-width:940px;
  margin-bottom:38px
}

.section-title h2 {
  font-size:clamp(2.35rem,5vw,3.85rem);
  line-height:1.08;
  letter-spacing:-0.065em
}

.section-title p {
  font-size:1.1rem
}

.section {
  padding:72px 0
}

.hero {
  padding:130px 0 72px
}

.wiztric-edge-section {
  background:radial-gradient(circle at top left,rgba(0,166,166,0.08),transparent 32%),radial-gradient(circle at bottom right,rgba(11,94,215,0.08),transparent 36%),var(--surface-soft)
}

.edge-showcase {
  margin-top:8px
}

.edge-main-card {
  min-height:100%;
  padding:34px
}

.edge-main-card h3 {
  font-size:clamp(1.65rem,3vw,2.45rem)
}

.edge-main-card-secondary {
  background:radial-gradient(circle at top right,rgba(11,94,215,0.22),transparent 38%),linear-gradient(135deg,#082f49,#0f2747)
}

.edge-main-card-tertiary {
  background:radial-gradient(circle at top right,rgba(34,197,94,0.18),transparent 38%),linear-gradient(135deg,#083344,#102a43)
}

.solution-card-pro,.solution-card {
  border:1.5px solid color-mix(in srgb,var(--primary) 24%,var(--border))
}

.solution-card-pro:hover,.solution-card:hover {
  border-color:color-mix(in srgb,var(--primary) 52%,var(--secondary))
}

.solution-card-pro::before {
  height:6px
}

.product-band,.split-panel,.edge-main-card,.solution-card,.insight-card,.contact-card {
  padding:30px
}

.product-band {
  padding:40px
}

.capabilities-section .row.g-4,.solutions-section .row.g-4 {
  --bs-gutter-y:1.25rem
}

.approach-panel,.industries-panel {
  display:none
}

@media (max-width:991px) {
  .section {
  padding:62px 0
}

.hero {
  padding:118px 0 64px
}

.section-title {
  margin-bottom:30px
}

.hero-content-center {
  text-align:left
}

.hero-content-center h1,.hero-content-center p,.hero-content-center .hero-points {
  margin-left:0;
  margin-right:0
}

.hero-content-center .d-flex {
  justify-content:flex-start
}

.product-band,.split-panel,.edge-main-card,.solution-card,.insight-card,.contact-card {
  padding:26px
}

}

@media (max-width:575px) {
  .section {
  padding:54px 0
}

.hero {
  padding:108px 0 58px
}

.section-title h2 {
  font-size:clamp(2.1rem,10vw,3rem)
}

.hero-content-center .hero-points {
  grid-template-columns:1fr
}

}

.seo-context {
  padding:34px 0;
  background:var(--body-bg);
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border)
}

.seo-context h2 {
  font-size:clamp(1.45rem,3vw,2.15rem);
  line-height:1.18;
  font-weight:800;
  letter-spacing:-0.045em;
  margin-bottom:10px
}

.seo-context p {
  max-width:1040px;
  color:var(--muted);
  margin:0
}

@media (max-width:575px) {
  .seo-context {
  padding:28px 0
}

}

.skip-link {
  position:absolute;
  left:-999px;
  top:12px;
  z-index:9999;
  padding:10px 14px;
  border-radius:10px;
  background:var(--surface);
  color:var(--primary);
  border:1px solid var(--border);
  font-weight:800
}

.skip-link:focus {
  left:12px
}

.section,.cta,footer {
  content-visibility:auto;
  contain-intrinsic-size:1px 760px
}

.hero {
  content-visibility:visible
}

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after {
  animation-duration:0.001ms !important;
  animation-iteration-count:1 !important;
  scroll-behavior:auto !important;
  transition-duration:0.001ms !important
}

.reveal {
  opacity:1 !important;
  transform:none !important
}

}

 /* Elegant lightweight scroll animations */ .reveal {
  opacity:0;
  transform:translate3d(0,22px,0);
  transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1)
}

 .reveal.active {
  opacity:1;
  transform:translate3d(0,0,0)
}

 .reveal:nth-child(2) {
  transition-delay:.04s
}

 .reveal:nth-child(3) {
  transition-delay:.08s
}

 .reveal:nth-child(4) {
  transition-delay:.12s
}

 .feature-card,.solution-card,.industry-card,.insight-card,.case-card,.contact-card,.edge-main-card,.stat-card {
  will-change:transform;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease
}

 .solution-card:hover,.insight-card:hover,.contact-card:hover,.edge-main-card:hover,.stat-card:hover {
  transform:translateY(-6px)
}

 .solution-card .icon-box,.insight-card .icon-box,.edge-main-card .icon-box {
  transition:transform .28s ease
}

 .solution-card:hover .icon-box,.insight-card:hover .icon-box,.edge-main-card:hover .icon-box {
  transform:translateY(-2px) scale(1.04)
}

 .product-band {
  animation:softFloatIn .8s cubic-bezier(.22,1,.36,1) both;
  animation-delay:.08s
}

 @keyframes softFloatIn {
  from {
  opacity:0;
  transform:translate3d(0,18px,0) scale(.995)
}

to {
  opacity:1;
  transform:translate3d(0,0,0) scale(1)
}

}

 .hero .badge-soft {
  animation:heroFade .65s cubic-bezier(.22,1,.36,1) both
}

 .hero h1 {
  animation:heroFade .75s cubic-bezier(.22,1,.36,1) both;
  animation-delay:.05s
}

 .hero p {
  animation:heroFade .78s cubic-bezier(.22,1,.36,1) both;
  animation-delay:.1s
}

 .hero .hero-points {
  animation:heroFade .82s cubic-bezier(.22,1,.36,1) both;
  animation-delay:.15s
}

 .hero .d-flex {
  animation:heroFade .86s cubic-bezier(.22,1,.36,1) both;
  animation-delay:.2s
}

 @keyframes heroFade {
  from {
  opacity:0;
  transform:translate3d(0,18px,0)
}

to {
  opacity:1;
  transform:translate3d(0,0,0)
}

}

 @media (prefers-reduced-motion:reduce) {
  .reveal,.reveal.active,.hero .badge-soft,.hero h1,.hero p,.hero .hero-points,.hero .d-flex,.product-band {
  animation:none!important;
  transition:none!important;
  opacity:1!important;
  transform:none!important
}

}