:root {
  --ink: #0b1424;
  --muted: #5f6d82;
  --line: #dce3ec;
  --paper: #f7f9fc;
  --white: #fff;
  --navy: #07101e;
  --navy-2: #0d1b2f;
  --blue: #2563eb;
  --cyan: #14b8a6;
  --lime: #a3e635;
  --shadow: 0 24px 70px rgba(10, 24, 48, .14);
  --radius: 22px;
  --container: min(1180px, calc(100vw - 40px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
.container { width: var(--container); margin-inline: auto; }
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.skip-link {
  position: fixed; z-index: 100; left: 16px; top: -70px;
  padding: 10px 16px; color: var(--white); background: var(--blue); border-radius: 8px;
}
.skip-link:focus { top: 12px; }
:focus-visible { outline: 3px solid #67e8f9; outline-offset: 3px; }

.site-header {
  position: sticky; z-index: 50; top: 0; color: #e9f1ff;
  background: rgba(7, 16, 30, .88); border-bottom: 1px solid rgba(255,255,255,.09);
  backdrop-filter: blur(18px);
}
.nav-wrap { min-height: 72px; display: flex; align-items: center; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 760; letter-spacing: -.02em; }
.brand-mark {
  display: grid; width: 34px; aspect-ratio: 1; place-items: center; color: #07101e;
  border-radius: 10px; background: linear-gradient(135deg, var(--lime), #4ee3c1 65%, #67e8f9);
  box-shadow: 0 8px 22px rgba(78, 227, 193, .22);
}
.main-nav { display: flex; align-items: center; gap: 25px; margin-left: auto; }
.main-nav a { color: #b7c4d7; font-size: 14px; transition: color .2s ease; }
.main-nav a:hover { color: var(--white); }
.nav-toggle { display: none; border: 0; background: transparent; }
.nav-download { margin-left: 2px; }

.button {
  display: inline-flex; min-height: 50px; align-items: center; justify-content: center;
  gap: 13px; padding: 0 22px; border: 1px solid transparent; border-radius: 13px;
  font-weight: 700; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.button:hover { transform: translateY(-2px); }
.button-primary {
  color: #07101e; background: linear-gradient(135deg, var(--lime), #5ee6c7);
  box-shadow: 0 12px 34px rgba(163, 230, 53, .18);
}
.button-primary:hover { box-shadow: 0 16px 42px rgba(163, 230, 53, .3); }
.button-ghost { color: inherit; border-color: rgba(120, 139, 167, .38); background: rgba(255,255,255,.04); }
.button-ghost:hover { background: rgba(255,255,255,.09); }
.button-text { padding-inline: 8px; color: #c8d5e8; }
.button-small { min-height: 40px; padding-inline: 16px; border-radius: 11px; font-size: 14px; }
.button-light { color: var(--navy); background: var(--white); box-shadow: 0 18px 45px rgba(6,17,32,.22); }
.wide { width: 100%; }

.hero {
  position: relative; overflow: hidden; color: var(--white);
  min-height: 720px; background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    var(--navy);
  background-size: 52px 52px;
}
.hero::after {
  content: ""; position: absolute; inset: auto 0 0; height: 160px;
  background: linear-gradient(transparent, rgba(13,27,47,.58));
  pointer-events: none;
}
.hero-glow { position: absolute; border-radius: 50%; filter: blur(2px); opacity: .28; }
.hero-glow-one { width: 500px; height: 500px; top: -230px; left: 38%; background: radial-gradient(circle, #2563eb, transparent 68%); }
.hero-glow-two { width: 420px; height: 420px; right: -190px; bottom: -140px; background: radial-gradient(circle, #14b8a6, transparent 68%); }
.hero-grid {
  position: relative; z-index: 2; display: grid; grid-template-columns: .95fr 1.05fr;
  gap: 64px; align-items: center; min-height: 720px; padding-block: 70px 90px;
}
.eyebrow, .kicker {
  display: inline-flex; align-items: center; gap: 9px; color: #9fafc5;
  font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
}
.status-dot {
  display: inline-block; width: 8px; height: 8px; border-radius: 50%;
  background: var(--lime); box-shadow: 0 0 0 5px rgba(163,230,53,.12), 0 0 22px rgba(163,230,53,.6);
}
.hero h1 {
  max-width: 700px; margin: 19px 0 22px; font-size: clamp(48px, 5.4vw, 76px);
  line-height: .98; letter-spacing: -.065em; font-weight: 780;
}
.gradient-text {
  color: transparent; background: linear-gradient(100deg, var(--lime), #5ee6c7 60%, #67e8f9);
  background-clip: text; -webkit-background-clip: text;
}
.hero-lead { max-width: 650px; margin: 0; color: #b7c4d7; font-size: 18px; line-height: 1.65; }
.hero-actions { display: flex; align-items: center; gap: 20px; margin-top: 34px; }
.hero-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 29px; color: #7f91aa; font-size: 12px; }
.hero-meta span { position: relative; }
.hero-meta span + span::before { content: "•"; margin-right: 18px; color: #486078; }

.product-demo { position: relative; perspective: 1100px; }
.demo-window {
  overflow: hidden; border: 1px solid rgba(148, 179, 220, .22); border-radius: 24px;
  background: rgba(13, 27, 47, .92); box-shadow: 0 45px 100px rgba(0,0,0,.42);
  transform: rotateY(-3deg) rotateX(1deg);
}
.demo-top {
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 52px;
  padding: 0 17px; color: #8395ad; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 12px;
}
.window-dots { display: flex; gap: 6px; }
.window-dots i { width: 8px; height: 8px; border-radius: 50%; background: #33445d; }
.window-dots i:first-child { background: #ef6a67; }.window-dots i:nth-child(2) { background: #eab854; }.window-dots i:last-child { background: #56bc7b; }
.local-pill { justify-self: end; padding: 4px 9px; color: #baf7df; border: 1px solid rgba(94,230,199,.25); border-radius: 999px; background: rgba(20,184,166,.09); }
.wave-panel { position: relative; height: 158px; padding: 25px 25px 15px; background: linear-gradient(180deg, rgba(37,99,235,.07), transparent); }
.wave-time { display: flex; justify-content: space-between; color: #60748f; font-size: 10px; }
.waveform { display: flex; height: 78px; align-items: center; gap: 5px; margin-top: 7px; }
.waveform i {
  flex: 1; height: var(--h); min-width: 2px; border-radius: 99px;
  background: linear-gradient(#57dec5, #2875db); opacity: .76;
  animation: breathe 2.8s ease-in-out infinite alternate;
}
.waveform i:nth-child(3n) { animation-delay: -.9s; }.waveform i:nth-child(4n) { animation-delay: -1.6s; }
.playhead { position: absolute; width: 2px; left: 57%; top: 28px; bottom: 18px; background: var(--lime); box-shadow: 0 0 15px rgba(163,230,53,.7); }
.playhead::before { content: ""; position: absolute; width: 8px; height: 8px; left: -3px; top: -4px; border-radius: 50%; background: var(--lime); }
.transcript-panel { padding: 6px 20px 12px; }
.segment { display: grid; grid-template-columns: 47px 1fr; gap: 9px; padding: 11px 12px; border-radius: 11px; color: #b8c7da; font-size: 13px; }
.segment time { color: #607b9b; font-size: 10px; padding-top: 2px; }.segment p { margin: 0; }
.segment.active { color: #edf7ff; background: rgba(37,99,235,.16); box-shadow: inset 3px 0 var(--lime); }
.segment.dimmed { opacity: .48; }
.demo-progress { display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; padding: 14px 20px 18px; color: #8ea0b8; font-size: 11px; }
.demo-progress span { position: relative; height: 5px; overflow: hidden; border-radius: 99px; background: #24364f; }
.demo-progress span::after { content: ""; position: absolute; inset: 0 26% 0 0; border-radius: inherit; background: linear-gradient(90deg, var(--blue), var(--lime)); }
.demo-progress strong { color: #dcfce7; font-size: 13px; }.demo-progress small { color: #657994; }
.privacy-float {
  position: absolute; right: -24px; bottom: -31px; display: flex; gap: 10px; align-items: center;
  padding: 12px 16px; border: 1px solid rgba(163,230,53,.2); border-radius: 14px;
  background: #13243a; box-shadow: 0 20px 45px rgba(0,0,0,.3);
}
.privacy-float > span { color: var(--lime); }.privacy-float strong, .privacy-float small { display: block; }
.privacy-float strong { font-size: 12px; }.privacy-float small { color: #7f91aa; font-size: 10px; }
@keyframes breathe { to { opacity: .42; transform: scaleY(.78); } }

.trust-strip { color: #b8c5d7; background: var(--navy-2); border-block: 1px solid rgba(255,255,255,.06); }
.trust-items { display: grid; grid-template-columns: repeat(4, 1fr); min-height: 88px; align-items: center; }
.trust-items span { text-align: center; font-size: 13px; border-right: 1px solid rgba(255,255,255,.08); }
.trust-items span:last-child { border: 0; }.trust-items b { color: var(--white); font-size: 18px; margin-right: 4px; }

.section { padding: 110px 0; }
.section-heading { max-width: 750px; margin: 0 auto 52px; text-align: center; }
.section-heading .kicker, .sticky-heading .kicker { color: #168b7e; }
.section h2, .final-cta h2 {
  margin: 12px 0 16px; font-size: clamp(35px, 4vw, 54px); line-height: 1.08; letter-spacing: -.045em;
}
.section-heading p, .sticky-heading p { margin: 0; color: var(--muted); font-size: 18px; }
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.step-card, .use-card, .price-card {
  position: relative; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius);
  background: var(--white); box-shadow: 0 16px 50px rgba(27,47,76,.06);
}
.step-number { position: absolute; right: 25px; top: 22px; color: #c4ceda; font-size: 12px; font-weight: 800; letter-spacing: .13em; }
.step-icon { display: grid; width: 52px; height: 52px; place-items: center; color: #126e65; border-radius: 15px; background: #e6f9f4; font-size: 24px; font-weight: 500; }
.step-card h3, .feature-row h3, .use-card h3 { margin: 24px 0 9px; font-size: 20px; letter-spacing: -.025em; }
.step-card p, .feature-row p, .use-card p { margin: 0; color: var(--muted); }

.section-dark { color: var(--white); background: var(--navy); }
.feature-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: 85px; align-items: start; }
.sticky-heading { position: sticky; top: 120px; }
.sticky-heading p { color: #92a2b8; }
.feature-list { border-top: 1px solid rgba(255,255,255,.12); }
.feature-row { display: grid; grid-template-columns: 55px 1fr; gap: 18px; padding: 31px 5px; border-bottom: 1px solid rgba(255,255,255,.12); }
.feature-row > span { color: var(--lime); font-size: 12px; font-weight: 800; }
.feature-row h3 { margin: -4px 0 8px; font-size: 23px; }.feature-row p { color: #92a2b8; }
.use-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.use-card { min-height: 245px; display: flex; flex-direction: column; }
.use-card > span { color: #168b7e; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.use-card h3 { margin-top: auto; font-size: 23px; }

.comparison-section { background: #eef3f8; }
.comparison { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius); background: var(--white); box-shadow: var(--shadow); }
.comparison table { width: 100%; min-width: 650px; border-collapse: collapse; }
.comparison th, .comparison td { padding: 20px 25px; text-align: left; border-bottom: 1px solid #e8edf3; }
.comparison thead th { color: var(--muted); font-size: 13px; text-transform: uppercase; letter-spacing: .08em; }
.comparison tbody th { font-weight: 600; }.comparison .ours { color: #0d655b; background: #edfbf7; font-weight: 700; }
.comparison tr:last-child > * { border-bottom: 0; }

.price-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: stretch; }
.price-card { display: flex; flex-direction: column; padding: 34px; }
.price-card.featured { color: var(--white); border-color: #223c5d; background: var(--navy-2); transform: translateY(-14px); box-shadow: 0 30px 70px rgba(7,16,30,.24); }
.plan { color: #168b7e; font-weight: 800; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; }
.featured .plan { color: #8ff0d4; }
.price { margin: 13px 0 6px; font-size: 40px; font-weight: 780; letter-spacing: -.04em; }
.price-card > p { min-height: 52px; margin: 0; color: var(--muted); }.featured > p { color: #99a9be; }
.price-card ul { display: grid; gap: 11px; min-height: 178px; margin: 25px 0 28px; padding: 0; list-style: none; }
.price-card li { position: relative; padding-left: 24px; color: #44536a; }.featured li { color: #c1cddd; }
.price-card li::before { content: "✓"; position: absolute; left: 0; color: #159988; font-weight: 800; }
.popular { position: absolute; right: 20px; top: 20px; padding: 5px 9px; color: #07101e; border-radius: 99px; background: var(--lime); font-size: 10px; font-weight: 800; text-transform: uppercase; }

.faq-section { background: var(--white); }
.faq-layout { display: grid; grid-template-columns: .65fr 1.35fr; gap: 70px; }
.align-left { margin: 0; text-align: left; }
.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { position: relative; padding: 23px 45px 23px 0; font-weight: 700; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; right: 5px; color: #168b7e; font-size: 24px; font-weight: 400; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list p { margin: -4px 50px 24px 0; color: var(--muted); }

.final-cta { padding: 105px 0; color: var(--white); text-align: center; background: linear-gradient(125deg, #1c5ed8, #0f8e80); }
.final-cta .kicker { color: #d4ffe9; }.final-cta h2 { margin-inline: auto; max-width: 850px; }
.final-cta p { max-width: 670px; margin: 0 auto 31px; color: #dcecff; font-size: 18px; }

.site-footer { padding: 70px 0 24px; color: #8292a9; background: #050b14; }
.footer-grid { display: grid; grid-template-columns: 1.7fr .7fr .9fr 1.2fr; gap: 38px; }
.footer-grid .brand { color: var(--white); }.footer-grid p { font-size: 13px; }
.footer-grid h2 { margin: 0 0 13px; color: #d6e0ee; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }
.footer-grid > div > a:not(.brand) { display: block; margin: 7px 0; font-size: 13px; }
.footer-grid > div > a:hover { color: var(--white); }
.footer-local { display: flex; gap: 11px; align-items: flex-start; padding-top: 2px; color: #c5d1e1; font-size: 13px; }
.footer-bottom { display: flex; justify-content: space-between; margin-top: 48px; padding-top: 21px; border-top: 1px solid rgba(255,255,255,.08); font-size: 11px; }

.checkout-dialog {
  width: min(500px, calc(100vw - 28px)); padding: 0; color: var(--ink);
  border: 0; border-radius: 22px; background: var(--white); box-shadow: 0 40px 100px rgba(0,0,0,.4);
}
.checkout-dialog::backdrop { background: rgba(2,8,18,.72); backdrop-filter: blur(5px); }
.dialog-content { padding: 38px; }.dialog-content h2 { margin: 8px 0; font-size: 34px; letter-spacing: -.04em; }
.dialog-content > p { color: var(--muted); }
.dialog-close-form { position: absolute; right: 12px; top: 10px; }.dialog-close-form button { width: 36px; height: 36px; border: 0; border-radius: 50%; background: #edf2f7; cursor: pointer; font-size: 22px; }
#checkout-form { display: grid; gap: 17px; margin-top: 26px; }
#checkout-form > label:not(.check-row) { display: grid; gap: 6px; font-weight: 650; font-size: 13px; }
#checkout-form input[type="email"] { min-height: 50px; padding: 0 14px; border: 1px solid #cbd5e1; border-radius: 11px; }
.check-row { display: flex; gap: 10px; color: var(--muted); font-size: 12px; }.check-row input { margin-top: 4px; }.check-row a { color: #1769d2; text-decoration: underline; }
.form-status { min-height: 22px; margin: 0; color: #b42318; font-size: 12px; text-align: center; }

.download-hero {
  padding: 105px 0 75px; color: var(--white);
  background: radial-gradient(circle at 75% 20%, rgba(20,184,166,.25), transparent 32%), var(--navy);
}
.download-hero .kicker { color: #8ff0d4; }
.download-hero h1, .legal-content h1 { margin: 12px 0 14px; font-size: clamp(46px, 6vw, 72px); line-height: 1; letter-spacing: -.055em; }
.download-hero p { max-width: 680px; margin: 0; color: #aab9cc; font-size: 18px; }
.download-section { min-height: 580px; }
.release-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 34px; }
.release-head h2 { margin: 8px 0 0; }.release-head p { margin: 0; color: var(--muted); }
.release-badge {
  display: inline-flex; padding: 5px 10px; color: #0b7166; border: 1px solid #b9eadf;
  border-radius: 999px; background: #eafaf6; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em;
}
.signature-state { display: flex; gap: 10px; align-items: center; font-size: 13px; }
.download-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.download-card {
  padding: 31px; border: 1px solid var(--line); border-radius: var(--radius);
  background: var(--white); box-shadow: 0 16px 50px rgba(27,47,76,.06);
}
.download-card.featured { border-color: #91decf; }
.download-card > span { color: #168b7e; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.download-card h3 { margin: 8px 0; font-size: 27px; }.download-card p { min-height: 52px; color: var(--muted); }
.download-card dl { display: flex; gap: 35px; margin: 22px 0; }
.download-card dl div { display: grid; }.download-card dt { color: var(--muted); font-size: 11px; text-transform: uppercase; }.download-card dd { margin: 0; font-weight: 700; }
.download-card > code { display: block; overflow-wrap: anywhere; margin-top: 16px; color: #68758a; font-size: 10px; }
.release-notes, .verify-box, .release-pending { margin-top: 30px; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--white); }
.release-notes h2, .verify-box h2, .release-pending h2 { margin: 0 0 10px; font-size: 27px; }
.release-pending { padding: 50px; text-align: center; }.release-pending p { max-width: 700px; margin: 0 auto 25px; color: var(--muted); }
.requirements-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 30px; }
.requirements-grid article { padding: 23px; border-radius: 16px; background: #eaf0f6; }
.requirements-grid h3 { margin: 0 0 8px; font-size: 16px; }.requirements-grid p { margin: 0; color: var(--muted); font-size: 13px; }
.verify-box pre { overflow-x: auto; padding: 17px; color: #bceadf; border-radius: 12px; background: var(--navy); }
.legal-page { min-height: 700px; padding: 100px 0; background: var(--white); }
.legal-content { max-width: 820px; }.legal-content h1 { margin-block: 25px 18px; font-size: clamp(42px, 5vw, 62px); }
.legal-lead { padding: 20px; border-left: 4px solid #eab854; color: #765b1c; background: #fff9e9; }
.legal-content h2 { margin: 40px 0 8px; font-size: 24px; }.legal-content p { color: var(--muted); }

.account-hero {
  min-height: 820px; padding: 90px 0 110px; color: var(--white);
  background:
    radial-gradient(circle at 18% 12%, rgba(37,99,235,.28), transparent 34%),
    radial-gradient(circle at 87% 80%, rgba(20,184,166,.2), transparent 34%),
    var(--navy);
}
.account-shell { display: grid; grid-template-columns: .72fr 1.28fr; gap: 70px; align-items: start; }
.account-intro { position: sticky; top: 145px; padding-top: 34px; }
.account-intro .kicker, .account-panel .kicker { color: #83e4cf; }
.account-intro h1 {
  margin: 17px 0 22px; font-size: clamp(45px, 5vw, 67px);
  line-height: 1.02; letter-spacing: -.055em;
}
.account-intro p { max-width: 490px; color: #9fb0c6; font-size: 18px; }
.account-panel {
  overflow: hidden; color: var(--ink); border: 1px solid rgba(158,183,216,.25);
  border-radius: 26px; background: var(--white); box-shadow: 0 38px 90px rgba(0,0,0,.3);
}
.account-state { padding: 48px; }
.account-state[hidden] { display: none; }
.account-state:not(.account-dashboard) { min-height: 465px; display: flex; flex-direction: column; justify-content: center; }
.account-state:not(.account-dashboard)[hidden] { display: none; }
.account-state h2 { margin: 18px 0 8px; font-size: 34px; line-height: 1.12; letter-spacing: -.04em; }
.account-state > p { max-width: 520px; margin: 0 0 24px; color: var(--muted); }
.account-icon {
  display: grid; width: 55px; height: 55px; place-items: center; color: #0f655c;
  border-radius: 16px; background: #e6f9f4; font-size: 27px; font-weight: 700;
}
.account-icon-ok { color: #146c43; background: #e8f8ed; }
.account-icon-error { color: #b42318; background: #ffefed; }
.account-loader {
  width: 50px; height: 50px; border: 4px solid #d8e1ec; border-top-color: var(--cyan);
  border-radius: 50%; animation: account-spin .8s linear infinite;
}
@keyframes account-spin { to { transform: rotate(360deg); } }
.account-form { display: grid; gap: 18px; margin-top: 10px; }
.account-form > label:not(.check-row) { display: grid; gap: 7px; font-size: 13px; font-weight: 700; }
.account-form input[type="email"] {
  min-height: 52px; padding: 0 15px; color: var(--ink);
  border: 1px solid #cbd5e1; border-radius: 11px; background: #fbfcfe;
}
.account-form .form-status { margin: 0; }
.account-state .button-ghost { border-color: #cbd5e1; background: #f7f9fc; }
.account-head, .account-block-head {
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
}
.account-head { padding-bottom: 28px; border-bottom: 1px solid var(--line); }
.account-head h2 { margin: 6px 0 0; overflow-wrap: anywhere; font-size: 28px; }
.account-logout, .device-deactivate { border: 1px solid #d5dde8; background: var(--white); }
.account-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 28px 0 38px; }
.account-summary article { display: grid; padding: 20px; border-radius: 15px; background: #eff4f8; }
.account-summary strong { font-size: 28px; letter-spacing: -.04em; }
.account-summary span { color: var(--muted); font-size: 12px; }
.account-block + .account-block { margin-top: 38px; }
.account-block-head { margin-bottom: 14px; }
.account-block-head h3 { margin: 5px 0 0; font-size: 22px; letter-spacing: -.025em; }
.account-list { overflow: hidden; border: 1px solid var(--line); border-radius: 15px; }
.account-row {
  display: grid; grid-template-columns: 1.25fr 1fr auto; gap: 20px; align-items: center;
  min-height: 77px; padding: 14px 18px; border-bottom: 1px solid #e8edf3;
}
.account-row:last-child { border-bottom: 0; }
.account-row > div { display: grid; }
.account-row strong { font-size: 14px; }
.account-row span { color: var(--muted); font-size: 11px; }
.account-row code { color: #738097; font-size: 11px; }
.license-actions { justify-items: end; gap: 7px; }
.license-actions .button { min-height: 34px; padding-inline: 11px; font-size: 11px; }
.account-row.inactive { opacity: .55; background: #f5f7fa; }
.account-empty { margin: 0; padding: 28px; color: var(--muted); text-align: center; }
.account-note { margin: 10px 4px 0; color: var(--muted); font-size: 11px; }
.account-global-status { margin-top: 20px; color: #126e65; text-align: left; }

.reveal { opacity: 1; transform: translateY(18px); transition: transform .65s ease; }
.reveal.visible { transform: none; }

@media (max-width: 980px) {
  .main-nav { display: none; position: absolute; inset: 72px 0 auto; padding: 20px; flex-direction: column; align-items: flex-start; background: #0b1627; }
  .main-nav.open { display: flex; }.nav-toggle { display: grid; gap: 6px; margin-left: auto; padding: 8px; }
  .nav-toggle span:not(.sr-only) { display: block; width: 24px; height: 2px; background: #d5dfed; }
  .nav-download { display: none; }
  .nav-toggle {
    width: 42px; height: 42px; place-content: center; border: 1px solid rgba(255,255,255,.16);
    border-radius: 11px;
  }
  .hero-grid { grid-template-columns: minmax(0, 1fr); gap: 60px; padding-top: 80px; }
  .hero-copy, .product-demo { min-width: 0; max-width: 100%; }
  .hero-copy { text-align: center; }
  .hero-lead { margin-inline: auto; }.hero-actions, .hero-meta { justify-content: center; }
  .product-demo { width: min(700px, 100%); margin-inline: auto; }
  .feature-layout, .faq-layout { grid-template-columns: 1fr; gap: 45px; }.sticky-heading { position: static; }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }.footer-local { grid-column: 1 / -1; }
  .account-shell { grid-template-columns: 1fr; gap: 35px; }
  .account-intro { position: static; padding-top: 0; text-align: center; }
  .account-intro p { margin-inline: auto; }
}

@media (max-width: 720px) {
  :root { --container: min(calc(100% - 28px), 1180px); --radius: 18px; }
  .section { padding: 78px 0; }.hero { min-height: auto; }.hero-grid { min-height: 0; padding-block: 70px 90px; }
  .eyebrow { display: flex; max-width: 100%; justify-content: center; line-height: 1.45; white-space: normal; }
  .hero h1 { max-width: 100%; overflow-wrap: anywhere; font-size: clamp(40px, 12vw, 56px); }
  .hero-lead { max-width: 100%; overflow-wrap: anywhere; font-size: 16px; }
  .hero-actions { flex-direction: column; }.hero-actions .button { width: 100%; }
  .hero-meta span { width: 100%; }.hero-meta span + span::before { display: none; }
  .demo-window { transform: none; }.privacy-float { right: 8px; bottom: -45px; }
  .trust-items { grid-template-columns: 1fr 1fr; padding-block: 14px; }
  .trust-items span { padding: 10px 4px; border: 0; font-size: 11px; }.trust-items b { display: block; }
  .steps, .use-grid, .price-grid { grid-template-columns: 1fr; }.price-card.featured { transform: none; }
  .section h2, .final-cta h2 { font-size: 36px; }.section-heading { margin-bottom: 38px; }
  .section-heading p { font-size: 16px; }.step-card, .use-card, .price-card { padding: 25px; }
  .footer-grid { grid-template-columns: 1fr 1fr; }.footer-grid > div:first-child { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; gap: 7px; }
  .dialog-content { padding: 32px 22px 24px; }
  .download-grid, .requirements-grid { grid-template-columns: 1fr; }
  .release-head { align-items: flex-start; flex-direction: column; gap: 20px; }
  .release-pending { padding: 32px 20px; }
  .account-hero { padding: 60px 0 75px; }
  .account-intro h1 { font-size: 42px; }
  .account-state { padding: 30px 22px; }
  .account-state h2 { font-size: 28px; }
  .account-summary { grid-template-columns: 1fr 1fr; }
  .account-summary article:last-child { grid-column: 1 / -1; }
  .account-head, .account-block-head { align-items: flex-start; flex-direction: column; }
  .account-row { grid-template-columns: 1fr auto; gap: 12px; }
  .account-row > :nth-child(3) { grid-column: 1 / -1; }
  .device-row .device-deactivate { width: 100%; }
  .license-actions { align-items: stretch; justify-items: stretch; }
}

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

.admin-hero { min-height: 900px; padding: 85px 0 110px; color: var(--white); background: var(--navy); }
.admin-shell { display: grid; gap: 26px; }
.admin-heading, .admin-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.admin-heading h1 { margin: 10px 0 8px; font-size: clamp(42px, 5vw, 64px); line-height: 1; letter-spacing: -.05em; }
.admin-heading p { margin: 0; color: #9fb0c6; }
.admin-heading .kicker, .admin-panel .kicker { color: #83e4cf; }
.admin-login { max-width: 620px; padding: 42px; color: var(--ink); border-radius: 22px; background: var(--white); box-shadow: 0 35px 80px rgba(0,0,0,.28); }
.admin-login h2 { margin: 18px 0 8px; font-size: 30px; }
.admin-login > p { color: var(--muted); }
.admin-login-form { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: end; margin-top: 24px; }
.admin-login-form label { display: grid; gap: 7px; font-size: 12px; font-weight: 700; }
.admin-login-form input, .admin-filter input, .admin-filter select { min-height: 44px; padding: 0 13px; border: 1px solid #cbd5e1; border-radius: 10px; background: #fbfcfe; }
.admin-dashboard { display: grid; gap: 22px; }
.admin-dashboard[hidden] { display: none; }
.admin-warning { display: flex; gap: 13px; padding: 16px 20px; color: #ffedbd; border: 1px solid rgba(234,184,84,.28); border-radius: 13px; background: rgba(234,184,84,.09); }
.admin-warning span { color: #c8b98f; }
.admin-summary { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.admin-summary article { display: grid; padding: 18px; color: var(--ink); border-radius: 14px; background: var(--white); }
.admin-summary strong { font-size: 22px; letter-spacing: -.035em; }
.admin-summary span { color: var(--muted); font-size: 11px; }
.admin-panel { min-width: 0; padding: 25px; color: var(--ink); border: 1px solid rgba(158,183,216,.23); border-radius: 19px; background: var(--white); }
.admin-panel-head { margin-bottom: 18px; }
.admin-panel h2 { margin: 4px 0 0; font-size: 25px; }
.admin-filter { display: flex; gap: 8px; }
.admin-filter input { width: min(330px, 30vw); }
.admin-filter-wide { margin-bottom: 16px; }
.admin-filter-wide input { width: 100%; }
.admin-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; }
.admin-table { width: 100%; min-width: 900px; border-collapse: collapse; }
.admin-table th, .admin-table td { padding: 13px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid #e8edf3; font-size: 12px; }
.admin-table th { color: var(--muted); background: #f7f9fc; font-size: 10px; text-transform: uppercase; letter-spacing: .07em; }
.admin-table tr:last-child td { border-bottom: 0; }
.admin-table td > strong, .admin-table td > code, .admin-table td > small { display: block; max-width: 260px; overflow-wrap: anywhere; }
.admin-table td > code, .admin-event code { margin-top: 4px; color: #738097; font-size: 10px; }
.admin-table td > small, .admin-event small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.admin-status { display: inline-flex; padding: 4px 7px; border-radius: 999px; color: #44536a; background: #e9eef4; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.admin-status-paid, .admin-status-active, .admin-status-published { color: #126147; background: #dff6e9; }
.admin-status-pending, .admin-status-draft { color: #805d0b; background: #fff1c9; }
.admin-status-refunded, .admin-status-revoked, .admin-status-canceled { color: #8d2f28; background: #fee7e5; }
.admin-danger { color: #a72c24; border: 1px solid #efb8b3; background: #fff3f2; }
.admin-count { margin: 11px 2px 0; color: var(--muted); font-size: 11px; }
.admin-empty { padding: 28px !important; color: var(--muted); text-align: center !important; }
.admin-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 22px; align-items: start; }
.admin-event-list { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; }
.admin-event { display: grid; gap: 3px; padding: 12px 14px; border-bottom: 1px solid #e8edf3; }
.admin-event:last-child { border-bottom: 0; }
.admin-event > div { display: flex; justify-content: space-between; gap: 14px; }
.admin-event time { color: var(--muted); font-size: 10px; }
.admin-global-status { min-height: 20px; color: #9ff0d9; text-align: left; }

.help-hero { padding: 105px 0 75px; color: var(--white); background: radial-gradient(circle at 80% 15%, rgba(20,184,166,.24), transparent 34%), var(--navy); }
.help-hero .kicker { color: #83e4cf; }
.help-hero h1 { max-width: 850px; margin: 13px 0 17px; font-size: clamp(45px, 6vw, 72px); line-height: 1; letter-spacing: -.055em; }
.help-hero p { max-width: 700px; margin: 0; color: #a8b8cb; font-size: 18px; }
.help-section { padding: 80px 0 110px; background: #f3f6f9; }
.help-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 45px; align-items: start; }
.help-nav { position: sticky; top: 105px; display: grid; padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: var(--white); }
.help-nav strong { margin-bottom: 10px; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.help-nav a { padding: 8px 0; color: var(--muted); font-size: 13px; border-bottom: 1px solid #eef1f5; }
.help-nav a:last-child { border-bottom: 0; }
.help-nav a:hover { color: #0b756a; }
.help-content { display: grid; gap: 14px; }
.help-content article { scroll-margin-top: 100px; padding: 32px 35px; border: 1px solid var(--line); border-radius: 18px; background: var(--white); }
.help-content article > span { color: #139385; font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.help-content h2 { margin: 7px 0 12px; font-size: 27px; letter-spacing: -.03em; }
.help-content p, .help-content li { color: var(--muted); }
.help-content ol { display: grid; gap: 7px; padding-left: 22px; }
.help-note { margin-top: 18px; padding: 15px 17px; color: #765b1c; border-left: 3px solid #eab854; background: #fff9e9; font-size: 12px; }

@media (max-width: 980px) {
  .admin-summary { grid-template-columns: repeat(3, 1fr); }
  .admin-grid { grid-template-columns: 1fr; }
  .admin-panel-head { align-items: flex-start; flex-direction: column; }
  .admin-filter { width: 100%; }
  .admin-filter input { width: 100%; }
  .help-layout { grid-template-columns: 1fr; }
  .help-nav { position: static; grid-template-columns: repeat(4, 1fr); }
  .help-nav strong { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .admin-hero { padding-top: 55px; }
  .admin-heading { align-items: flex-start; flex-direction: column; }
  .admin-login { padding: 28px 20px; }
  .admin-login-form, .admin-summary { grid-template-columns: 1fr 1fr; }
  .admin-login-form label, .admin-login-form button { grid-column: 1 / -1; }
  .admin-warning, .admin-filter { flex-direction: column; }
  .admin-panel { padding: 18px 14px; }
  .help-hero { padding: 75px 0 55px; }
  .help-nav { grid-template-columns: 1fr 1fr; }
  .help-content article { padding: 25px 21px; }
}