:root {
  --bg:#080d18;
  --bg-soft:#0d1422;
  --surface:#111a2a;
  --surface-2:#172235;
  --text:#f7f9fc;
  --muted:#9ca9bb;
  --primary:#6ea8ff;
  --primary-2:#7c6cff;
  --accent:#55dfb4;
  --border:rgba(255,255,255,
.1);
  --shadow:0 28px 90px rgba(0,0,0,
.35);
  --radius:22px;
  --container:1160px
}


* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth
}

body {
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"Manrope",Inter,Arial,sans-serif;
  line-height:1.65;
  overflow-x:hidden
}

button,a {
  font:inherit
}

.container {
  width:min(var(--container),calc(100% - 40px));
  margin-inline:auto
}

h1,h2,h3,p {
  margin-top:0
}

h1 {
  margin-bottom:24px;
  font-size:clamp(3rem,6.3vw,6.2rem);
  line-height:.96;
  letter-spacing:-.065em
}

h1 em {
  font-style:normal;
  color:transparent;
  background:linear-gradient(110deg,#fff 5%,var(--primary) 48%,#a996ff);
  background-clip:text;
  -webkit-background-clip:text
}

h2 {
  font-size:clamp(2rem,4vw,4rem);
  line-height:1.04;
  letter-spacing:-.045em
}

h3 {
  font-size:1.3rem;
  line-height:1.2
}

.lead {
  max-width:690px;
  color:#b5c0cf;
  font-size:clamp(1.05rem,1.7vw,1.25rem)
}

.kicker,
.mini-label {
  margin-bottom:12px;
  color:var(--accent);
  font-size:.76rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.15em
}

.page {
  padding:88px 0
}

.narrow {
  max-width:980px
}

.page-grid {
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:56px;
  align-items:start
}


.site-header {
  position:fixed;
  inset:0 0 auto;
  z-index:100;
  background:rgba(8,13,24,
.66);
  border-bottom:1px solid transparent;
  backdrop-filter:blur(18px);
  transition:.3s
}

.site-header.scrolled {
  background:rgba(8,13,24,
.88);
  border-bottom-color:var(--border);
  box-shadow:0 12px 35px rgba(0,0,0,
.18)
}

.nav {
  height:78px;
  display:flex;
  align-items:center;
  gap:28px
}

.brand {
  display:flex;
  align-items:center;
  gap:11px;
  margin-right:auto;
  padding:0;
  border:0;
  background:none;
  color:var(--text);
  cursor:pointer
}

.brand-mark {
  width:39px;
  height:39px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:3px;
  padding:9px;
  border:1px solid rgba(255,255,255,
.18);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(110,168,255,
.25),rgba(124,108,255,
.14));
  box-shadow:inset 0 1px rgba(255,255,255,
.16)
}

.brand-mark span {
  align-self:end;
  border-radius:2px;
  background:linear-gradient(var(--primary),var(--primary-2))
}

.brand-mark span:nth-child(1) {
  height:45%
}

.brand-mark span:nth-child(2) {
  height:100%
}

.brand-mark span:nth-child(3) {
  height:70%
}

.brand-copy {
  display:grid;
  text-align:left;
  line-height:1
}

.brand-copy strong {
  font-size:.96rem
}

.brand-copy small {
  margin-top:4px;
  color:var(--muted);
  font-size:.68rem;
  letter-spacing:.12em;
  text-transform:uppercase
}

.nav-links {
  display:flex;
  align-items:center;
  gap:4px
}

.nav-links .nav-button {
  position:relative;
  padding:9px 11px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#aeb9c8;
  font-size:.84rem;
  font-weight:650;
  cursor:pointer;
  transition:.2s
}

.nav-links .nav-button:hover,
.nav-links .nav-button.active {
  color:#fff;
  background:rgba(255,255,255,
.07)
}

.nav-links .nav-button.active::after {
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:4px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--primary),var(--primary-2))
}

.nav-links .nav-download {
  margin-left:8px;
  padding:10px 15px;
  color:#07101f;
  background:#fff
}

.nav-links .nav-download:hover {
  color:#07101f;
  background:#dfeaff;
  transform:translateY(-1px)
}

.nav-links .nav-download.active::after {
  display:none
}

.menu-toggle {
  display:none;
  width:44px;
  height:44px;
  padding:11px;
  border:1px solid var(--border);
  border-radius:12px;
  background:rgba(255,255,255,
.05)
}

.menu-toggle span {
  display:block;
  height:2px;
  margin:5px 0;
  background:#fff;
  transition:.25s
}


.app-shell {
  min-height:100vh;
  padding-top:78px
}

.page-section {
  position:relative;
  padding:110px 0
}

.hero {
  min-height:calc(100vh - 78px);
  display:grid;
  align-items:center;
  isolation:isolate;
  overflow:hidden
}

.hero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background:linear-gradient(145deg,#080d18 12%,#0b1220 55%,#10162a)
}

.hero::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,
.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,
.04) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,black,transparent 85%)
}

.hero-glow {
  position:absolute;
  z-index:-1;
  border-radius:50%;
  filter:blur(8px);
  opacity:.45;
  animation:floatGlow 9s ease-in-out infinite
}

.hero-glow-one {
  width:520px;
  height:520px;
  right:-170px;
  top:-120px;
  background:radial-gradient(circle,rgba(110,168,255,
.32),transparent 68%)
}

.hero-glow-two {
  width:460px;
  height:460px;
  left:-220px;
  bottom:-180px;
  background:radial-gradient(circle,rgba(124,108,255,
.23),transparent 68%);
  animation-delay:-4s
}

.hero-layout {
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:55px;
  align-items:center
}

.status-pill {
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:24px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,
.12);
  border-radius:999px;
  background:rgba(255,255,255,
.05);
  color:#c5cfdd;
  font-size:.76rem;
  font-weight:700
}

.status-pill span {
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 5px rgba(85,223,180,
.1);
  animation:pulse 2s infinite
}

.hero-actions {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:34px 0 24px
}

.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:52px;
  padding:0 21px;
  border:1px solid transparent;
  border-radius:12px;
  text-decoration:none;
  font-weight:800;
  cursor:pointer;
  transition:transform .2s,box-shadow .2s,background .2s
}

.button:hover {
  transform:translateY(-2px)
}

.button.primary {
  color:#06101e;
  background:linear-gradient(135deg,#fff,#dce9ff);
  box-shadow:0 15px 38px rgba(110,168,255,
.18)
}

.button.ghost {
  color:#fff;
  background:rgba(255,255,255,
.04);
  border-color:rgba(255,255,255,
.13)
}

.button.secondary {
  color:#fff;
  background:var(--surface-2);
  border-color:var(--border)
}

.button.light {
  color:#0a1220;
  background:#fff
}

.hero-trust {
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  color:#9ba8ba;
  font-size:.82rem
}

.hero-trust b {
  margin-right:6px;
  color:var(--accent)
}


.device-stage {
  position:relative;
  min-height:510px;
  display:grid;
  place-items:center;
  perspective:1200px
}

.device-halo {
  position:absolute;
  width:85%;
  height:65%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(110,168,255,
.2),transparent 68%);
  filter:blur(25px)
}

.dashboard-window {
  position:relative;
  width:min(100%,560px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,
.14);
  border-radius:21px;
  background:rgba(14,22,36,
.9);
  box-shadow:0 40px 100px rgba(0,0,0,
.48),inset 0 1px rgba(255,255,255,
.08);
  transform:rotateY(-7deg) rotateX(3deg);
  animation:deviceFloat 6s ease-in-out infinite
}

.window-bar {
  height:48px;
  display:flex;
  align-items:center;
  padding:0 16px;
  border-bottom:1px solid var(--border);
  background:rgba(255,255,255,
.025);
  font-size:.68rem;
  color:var(--muted)
}

.window-bar>div {
  display:flex;
  gap:6px;
  margin-right:15px
}

.window-bar i {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#576276
}

.window-bar span {
  margin-right:auto
}

.window-bar small {
  color:var(--accent)
}

.dashboard-body {
  display:grid;
  grid-template-columns:55px 1fr;
  min-height:365px
}

.dashboard-sidebar {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:22px;
  padding:17px 0;
  border-right:1px solid var(--border);
  background:rgba(0,0,0,
.12)
}

.dashboard-sidebar strong {
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border-radius:9px;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  font-size:.64rem
}

.dashboard-sidebar span {
  width:15px;
  height:15px;
  border-radius:5px;
  background:#364155
}

.dashboard-sidebar span.active {
  background:var(--primary);
  box-shadow:0 0 18px rgba(110,168,255,
.55)
}

.dashboard-main {
  padding:22px
}

.dashboard-title {
  display:flex;
  justify-content:space-between;
  align-items:center
}

.dashboard-title small {
  display:block;
  color:var(--muted);
  font-size:.65rem
}

.dashboard-title strong {
  font-size:.95rem
}

.dashboard-title>span {
  color:var(--muted);
  font-size:.72rem
}

.metric-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:19px 0
}

.metric-grid article {
  min-height:116px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:13px;
  background:rgba(255,255,255,
.035)
}

.metric-grid small {
  display:block;
  color:var(--muted);
  font-size:.62rem;
  text-transform:uppercase;
  letter-spacing:.08em
}

.metric-grid strong {
  display:block;
  margin:12px 0;
  font-size:1.5rem
}

.metric-accent {
  background:linear-gradient(145deg,rgba(110,168,255,
.13),rgba(124,108,255,
.08))!important
}

.meter {
  height:4px;
  overflow:hidden;
  border-radius:4px;
  background:#293448
}

.meter span {
  display:block;
  width:var(--value);
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--primary),var(--primary-2));
  animation:meterIn 1.4s ease both
}

.pulse-line {
  height:16px;
  margin-top:14px;
  background:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 18h18l8-9 9 17 10-20 11 12h13l8-8 10 8h33' fill='none' stroke='%2355dfb4' stroke-width='2'/%3E%3C/svg%3E") center/100% 100% no-repeat
}

.command-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px
}

.command-grid button {
  min-height:55px;
  border:1px solid var(--border);
  border-radius:11px;
  background:#172236;
  color:#dce5f1;
  font-size:.68rem;
  font-weight:750
}

.floating-card {
  position:absolute;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 14px;
  border:1px solid rgba(255,255,255,
.15);
  border-radius:13px;
  background:rgba(20,30,47,
.86);
  box-shadow:0 18px 45px rgba(0,0,0,
.35);
  backdrop-filter:blur(15px);
  animation:floatCard 5s ease-in-out infinite
}

.floating-card span {
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:9px;
  background:rgba(110,168,255,
.15);
  color:var(--primary)
}

.floating-card small {
  display:block;
  color:var(--muted);
  font-size:.58rem
}

.floating-card strong {
  font-size:.72rem
}

.floating-card-one {
  left:-5px;
  bottom:68px
}

.floating-card-two {
  right:-8px;
  top:75px;
  animation-delay:-2.5s
}

.scroll-hint {
  position:absolute;
  left:50%;
  bottom:22px;
  width:22px;
  height:34px;
  border:1px solid rgba(255,255,255,
.24);
  border-radius:12px
}

.scroll-hint span {
  position:absolute;
  left:50%;
  top:7px;
  width:3px;
  height:7px;
  border-radius:3px;
  background:#fff;
  transform:translateX(-50%);
  animation:scrollDot 1.7s infinite
}


.proof-bar {
  border-block:1px solid var(--border);
  background:#0b111d
}

.proof-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr)
}

.proof-grid article {
  min-height:126px;
  padding:26px;
  border-right:1px solid var(--border)
}

.proof-grid article:last-child {
  border-right:0
}

.proof-grid strong {
  display:block;
  margin-bottom:7px;
  font-size:1.24rem
}

.proof-grid span {
  color:var(--muted);
  font-size:.78rem
}

.home-features {
  background:linear-gradient(180deg,#080d18,#0b111e)
}

.section-heading {
  display:flex;
  justify-content:space-between;
  gap:50px;
  align-items:end;
  margin-bottom:42px
}

.section-heading>p {
  max-width:390px;
  color:var(--muted)
}

.home-feature-grid {
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:16px
}

.home-feature {
  position:relative;
  min-height:250px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:28px;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:linear-gradient(145deg,rgba(255,255,255,
.055),rgba(255,255,255,
.02));
  transition:.3s
}

.home-feature:hover {
  transform:translateY(-5px);
  border-color:rgba(110,168,255,
.35);
  box-shadow:0 24px 70px rgba(0,0,0,
.24)
}

.home-feature.large {
  grid-row:span 2;
  min-height:516px
}

.home-feature p:last-child {
  color:var(--muted)
}

.feature-icon {
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,
.11);
  border-radius:14px;
  background:rgba(110,168,255,
.1);
  color:var(--primary);
  font-size:1.25rem
}

.mini-chart {
  height:135px;
  display:flex;
  align-items:end;
  gap:9px;
  padding-top:20px
}

.mini-chart i {
  flex:1;
  border-radius:6px 6px 2px 2px;
  background:linear-gradient(180deg,var(--primary),rgba(124,108,255,
.25));
  animation:bars 2.8s ease-in-out infinite alternate
}

.mini-chart i:nth-child(1) {
  height:40%
}

.mini-chart i:nth-child(2) {
  height:62%;
  animation-delay:-.2s
}

.mini-chart i:nth-child(3) {
  height:48%;
  animation-delay:-.5s
}

.mini-chart i:nth-child(4) {
  height:82%;
  animation-delay:-.8s
}

.mini-chart i:nth-child(5) {
  height:68%;
  animation-delay:-1.1s
}

.mini-chart i:nth-child(6) {
  height:92%;
  animation-delay:-1.4s
}

.mini-chart i:nth-child(7) {
  height:76%;
  animation-delay:-1.7s
}

.cta-section {
  padding:25px 0 90px;
  background:#0b111e
}

.cta-card {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:45px;
  padding:48px;
  border:1px solid rgba(255,255,255,
.13);
  border-radius:28px;
  background:linear-gradient(125deg,#18263d,#172039 55%,#26204a);
  box-shadow:var(--shadow)
}

.cta-card h2 {
  max-width:700px;
  margin-bottom:15px;
  font-size:clamp(2rem,3.8vw,3.5rem)
}

.cta-card p {
  color:#b9c4d2
}

.cta-price {
  text-align:right
}

.cta-price>span {
  display:block;
  margin-bottom:16px;
  font-size:clamp(3.6rem,7vw,6rem);
  line-height:.9;
  font-weight:800;
  letter-spacing:-.07em
}


.product-preview,
.price-panel,
.download-panel,
.licence-panel,
.info-card,
.feature-card,
.text-block {
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:0 18px 50px rgba(0,0,0,
.18)
}

.price-panel,
.download-panel,
.licence-panel,
.info-card,
.feature-card,
.text-block {
  padding:25px
}

.cards.two,
.cards.three,
.feature-grid {
  display:grid;
  gap:16px;
  margin-top:30px
}

.cards.two {
  grid-template-columns:repeat(2,1fr)
}

.cards.three,
.feature-grid {
  grid-template-columns:repeat(3,1fr)
}

.info-card ul,
.check-list,
.price-panel ul,
.steps {
  padding-left:21px;
  color:var(--muted)
}

.info-card li,
.check-list li,
.price-panel li,
.steps li {
  margin-bottom:9px
}

.check-list li::marker {
  content:"✓  ";
  color:var(--accent)
}

.price {
  display:block;
  font-size:clamp(4rem,8vw,7rem);
  line-height:.9;
  font-weight:850;
  letter-spacing:-.08em;
  color:#fff
}

.download-panel {
  display:grid;
  gap:12px;
  align-content:start
}

.small-note,
.info-card p,
.feature-card p,
.text-block p {
  color:var(--muted)
}

.warning-block {
  border-left:4px solid var(--accent)
}

.feature-list {
  border-top:1px solid var(--border)
}

.feature-list article {
  display:grid;
  grid-template-columns:60px 1fr 130px;
  gap:22px;
  padding:25px 0;
  border-bottom:1px solid var(--border)
}

.feature-number {
  color:var(--primary);
  font-weight:800
}

.feature-list p {
  color:var(--muted)
}

.feature-list article>strong {
  justify-self:end;
  color:var(--muted);
  font-size:.75rem;
  text-transform:uppercase
}

.section-plain,
.section-soft {
  padding:55px 0;
  border-block:1px solid var(--border);
  background:var(--bg-soft)
}

.roadmap-clean {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px
}

.roadmap-clean ul {
  color:var(--muted)
}

.comparison-table {
  margin-top:30px;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--surface)
}

.comparison-table>div {
  display:grid;
  grid-template-columns:1.15fr 1fr 1fr
}

.comparison-table>div:first-child {
  background:#1a2941
}

.comparison-table span,
.comparison-table strong {
  padding:16px;
  border-bottom:1px solid var(--border)
}

.site-footer {
  border-top:1px solid var(--border);
  background:#070b13
}

.footer-content {
  min-height:86px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  color:var(--muted);
  font-size:.82rem
}

.footer-content p {
  margin:0
}

.reveal {
  opacity:0;
  transform:translateY(28px);
  transition:opacity .7s ease,transform .7s cubic-bezier(.2,
.7,
.2,1)
}

.reveal.visible {
  opacity:1;
  transform:none
}

.nav-button:focus-visible,
.button:focus-visible,a:focus-visible,
.menu-toggle:focus-visible {
  outline:3px solid rgba(110,168,255,
.45);
  outline-offset:3px
}


@keyframes deviceFloat {
  50% {
  transform:rotateY(-5deg) rotateX(2deg) translateY(-10px)
}


}

@keyframes floatCard {
  50% {
  transform:translateY(-9px)
}


}

@keyframes floatGlow {
  50% {
  transform:translate(22px,18px) scale(1.06)
}


}

@keyframes pulse {
  50% {
  box-shadow:0 0 0 9px rgba(85,223,180,0)
}


}

@keyframes scrollDot {
  0% {
  opacity:0;
  transform:translate(-50%,0)
}

35% {
  opacity:1
}

100% {
  opacity:0;
  transform:translate(-50%,13px)
}


}

@keyframes meterIn {
  from {
  width:0
}


}

@keyframes bars {
  to {
  filter:brightness(1.35);
  transform:scaleY(.88);
  transform-origin:bottom
}


}


@media(max-width:1100px) {
  .nav-more {
  display:none
}

.hero-layout {
  gap:28px
}

.floating-card-one {
  left:0
}

.floating-card-two {
  right:0
}


}


@media(max-width:900px) {
  .menu-toggle {
  display:block;
  margin-left:auto
}

.nav {
  height:70px
}

.app-shell {
  padding-top:70px
}

.nav-links {
  position:absolute;
  left:20px;
  right:20px;
  top:68px;
  display:none;
  flex-direction:column;
  align-items:stretch;
  padding:12px;
  border:1px solid var(--border);
  border-radius:16px;
  background:rgba(12,19,31,
.98);
  box-shadow:var(--shadow)
}

.nav-links.open {
  display:flex
}

.nav-links .nav-button {
  text-align:left;
  padding:12px 14px
}

.nav-links .nav-download {
  margin:4px 0 0;
  text-align:center
}

.nav-more {
  display:block
}

.menu-toggle.open span:nth-child(1) {
  transform:translateY(7px) rotate(45deg)
}

.menu-toggle.open span:nth-child(2) {
  opacity:0
}

.menu-toggle.open span:nth-child(3) {
  transform:translateY(-7px) rotate(-45deg)
}

.hero {
  min-height:auto
}

.hero-layout,
.page-grid,
.roadmap-clean {
  grid-template-columns:1fr
}

.device-stage {
  min-height:470px
}

.proof-grid {
  grid-template-columns:repeat(2,1fr)
}

.proof-grid article:nth-child(2) {
  border-right:0
}

.proof-grid article:nth-child(-n+2) {
  border-bottom:1px solid var(--border)
}

.section-heading {
  display:block
}

.section-heading>p {
  margin-top:18px
}

.cta-card {
  align-items:flex-start;
  flex-direction:column
}

.cta-price {
  text-align:left
}

.cards.three,
.feature-grid {
  grid-template-columns:1fr
}

.cards.two {
  grid-template-columns:1fr
}


}


@media(max-width:620px) {
  .container {
  width:min(100% - 28px,var(--container))
}

.page,
.page-section {
  padding:70px 0
}

h1 {
  font-size:clamp(2.75rem,15vw,4.2rem)
}

.hero-copy {
  text-align:left
}

.hero-actions {
  align-items:stretch;
  flex-direction:column
}

.button {
  width:100%
}

.device-stage {
  min-height:400px;
  margin-top:18px
}

.dashboard-window {
  transform:none;
  animation:none
}

.floating-card {
  display:none
}

.dashboard-body {
  grid-template-columns:42px 1fr
}

.dashboard-main {
  padding:15px
}

.metric-grid {
  grid-template-columns:1fr 1fr
}

.metric-grid article {
  min-height:95px
}

.metric-grid article:nth-child(3) {
  grid-column:1/-1
}

.command-grid {
  grid-template-columns:repeat(2,1fr)
}

.proof-grid {
  grid-template-columns:1fr
}

.proof-grid article {
  border-right:0!important;
  border-bottom:1px solid var(--border)
}

.home-feature-grid {
  grid-template-columns:1fr
}

.home-feature.large {
  grid-row:auto;
  min-height:440px
}

.cta-card {
  padding:30px 22px
}

.feature-list article {
  grid-template-columns:38px 1fr
}

.feature-list article>strong {
  grid-column:2;
  justify-self:start
}

.comparison-table>div {
  grid-template-columns:1fr
}

.comparison-table span,
.comparison-table strong {
  border-bottom:1px solid var(--border)
}

.footer-content {
  padding:22px 0;
  align-items:flex-start;
  flex-direction:column
}

.scroll-hint {
  display:none
}


}


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

.reveal {
  opacity:1;
  transform:none
}


}