:root {
  color-scheme: light;
  --ink: #111827;
  --muted: #647084;
  --paper: #f5f7fa;
  --surface: #ffffff;
  --surface-2: #eef2f6;
  --line: #dfe5ec;
  --orange: #ff5b2a;
  --orange-dark: #e84718;
  --green: #1fb67a;
  --navy: #07101f;
  --navy-2: #0d1a2c;
  --purple: #8b5cf6;
  --blue: #3182f6;
  --shadow: 0 24px 80px rgba(11, 22, 39, 0.12);
  --radius: 22px;
  --container: 1180px;
}

[data-theme="dark"] {
  color-scheme: dark;
  --ink: #f5f7fb;
  --muted: #a5b0c0;
  --paper: #07101b;
  --surface: #0d1928;
  --surface-2: #111f30;
  --line: #223147;
  --shadow: 0 28px 90px rgba(0, 0, 0, 0.35);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --ink: #f5f7fb;
    --muted: #a5b0c0;
    --paper: #07101b;
    --surface: #0d1928;
    --surface-2: #111f30;
    --line: #223147;
    --shadow: 0 28px 90px rgba(0, 0, 0, 0.35);
  }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  max-width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
  color: var(--ink);
  background: var(--paper);
  font-family: "DM Sans", system-ui, sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
button, input, textarea { font: inherit; }
a { color: inherit; text-decoration: none; }
img, svg { display: block; max-width: 100%; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.skip-link { position: fixed; top: -60px; left: 16px; z-index: 1000; padding: 10px 16px; background: #fff; color: #111; border-radius: 8px; }
.skip-link:focus { top: 10px; }

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  border-bottom: 1px solid rgba(255,255,255,.09);
  background: rgba(7,16,31,.82);
  backdrop-filter: blur(18px);
  color: #fff;
}
.nav-wrap { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-family: Manrope, sans-serif; font-weight: 600; letter-spacing: -.03em; white-space: nowrap; }
.brand strong { color: var(--orange); }
.nav-logo-crop {
  width: 44px;
  height: 44px;
  display: block;
  flex: 0 0 44px;
  overflow: hidden;
  border-radius: 50%;
  filter: drop-shadow(0 5px 12px rgba(0, 0, 0, .24));
}
.nav-logo-crop img {
  width: 84px;
  max-width: none;
  transform: translate(-21px, -1px);
}
.brand-mark { width: 34px; height: 34px; display: inline-grid; place-items: center; position: relative; transform: rotate(-12deg); }
.brand-mark::before, .brand-mark::after, .brand-mark i { content: ""; position: absolute; border: 4px solid var(--orange); border-radius: 50%; }
.brand-mark::before { width: 25px; height: 25px; border-right-color: transparent; }
.brand-mark::after { width: 12px; height: 12px; border-left-color: transparent; border-bottom-color: transparent; }
.brand-mark i:first-child { width: 3px; height: 3px; border-width: 2px; background: #fff; }
.brand-mark i:last-child { display: none; }
.brand-mark.small { width: 23px; height: 23px; transform: rotate(-12deg) scale(.72); }
.main-nav { display: flex; align-items: center; gap: 27px; margin-left: auto; }
.main-nav a { color: #bec7d4; font-size: 14px; transition: color .2s; }
.main-nav a:hover, .main-nav a:focus-visible { color: #fff; }
.nav-actions { display: flex; align-items: center; gap: 10px; }
.theme-switch { display: flex; align-items: center; gap: 2px; padding: 3px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; background: rgba(255,255,255,.04); }
.theme-switch button { width: 27px; height: 27px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #8d9aaa; cursor: pointer; font-size: 12px; }
.theme-switch button.active { color: #fff; background: rgba(255,255,255,.14); }
.btn {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 19px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  transition: transform .2s, background .2s, box-shadow .2s;
}
.btn:hover { transform: translateY(-2px); }
.btn-primary { color: #fff; background: var(--orange); box-shadow: 0 10px 25px rgba(255,91,42,.22); }
.btn-primary:hover { background: var(--orange-dark); box-shadow: 0 14px 34px rgba(255,91,42,.3); }
.btn-ghost { color: #e4e9ef; border-color: rgba(255,255,255,.15); background: rgba(255,255,255,.04); }
.btn-large { min-height: 55px; padding-inline: 25px; border-radius: 12px; font-size: 15px; }
.btn-light { background: #fff; color: var(--navy); }
.btn-link { color: #fff; padding-inline: 3px; }
.btn-link .play { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; font-size: 9px; }
.full { width: 100%; }
.menu-button { display: none; width: 43px; height: 43px; border: 1px solid rgba(255,255,255,.15); border-radius: 9px; background: transparent; }
.menu-button span { width: 17px; height: 1px; display: block; margin: 4px auto; background: #fff; }
.mobile-menu { display: none; padding: 10px 20px 20px; background: var(--navy); }
.mobile-menu a { display: block; padding: 12px; border-bottom: 1px solid rgba(255,255,255,.08); }
.mobile-theme { display: none; }

.hero { min-height: 920px; padding: 150px 0 0; position: relative; overflow: hidden; color: #fff; background: var(--navy); }
.hero::after { content: ""; position: absolute; inset: auto 0 0; height: 190px; background: linear-gradient(180deg, transparent, rgba(0,0,0,.16)); pointer-events: none; }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.hero-glow-one { width: 700px; height: 700px; right: -160px; top: 20px; background: radial-gradient(circle, rgba(20,71,126,.36), transparent 69%); }
.hero-glow-two { width: 500px; height: 500px; left: -320px; bottom: 20px; background: radial-gradient(circle, rgba(255,91,42,.15), transparent 70%); }
.hero-grid { display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 45px; position: relative; z-index: 2; }
.eyebrow, .section-kicker { font-size: 11px; font-weight: 800; letter-spacing: .17em; color: var(--orange); text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: #d7dee8; }
.eyebrow span { width: 27px; height: 2px; background: var(--orange); }
h1, h2, h3 { font-family: Manrope, sans-serif; line-height: 1.12; letter-spacing: -.045em; margin: 0; }
h1 { margin-top: 21px; font-size: clamp(48px, 5.6vw, 76px); font-weight: 800; }
h1 em, h2 em { color: var(--orange); font-style: normal; }
.hero-lead { max-width: 570px; margin: 25px 0 30px; color: #aab6c7; font-size: 18px; line-height: 1.75; }
.hero-actions { display: flex; align-items: center; gap: 25px; }
.hero-proof { display: flex; align-items: center; gap: 13px; margin-top: 35px; }
.avatar-stack { display: flex; padding-left: 8px; }
.avatar-stack b { width: 32px; height: 32px; display: grid; place-items: center; margin-left: -8px; border: 2px solid var(--navy); border-radius: 50%; color: #fff; font-size: 11px; background: #315d82; }
.avatar-stack b:nth-child(2) { background: #d57043; }
.avatar-stack b:nth-child(3) { background: #56637b; }
.stars { color: #ffb52e; font-size: 11px; letter-spacing: 2px; }
.hero-proof small { color: #8492a5; font-size: 11px; }

.product-stage { min-width: 0; min-height: 540px; position: relative; perspective: 1300px; }
.product-stage-inner { width: 700px; height: 540px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); transform-origin: center top; }
.dashboard-window {
  width: 660px;
  position: absolute;
  top: 40px;
  left: 3px;
  z-index: 3;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 15px;
  background: #101d2e;
  box-shadow: 0 60px 120px rgba(0,0,0,.48), 0 0 0 7px rgba(255,255,255,.025);
  transform: rotateY(-5deg) rotateX(2deg);
}
.window-bar { height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 0 17px; border-bottom: 1px solid rgba(255,255,255,.08); background: #0b1727; }
.mini-brand { display: flex; align-items: center; font: 700 10px Manrope, sans-serif; color: #e9eef5; }
.window-dots { display: flex; gap: 5px; }
.window-dots i { width: 6px; height: 6px; border-radius: 50%; background: #314055; }
.dashboard-body { height: 400px; display: grid; grid-template-columns: 55px 1fr; }
.dashboard-body aside { display: flex; flex-direction: column; align-items: center; gap: 18px; padding-top: 28px; border-right: 1px solid rgba(255,255,255,.06); background: #0b1727; }
.dashboard-body aside span { width: 19px; height: 7px; border-radius: 3px; background: #2c394c; }
.dashboard-body aside .side-active { height: 19px; border-radius: 5px; background: var(--orange); }
.dashboard-content { padding: 25px 25px 22px; }
.dash-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 19px; }
.dash-head > div { display: flex; flex-direction: column; }
.dash-head small { color: #64748a; font-size: 7px; letter-spacing: .15em; }
.dash-head strong { margin-top: 3px; color: #f1f4f8; font-size: 16px; }
.status-pill { padding: 5px 9px; border-radius: 99px; color: #65d6a7; background: rgba(31,182,122,.1); font-size: 7px; }
.metric-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.metric-row article { min-height: 82px; padding: 13px; border: 1px solid rgba(255,255,255,.06); border-radius: 9px; background: #142236; }
.metric-row small { display: block; color: #77869a; font-size: 8px; }
.metric-row strong { display: inline-block; margin-top: 5px; color: #fff; font: 700 23px Manrope; }
.metric-row em { float: right; margin-top: 14px; color: #55ca97; font-style: normal; font-size: 7px; }
.metric-row em.amber { color: #f5ab3c; }
.dash-grid { display: grid; grid-template-columns: 1.45fr .9fr; gap: 10px; margin-top: 10px; }
.chart-card, .activity-card { height: 190px; overflow: hidden; padding: 14px; border: 1px solid rgba(255,255,255,.06); border-radius: 9px; background: #142236; }
.chart-card > div { display: flex; justify-content: space-between; color: #e3e8ef; font-size: 9px; }
.chart-card small { color: #6e7e92; }
.chart-card svg { margin-top: 11px; }
.grid-line { fill: none; stroke: rgba(255,255,255,.06); }
.chart-fill { fill: url(#chartFill); }
.chart-line { fill: none; stroke: #ff683b; stroke-width: 3; }
.activity-card > strong { display: block; margin-bottom: 9px; color: #e5ebf3; font-size: 9px; }
.activity-card > div { display: flex; align-items: center; gap: 7px; padding: 10px 0; border-top: 1px solid rgba(255,255,255,.05); }
.dot { width: 6px; height: 6px; border-radius: 50%; }
.dot.orange { background: var(--orange); }.dot.green { background: var(--green); }.dot.blue { background: var(--blue); }
.activity-card span { flex: 1; display: flex; flex-direction: column; }
.activity-card b { color: #dce3ec; font-size: 7px; }.activity-card small, .activity-card time { color: #718096; font-size: 6px; }
.stage-orbit { position: absolute; border: 1px solid rgba(255,255,255,.06); border-radius: 50%; }
.orbit-one { width: 620px; height: 620px; top: -35px; left: 45px; }
.orbit-two { width: 480px; height: 480px; top: 35px; left: 115px; }
.floating-card { position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; padding: 11px 14px; border: 1px solid rgba(255,255,255,.11); border-radius: 11px; background: rgba(20,34,54,.94); box-shadow: 0 17px 45px rgba(0,0,0,.3); backdrop-filter: blur(12px); }
.floating-card span { display: flex; flex-direction: column; }.floating-card small { color: #78879a; font-size: 7px; }.floating-card strong { color: #fff; font-size: 9px; }.floating-card em { color: #5ed6a2; font-style: normal; font-size: 11px; }
.qr-float { right: -10px; top: 29px; }.remind-float { left: -22px; bottom: 33px; }
.bell { width: 28px; height: 28px; display: grid !important; place-items: center; border-radius: 7px; color: #ffa27f !important; background: rgba(255,91,42,.15); font-size: 14px !important; }
.fake-qr { width: 30px; height: 30px; position: relative; background: repeating-linear-gradient(45deg,#fff 0 2px,transparent 2px 4px), #172438; border: 3px solid #fff; }
.fake-qr i { position: absolute; width: 7px; height: 7px; border: 2px solid #111; background: #fff; }.fake-qr i:nth-child(1){top:0;left:0}.fake-qr i:nth-child(2){top:0;right:0}.fake-qr i:nth-child(3){bottom:0;left:0}
.fake-qr.large { width: 74px; height: 74px; border-width: 6px; }.fake-qr.large i { width: 17px; height: 17px; border-width: 4px; }
.trust-strip { min-height: 108px; display: grid; grid-template-columns: .7fr repeat(4,1fr); align-items: center; gap: 15px; position: relative; z-index: 3; margin-top: 80px; border-top: 1px solid rgba(255,255,255,.1); }
.trust-strip > span { color: #617087; font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.trust-strip div { color: #9ba8b9; font-size: 11px; }.trust-strip b { margin-right: 7px; color: var(--orange); font: 700 9px Manrope; }

section:not(.hero) { padding: 120px 0; }
.center-copy { max-width: 850px; text-align: center; }
.center-copy h2, .section-heading h2, .security-copy h2, .pricing-copy h2, .faq-copy h2 { margin-top: 14px; font-size: clamp(36px, 4.2vw, 57px); }
.center-copy p { max-width: 680px; margin: 22px auto 0; color: var(--muted); font-size: 17px; }
.problem-section { background: var(--paper); }
.comparison-grid { display: grid; grid-template-columns: 1fr 56px 1fr; align-items: center; margin-top: 56px; }
.comparison-grid article { padding: 34px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: 0 12px 40px rgba(11,22,39,.05); }
.comparison-grid .new-way { border-color: rgba(31,182,122,.38); box-shadow: 0 20px 55px rgba(31,182,122,.09); }
.comparison-head { display: flex; align-items: center; gap: 15px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.comparison-head > span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; color: #ef5b5b; background: rgba(239,91,91,.1); font-weight: 800; }
.new-way .comparison-head > span { color: var(--green); background: rgba(31,182,122,.1); }
.comparison-head div { display: flex; flex-direction: column; }.comparison-head small { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .14em; }.comparison-head strong { font: 700 17px Manrope; }
.comparison-grid ul { display: grid; gap: 16px; padding: 20px 0 0; margin: 0; list-style: none; color: var(--muted); font-size: 14px; }
.comparison-grid li { display: flex; align-items: center; gap: 12px; }.old-way li span { color: #ef5b5b; }.new-way li span { color: var(--green); }
.switch-arrow { width: 42px; height: 42px; display: grid; place-items: center; justify-self: center; z-index: 2; border: 1px solid var(--line); border-radius: 50%; color: var(--orange); background: var(--surface); font-weight: 800; }

.features-section { background: var(--surface-2); }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 52px; }
.section-heading p { max-width: 420px; margin: 0 0 6px; color: var(--muted); font-size: 16px; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.feature-card { min-height: 345px; position: relative; overflow: hidden; padding: 30px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); transition: transform .25s, box-shadow .25s; }
.feature-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.feature-no { position: absolute; top: 27px; right: 27px; color: #a9b3c1; font: 700 9px Manrope; letter-spacing: .12em; }
.feature-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; color: var(--orange); background: rgba(255,91,42,.1); font-size: 20px; }
.feature-icon.purple { color: var(--purple); background: rgba(139,92,246,.1); }.feature-icon.green { color: var(--green); background: rgba(31,182,122,.1); }
.feature-icon.blue { color: var(--blue); background: rgba(49,130,246,.1); }.feature-icon.amber { color: #e79a1f; background: rgba(231,154,31,.1); }.feature-icon.red { color: #e85454; background: rgba(232,84,84,.1); }
.feature-card h3 { margin: 21px 0 11px; font-size: 20px; }.feature-card p { margin: 0; color: var(--muted); font-size: 14px; }
.mini-list { display: grid; gap: 7px; margin-top: 24px; }.mini-list div { display: grid; grid-template-columns: 1fr 1.4fr auto; align-items: center; padding: 9px 11px; border: 1px solid var(--line); border-radius: 8px; font-size: 8px; }.mini-list span { color: var(--muted); }.mini-list em { padding: 3px 5px; border-radius: 99px; color: var(--green); background: rgba(31,182,122,.1); font-style: normal; font-size: 6px; }
.qr-visual { display: flex; align-items: center; gap: 16px; margin-top: 23px; }.qr-visual span { font-weight: 700; font-size: 12px; }.qr-visual small { color: var(--muted); font-weight: 400; }
.progress-visual { margin-top: 37px; }.progress-visual > span { display: block; height: 7px; overflow: hidden; border-radius: 99px; background: var(--surface-2); }.progress-visual i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--green),#5ed6a2); }.progress-visual small { display: block; margin-top: 8px; color: var(--muted); }
.role-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 30px; }.role-chips span { padding: 6px 10px; border: 1px solid var(--line); border-radius: 99px; color: var(--muted); font-size: 9px; }
.part-visual { display: flex; align-items: center; gap: 12px; margin-top: 24px; padding: 10px; border: 1px solid var(--line); border-radius: 9px; }.part-visual > span { width: 56px; height: 47px; display: grid; place-items: center; border-radius: 6px; color: #c87d15; background: #fff1d9; font-size: 7px; font-weight: 800; }.part-visual div { display: flex; flex-direction: column; font-size: 10px; }.part-visual small { color: #e79a1f; }
.devices { height: 75px; display: flex; align-items: end; justify-content: center; gap: 8px; margin-top: 22px; }.devices i,.devices b,.devices span { display:block; border:2px solid #9aa7b8; border-radius:5px; }.devices i { width:76px;height:49px; }.devices b { width:30px;height:61px; }.devices span { width:23px;height:44px; }

.workflow-section { color: #fff; background: var(--navy); }
.steps-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-top: 65px; border: 1px solid rgba(255,255,255,.1); border-radius: var(--radius); background: rgba(255,255,255,.1); overflow: hidden; }
.steps-grid article { min-height: 300px; position: relative; padding: 40px; background: var(--navy-2); }
.steps-grid article > b { position: absolute; right: 26px; top: 20px; color: rgba(255,255,255,.08); font: 800 43px Manrope; }
.step-icon { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(255,91,42,.3); border-radius: 14px; color: var(--orange); background: rgba(255,91,42,.08); font-size: 21px; }
.steps-grid h3 { margin: 31px 0 12px; font-size: 21px; }.steps-grid p { color: #8492a5; font-size: 14px; }

.security-section { background: var(--surface); }
.security-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 100px; }
.security-copy > p { max-width: 520px; margin: 23px 0 30px; color: var(--muted); font-size: 16px; }
.check-list { display: grid; gap: 19px; padding: 0; margin: 0; list-style: none; }
.check-list li { display: flex; gap: 13px; }.check-list li > span { width: 24px; height: 24px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: var(--green); background: rgba(31,182,122,.1); font-size: 11px; font-weight: 800; }
.check-list div { display:flex;flex-direction:column; }.check-list strong { font-size: 14px; }.check-list small { color: var(--muted); font-size: 12px; }
.security-visual { min-height: 470px; position: relative; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle, rgba(49,130,246,.08), transparent 63%); }
.shield { width: 145px; height: 170px; z-index: 2; display: grid; place-items: center; clip-path: polygon(50% 0,92% 18%,84% 73%,50% 100%,16% 73%,8% 18%); background: linear-gradient(145deg,#182d46,#0c1727); filter: drop-shadow(0 28px 30px rgba(0,0,0,.22)); }
.shield::before { content:""; position:absolute; width:115px;height:138px; clip-path:inherit; background: linear-gradient(145deg,#1c3957,#101f32); }
.shield span { z-index: 2; width: 47px; height: 47px; display:grid;place-items:center; border:1px solid rgba(88,211,161,.35); border-radius:50%; color:#62d9a8; background:rgba(31,182,122,.12);font-size:22px; }
.security-ring { position:absolute; border:1px dashed var(--line); border-radius:50%; }.ring-a{width:310px;height:310px}.ring-b{width:430px;height:430px}
.secure-chip { position:absolute; z-index:3; display:flex;align-items:center;gap:10px; min-width:166px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:var(--shadow); }
.secure-chip i { width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--blue);background:rgba(49,130,246,.1);font-style:normal; }
.secure-chip span{display:flex;flex-direction:column}.secure-chip small{color:var(--muted);font-size:7px;letter-spacing:.12em}.secure-chip b{font-size:10px}.chip-a{top:42px;left:12px}.chip-b{right:-7px;top:178px}.chip-c{left:5px;bottom:42px}

.pricing-section { background: var(--surface-2); }
.pricing-wrap { display: grid; grid-template-columns: 1fr 480px; align-items: center; gap: 100px; }
.pricing-copy p { max-width: 500px; color: var(--muted); font-size: 17px; }
.price-notes { display: flex; flex-wrap: wrap; gap: 9px 20px; margin-top: 30px; color: var(--muted); font-size: 12px; }.price-notes span::first-letter { color: var(--green); }
.price-card { position:relative;padding:42px;border:1px solid rgba(255,91,42,.32);border-radius:24px;background:var(--surface);box-shadow:0 30px 80px rgba(255,91,42,.11); }
.popular { position:absolute;top:0;right:35px;padding:8px 14px;border-radius:0 0 8px 8px;color:#fff;background:var(--orange);font-size:8px;font-weight:800;letter-spacing:.13em; }
.price-head { display:flex;justify-content:space-between;align-items:center }.price-head div{display:flex;flex-direction:column}.price-head small{color:var(--muted);font-size:8px;letter-spacing:.12em}.price-head strong{font:700 20px Manrope}.price-head>span{padding:6px 10px;border-radius:99px;color:var(--orange);background:rgba(255,91,42,.09);font-size:10px;font-weight:700}
.price { display:flex;align-items:center;gap:9px;margin:28px 0 7px }.price>strong{font:800 62px Manrope;letter-spacing:-.07em}.price div{display:flex;flex-direction:column;line-height:1.2}.price b{font-size:18px}.price small{color:var(--muted);font-size:10px}.price-card>p{color:var(--muted);font-size:13px}.price-card hr,.order-summary hr{border:0;border-top:1px solid var(--line);margin:25px 0}.price-card ul{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:0;margin:0 0 27px;list-style:none;font-size:12px}.price-card li::first-letter{color:var(--green)}.price-total{display:block;margin-top:12px;text-align:center;color:var(--muted);font-size:10px}

.checkout-section { background: var(--paper); }
.checkout-heading { max-width:760px;text-align:center;margin-bottom:50px }.checkout-heading h2{margin-top:12px;font-size:clamp(36px,4vw,52px)}.checkout-heading p{color:var(--muted)}
.checkout-layout { display:grid;grid-template-columns:1fr 350px;align-items:start;gap:25px }
.checkout-form,.summary-sticky,.payment-frame-wrap { border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 14px 50px rgba(11,22,39,.05) }
.checkout-form{padding:36px}.form-section{padding-bottom:32px;margin-bottom:30px;border-bottom:1px solid var(--line)}.form-section-title{display:flex;align-items:center;gap:12px;margin-bottom:23px}.form-section-title>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:var(--orange);background:rgba(255,91,42,.1);font-weight:800}.form-section-title div{display:flex;flex-direction:column}.form-section-title strong{font:700 16px Manrope}.form-section-title small{color:var(--muted);font-size:10px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label{display:flex;flex-direction:column;gap:6px}.form-grid label.wide{grid-column:1/-1}.form-grid label>span{font-size:11px;font-weight:700}.form-grid label>small{color:var(--muted);font-size:9px}
input,textarea{width:100%;border:1px solid var(--line);border-radius:9px;outline:0;background:var(--paper);color:var(--ink);padding:12px 13px;font-size:13px;transition:border .2s,box-shadow .2s}input{height:45px}textarea{resize:vertical}input:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,91,42,.1)}input:user-invalid,textarea:user-invalid{border-color:#e85454}
.terms-check{display:flex;align-items:flex-start;gap:10px;margin:4px 0 22px;color:var(--muted);font-size:11px}.terms-check input{width:16px;height:16px;flex:0 0 auto;margin-top:2px;accent-color:var(--orange)}.terms-check a{color:var(--orange);text-decoration:underline}.pay-button{justify-content:space-between}.pay-button:disabled{cursor:wait;opacity:.7;transform:none}.payment-trust{display:flex;justify-content:center;gap:20px;margin-top:14px;color:var(--muted);font-size:9px}.form-message{margin:0 0 15px;padding:12px 14px;border-radius:9px;color:#a43131;background:rgba(232,84,84,.1);font-size:12px}.form-message.success{color:#147451;background:rgba(31,182,122,.1)}
.summary-sticky{position:sticky;top:100px;padding:29px}.summary-label{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.15em}.summary-product{display:flex;align-items:center;gap:12px;margin:19px 0 27px}.summary-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,var(--orange),#d9431c);font:800 14px Manrope}.summary-product>div{display:flex;flex-direction:column}.summary-product strong{font:700 14px Manrope}.summary-product small{color:var(--muted);font-size:10px}.summary-row,.summary-total{display:flex;justify-content:space-between;margin:11px 0;font-size:12px}.summary-row span{color:var(--muted)}.summary-row i{font-style:normal}.summary-total{align-items:end}.summary-total strong{font:800 22px Manrope}.order-summary ul{display:grid;gap:9px;padding:17px 0;margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);list-style:none;color:var(--muted);font-size:10px}.order-summary li::first-letter{color:var(--green)}.paytr-note{display:flex;justify-content:space-between;align-items:center}.paytr-note span{color:#14a38b;font-weight:900;letter-spacing:.06em}.paytr-note small{color:var(--muted);font-size:8px}
.payment-frame-wrap{margin-top:28px;padding:25px;overflow:hidden}.payment-frame-wrap[hidden]{display:none}.payment-frame-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.payment-frame-head h3{margin-top:4px}.payment-frame-head button{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:8px 12px;cursor:pointer}#paytriframe{width:100%;min-height:620px;border-radius:10px;background:#fff}

.faq-section { background:var(--surface) }.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-copy p{color:var(--muted)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;padding:23px 0;cursor:pointer;list-style:none;font-weight:700;font-size:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--orange);transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:-8px 45px 23px 0;color:var(--muted);font-size:13px}
.final-cta{padding-top:0!important;background:var(--surface)}.final-card{min-height:290px;display:flex;align-items:center;justify-content:space-between;gap:50px;position:relative;overflow:hidden;padding:60px 70px;border-radius:26px;color:#fff;background:linear-gradient(125deg,#f05225,#ff6a36);box-shadow:0 30px 70px rgba(255,91,42,.22)}.final-card::after{content:"";position:absolute;width:400px;height:400px;right:-140px;top:-180px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.035),0 0 0 120px rgba(255,255,255,.025)}.final-card .section-kicker{color:#ffd2c5}.final-card h2{margin-top:12px;font-size:44px}.final-card>div:last-child{z-index:2;text-align:right}.final-card p{color:#ffe0d7}

footer{padding:75px 0 25px;color:#aab5c5;background:var(--navy)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:60px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-brand{color:#fff}.footer-grid p{max-width:270px;color:#718096;font-size:12px}.footer-grid>div>strong{margin-bottom:8px;color:#fff;font:700 12px Manrope}.footer-grid>div>a:not(.brand){font-size:11px}.footer-grid>div>a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;padding-top:23px;margin-top:55px;border-top:1px solid rgba(255,255,255,.08);color:#627086;font-size:9px}.footer-bottom i{font-style:normal}

.result-page{min-height:100vh;color:#fff;background:var(--navy)}.result-header{height:82px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.08)}.result-main{min-height:calc(100vh - 82px);display:grid;place-items:center;padding:45px 20px;background:radial-gradient(circle at 50% 35%,rgba(49,130,246,.14),transparent 38%)}.result-card{width:min(100%,620px);padding:52px;text-align:center;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:rgba(13,26,44,.86);box-shadow:0 35px 100px rgba(0,0,0,.38)}.result-icon{width:74px;height:74px;display:grid;place-items:center;margin:0 auto 25px;border-radius:50%;font:800 32px Manrope}.result-icon.waiting{border:1px solid rgba(49,130,246,.35);background:rgba(49,130,246,.09)}.result-icon.waiting span{width:26px;height:26px;border:3px solid rgba(255,255,255,.18);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}.result-icon.paid{color:#62d9a8;background:rgba(31,182,122,.12);border:1px solid rgba(31,182,122,.3)}.result-icon.failed{color:#ff7777;background:rgba(232,84,84,.12);border:1px solid rgba(232,84,84,.3)}.result-icon.review{color:#ffc75d;background:rgba(231,154,31,.12);border:1px solid rgba(231,154,31,.3)}@keyframes spin{to{transform:rotate(360deg)}}.result-card h1{margin:12px 0 14px;font-size:37px}.result-card>p{max-width:480px;margin:0 auto;color:#98a6b9;font-size:14px}.account-box{max-width:390px;margin:27px auto 0;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.035)}.account-box small,.account-box span{display:block;color:#7e8da1;font-size:9px}.account-box strong{display:block;margin:4px 0;color:#fff;font:700 21px Manrope}.result-actions{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:30px}.result-secondary{color:#d6dee9;border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04)}.order-reference{display:block;margin-top:25px;color:#5d6d83;font-size:8px;letter-spacing:.08em}

.legal-page{background:var(--paper)}.legal-header{position:sticky;top:0;z-index:20;color:#fff;background:rgba(7,16,31,.94);backdrop-filter:blur(15px)}.legal-header .container{height:74px;display:flex;align-items:center;justify-content:space-between}.legal-header a:last-child{font-size:12px;color:#b9c3d1}.legal-main{width:min(calc(100% - 32px),850px);margin:55px auto 90px;padding:50px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.legal-main h1{font-size:39px}.legal-main .updated{display:block;margin:8px 0 30px;color:var(--muted);font-size:11px}.legal-main h2{margin:32px 0 10px;font-size:20px;letter-spacing:-.025em}.legal-main p,.legal-main li{color:var(--muted);font-size:13px}.legal-main ul{padding-left:20px}.legal-alert{padding:16px 18px;margin:25px 0;border:1px solid rgba(231,154,31,.35);border-radius:10px;color:#8a5a0d;background:rgba(231,154,31,.09);font-size:12px}.legal-info{display:grid;grid-template-columns:180px 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden}.legal-info b,.legal-info span{padding:10px 13px;border-bottom:1px solid var(--line);font-size:12px}.legal-info b{background:var(--surface-2)}.legal-info>*:nth-last-child(-n+2){border-bottom:0}

.reveal { opacity:0; transform:translateY(22px); transition:opacity .7s ease,transform .7s ease }.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important;transition-duration:.01ms!important}}

@media (max-width:1100px){
  .main-nav{display:none}.product-stage{height:459px;min-height:0}.product-stage-inner{transform:translateX(-50%) scale(.85)}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dashboard-window{left:-45px}.qr-float{right:-60px}
  .feature-grid{grid-template-columns:repeat(2,1fr)}.pricing-wrap{grid-template-columns:1fr 430px;gap:45px}.security-grid{gap:45px}.checkout-layout{grid-template-columns:1fr 315px}
}
@media (max-width:850px){
  .container{width:min(calc(100% - 28px),var(--container))}.desktop-only{display:none}.menu-button{display:block}.mobile-menu.open{display:block}.theme-switch{display:none}
  .mobile-menu.open{max-height:calc(100dvh - 67px);overflow-y:auto}.mobile-menu a{min-height:46px;display:flex;align-items:center}
  .mobile-theme{display:flex;align-items:center;gap:8px;margin-top:14px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;width:fit-content}
  .mobile-theme button{width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:#8d9aaa;cursor:pointer}
  .mobile-theme button.active{color:#fff;background:rgba(255,255,255,.14)}
  .hero{padding-top:125px;min-height:auto}.hero-grid{grid-template-columns:minmax(0,1fr);text-align:center}.hero-copy{width:100%;min-width:0;max-width:100%}.eyebrow{justify-content:center}.hero-lead{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center;flex-wrap:wrap}.product-stage{width:100%;height:443px;min-height:0;max-width:100%;margin:0;overflow:hidden}.product-stage-inner{transform:translateX(-50%) scale(.82)}.dashboard-window{left:30px}.remind-float{left:10px}.qr-float{right:15px}
  .trust-strip{grid-template-columns:repeat(2,1fr);padding:25px 0;margin-top:20px}.trust-strip>span{grid-column:1/-1}
  section:not(.hero){padding:85px 0}.comparison-grid{grid-template-columns:1fr;gap:15px}.switch-arrow{transform:rotate(90deg)}.section-heading{align-items:start;flex-direction:column;gap:20px}.feature-grid{grid-template-columns:1fr 1fr}.steps-grid{grid-template-columns:1fr}.security-grid,.pricing-wrap,.faq-grid{grid-template-columns:1fr}.security-visual{order:-1;overflow:hidden}.pricing-wrap{gap:50px}.checkout-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.order-summary{order:-1}.summary-sticky{position:static}.final-card{padding:50px;align-items:flex-start;flex-direction:column}.final-card>div:last-child{text-align:left}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}
}
@media (max-width:700px){
  .product-stage{height:389px}.product-stage-inner{transform:translateX(-50%) scale(.72)}
}
@media (max-width:580px){
  .container{width:min(calc(100% - 24px),var(--container))}.nav-wrap{min-height:67px;gap:8px}.brand{gap:8px;font-size:14px}.brand-mark{transform:rotate(-12deg) scale(.85)}.nav-logo-crop{width:38px;height:38px;flex-basis:38px}.nav-logo-crop img{width:72px;transform:translate(-18px,-1px)}.nav-actions{gap:6px}.nav-actions>.btn-primary{display:none}.menu-button{width:40px;height:40px;flex:0 0 auto}
  .hero{padding-top:98px}.hero-grid{gap:18px}h1{font-size:clamp(34px,11vw,43px)}.hero-lead{margin-top:20px;font-size:16px;line-height:1.65}.hero-actions{width:100%;flex-direction:column;gap:10px}.hero-actions .btn{width:100%}.hero-proof{align-items:flex-start;text-align:left}.product-stage{width:100%;height:286px;margin:8px 0 0}.product-stage-inner{transform:translateX(-50%) scale(.53)}.trust-strip{grid-template-columns:1fr;gap:12px;margin-top:8px}.trust-strip>span{grid-column:auto}
  section:not(.hero){padding:68px 0}.center-copy h2,.section-heading h2,.security-copy h2,.pricing-copy h2,.faq-copy h2{font-size:clamp(29px,9.5vw,36px)}.center-copy p{font-size:15px}.comparison-grid{margin-top:36px}.comparison-grid article{padding:22px}.comparison-grid li{align-items:flex-start}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0;padding:25px}.steps-grid{margin-top:42px}.steps-grid article{min-height:255px;padding:28px}
  .security-grid{gap:25px}.security-visual{min-height:330px;margin:0;transform:none;overflow:hidden}.ring-a{width:230px;height:230px}.ring-b{width:320px;height:320px}.secure-chip{min-width:138px;padding:10px}.chip-a{top:18px;left:0}.chip-b{right:0;top:145px}.chip-c{left:0;bottom:18px}.shield{width:125px;height:148px}
  .pricing-wrap{gap:35px}.price-card{padding:27px 22px}.price-head{align-items:flex-start;gap:10px;flex-wrap:wrap}.popular{right:22px}.price{align-items:flex-end;flex-wrap:wrap}.price>strong{font-size:clamp(45px,15vw,51px)}.price-card ul{grid-template-columns:1fr}
  .checkout-heading{margin-bottom:32px}.checkout-form{padding:20px 17px}.form-section{padding-bottom:25px;margin-bottom:24px}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.pay-button{align-items:center;flex-direction:column;gap:2px;padding:10px 14px;text-align:center}.payment-trust{flex-direction:column;align-items:center;gap:3px;text-align:center}.payment-frame-wrap{padding:13px}.payment-frame-head{align-items:stretch;flex-direction:column;gap:15px}.payment-frame-head h3{font-size:18px}.payment-frame-head button{width:100%}#paytriframe{min-height:680px}
  .final-card{min-height:0;padding:36px 23px;gap:28px}.final-card h2{font-size:32px}.final-card .btn{width:100%}.final-card>div:last-child{width:100%}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:7px;margin-top:38px}.faq-list summary{gap:12px;font-size:13px}.faq-list summary span{flex:0 0 25px}
  .result-card{padding:38px 22px}.result-card h1{font-size:29px}.result-actions{flex-direction:column}.result-actions .btn{width:100%}.legal-main{margin-top:24px;padding:28px 21px}.legal-main h1{font-size:30px}.legal-info{grid-template-columns:1fr}.legal-info b{border-bottom:0}.legal-info span{border-bottom:1px solid var(--line)}
}
@media (max-width:390px){
  .brand{font-size:13px}.product-stage{height:243px}.product-stage-inner{transform:translateX(-50%) scale(.45)}
  .comparison-head{align-items:flex-start}.comparison-head>span{width:38px;height:38px;flex:0 0 38px}.price-head>span{font-size:9px}
}
@media (max-width:340px){
  .brand{font-size:12px}.nav-logo-crop{width:35px;height:35px;flex-basis:35px}.nav-logo-crop img{width:66px;transform:translate(-16px,-1px)}
  .product-stage{height:216px}.product-stage-inner{transform:translateX(-50%) scale(.4)}
}

/* SEO content pages */
.content-page { background: var(--paper); }
.content-page .site-header { color: #fff; }
.content-main { padding: 120px 0 80px; }
.content-wrap { max-width: 860px; }
.breadcrumb { margin-bottom: 22px; }
.breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--muted);
  font-size: 12px;
}
.breadcrumb li:not(:last-child)::after {
  content: "/";
  margin-left: 10px;
  color: var(--line);
}
.breadcrumb a { color: var(--muted); text-decoration: underline; text-underline-offset: 2px; }
.breadcrumb a:hover { color: var(--orange); }
.content-hero { margin-bottom: 34px; }
.content-hero h1 {
  margin: 12px 0 14px;
  font: 800 clamp(32px, 5vw, 48px) / 1.12 Manrope, sans-serif;
  letter-spacing: -.04em;
}
.content-lead { color: var(--muted); font-size: 17px; max-width: 680px; }
.content-body h2 {
  margin: 34px 0 12px;
  font: 750 24px / 1.25 Manrope, sans-serif;
  letter-spacing: -.03em;
}
.content-body p,
.content-body li { color: var(--muted); font-size: 15px; }
.content-body a { color: var(--orange); text-decoration: underline; text-underline-offset: 2px; }
.content-body ol { padding-left: 22px; }
.benefit-list {
  display: grid;
  gap: 12px;
  margin: 18px 0 8px;
  padding: 0;
  list-style: none;
}
.benefit-list li {
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--surface);
}
.content-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 48px;
  padding: 28px 30px;
  border-radius: 20px;
  color: #fff;
  background: linear-gradient(125deg, #0d1a2c, #18324f);
  box-shadow: var(--shadow);
}
.content-cta p { margin: 6px 0 0; color: #9fb0c5; font-size: 13px; }
.content-cta .btn { flex: 0 0 auto; white-space: nowrap; }
.contact-card {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 10px 0 28px;
}
.contact-card > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--surface);
}
.contact-card small { color: var(--muted); font-size: 10px; letter-spacing: .12em; font-weight: 800; }
.contact-card strong { font: 700 16px Manrope, sans-serif; }
.contact-card a { color: var(--orange); text-decoration: none; }

.seo-cluster-section { background: var(--paper); }
.seo-cluster-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 34px;
}
.seo-cluster-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 180px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--surface);
  box-shadow: 0 10px 30px rgba(11, 22, 39, .04);
  transition: transform .2s ease, border-color .2s ease;
}
.seo-cluster-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 91, 42, .35);
}
.seo-cluster-card small {
  color: var(--orange);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
}
.seo-cluster-card strong { font: 750 18px / 1.25 Manrope, sans-serif; letter-spacing: -.02em; }
.seo-cluster-card span { color: var(--muted); font-size: 13px; }

@media (max-width: 1100px) {
  .seo-cluster-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 850px) {
  .content-main { padding-top: 100px; }
  .content-cta { flex-direction: column; align-items: flex-start; }
  .content-cta .btn { width: 100%; text-align: center; }
  .contact-card { grid-template-columns: 1fr; }
}
@media (max-width: 580px) {
  .seo-cluster-grid { grid-template-columns: 1fr; }
  .seo-cluster-card { min-height: 0; }
  .content-body h2 { font-size: 21px; }
}