:root {
  --page: #f7f7f8;
  --page-soft: #f0f1f3;
  --surface: #ffffff;
  --ink: #111318;
  --ink-soft: #30343b;
  --muted: #656a73;
  --line: rgba(17, 19, 24, .09);
  --blue: #087bf5;
  --blue-deep: #075fd8;
  --cyan: #6bdcff;
  --radius-control: 14px;
  --radius-card: 28px;
  --radius-stage: 40px;
  --shadow-card: 0 24px 70px rgba(25, 43, 72, .09), 0 2px 10px rgba(25, 43, 72, .04);
  --shadow-float: 0 34px 90px rgba(12, 66, 132, .18), 0 8px 28px rgba(12, 66, 132, .09);
}

*, *::before, *::after { box-sizing: border-box; }

html {
  color-scheme: light;
  background: var(--page);
}

body {
  overflow-x: clip;
  background: var(--page) !important;
  color: var(--ink) !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif !important;
  text-rendering: geometricPrecision;
}

x-dc { display: block; }

h1, h2, h3, h4,
button, input, textarea, select {
  font-family: inherit !important;
}

h1, h2, h3, h4 {
  color: var(--ink);
  font-style: normal !important;
  text-wrap: balance;
}

p { text-wrap: pretty; }

img, picture, video, canvas, svg {
  max-width: 100%;
}

:where(a, button, input, summary):focus-visible {
  outline: 3px solid rgba(10, 132, 255, .36) !important;
  outline-offset: 3px !important;
  border-radius: 12px;
}

main > section:not(.trust-rail):not(.display-section) {
  padding-block: clamp(82px, 9vw, 142px) !important;
}

main > section > div,
.site-footer > div {
  max-width: 1220px !important;
}

main a[style*="background:#0A84FF"],
main a[style*="background:#0A6FE0"] {
  min-height: 52px !important;
  padding-inline: 22px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #178cff 0%, #0872f6 100%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.32) inset, 0 12px 28px rgba(8,114,246,.25) !important;
  transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease !important;
}

main a[style*="background:#0A84FF"]:hover {
  transform: translateY(-1px);
  filter: saturate(1.08);
}

main a[style*="background:#fff"],
main a[style*="background:#FFFFFF"] {
  min-height: 52px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.78) !important;
  border-color: var(--line) !important;
  box-shadow: 0 6px 20px rgba(18,32,52,.06) !important;
}

.site-header {
  top: 12px !important;
  width: min(calc(100% - 32px), 1220px) !important;
  margin-inline: auto !important;
  border: 1px solid rgba(20,20,24,.07) !important;
  border-radius: 22px !important;
  background: rgba(250,250,251,.78) !important;
  box-shadow: 0 12px 38px rgba(18,32,54,.09) !important;
  backdrop-filter: blur(24px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(145%) !important;
}

.site-header > div {
  min-height: 68px !important;
  padding-inline: 18px !important;
}

.site-header nav a {
  border-radius: 999px !important;
  color: var(--ink-soft) !important;
  transition: background 160ms ease, color 160ms ease !important;
}

.site-header nav a:hover {
  background: rgba(0,0,0,.045) !important;
  color: var(--ink) !important;
}

.site-header a[style*="background:#0A84FF"] {
  border-radius: 999px !important;
  background: linear-gradient(180deg, #178cff, #0872f6) !important;
  box-shadow: 0 8px 22px rgba(8,121,249,.22) !important;
}

.site-header a[aria-disabled="true"] {
  border-radius: 999px !important;
  background: rgba(255,255,255,.72) !important;
  color: #4f5662 !important;
}

.hero-section {
  position: relative;
  overflow: hidden;
  padding-top: clamp(72px, 8vw, 104px) !important;
  padding-bottom: clamp(64px, 8vw, 104px) !important;
  background:
    radial-gradient(circle at 20% 7%, rgba(112, 222, 255, .17), transparent 28%),
    radial-gradient(circle at 80% 3%, rgba(255, 233, 174, .16), transparent 24%),
    linear-gradient(180deg, #fbfbfc 0%, #f7f7f8 72%, #f3f4f6 100%) !important;
}

.hero-copy {
  max-width: 940px !important;
  margin-inline: auto !important;
  align-items: center !important;
  gap: 24px !important;
  text-align: center !important;
}

.hero-copy > div:first-child {
  font-size: 13px !important;
  letter-spacing: .08em !important;
  color: #0872df !important;
}

.hero-copy h1 {
  max-width: 940px;
  font-size: clamp(48px, 7.2vw, 86px) !important;
  font-weight: 720 !important;
  line-height: .98 !important;
  letter-spacing: -.047em !important;
}

.hero-copy h1 span:nth-child(2) {
  margin-top: 8px;
  font-size: .75em;
  line-height: 1.08 !important;
  padding-bottom: .1em;
  white-space: nowrap;
  color: transparent !important;
  background: linear-gradient(110deg, #086cf2 5%, #168cff 52%, #55cfff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  font-family: inherit !important;
  font-style: normal !important;
  font-weight: 720 !important;
}

.hero-copy > p {
  max-width: 690px !important;
  font-size: clamp(18px, 1.8vw, 21px) !important;
  line-height: 1.52 !important;
  color: var(--muted) !important;
}

.hero-copy > div:nth-of-type(2),
.hero-copy > div:nth-of-type(3) {
  justify-content: center !important;
}

.hero-copy > div:last-child {
  color: #777d86 !important;
}

.hero-stage {
  isolation: isolate;
  margin-top: clamp(56px, 7vw, 84px) !important;
  padding: clamp(24px, 4vw, 54px) !important;
  border-radius: var(--radius-stage) !important;
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 6%, rgba(205, 248, 255, .98), transparent 31%),
    radial-gradient(circle at 82% 8%, rgba(255, 246, 215, .78), transparent 28%),
    linear-gradient(155deg, #c8f1ff 0%, #66c5ff 48%, #0b6dee 100%) !important;
  box-shadow: 0 32px 90px rgba(25, 83, 157, .16) !important;
}

.hero-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.26), transparent 42%);
}

.hero-canvas {
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 28px !important;
  background-color: rgba(255,255,255,.78) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.86) inset, var(--shadow-float) !important;
  backdrop-filter: blur(24px) saturate(135%);
  -webkit-backdrop-filter: blur(24px) saturate(135%);
}

.hero-canvas button {
  border-radius: 999px !important;
  min-height: 46px !important;
  transition: transform 160ms ease, box-shadow 160ms ease !important;
}

.hero-canvas button:hover { transform: translateY(-1px); }

.hero-preview-hint {
  width: max-content;
  max-width: calc(100% - 24px);
  margin: 14px auto 0 !important;
  padding: 8px 14px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 999px;
  background: rgba(5, 54, 128, .88);
  box-shadow: 0 8px 22px rgba(4, 45, 108, .2);
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .005em;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.arrange-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 10px;
  border: 1px solid rgba(8, 123, 245, .22);
  border-radius: 999px;
  background: #eaf4ff;
  color: #0768d8;
  font-size: 12px;
  font-weight: 700;
}

.arrange-status > span {
  display: inline-block;
  animation: arrangeStatus 1.1s ease-in-out infinite;
}

.hero-seat {
  position: relative;
  z-index: 1;
  transform-origin: center;
  will-change: transform;
}

@keyframes arrangeStatus {
  0%, 100% { transform: translateX(-2px); }
  50% { transform: translateX(2px); }
}

@keyframes arrangeSeatA {
  0%, 8%, 92%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
  20% { transform: translate3d(calc(165% + clamp(12px, 2.25vw, 24px)), 18%, 0) rotate(2deg); }
  34%, 66% { transform: translate3d(calc(300% + clamp(24px, 4.5vw, 48px)), calc(200% + clamp(16px, 3vw, 32px)), 0) rotate(1deg); }
  82% { transform: translate3d(calc(140% + clamp(12px, 2.25vw, 24px)), calc(155% + clamp(8px, 1.5vw, 16px)), 0) rotate(-2deg); }
}

@keyframes arrangeSeatB {
  0%, 8%, 92%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
  34%, 66% { transform: translate3d(calc(100% + clamp(8px, 1.5vw, 16px)), calc(200% + clamp(16px, 3vw, 32px)), 0) rotate(-2deg); }
}

@keyframes arrangeSeatC {
  0%, 8%, 92%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
  34%, 66% { transform: translate3d(calc(200% + clamp(16px, 3vw, 32px)), 0, 0) rotate(2deg); }
}

@keyframes arrangeSeatD {
  0%, 8%, 92%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
  34%, 66% { transform: translate3d(calc(-100% - clamp(8px, 1.5vw, 16px)), calc(100% + clamp(8px, 1.5vw, 16px)), 0) rotate(-2deg); }
}

@keyframes arrangeSeatE {
  0%, 8%, 92%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
  34%, 66% { transform: translate3d(calc(-200% - clamp(16px, 3vw, 32px)), 0, 0) rotate(-2deg); }
}

@keyframes arrangeSeatF {
  0%, 8%, 92%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
  34%, 66% { transform: translate3d(calc(-100% - clamp(8px, 1.5vw, 16px)), calc(-200% - clamp(16px, 3vw, 32px)), 0) rotate(2deg); }
}

@keyframes arrangeSeatG {
  0%, 8%, 92%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
  20% { transform: translate3d(calc(-140% - clamp(12px, 2.25vw, 24px)), calc(-155% - clamp(8px, 1.5vw, 16px)), 0) rotate(-2deg); }
  34%, 66% { transform: translate3d(calc(-300% - clamp(24px, 4.5vw, 48px)), calc(-200% - clamp(16px, 3vw, 32px)), 0) rotate(-1deg); }
  82% { transform: translate3d(calc(-165% - clamp(12px, 2.25vw, 24px)), -18%, 0) rotate(2deg); }
}

@keyframes arrangeSeatH {
  0%, 8%, 92%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
  34%, 66% { transform: translate3d(calc(100% + clamp(8px, 1.5vw, 16px)), calc(-100% - clamp(8px, 1.5vw, 16px)), 0) rotate(2deg); }
}

.trust-rail {
  padding: 0 24px 52px;
  border: 0 !important;
  background: var(--page) !important;
}

.trust-rail > div {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 20px 24px !important;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 18px 48px rgba(19,36,66,.06);
}

.trust-rail > div > span {
  min-height: 42px;
  justify-content: center;
  padding-inline: 16px;
  border-right: 1px solid var(--line);
  color: #4c525c !important;
}

.trust-rail > div > span:last-child { border-right: 0; }

.setup-section {
  background: #fff !important;
}

.setup-section > div {
  gap: clamp(46px, 7vw, 92px) !important;
}

.setup-section h2,
.print-section h2 {
  font-size: clamp(38px, 4.7vw, 58px) !important;
  font-weight: 700 !important;
  line-height: 1.02 !important;
  letter-spacing: -.038em !important;
}

.setup-section p,
.feature-section p,
.print-section p {
  font-size: clamp(16px, 1.6vw, 18px) !important;
  line-height: 1.58 !important;
  color: var(--muted) !important;
}

.setup-section button {
  min-height: 52px !important;
  padding: 13px 16px !important;
  border-radius: 15px !important;
  transition: transform 160ms ease, box-shadow 160ms ease !important;
}

.setup-section button:hover { transform: translateX(2px); }

.setup-section > div > div:last-child > div:first-child,
.feature-section > div > div > div:nth-child(2) {
  border-color: rgba(17,19,24,.08) !important;
  border-radius: 24px !important;
  box-shadow: 0 20px 54px rgba(26,43,71,.08) !important;
}

.feature-section {
  border: 0 !important;
  background: var(--page-soft) !important;
}

.feature-section > div {
  gap: 24px !important;
}

.feature-section > div > div {
  min-height: 390px;
  padding: clamp(28px, 4.4vw, 58px) !important;
  border: 1px solid rgba(255,255,255,.84);
  border-radius: 32px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 20px 64px rgba(18,35,64,.07);
}

.feature-section > div > div:nth-child(2) {
  background: linear-gradient(145deg, #ffffff 0%, #f5faff 100%);
}

.feature-section h2 {
  font-size: clamp(32px, 3.8vw, 46px) !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
}

.feature-section > div > div > div:first-child > div:first-child,
.feature-section > div > div > div:nth-child(1) > div:first-child {
  letter-spacing: .1em !important;
}

.plan-layout-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  color: #687384;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.plan-layout-heading span:last-child {
  color: #0872df;
  letter-spacing: .02em;
  text-transform: none;
}

.plan-layout-stage {
  position: relative;
  height: 186px;
}

.plan-layout-item {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(33.333% - 8px);
  min-height: 54px;
  box-sizing: border-box;
  transition: transform .72s cubic-bezier(.3, 1.15, .55, 1), opacity .26s ease, box-shadow .26s ease;
  will-change: transform;
}

.plan-layout-stage.layout-rows .plan-layout-item:nth-child(1) { transform: translate3d(0, 0, 0); }
.plan-layout-stage.layout-rows .plan-layout-item:nth-child(2) { transform: translate3d(calc(100% + 12px), 0, 0); }
.plan-layout-stage.layout-rows .plan-layout-item:nth-child(3) { transform: translate3d(calc(200% + 24px), 0, 0); }
.plan-layout-stage.layout-rows .plan-layout-item:nth-child(4) { transform: translate3d(0, 66px, 0); }
.plan-layout-stage.layout-rows .plan-layout-item:nth-child(5) { transform: translate3d(calc(200% + 24px), 66px, 0); }
.plan-layout-stage.layout-rows .plan-layout-item:nth-child(6) { transform: translate3d(calc(100% + 12px), 66px, 0) scale(.72); opacity: 0; }
.plan-layout-stage.layout-rows .plan-layout-item:nth-child(7) { transform: translate3d(calc(100% + 12px), 132px, 0) scale(.72); opacity: 0; }

.plan-layout-stage.layout-lab .plan-layout-item:nth-child(1) { transform: translate3d(0, 0, 0) rotate(-2deg); }
.plan-layout-stage.layout-lab .plan-layout-item:nth-child(2) { transform: translate3d(calc(200% + 24px), 0, 0) rotate(2deg); }
.plan-layout-stage.layout-lab .plan-layout-item:nth-child(3) { transform: translate3d(0, 66px, 0) rotate(2deg); }
.plan-layout-stage.layout-lab .plan-layout-item:nth-child(4) { transform: translate3d(calc(200% + 24px), 66px, 0) rotate(-2deg); }
.plan-layout-stage.layout-lab .plan-layout-item:nth-child(5) { transform: translate3d(calc(100% + 12px), 132px, 0); }
.plan-layout-stage.layout-lab .plan-layout-item:nth-child(6) { transform: translate3d(calc(100% + 12px), 0, 0); opacity: 1; }
.plan-layout-stage.layout-lab .plan-layout-item:nth-child(7) { transform: translate3d(calc(100% + 12px), 66px, 0); opacity: 1; }

.plan-layout-stage.layout-discussion .plan-layout-item:nth-child(1) { transform: translate3d(0, 0, 0) rotate(-5deg); }
.plan-layout-stage.layout-discussion .plan-layout-item:nth-child(2) { transform: translate3d(calc(100% + 12px), -4px, 0) rotate(-1deg); }
.plan-layout-stage.layout-discussion .plan-layout-item:nth-child(3) { transform: translate3d(calc(200% + 24px), 0, 0) rotate(5deg); }
.plan-layout-stage.layout-discussion .plan-layout-item:nth-child(4) { transform: translate3d(0, 132px, 0) rotate(4deg); }
.plan-layout-stage.layout-discussion .plan-layout-item:nth-child(5) { transform: translate3d(calc(200% + 24px), 132px, 0) rotate(-4deg); }
.plan-layout-stage.layout-discussion .plan-layout-item:nth-child(6) { transform: translate3d(calc(100% + 12px), 72px, 0) scale(.92); opacity: 1; }
.plan-layout-stage.layout-discussion .plan-layout-item:nth-child(7) { transform: translate3d(calc(100% + 12px), 132px, 0) scale(.72); opacity: 0; }

.plan-layout-stage.layout-exam .plan-layout-item:nth-child(1) { transform: translate3d(0, 0, 0) scale(.9); }
.plan-layout-stage.layout-exam .plan-layout-item:nth-child(2) { transform: translate3d(calc(200% + 24px), 0, 0) scale(.9); }
.plan-layout-stage.layout-exam .plan-layout-item:nth-child(3) { transform: translate3d(0, 66px, 0) scale(.9); }
.plan-layout-stage.layout-exam .plan-layout-item:nth-child(4) { transform: translate3d(calc(200% + 24px), 66px, 0) scale(.9); }
.plan-layout-stage.layout-exam .plan-layout-item:nth-child(5) { transform: translate3d(calc(100% + 12px), 132px, 0) scale(.9); }
.plan-layout-stage.layout-exam .plan-layout-item:nth-child(6) { transform: translate3d(calc(100% + 12px), 0, 0) scale(.72); opacity: 0; }
.plan-layout-stage.layout-exam .plan-layout-item:nth-child(7) { transform: translate3d(calc(100% + 12px), 66px, 0) scale(.72); opacity: 0; }

.plan-layout-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 18px;
  margin-top: 14px;
}

.plan-layout-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.plan-layout-tab {
  min-height: 36px;
  padding: 6px 11px;
  border: 1px solid #e0dacb;
  border-radius: 9px;
  background: #fff;
  color: #49596b;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.plan-layout-tab:hover { transform: translateY(-1px); }

.plan-layout-tab.is-active {
  border-color: #17345e;
  background: #17345e;
  color: #fff;
}

.plan-layout-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  margin-left: auto;
  padding-left: 16px;
  border-left: 1px solid rgba(23, 52, 94, .12);
}

.plan-layout-actions-label {
  color: #8a94a3;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.plan-layout-action {
  padding: 5px 9px;
  border: 1px dashed #cbd4de;
  border-radius: 999px;
  background: rgba(255, 255, 255, .58);
  color: #687384;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.attendance-section {
  border: 0 !important;
  background: #fff !important;
}

.attendance-section > div > div:first-child {
  max-width: 780px !important;
  margin-inline: auto !important;
  align-items: center;
  text-align: center;
}

.attendance-section h2,
.sync-section h2,
.pricing-section h2 {
  font-size: clamp(40px, 5.1vw, 64px) !important;
  font-weight: 720 !important;
  line-height: 1 !important;
  letter-spacing: -.043em !important;
}

.attendance-section > div > div:first-child p,
.sync-section > div > div:first-child p {
  max-width: 700px;
  font-size: clamp(17px, 1.7vw, 20px) !important;
  line-height: 1.55 !important;
  color: var(--muted) !important;
}

.attendance-section > div > div:nth-child(2) {
  padding: clamp(20px, 3.6vw, 46px) !important;
  border: 1px solid rgba(17,19,24,.06);
  border-radius: 36px;
  background: var(--page-soft);
  box-shadow: 0 26px 76px rgba(18,35,64,.07);
}

.attendance-section button {
  border-radius: 14px !important;
}

.display-section {
  width: auto;
  margin: 0 20px;
  padding-block: clamp(86px, 9vw, 136px) !important;
  border-radius: 40px;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 0%, rgba(128, 230, 255, .55), transparent 32%),
    radial-gradient(circle at 88% 5%, rgba(255, 242, 194, .22), transparent 28%),
    linear-gradient(145deg, #0b315e 0%, #075fd8 48%, #0a83f7 100%) !important;
}

.display-section h2 {
  max-width: 820px;
  font-size: clamp(42px, 5.5vw, 68px) !important;
  line-height: 1 !important;
  letter-spacing: -.043em !important;
}

.display-section > div > div:first-child > p {
  max-width: 680px;
  font-size: clamp(17px, 1.7vw, 20px) !important;
  line-height: 1.55 !important;
  color: rgba(255,255,255,.76) !important;
}

.display-section > div > div:nth-child(2) > div > div {
  border-color: rgba(255,255,255,.34) !important;
  border-radius: 30px !important;
  background: rgba(7,36,76,.63) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.18) inset, 0 36px 80px rgba(0,35,94,.28) !important;
  backdrop-filter: blur(18px);
}

.sync-section {
  background: #fff !important;
}

.sync-section > div > div:first-child {
  max-width: 840px !important;
  margin-inline: auto !important;
  align-items: center;
  text-align: center;
}

.sync-section > div > div:nth-child(2) {
  gap: 18px !important;
  margin-top: 64px !important;
}

.sync-section > div > div:nth-child(2) > div {
  min-height: 250px;
  padding: 24px 16px;
  border: 1px solid rgba(255,255,255,.82);
  border-radius: 26px;
  background: var(--page-soft);
}

.print-section {
  border: 0 !important;
  background: var(--page-soft) !important;
}

.print-section > div {
  gap: clamp(48px, 7vw, 92px) !important;
}

.pricing-section {
  background: #fff !important;
}

.pricing-section > div > div:nth-child(2) {
  max-width: 980px !important;
  gap: 24px !important;
  margin-top: 54px !important;
}

.pricing-section > div > div:nth-child(2) > div {
  padding: clamp(30px, 4vw, 40px) !important;
  border-radius: 30px !important;
  border: 1px solid var(--line) !important;
  background: var(--page) !important;
}

.pricing-section > div > div:nth-child(2) > div:nth-child(2) {
  color: var(--ink) !important;
  border-color: rgba(10,132,255,.56) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4f9ff 100%) !important;
  box-shadow: 0 0 0 1px rgba(10,132,255,.08), 0 28px 74px rgba(8,108,242,.16) !important;
}

.pricing-section > div > div:nth-child(2) > div:nth-child(2) span {
  color: var(--ink-soft) !important;
}

.pricing-section > div > div:nth-child(2) > div:nth-child(2) span[style*="color:#20C6C7"] {
  color: var(--blue) !important;
}

.pricing-section > div > div:nth-child(2) > div:nth-child(2) svg {
  stroke: var(--blue) !important;
}

.privacy-section {
  border: 0 !important;
  background: var(--page) !important;
}

.privacy-section > div > div {
  max-width: 900px !important;
  border: 1px solid var(--line) !important;
  border-radius: 32px !important;
  box-shadow: var(--shadow-card) !important;
}

.privacy-section h2 {
  font-size: clamp(34px, 4vw, 48px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
}

.privacy-section > div > div > div:nth-of-type(2) > div > span:first-child {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0 !important;
  border-radius: 50%;
  background: #eaf4ff;
  color: var(--blue) !important;
}

.final-cta-section {
  padding: clamp(72px, 9vw, 128px) 20px !important;
  border: 0 !important;
  background: #fff !important;
}

.final-cta-section > div {
  padding: clamp(68px, 8vw, 110px) clamp(24px, 5vw, 72px) !important;
  border: 1px solid rgba(255,255,255,.74);
  border-radius: 42px;
  color: #fff;
  overflow: hidden;
  background:
    radial-gradient(circle at 16% 0%, rgba(187, 244, 255, .72), transparent 31%),
    radial-gradient(circle at 82% 8%, rgba(255, 241, 195, .30), transparent 28%),
    linear-gradient(150deg, #168cff 0%, #086cf2 52%, #0752cf 100%);
  box-shadow: 0 38px 100px rgba(8,92,211,.24);
}

.final-cta-section h2 {
  max-width: 760px !important;
  color: #fff !important;
  font-size: clamp(42px, 5.4vw, 66px) !important;
  font-weight: 720 !important;
  line-height: 1 !important;
  letter-spacing: -.043em !important;
}

.final-cta-section p {
  max-width: 650px !important;
  color: rgba(255,255,255,.82) !important;
  font-size: clamp(17px, 1.7vw, 20px) !important;
}

.final-cta-section a[style*="background:#fff"] {
  background: rgba(255,255,255,.9) !important;
}

.final-cta-section .final-ios-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 17px !important;
  border: 1px solid rgba(255, 255, 255, .42);
  border-radius: 999px;
  background: rgba(4, 43, 110, .48);
  box-shadow: 0 8px 22px rgba(3, 38, 100, .18);
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  cursor: default;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.site-footer {
  background: #0a1526 !important;
}

.site-footer a { transition: color 160ms ease; }

@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {
  .site-header { background: rgba(250,250,251,.97) !important; }
  .hero-canvas { background-color: rgba(246,250,255,.98) !important; }
}

@media (max-width: 1023px) {
  .site-header { top: 8px !important; }
  .feature-section > div > div { min-height: 0; }
  .trust-rail > div { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .trust-rail > div > span:nth-child(2) { border-right: 0; }
  .trust-rail > div > span:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}

@media (max-width: 639px) {
  main > section:not(.trust-rail):not(.display-section) {
    padding-block: 82px !important;
  }

  .site-header {
    width: calc(100% - 16px) !important;
    border-radius: 18px !important;
  }

  .site-header > div { padding-inline: 10px !important; }

  .hero-section { padding-top: 76px !important; }

  .hero-shell { padding-inline: 20px !important; }

  .hero-copy { gap: 20px !important; }

  .hero-copy h1 {
    font-size: clamp(42px, 12vw, 52px) !important;
    line-height: .99 !important;
  }

  .hero-copy h1 span:nth-child(2) { margin-top: 6px; }

  .hero-copy h1 span:nth-child(2) {
    font-size: .82em;
    white-space: normal;
  }

  .hero-copy > p {
    font-size: 17px !important;
    line-height: 1.55 !important;
  }

  .hero-copy > div:nth-of-type(2) {
    width: 100%;
    flex-direction: column;
  }

  .hero-copy > div:nth-of-type(2) > a {
    width: 100%;
    justify-content: center;
  }

  .hero-stage {
    margin-top: 46px !important;
    margin-inline: -4px;
    padding: 14px !important;
    border-radius: 28px !important;
  }

  .hero-canvas {
    padding: 12px !important;
    border-radius: 20px !important;
  }

  .hero-canvas [style*="grid-template-columns:repeat(4"] {
    gap: 8px !important;
  }

  .trust-rail { padding: 0 16px 28px; }

  .trust-rail > div {
    padding: 12px !important;
    border-radius: 20px;
  }

  .trust-rail > div > span {
    justify-content: flex-start;
    padding: 10px 8px;
    font-size: 12px !important;
  }

  .setup-section > div,
  .print-section > div { gap: 42px !important; }

  .setup-section h2,
  .print-section h2,
  .attendance-section h2,
  .sync-section h2,
  .pricing-section h2 {
    font-size: 38px !important;
  }

  .feature-section > div { gap: 16px !important; }

  .feature-section > div > div {
    padding: 24px !important;
    border-radius: 24px;
    gap: 28px !important;
  }

  .feature-section h2 { font-size: 32px !important; }

  .attendance-section > div > div:nth-child(2) {
    padding: 16px !important;
    border-radius: 26px;
  }

  .display-section {
    margin: 0;
    border-radius: 0;
    padding-block: 82px !important;
  }

  .display-section h2 { font-size: 42px !important; }

  .display-section > div > div:nth-child(2) > div > div {
    border-radius: 22px !important;
  }

  .sync-section > div > div:nth-child(2) {
    margin-top: 44px !important;
  }

  .sync-section > div > div:nth-child(2) > div {
    min-height: 0;
  }

  .pricing-section > div > div:nth-child(2) > div {
    padding: 28px 24px !important;
    border-radius: 24px !important;
  }

  .privacy-section > div > div {
    border-radius: 24px !important;
  }

  .final-cta-section { padding-inline: 16px !important; }

  .final-cta-section > div {
    padding: 64px 20px !important;
    border-radius: 30px;
  }

  .final-cta-section h2 { font-size: 42px !important; }

  .plan-layout-actions {
    width: 100%;
    padding: 10px 0 0;
    border-top: 1px solid rgba(23, 52, 94, .1);
    border-left: 0;
  }
}

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