:root {
  color-scheme: light;
  --ink: #101d36; --ink-muted: #5d6980; --navy: #07172f;
  --blue: #074aba; --blue-light: #edf4ff; --red: #da121c;
  --line: #e5eaf1; --paper: #fff; --base: #f7f9fc;
  --shadow: 0 16px 52px rgba(12,36,75,.07);
  --radius: 20px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-synthesis: none;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; color: var(--ink); background: var(--paper); -webkit-font-smoothing: antialiased; }
body.dialog-open { overflow: hidden; }
img, svg { max-width: 100%; }
button, select { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
a, button, select { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid #4c9cff; outline-offset: 3px; }
::selection { background: #dceaff; }
.container { width: min(1160px, calc(100% - 64px)); margin-inline: auto; }
.sr-only { position:absolute!important; 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:1000; top:-90px; left:16px; padding:11px 18px; background:var(--navy); color:#fff; border-radius:9px; }
.skip-link:focus { top:10px; }
.section { padding: 110px 0; }

/* Navigation */
.header { position: sticky; z-index: 60; top: 0; background: rgba(255,255,255,.94); backdrop-filter: blur(22px); -webkit-backdrop-filter:blur(22px); border-bottom:1px solid rgba(224,231,240,.8); }
.header-inner { display:flex; min-height: 77px; align-items:center; gap: 24px; }
.brand { display:flex; flex-shrink:0; align-items:center; gap:10px; min-width:178px; }
.brand img { width:104px; height:auto; display:block; }
.brand-tagline { color:#8992a3; font-size:8.5px; line-height:1.45; font-weight:800; letter-spacing:.13em; max-width:53px; }
.nav { display:flex; margin-left:auto; gap:clamp(12px,1.75vw,27px); align-items:center; }
.nav a { font-size:13px; line-height:1; color:#3a4860; font-weight:600; white-space:nowrap; transition:color .2s ease; }
.nav a:hover, .nav a.active { color:var(--blue); }
.header-actions { display:flex; align-items:center; gap:10px; margin-left:14px; }
.language-control { border:1px solid var(--line); background:#fff; border-radius:10px; display:flex; align-items:center; padding:0 9px; gap:4px; height:38px; }
.language-control svg { width:16px; height:16px; color:#64748b; }
.language-control select { color:#1d2e49; background:transparent; border:0; font-size:12px; font-weight:750; padding:6px 3px; min-width:40px; outline-offset: 4px; }
.menu-toggle { display:none; width:38px; height:38px; padding:8px; align-items:center; justify-content:center; color:var(--ink); background:#fff; border:1px solid var(--line); border-radius:10px; }
.menu-toggle svg { width:23px; height:23px; }

/* Shared typography */
.section-kicker { color:var(--blue); font-size:11px; font-weight:850; letter-spacing:.16em; line-height:1.7; text-transform:uppercase; }
.section-kicker.light { color:#8ebaff; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { letter-spacing:-.045em; }
h2 { font-size:clamp(30px,4vw,45px); line-height:1.14; }
.section-heading { max-width:670px; margin-bottom:40px; }
.section-heading h2 { margin:14px 0 16px; }
.section-heading p { color:var(--ink-muted); font-size:16px; line-height:1.75; margin:0; }
.section-heading.centered { text-align:center; margin-inline:auto; max-width:700px; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:11px; padding:15px 20px; border-radius:11px; font-size:13px; font-weight:750; line-height:1.2; border:1px solid transparent; transition:transform .18s, background-color .18s, box-shadow .18s; text-align:center; }
.btn:hover:not(:disabled) { transform:translateY(-2px); }
.btn svg { width:17px; height:17px; flex-shrink:0; }
.btn-primary { background:var(--blue); color:#fff; box-shadow:0 9px 20px rgba(7,74,186,.15); }
.btn-primary:hover { background:#053a95; box-shadow:0 12px 25px rgba(7,74,186,.2); }
.btn-outline { border-color:#d5deea; background:#fff; color:var(--ink); }
.btn-outline:hover { background:#f5f8fc; }

/* Hero */
.hero { min-height:650px; padding-top:92px; padding-bottom:96px; position:relative; overflow:hidden; background:linear-gradient(145deg,#fff 36%,#f7faff 100%); }
.hero-glow { position:absolute; width:760px; height:760px; border-radius:50%; left:-520px; top:-540px; background:radial-gradient(circle,rgba(231,239,255,.7),transparent 71%); pointer-events:none; }
.hero-grid { display:grid; grid-template-columns: 1.08fr .92fr; gap:50px; align-items:center; position:relative; }
.hero-copy { position:relative; z-index:1; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; font-size:11px; font-weight:850; letter-spacing:.19em; color:#384d6e; margin-bottom:22px; }
.eyebrow-dot { display:block; width:20px; height:4px; background:var(--red); border-radius:3px; }
.hero h1 { font-size:clamp(38px,5vw,65px); line-height:1.11; font-weight:830; margin:0 0 22px; max-width:690px; }
.text-gradient { background:linear-gradient(100deg,#0753bf 5%,#166eda 95%); color:transparent; background-clip:text; -webkit-background-clip:text; }
.hero-lead { color:var(--ink-muted); font-size:17px; line-height:1.82; max-width:590px; margin:0 0 28px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.hero-facts { display:flex; flex-wrap:wrap; gap:19px; border-top:1px solid var(--line); margin-top:36px; padding-top:22px; }
.hero-facts >span { display:inline-flex; gap:6px; align-items:center; font-size:12px; color:#566782; font-weight:650; }
.hero-facts svg { width:16px; height:16px; color:#16815d; }
.hero-visual { position:relative; min-width:0; }
.visual-orbit { position:absolute; border:1px solid rgba(11,86,194,.1); border-radius:50%; aspect-ratio:1; pointer-events:none; }
.orbit-one { width:620px; top:-110px; left:-75px; }
.orbit-two { width:500px; top:-45px; left:-12px; }
.workflow-panel { position:relative; z-index:1; overflow:hidden; border-radius:23px; padding:24px; color:#f8fbff; background:linear-gradient(145deg,#0b1b38 0%,#0a244c 95%); border:1px solid rgba(13,56,117,.4); box-shadow:0 28px 64px rgba(6,22,53,.2); transform:rotate(1deg); }
.workflow-panel::after { content:""; position:absolute; width:220px; height:220px; right:-135px; top:-135px; border-radius:50%; background:rgba(15,93,224,.18); filter:blur(40px); }
.workflow-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:27px; }
.workflow-heading { display:flex; align-items:center; gap:14px; font-size:11px; font-weight:730; color:#a7bedf; }
.tiny-dots { display:flex; gap:4px; }
.tiny-dots i { width:6px; height:6px; border-radius:50%; display:block; background:#e94146; }
.tiny-dots i:nth-child(2) { background:#f5b545; }
.tiny-dots i:nth-child(3) { background:#36b48d; }
.online-status { display:inline-flex; align-items:center; gap:6px; font-size:10px; color:#b7e8d5; background:rgba(23,162,113,.13); border:1px solid rgba(45,180,136,.2); padding:6px 8px; border-radius:100px; }
.online-status>span:first-child { width:6px; height:6px; border-radius:50%; background:#43d5a6; }
.workflow-title { font-size:24px; font-weight:800; letter-spacing:-.03em; margin:0 0 7px; }
.workflow-description { font-size:12px; color:#8ea6c8; margin-bottom:24px; }
.workflow-steps { display:grid; gap:9px; }
.workflow-step { display:flex; align-items:center; gap:14px; min-height:64px; padding:10px 13px; background:rgba(255,255,255,.045); border:1px solid rgba(181,202,236,.08); border-radius:12px; }
.workflow-step.current { border-color:rgba(83,144,245,.53); background:rgba(17,93,207,.18); box-shadow: inset 3px 0 0 #418aff; }
.step-symbol { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:rgba(255,255,255,.07); color:#9db8db; font-size:11px; font-weight:800; font-variant-numeric:tabular-nums; }
.workflow-step.current .step-symbol { color:white; background:var(--blue); }
.step-copy { display:flex; flex-direction:column; gap:3px; flex:1; min-width:0; }
.step-copy strong { font-size:12px; color:#eef5ff; font-weight:740; }
.step-copy small { font-size:10px; color:#839fc0; }
.step-check { color:#6bd3ad; font-size:18px; font-weight:600; padding-right:5px; }
.step-signal { width:8px; height:8px; border-radius:50%; background:#6badff; box-shadow:0 0 0 5px rgba(44,134,245,.1); margin-right:8px; }
.workflow-footer { border-top:1px solid rgba(255,255,255,.1); margin-top:22px; padding-top:17px; display:flex; align-items:center; gap:9px; color:#8baad2; font-size:10px; }
.workflow-footer img { width:28px; height:28px; object-fit:contain; }
.workflow-footer>span { flex:1; }
.workflow-footer svg { width:15px; height:15px; }
.visual-caption { text-align:center; font-size:10px; color:#8996a9; margin:17px 0 0; position:relative; }

/* About */
.intro-band { border-top:1px solid #edf0f5; border-bottom:1px solid #edf0f5; background:#fbfcff; padding:64px 0; }
.intro-grid { display:grid; grid-template-columns:1fr 2fr; gap:42px; align-items:start; }
.intro-grid .section-kicker { padding-top:9px; }
.intro-grid h2 { max-width:650px; margin:0 0 16px; font-size:clamp(27px,3.6vw,39px); }
.intro-grid p { margin:0; color:var(--ink-muted); max-width:700px; line-height:1.85; font-size:16px; }

/* Features */
.features-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:17px; }
.feature-card { padding:29px 24px 31px; border:1px solid var(--line); border-radius:18px; background:#fff; transition:transform .25s, box-shadow .25s; }
.feature-card:hover { box-shadow:var(--shadow); transform:translateY(-5px); }
.feature-icon { display:grid; place-items:center; width:51px; height:51px; border-radius:14px; margin-bottom:31px; }
.feature-icon svg { width:26px; height:26px; }
.feature-icon.blue { color:#0756c2; background:#eaf2ff; }
.feature-icon.red { color:#ce1929; background:#fff0f0; }
.feature-card h3 { margin-bottom:11px; font-size:17px; line-height:1.35; letter-spacing:-.028em; }
.feature-card p { color:var(--ink-muted); font-size:13px; line-height:1.75; margin:0; }
.features-bottom { display:flex; gap:13px; align-items:center; justify-content:center; color:#51627c; font-size:13px; margin-top:32px; text-align:center; }
.starburst { color:var(--red); font-size:20px; }

/* Videos */
.video-section { background:var(--base); }
.video-grid { display:grid; grid-template-columns:.83fr 1.17fr; align-items:center; gap:66px; }
.video-copy h2 { margin:13px 0 18px; }
.video-copy>p { font-size:15px; color:var(--ink-muted); line-height:1.85; }
.video-note { display:flex; gap:13px; align-items:flex-start; margin:24px 0; padding:17px; background:#fff; border:1px solid var(--line); border-radius:12px; color:#637189; font-size:12px; line-height:1.6; }
.video-note svg { width:17px; height:17px; flex-shrink:0; color:var(--blue); }
.text-link { display:inline-flex; align-items:center; gap:9px; color:var(--blue); font-size:13px; font-weight:800; border-bottom:1px solid #aac7f1; padding-bottom:4px; }
.text-link:hover { color:#042e7b; }
.video-player { border-radius:20px; border:6px solid #fff; overflow:hidden; background:var(--navy); box-shadow:0 20px 55px rgba(15,39,74,.12); aspect-ratio:16/9; position:relative; }
.video-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; position:relative; isolation:isolate; color:#d4def0; background:radial-gradient(circle at 65% 35%,#19498d 0%,#0c2550 36%,#071529 95%); }
.video-placeholder::before, .video-placeholder::after { content:""; position:absolute; width:400px; height:400px; border:1px solid rgba(108,163,244,.14); border-radius:50%; z-index:-1; }
.video-placeholder::after { width:270px; height:270px; }
.video-brand { position:absolute; left:25px; top:18px; }
.video-brand img { width:130px; height:auto; }
.play-button { display:grid; place-items:center; width:73px; height:73px; border:0; border-radius:50%; background:#fff; color:#0a58c5; box-shadow:0 0 0 10px rgba(255,255,255,.08); transition:transform .2s; }
.play-button:hover { transform:scale(1.08); }
.play-button svg { width:27px; height:27px; margin-left:4px; }
.video-placeholder p { margin:24px 0 0; text-align:center; padding:0 18px; font-size:12px; color:#b9cbe7; }
.video-player iframe { width:100%; height:100%; border:0; display:block; }
.video-disclaimer { margin-top:14px; color:#8692a4; font-size:11px; line-height:1.6; }

/* Download */
.download-section { padding:98px 0; }
.download-panel { background:linear-gradient(116deg,#0b1d3d,#0a2f66); color:#fff; border-radius:23px; padding:56px 60px; display:grid; grid-template-columns:1.25fr .75fr; gap:40px; align-items:center; position:relative; overflow:hidden; }
.download-panel::after { content:""; position:absolute; right:-220px; bottom:-420px; width:600px; height:600px; background:rgba(28,99,219,.18); border:1px solid rgba(165,200,255,.13); border-radius:50%; pointer-events:none; }
.download-content { position:relative; z-index:1; }
.download-content h2 { font-size:clamp(29px,3.4vw,42px); margin:13px 0 15px; max-width:530px; }
.download-content p { color:#b9c8df; font-size:15px; line-height:1.8; margin:0; max-width:540px; }
.download-details { display:flex; gap:25px; flex-wrap:wrap; margin-top:28px; }
.download-details>span { display:flex; align-items:center; gap:8px; color:#e0e9f8; font-size:12px; font-weight:650; }
.download-details svg { width:17px; height:17px; color:#89bcff; }
.download-action { position:relative; z-index:1; border:1px solid rgba(183,208,246,.15); background:rgba(255,255,255,.07); padding:29px; display:flex; flex-direction:column; align-items:flex-start; border-radius:16px; }
.download-icon { width:49px; height:49px; display:grid; place-items:center; border-radius:12px; color:#c8e0ff; background:rgba(255,255,255,.12); margin-bottom:17px; }
.download-icon svg { width:25px; height:25px; }
.download-version { display:grid; gap:5px; margin-bottom:19px; }
.download-version strong { font-size:15px; }
.download-version>span { color:#a3bad8; font-size:12px; }
.btn-disabled { width:100%; color:#d1dbea; background:#62718a; cursor:not-allowed; opacity:.9; }
.download-history { color:#a3bad8; font-size:11px; margin-top:15px; line-height:1.6; }

/* Licenses */
.license-section { background:#fafbfd; }
.pricing-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:21px; max-width:830px; margin:43px auto 0; align-items:stretch; }
.price-card { position:relative; display:flex; flex-direction:column; justify-content:space-between; gap:24px; padding:34px; border:1px solid var(--line); background:#fff; border-radius:19px; }
.price-card.featured { border-color:#b5d2ff; box-shadow:0 15px 45px rgba(15,83,187,.08); }
.price-mark { position:absolute; right:22px; top:-13px; color:#fff; background:var(--blue); padding:7px 12px; font-size:9px; letter-spacing:.05em; font-weight:800; border-radius:100px; }
.price-eyebrow { color:var(--blue); letter-spacing:.12em; font-size:11px; font-weight:850; margin-bottom:16px; }
.price-card h3 { min-height:45px; font-size:18px; font-weight:720; letter-spacing:-.035em; line-height:1.35; margin-bottom:25px; }
.price-days { display:flex; align-items:baseline; gap:8px; }
.price-days strong { font-size:62px; font-weight:850; letter-spacing:-.075em; line-height:1; }
.price-days span { font-size:17px; color:#4c5e78; }
.price-top>p { margin:8px 0 0; color:var(--ink-muted); font-size:13px; }
.price-bottom { border-top:1px solid var(--line); padding-top:22px; }
.price-pending { font-size:12px; line-height:1.5; color:#78869b; margin-bottom:17px; }
.price-card .btn { width:100%; min-height:49px; }
.btn-card { background:#eef3fb; color:#1d3d72; }
.btn-card:hover { background:#e0eaf9; }
.license-footnote { max-width:830px; margin:22px auto 0; display:flex; gap:10px; align-items:flex-start; color:#7c8899; }
.license-footnote svg { width:18px; height:18px; flex-shrink:0; }
.license-footnote p { margin:0; font-size:12px; line-height:1.7; }

/* Contact & footer */
.contact-section { padding:100px 0; }
.contact-grid { display:grid; grid-template-columns:1.25fr .75fr; align-items:center; gap:70px; }
.contact-grid h2 { margin:14px 0 18px; }
.contact-grid p { font-size:15px; line-height:1.8; color:var(--ink-muted); max-width:630px; margin:0; }
.contact-aside { border:1px solid var(--line); border-radius:17px; padding:27px; background:#fff; display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
.contact-circle { width:45px; height:45px; display:grid; place-items:center; background:#eaf2ff; color:var(--blue); border-radius:12px; margin-bottom:8px; }
.contact-circle svg { width:23px; height:23px; }
.contact-aside strong { font-size:16px; }
.contact-aside span { color:var(--ink-muted); font-size:12px; line-height:1.6; }
.footer { border-top:1px solid #e9edf4; background:#fbfcfe; padding:27px 0; }
.footer-inner { display:flex; align-items:center; gap:25px; flex-wrap:wrap; }
.footer-brand { display:flex; align-items:center; gap:12px; margin-right:auto; }
.footer-brand img { width:76px; height:auto; }
.footer-brand span { color:#8995a9; font-size:11px; }
.footer-links { display:flex; gap:22px; flex-wrap:wrap; }
.footer-links a { color:#7b899e; font-size:11px; }
.footer-links a:hover { color:var(--blue); }
.copyright { color:#98a2b4; font-size:11px; }

/* Demonstration dialogue - no actual checkout */
.demo-dialog { width:min(570px,calc(100% - 30px)); max-height:min(92vh,740px); overflow-y:auto; border:0; border-radius:22px; box-shadow:0 36px 100px rgba(0,15,44,.3); padding:0; color:var(--ink); }
.demo-dialog::backdrop { background:rgba(6,18,39,.63); backdrop-filter:blur(3px); }
.dialog-body { padding:34px; }
.dialog-top { display:flex; justify-content:space-between; gap:14px; align-items:flex-start; }
.dialog-top h2 { font-size:27px; margin:9px 0 0; }
.dialog-close { width:35px; height:35px; background:#eef2f8; color:#4d607b; border:0; border-radius:10px; font-size:26px; line-height:1; flex-shrink:0; }
.demo-notice { display:flex; gap:11px; align-items:flex-start; background:#eef4ff; border:1px solid #d8e6ff; color:#335580; padding:15px; border-radius:12px; margin:24px 0 18px; font-size:12px; line-height:1.6; }
.demo-notice svg { width:18px; height:18px; flex-shrink:0; }
.demo-selected { display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; border-bottom:1px solid var(--line); padding:11px 0 19px; font-size:13px; }
.demo-selected span { color:var(--ink-muted); }
.demo-selected strong { color:var(--blue); }
.demo-steps { padding:12px 0 0; list-style:none; margin:0; }
.demo-steps li { display:flex; align-items:flex-start; gap:15px; margin:18px 0; }
.demo-steps li>span { width:34px; height:34px; display:grid; place-items:center; flex-shrink:0; background:#eef4fe; color:var(--blue); border-radius:10px; font-size:12px; font-weight:800; }
.demo-steps strong { font-size:14px; }
.demo-steps p { color:var(--ink-muted); font-size:12px; line-height:1.6; margin:5px 0 0; }
.dialog-ok { width:100%; margin-top:12px; }

@media (max-width: 1060px) {
  .container { width:min(100% - 44px,1160px); }
  .header-inner { gap:10px; }
  .brand { min-width:125px; }
  .brand-tagline { display:none; }
  .nav { gap:14px; }
  .nav a { font-size:12px; }
  .header-actions { margin-left:7px; }
  .hero-grid { gap:30px; }
  .hero h1 { font-size:clamp(38px,4.8vw,57px); }
  .features-grid { grid-template-columns: repeat(2,1fr); }
  .feature-card { min-height:210px; }
  .video-grid { gap:38px; }
  .download-panel { padding:40px; }
}
@media (max-width: 770px) {
  html { scroll-padding-top:74px; }
  .container { width:min(100% - 36px,620px); }
  .section { padding:72px 0; }
  .header-inner { min-height:67px; }
  .brand img { width:91px; }
  .header-actions { margin-left:auto; }
  .menu-toggle { display:flex; }
  .nav { display:none; position:absolute; z-index:20; left:0; right:0; top:100%; background:#fff; border-bottom:1px solid var(--line); box-shadow:0 20px 30px rgba(15,27,51,.1); padding:13px 18px 22px; flex-direction:column; align-items:stretch; gap:0; }
  .nav.is-open { display:flex; }
  .nav a { font-size:14px; padding:14px 12px; border-bottom:1px solid #eff2f6; }
  .hero { padding-top:65px; padding-bottom:65px; }
  .hero-grid { grid-template-columns:1fr; gap:40px; }
  .hero h1 { font-size:clamp(38px,7vw,53px); }
  .hero-lead { font-size:15px; }
  .hero-facts { gap:11px 18px; }
  .workflow-panel { transform:none; max-width:520px; margin-inline:auto; }
  .visual-orbit { display:none; }
  .intro-grid { grid-template-columns:1fr; gap:11px; }
  .intro-band { padding:50px 0; }
  .intro-grid h2 { font-size:31px; }
  .intro-grid p { font-size:14px; }
  .section-heading { margin-bottom:30px; }
  .video-grid { grid-template-columns:1fr; gap:30px; }
  .video-copy h2 { max-width:460px; }
  .download-panel { grid-template-columns:1fr; gap:35px; padding:35px 28px; }
  .download-action { width:100%; max-width:none; }
  .contact-grid { grid-template-columns:1fr; gap:30px; }
  .footer-inner { gap:18px; }
}
@media (max-width: 540px) {
  .hero h1 { font-size:38px; }
  .hero-actions { flex-direction:column; align-items:stretch; }
  .hero-actions .btn { width:100%; }
  .hero-facts { gap:10px 14px; }
  .hero-facts>span { font-size:11px; }
  .workflow-panel { padding:18px; }
  .workflow-title { font-size:20px; }
  .features-grid, .pricing-grid { grid-template-columns:1fr; }
  .features-grid { gap:12px; }
  .feature-card { min-height:0; padding:24px; }
  .feature-icon { margin-bottom:17px; }
  .video-player { border-width:4px; }
  .video-brand img { width:93px; }
  .play-button { width:60px; height:60px; }
  .video-placeholder p { font-size:10px; }
  .pricing-grid { gap:18px; }
  .price-card { padding:29px; }
  .price-card h3 { min-height:0; }
  .download-panel { padding:31px 22px; }
  .download-details { gap:12px 20px; }
  .footer-inner { flex-direction:column; align-items:flex-start; }
  .dialog-body { padding:24px; }
  .dialog-top h2 { font-size:23px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
}

/* ---- R2R website v2: larger brand, active navigation, softly separated sections ---- */
html { scroll-padding-top: 108px; }
.header-inner { min-height: 90px; gap: 18px; }
.brand { min-width: 192px; gap: 9px; }
.brand img { width: 132px; height: auto; }
.brand-tagline { max-width: 56px; font-size: 8px; }
.nav { gap: clamp(11px,1.4vw,23px); }
.nav a { position: relative; padding: 15px 0 18px; }
.nav a::after { content:""; position:absolute; left:0; right:0; bottom:4px; height:2px; background:linear-gradient(90deg,#0874d9,#e53a47); border-radius:50px; transform:scaleX(0); transform-origin:center; transition:transform .2s ease; }
.nav a.active::after, .nav a[aria-current]::after { transform:scaleX(1); }
.nav a.active { color:#0c4fb3; }
/* Subtle alternation, with a hairline between adjacent sections. */
body[data-page="home"] .intro-band { background:#f6f9fe; border-color:#eaf0f8; }
body[data-page="home"] .features-section { background:#fff; border-bottom:1px solid #eff2f7; }
body[data-page="home"] .preview-section { background:linear-gradient(150deg,#f3f7fe,#f9fbff); border-bottom:1px solid #e8eef8; }
body[data-page="home"] .download-section { background:#fff; }
.preview-grid { display:grid; grid-template-columns: .94fr 1.06fr; gap:clamp(30px,6vw,90px); align-items:center; }
.preview-art { min-height:270px; position:relative; display:flex; align-items:center; justify-content:center; border:1px solid #214773; border-radius:22px; overflow:hidden; background:radial-gradient(circle at 75% 20%,#173e7d,#071b38 75%); box-shadow:0 22px 48px rgba(4,25,59,.12); }
.preview-art::before { content:""; position:absolute; width:420px; height:420px; border:1px solid rgba(255,255,255,.08); border-radius:50%; top:100px; left:-130px; }
.preview-art>img { display:block; position:absolute; width:min(74%,330px); opacity:.88; top:28px; left:28px; }
.preview-play { display:grid; place-items:center; z-index:1; width:75px; height:75px; border-radius:50%; background:#fff; color:#0954bf; font-size:26px; box-shadow:0 0 0 12px rgba(255,255,255,.07); padding-left:5px; }
.preview-copy h2 { margin:13px 0 17px; }
.preview-copy p { color:var(--ink-muted); line-height:1.8; font-size:16px; margin-bottom:25px; }
.preview-copy .btn { width:auto; }
/* Separate subpages use a lightweight introductory section and quiet bands. */
.subhero { padding:75px 0 67px; border-bottom:1px solid #e7edf6; background:linear-gradient(138deg,#f5f9ff 10%,#fff 75%); }
.subhero h1 { font-size:clamp(36px,5.3vw,59px); margin:11px 0 19px; line-height:1.11; letter-spacing:-.055em; }
.subhero-lead { max-width:765px; font-size:17px; line-height:1.8; color:var(--ink-muted); margin:0 0 22px; }
.language-hint { display:flex; gap:9px; color:#395b89; font-size:13px; font-weight:650; align-items:center; }
.hint-icon { display:grid; place-items:center; width:20px; height:20px; border-radius:50%; color:#0b6398; background:#dcefff; font-size:12px; }
.language-notice { max-width:770px; font-size:13px; color:#624c27; margin-top:18px; padding:12px 15px; border-radius:11px; border:1px solid #f0e5c8; background:#fffaf0; line-height:1.65; }
[hidden] { display:none!important; }
.video-library-section { padding:69px 0 105px; background:#fff; }
.library-layout { display:grid; grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr); gap:36px; align-items:start; }
.library-main { min-width:0; }
.library-player-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.library-player-heading h2 { font-size:27px; margin:8px 0 0; }
.video-language-badge { padding:6px 11px; border:1px solid #dae5f6; color:#205fbd; background:#f1f6fe; border-radius:8px; font-weight:800; font-size:12px; }
.library-main .video-player { box-shadow:0 20px 42px rgba(12,36,75,.11); }
.library-main>.text-link { display:inline-flex; margin-top:11px; font-size:13px; color:#0a55bf; font-weight:700; gap:6px; }
.video-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; margin-top:34px; }
.video-steps>div { padding:18px 14px; background:#f7f9fd; border:1px solid #edf1f7; border-radius:13px; }
.video-steps>div>span { color:#0c54b8; font-size:11px; font-weight:800; }
.video-steps strong { display:block; margin:10px 0 5px; font-size:13px; }
.video-steps p { color:var(--ink-muted); line-height:1.6; font-size:11px; margin:0; }
.library-side { background:#f7f9fd; border:1px solid #eaf0f7; border-radius:20px; padding:26px 21px; }
.catalog-top { margin-bottom:22px; }
.catalog-top h2 { font-size:25px; margin:9px 0 8px; }
.catalog-top p { color:var(--ink-muted); font-size:13px; line-height:1.6; margin:0; }
.video-cards { display:grid; gap:12px; }
.video-card { width:100%; display:grid; grid-template-columns:150px 1fr; text-align:left; align-items:center; gap:14px; border-radius:13px; padding:10px; background:white; color:var(--ink); border:1px solid #e7edf6; transition:background .17s,border-color .17s,transform .17s; }
.video-card:hover,.video-card.is-playing { background:#f6faff; border-color:#9dbdf1; }
.video-card:hover { transform:translateY(-1px); }
.video-card-thumb { position:relative; display:flex; align-items:center; justify-content:center; aspect-ratio:16/9; width:100%; border-radius:8px; background:#0b2346; overflow:hidden; }
.video-card-thumb img { display:block; width:100%; height:100%; object-fit:cover; }
.video-card-thumb.no-image img { width:72%; height:auto; object-fit:contain; }
.thumb-play { position:absolute; display:grid; place-items:center; color:#fff; background:rgba(5,23,49,.7); border:1px solid rgba(255,255,255,.4); backdrop-filter:blur(6px); width:32px; height:32px; border-radius:50%; font-size:11px; padding-left:2px; }
.video-card-copy { display:flex; flex-direction:column; gap:4px; min-width:0; }
.video-card-count { font-size:10px; color:var(--blue); font-weight:800; }
.video-card-copy strong { font-size:13px; line-height:1.35; }
.video-card-description { color:var(--ink-muted); font-size:11px; line-height:1.55; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.catalog-unavailable { border:1px dashed #d4dfef; border-radius:16px; padding:17px; background:#fff; }
.fallback-thumb { min-height:160px; background:linear-gradient(130deg,#0b1b38,#0a2c5b); display:flex; align-items:center; justify-content:center; border-radius:11px; padding:32px; }
.fallback-thumb img { width:70%; }
.catalog-unavailable h3 { font-size:19px; margin:17px 0 8px; }
.catalog-unavailable p { font-size:13px; color:var(--ink-muted); line-height:1.7; }
.catalog-unavailable .btn { width:100%; }
body[data-page="licenses"] .license-section { background:linear-gradient(140deg,#f8fbff,#fff); padding:94px 0 94px; }
body[data-page="contact"] .contact-section { background:linear-gradient(140deg,#f7faff,#fff); padding:120px 0; }
.info-section { background:#f7f9fd; border-top:1px solid #ebeff6; padding:80px 0; }
.info-grid { display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:65px; }
.info-grid h2 { margin:14px 0 14px; }
.info-grid p { color:var(--ink-muted); font-size:15px; line-height:1.8; margin:0; }
.info-card { display:flex; flex-direction:column; gap:12px; padding:28px; border:1px solid var(--line); background:#fff; border-radius:18px; }
.info-card .info-symbol { display:grid; place-items:center; width:39px; height:39px; font-size:18px; font-weight:700; color:var(--blue); background:#eaf2ff; border-radius:11px; }
.info-card strong { font-size:16px; }
.info-card p { font-size:13px; }
@media (max-width:1100px) {
  .brand { min-width:145px; } .brand img { width:124px; } .brand-tagline { display:none; }
  .header-inner { gap:11px; } .nav { gap:13px; } .nav a { font-size:12px; }
  .library-layout { grid-template-columns:minmax(0,1fr) minmax(270px,.85fr); gap:24px; }
  .video-card { grid-template-columns:120px 1fr; }
}
@media (max-width:770px) {
  html { scroll-padding-top:80px; }
  .header-inner { min-height:74px; }
  .brand { min-width:0; }
  .brand img { width:109px; }
  .nav a { padding:14px 12px; }
  .nav a::after { right:auto; left:12px; bottom:6px; width:40px; }
  .preview-grid,.library-layout,.info-grid { grid-template-columns:1fr; gap:30px; }
  .preview-art { min-height:230px; }
  .subhero { padding:58px 0 52px; }
  .subhero-lead { font-size:15px; }
  .video-library-section { padding:55px 0 75px; }
  .library-side { padding:22px; }
  .video-card { grid-template-columns:165px 1fr; }
  .info-section { padding:66px 0; }
}
@media (max-width:540px) {
  .video-steps { grid-template-columns:1fr; gap:8px; }
  .video-steps>div { padding:13px 16px; }
  .video-card { grid-template-columns:116px 1fr; gap:11px; padding:8px; }
  .video-card-copy strong { font-size:12px; }
  .video-card-description { font-size:10px; -webkit-line-clamp:2; }
  .video-language-badge { font-size:11px; }
  .library-player-heading h2 { font-size:23px; }
  .catalog-top h2 { font-size:23px; }
}
body[data-page="licenses"] .section-heading h1 { font-size:clamp(30px,4vw,45px); line-height:1.14; letter-spacing:-.045em; margin:14px 0 16px; }
body[data-page="contact"] .contact-grid h1 { font-size:clamp(30px,4vw,45px); line-height:1.14; letter-spacing:-.045em; margin:14px 0 18px; }

/* R2R V3: each navigation section is a dedicated page. No alternating section backgrounds. */
body { background:#fff; }
body[data-page="home"] .hero { background:#fff; }
body[data-page="features"] .features-section { background:#fff; }
body[data-page="download"] .download-section { background:#fff; }
body[data-page="licenses"] .license-section { background:#fff; }
body[data-page="contact"] .contact-section { background:#fff; }
body[data-page="videos"] .subhero { background:#fff; }
body[data-page="about"] .subhero { background:#fff; }
.header-inner { gap:15px; }
.brand { min-width:196px; }
.brand img { width:146px; }
.nav { gap:clamp(9px,1.13vw,19px); }
.nav a { font-size:12px; }
.section-heading h1 { font-size:clamp(32px,4vw,47px); line-height:1.13; margin:14px 0 16px; }
.download-content h1 { font-size:clamp(29px,3.4vw,42px); margin:13px 0 15px; max-width:530px; }
.about-intro { padding:110px 0; min-height:540px; border:0; }
.about-layout { display:grid; grid-template-columns:1.15fr .85fr; gap:60px; align-items:center; }
.about-hero-copy h1 { font-size:clamp(36px,4.6vw,58px); line-height:1.1; margin:15px 0 23px; }
.about-hero-copy .subhero-lead { margin-bottom:25px; }
.about-brand-panel { min-height:310px; border-radius:22px; border:1px solid #dce6f3; background:#f7faff; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; padding:30px; text-align:center; }
.about-brand-panel img { width:min(100%,350px); height:auto; }
.about-brand-panel strong { font-size:12px; letter-spacing:.16em; color:#243958; }
.about-brand-panel span { color:#68788f; font-size:13px; }
body[data-page="download"] .download-section { padding:95px 0; min-height:600px; }
body[data-page="features"] .features-section { min-height:620px; padding:95px 0; }
body[data-page="home"] .home-hero { min-height:calc(100vh - 165px); }
body[data-page="licenses"] .info-section, body[data-page="contact"] .info-section { background:#fff; }
@media(max-width:1240px) {
  .header-inner { gap:12px; }
  .brand { min-width:0; }
  .brand-tagline { display:none; }
}
/* Seven clear links: collapse to a menu rather than squeeze or wrap. */
@media(max-width:1140px) {
  .menu-toggle { display:flex; }
  .nav { display:none; position:absolute; z-index:20; left:0; right:0; top:100%; background:#fff; border-bottom:1px solid var(--line); box-shadow:0 20px 30px rgba(15,27,51,.1); padding:13px 18px 22px; flex-direction:column; align-items:stretch; gap:0; }
  .nav.is-open { display:flex; }
  .nav a { font-size:14px; padding:14px 12px; border-bottom:1px solid #eff2f6; }
  .nav a::after { right:auto; left:12px; bottom:6px; width:40px; }
  .header-actions { margin-left:auto; }
}
@media(max-width:770px) {
  .brand img { width:115px; }
  .about-layout { grid-template-columns:1fr; gap:30px; }
  .about-intro { padding:66px 0; }
  .about-brand-panel { min-height:240px; }
  body[data-page="features"] .features-section,body[data-page="download"] .download-section { padding:68px 0; }
  body[data-page="home"] .home-hero { min-height:0; }
}

/* R2R v4: content pages, accessible pricing and trial guidance. */
.detail-section {padding: 78px 0 88px; border-top:1px solid var(--line);}
.principle-section {padding:72px 0 82px; border-top:1px solid var(--line);}
.compact-heading {max-width:790px; margin-bottom:36px;}
.detail-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px;}
.detail-card {background:#fff; border:1px solid #e3eaf3; border-radius:18px; padding:28px; box-shadow:0 10px 30px rgba(13,40,79,.035);}
.detail-number {display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:12px; background:#ecf4ff; color:#0757c2; font-size:13px; font-weight:800; margin-bottom:25px;}
.detail-card h2,.detail-card h3 {font-size:20px; line-height:1.32; letter-spacing:-.03em; margin:0 0 11px;}
.detail-card p {font-size:14px; line-height:1.8; color:#5d6c84; margin:0;}
.principle-row {display:flex; align-items:center; gap:60px; justify-content:space-between;}
.principle-row > div {max-width:790px;}
.principle-row h2 {font-size:clamp(25px,3vw,38px); letter-spacing:-.035em; margin:12px 0 15px;}
.principle-row p {font-size:15px; line-height:1.85; color:#5d6c84; margin:0;}
.principle-row .btn {flex-shrink:0;}
body[data-page="features"] .features-section .section-heading {max-width:830px;}
.feature-detail-grid {margin-top:34px;}
.feature-detail-grid .detail-card:nth-child(3n+2) .detail-number {background:#fff0f0;color:#c7212d;}
.features-callout {max-width:100%;display:flex;align-items:flex-start;gap:16px;background:#f1f7ff;border:1px solid #dbeaff;padding:22px 25px;border-radius:15px;margin-top:22px;}
.callout-icon {display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:50%;background:#d8ebff;color:#1354a2;font-weight:800;}
.features-callout strong {font-size:17px;}
.features-callout p {margin:7px 0 0;color:#5c6d84;line-height:1.65;font-size:14px;}
.feature-cta {margin-top:25px;text-align:center;}
.download-help-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:27px 0 0;}
.download-help-card {border:1px solid #e1e9f4;border-radius:17px;padding:27px;}
.mini-number {color:#1453a3;font-weight:800;font-size:13px;}
.download-help-card h2 {font-size:17px;line-height:1.3;letter-spacing:-.02em;margin:12px 0 8px;}
.download-help-card p {font-size:13px;line-height:1.75;color:#617089;margin:0;}
.download-future {margin-top:20px;padding:18px 22px;background:#f5f8fc;border-radius:13px;}
.download-future strong {font-size:14px;}
.download-future p {font-size:13px;line-height:1.6;color:#69768a;margin:5px 0 0;}
.price-amount {margin:4px 0 22px;}
.price-amount strong {font-size:clamp(30px,3.6vw,45px);font-weight:820;line-height:1.1;letter-spacing:-.055em;color:#102747;}
html[lang="cs"] .price-eur {display:none;}
html:not([lang="cs"]) .price-cz {display:none;}
.price-days strong {font-size:48px;}
.price-card h2 {min-height:50px;font-size:17px;font-weight:750;letter-spacing:-.025em;line-height:1.35;margin:0 0 12px;}
.price-pending {color:#66758b;}
.license-footnote {max-width:830px;margin:24px auto 0;}
.trial-strip {max-width:1040px;display:flex;align-items:center;gap:40px;justify-content:space-between;margin:54px auto 0;border:1px solid #d9e6f7;padding:31px 37px;border-radius:19px;background:#f4f9ff;}
.trial-strip > div {max-width:760px;}
.trial-chip {display:inline-block;font-size:10px;font-weight:850;letter-spacing:.08em;color:#074aba;margin-bottom:13px;}
.trial-strip h2 {margin:0 0 10px;font-size:24px;letter-spacing:-.035em;}
.trial-strip p {font-size:13px;line-height:1.75;color:#5d6d83;margin:0;}
.trial-strip .btn {flex-shrink:0;}
.contact-main-link {margin-top:23px;}
.contact-email {font-size:14px;color:#074aba;font-weight:750;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px;}
@media(max-width:900px){.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.download-help-grid{grid-template-columns:1fr 1fr}.principle-row,.trial-strip{flex-direction:column;align-items:flex-start;gap:20px;}}
@media(max-width:620px){.detail-grid,.download-help-grid{grid-template-columns:1fr;}.detail-section,.principle-section{padding:56px 0;}.detail-card{padding:23px;}.trial-strip{padding:25px;}.price-amount strong{font-size:39px;}.download-help-card{padding:21px;}}

/* V5: Tutorial library with generous thumbnail cards for non-technical visitors. */
.library-layout { grid-template-columns: minmax(0,1fr); gap:52px; }
.library-main { max-width:880px; width:100%; margin:0 auto; }
.library-side { background:#f7f9fd; border-color:#e6edf6; padding:30px; }
.catalog-top { margin-bottom:23px; }
.catalog-top h2 { display:inline-block; margin-right:16px; }
.video-count { display:inline-block; color:#365d96; background:#e9f1ff; font-size:12px; font-weight:800; border-radius:100px; padding:6px 12px; vertical-align:middle; }
.video-cards { grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.video-card { display:flex; flex-direction:column; align-items:stretch; gap:0; padding:0; overflow:hidden; border-radius:16px; }
.video-card-thumb { border-radius:0; }
.video-card .thumb-play { width:47px; height:47px; font-size:18px; background:rgba(6,28,57,.82); transition:transform .2s ease; }
.video-card:hover .thumb-play { transform:scale(1.08); }
.video-card-copy { padding:18px 18px 22px; gap:7px; flex:1; }
.video-card-count { font-size:12px; }
.video-card-copy strong { font-size:17px; line-height:1.3; }
.video-card-description { font-size:13px; line-height:1.65; display:block; overflow:visible; }
.video-card.is-playing { box-shadow:0 0 0 2px #2a70d4, 0 12px 24px rgba(7,74,186,.09); }
@media(max-width:900px) { .video-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
  .library-layout { gap:34px; }
  .library-side { padding:16px; }
  .video-cards { grid-template-columns:1fr; gap:14px; }
  .video-card { flex-direction:row; }
  .video-card-thumb { width:40%; flex-shrink:0; border-radius:0; }
  .video-card-copy { padding:13px 12px; gap:5px; }
  .video-card-copy strong { font-size:15px; }
  .video-card-description { font-size:12px; line-height:1.42; }
  .catalog-top h2 { font-size:23px; }
}
@media(max-width:390px) {
  .video-card { flex-direction:column; }
  .video-card-thumb { width:100%; }
  .video-card-copy { padding:13px 16px 17px; }
}

/* V6 — readable typography for everyone, including visitors less comfortable with computers */
html { font-size: 17px; }
body { font-size: 17px; line-height: 1.62; }
.header-inner { min-height: 87px; }
.brand { min-width: 180px; }
.brand img { width: 154px; }
.nav { gap: clamp(9px, 1.15vw, 18px); }
.nav a { font-size: 15px; font-weight: 700; line-height: 1.25; padding: 19px 0 21px; }
.language-control { height: 44px; }
.language-control select { font-size: 15px; }
.section-kicker,.eyebrow { font-size: 13px; }
.btn { font-size: 16px; padding: 15px 22px; }
.hero-lead,.subhero-lead { font-size: 18px; line-height: 1.72; }
.hero-facts >span { font-size: 15px; }
.workflow-heading { font-size: 14px; }
.online-status { font-size: 12px; }
.workflow-title { font-size: 26px; }
.workflow-description { font-size: 15px; }
.step-copy strong { font-size: 15px; }
.step-copy small { font-size: 13px; }
.step-symbol,.workflow-footer,.visual-caption { font-size: 13px; }
.section-heading p,.intro-grid p,.about-hero-copy .subhero-lead { font-size: 18px; }
.detail-card p,.features-callout p,.download-help-card p,.download-future p,
.principle-row p,.price-card p,.price-top>p,.trial-strip p,.license-footnote p,
.contact-grid p,.contact-aside span,.info-card p,.info-grid p { font-size: 16px; line-height: 1.72; }
.detail-card h2,.detail-card h3 { font-size: 22px; }
.download-help-card h2,.price-card h2,.price-card h3 { font-size: 20px; }
.mini-number,.detail-number,.features-callout strong,.price-eyebrow,
.price-pending,.price-mark,.trial-chip,.download-details>span { font-size: 14px; }
.trial-chip { font-size: 15px; }
.trial-strip { margin: 0 auto 42px; }
.trial-strip h2 { font-size: clamp(25px,3vw,31px); }
.contact-email { font-size: 18px; }
.footer-links a,.footer-brand span,.copyright { font-size: 14px; }
.video-card-count,.video-language-badge,.video-count { font-size: 14px; }
.video-card-copy strong { font-size: 19px; }
.video-card-description,.video-steps p,.video-steps strong,.library-side p,.language-hint,
.language-notice,.video-disclaimer,.library-main>.text-link { font-size: 16px; }
.video-card-copy { gap: 8px; }
.download-content p,.download-version>span,.download-history { font-size: 16px; }
.demo-steps p,.demo-steps strong,.demo-notice,.demo-selected { font-size: 16px; }

/* Visible offer above the home headline */
.trial-hero-banner { display:flex; align-items:center; gap:12px; width:fit-content; max-width:100%; margin: 0 0 27px; padding:12px 15px; border:1px solid #cbdcf7; background:#f1f6ff; border-radius:12px; color:#203b68; font-size:15px; line-height:1.4; transition:border-color .2s, background .2s; }
.trial-hero-banner:hover { border-color:#8cb1e8; background:#e7f1ff; }
.trial-hero-badge { flex-shrink:0; color:#fff; background:#0753bd; border-radius:7px; font-size:13px; padding:7px 10px; letter-spacing:.02em; white-space:nowrap; }
.trial-hero-arrow { font-size:22px; color:#0c55af; font-weight:700; }

/* Genuine screenshots captured from a local R2R example tournament */
.screenshots-section { padding: 72px 0 92px; border-top: 1px solid #e8edf6; background:#fff; }
.screenshots-head { max-width:850px; margin:0 0 32px; }
.screenshots-head h2 { margin:11px 0 14px; font-size:clamp(29px,3.8vw,44px); }
.screenshots-head p { color:var(--ink-muted); font-size:18px; line-height:1.7; }
.screenshots-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:22px; }
.screen-card { margin:0; overflow:hidden; border-radius:17px; border:1px solid #e0e8f3; box-shadow:0 8px 20px rgba(18,47,79,.05); }
.screen-card-featured { grid-column:span 2; }
.screenshot-frame { display:block; background:#edf2f9; overflow:hidden; }
.screenshot-img { display:block; width:100%; height:auto; object-fit:cover; }
.screen-card figcaption { padding:19px 23px 22px; }
.screen-card h3 { font-size:21px; letter-spacing:-.025em; margin:0 0 5px; }
.screen-card figcaption p { margin:0; color:var(--ink-muted); font-size:16px; line-height:1.65; }
.screenshots-foot { display:flex; justify-content:space-between; align-items:center; gap:25px; margin-top:22px; flex-wrap:wrap; }
.screenshots-foot p { color:var(--ink-muted); margin:0; font-size:15px; }
.screenshots-foot .text-link { font-size:16px; }
@media(max-width:1290px){.menu-toggle{display:flex;}.nav{display:none;position:absolute;z-index:20;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(15,27,51,.1);padding:13px 18px 22px;flex-direction:column;align-items:stretch;gap:0;}.nav.is-open{display:flex;}.nav a{font-size:17px;padding:15px 12px;border-bottom:1px solid #eff2f6;}.nav a::after{right:auto;left:12px;bottom:6px;width:40px;}.header-actions{margin-left:auto;}}
@media(max-width:770px){.header-inner{min-height:78px;}.brand img{width:137px;}.container{width:min(1160px,calc(100% - 36px));}.hero{padding-top:45px;}.hero-lead,.subhero-lead{font-size:17px;}.trial-hero-banner{display:flex;flex-wrap:wrap;gap:8px;font-size:15px;}.trial-hero-arrow{display:none;}.screenshots-grid{grid-template-columns:1fr;}.screen-card-featured{grid-column:auto;}.screenshots-section{padding:55px 0 66px;}.screenshots-head p{font-size:17px;}}
@media(max-width:600px){.video-card-copy strong{font-size:17px;}.video-card-description{font-size:15px;line-height:1.5;}.video-card-count{font-size:14px;}.nav a{font-size:18px;}.video-card{flex-direction:column;}.video-card-thumb{width:100%;}.video-card-copy{padding:15px 16px;}.trial-hero-banner{align-items:flex-start;}.screenshots-head h2{font-size:30px;}}
/* Final legibility pass: avoid tiny body text and navigation. */
@media (min-width:1291px) { .nav a { font-size:16px; } }
.feature-card p,.video-note,.video-disclaimer,.video-copy>p,
.feature-card h3,.info-card p,.video-steps>div>span,.video-card-description,
.about-brand-panel span,.download-future p,.language-notice,.download-content p { font-size:16px; }
.footer-links a,.footer-brand span,.copyright { font-size:14px; }

/* V9: clearer section hierarchy on every page */
.section-kicker {
  display: inline-block;
  font-size: 16px;
  font-weight: 850;
  line-height: 1.35;
  letter-spacing: .065em;
  border-left: 3px solid #d52937;
  padding-left: 12px;
  margin-bottom: 14px;
}
body[data-page="about"] .about-hero-copy > .section-kicker {
  font-size: 18px;
  letter-spacing: .07em;
  margin-bottom: 19px;
}
@media (max-width: 620px) {
  .section-kicker { font-size: 15px; margin-bottom: 12px; }
  body[data-page="about"] .about-hero-copy > .section-kicker { font-size: 17px; }
}


/* v10 – clear step-by-step buying guide */
.buy-steps{margin:58px auto 35px;max-width:1080px;}
.buy-steps h2{font-size:clamp(27px,3vw,37px);letter-spacing:-.035em;margin:10px 0 12px;line-height:1.18;color:#102747;}
.buy-steps-lead{max-width:780px;margin:0 0 27px;color:#52657e;font-size:17px;line-height:1.7;}
.buy-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;}
.buy-steps-grid article{padding:22px 21px;border:1px solid #e1e9f5;background:#fff;border-radius:16px;}
.buy-steps-grid article>span{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:11px;background:#eaf2ff;color:#125ac2;font-weight:800;font-size:15px;}
.buy-steps-grid h3{margin:15px 0 8px;color:#142b48;font-size:19px;line-height:1.3;letter-spacing:-.015em;}
.buy-steps-grid p{margin:0;color:#53647b;font-size:16px;line-height:1.63;}
.buy-steps-note{margin:17px 0 0;color:#64748b;font-size:15px;line-height:1.6;}
@media(max-width:930px){.buy-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.buy-steps{margin-top:42px;}.buy-steps-grid{grid-template-columns:1fr;}.buy-steps-grid article{padding:19px 20px;}}