:root {
  --ink: #191a1b;
  --muted: #5f6368;
  --line: #e7e7ef;
  --bg: #ffffff;
  --lav: #efeffb;
  --lav-2: #e3e0fa;
  --purple: #543cc3;
  --purple-dark: #4330a3;
  --max: 1140px;
  --head: Poppins, Inter, Arial, sans-serif;
  --shadow: 0 30px 70px rgba(44, 32, 120, 0.16);
  --card-shadow: 0 6px 24px rgba(25, 26, 27, 0.06);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--bg);
  font-family: Inter, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--purple); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; height: auto; display: block; }
.wrap { width: min(var(--max), calc(100% - 40px)); margin: 0 auto; }
h1, h2, h3 { font-family: var(--head); font-weight: 600; letter-spacing: -0.02em; color: var(--ink); }
h1 { font-size: 52px; line-height: 1.12; margin: 0 0 20px; }
h2 { font-size: 44px; line-height: 1.18; margin: 0 0 14px; }
h3 { font-size: 20px; line-height: 1.3; margin: 0 0 8px; }
.center { text-align: center; }
.sub { color: var(--muted); font-size: 18px; margin: 0 auto 56px; max-width: 620px; }

/* top bar */
.top {
  position: sticky; top: 0; z-index: 30; background: #fff;
  box-shadow: 0 1px 0 var(--line), 0 6px 18px rgba(84, 60, 195, 0.06);
}
.top-inner { height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.brand { display: flex; align-items: center; gap: 10px; color: var(--ink); font-family: var(--head); font-weight: 600; font-size: 22px; letter-spacing: -0.02em; }
.brand:hover { text-decoration: none; }
.brand svg { flex: none; }
.brand b { color: var(--purple); font-weight: 600; }
.nav { display: flex; align-items: center; gap: 28px; }
.nav a { color: var(--ink); font-size: 15px; }
.nav a:hover { color: var(--purple); text-decoration: none; }

/* buttons */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  background: var(--purple); color: #fff !important; border-radius: 6px;
  min-height: 44px; padding: 0 20px; font-weight: 500; font-size: 15px; border: 0;
  transition: background .15s, transform .15s, box-shadow .15s;
}
.btn:hover { background: var(--purple-dark); text-decoration: none; }
.btn.lg { min-height: 60px; padding: 0 30px; font-size: 18px; font-weight: 600; border-radius: 8px; box-shadow: 0 12px 28px rgba(84, 60, 195, .28); }
.btn.lg:hover { transform: translateY(-1px); box-shadow: 0 16px 34px rgba(84, 60, 195, .34); }
.btn svg { flex: none; }
.fine { color: var(--muted); font-size: 14px; margin: 16px 0 0; }
.fine a { color: var(--muted); text-decoration: underline; }

/* hero */
.hero { padding: 72px 0 96px; overflow: hidden; }
.hero-grid { display: grid; grid-template-columns: 1fr 1.15fr; gap: 64px; align-items: center; }
.lead { font-size: 19px; line-height: 1.6; margin: 0 0 26px; max-width: 520px; }
.checks { list-style: none; margin: 0 0 34px; padding: 0; display: grid; gap: 10px; }
.checks li { display: flex; gap: 12px; align-items: center; font-size: 17px; }
.checks svg { flex: none; color: var(--purple); }
.stage { position: relative; }
.stage::before {
  content: ""; position: absolute; inset: -12% -18% -14% 6%; z-index: -1;
  background: radial-gradient(closest-side, var(--lav-2), rgba(239, 239, 251, 0));
}
.hero-grid { grid-template-columns: 0.92fr 1.3fr; }
.hero-stage { margin-right: -170px; }
.chip {
  position: absolute; left: -40px; bottom: -30px; display: flex; align-items: center; gap: 12px;
  background: #fff; border-radius: 12px; padding: 14px 20px 14px 14px;
  box-shadow: 0 16px 40px rgba(44, 32, 120, .18); font-size: 15px; line-height: 1.35;
}
.chip strong { display: block; font-weight: 600; }
.chip small { color: var(--muted); font-size: 13px; }
.chip-ico { width: 38px; height: 38px; border-radius: 50%; background: var(--purple); color: #fff; display: grid; place-items: center; }
.window { border-radius: 12px; overflow: hidden; background: #fff; box-shadow: var(--shadow); border: 1px solid rgba(84, 60, 195, .10); }
.window img { width: 100%; }

/* 1-2-3 */
.easy { padding: 88px 0 120px; }
.path { position: relative; display: grid; grid-template-columns: repeat(3, 230px); justify-content: center; gap: 0 110px; }
.path svg.trail { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; }
.step { background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 26px 24px 28px; text-align: left; height: max-content; }
.step:nth-of-type(2) { margin-top: 84px; }
.step .ico { color: var(--purple); margin-bottom: 22px; }
.step h3 { font-family: Inter, Arial, sans-serif; font-size: 17px; font-weight: 700; letter-spacing: 0; margin: 0 0 8px; }
.step p { margin: 0; font-size: 15px; line-height: 1.6; }

/* feature accordion */
.does { padding: 40px 0 120px; }
.does-grid { display: grid; grid-template-columns: 460px 1fr; gap: 56px; align-items: start; }
.acc { border: 1px solid var(--line); border-radius: 4px; }
.acc details { border-top: 1px solid var(--line); }
.acc details:first-child { border-top: 0; }
.acc summary {
  list-style: none; cursor: pointer; display: flex; align-items: center; gap: 18px;
  padding: 18px 24px; font-weight: 600; font-size: 16px;
}
.acc summary::-webkit-details-marker { display: none; }
.acc summary .i { color: var(--ink); flex: none; display: flex; }
.acc summary::after {
  content: ""; margin-left: auto; width: 8px; height: 8px; flex: none;
  border-right: 1.6px solid var(--ink); border-bottom: 1.6px solid var(--ink);
  transform: rotate(45deg) translateY(-3px); transition: transform .2s;
}
.acc details[open] { box-shadow: var(--card-shadow); position: relative; z-index: 1; background: #fff; }
.acc details[open] summary { font-family: var(--head); font-size: 24px; padding-top: 24px; letter-spacing: -0.02em; }
.acc details[open] summary .i { color: var(--purple); }
.acc details[open] summary::after { transform: rotate(-135deg) translateY(-2px); }
.acc .body { padding: 0 32px 26px 66px; font-size: 16px; line-height: 1.65; }
.acc .body p { margin: 0; }
.acc .body img { display: none; margin-top: 18px; border-radius: 8px; border: 1px solid var(--line); }
.does-stage { position: sticky; top: 110px; }
.does-stage .window img { transition: opacity .25s; }

/* use cases */
.lav { background: var(--lav); }
.uses { padding: 96px 0 104px; }
.uses .sub { margin-bottom: 48px; }
.cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.card { display: flex; gap: 16px; background: #fff; border-radius: 8px; padding: 12px; color: var(--ink); box-shadow: 0 1px 0 rgba(25, 26, 27, .03); transition: box-shadow .2s, transform .2s; }
.card:hover { text-decoration: none; box-shadow: var(--card-shadow); transform: translateY(-2px); }
.tile { flex: none; width: 96px; height: 96px; border-radius: 6px; display: grid; place-items: center; color: #fff; }
.t1 { background: linear-gradient(135deg, #7b5cff, #d24fd1); }
.t2 { background: linear-gradient(135deg, #1d2b64, #4b6cb7); }
.t3 { background: linear-gradient(135deg, #0f9b8e, #59d7b6); }
.t4 { background: linear-gradient(135deg, #f7971e, #f75b5b); }
.t5 { background: linear-gradient(135deg, #2b1f6b, #6a4dfb); }
.t6 { background: linear-gradient(135deg, #10304f, #2a7cc7); }
.card h3 { font-family: Inter, Arial, sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0; margin: 4px 0 4px; }
.card p { margin: 0 0 10px; font-size: 14px; line-height: 1.55; }
.more { font-size: 14px; color: var(--purple); font-weight: 500; display: inline-flex; align-items: center; gap: 8px; }

/* numbers */
.facts { padding: 104px 0; }
.fact-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; max-width: 980px; margin: 0 auto; }
.fact { text-align: center; padding: 8px 12px; }
.fact strong { display: block; font-family: var(--head); font-weight: 600; font-size: 50px; line-height: 1.1; letter-spacing: -0.03em; color: var(--purple); }
.fact span { display: block; margin-top: 8px; font-size: 15px; color: var(--muted); }

/* download */
.dl { padding: 40px 0 112px; }
.dl-card { max-width: 760px; margin: 0 auto; border: 1px solid var(--line); border-top: 3px solid var(--purple); border-radius: 10px; box-shadow: var(--card-shadow); padding: 44px 48px 36px; text-align: center; }
.os { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; font-size: 17px; padding: 0 0 18px; margin-bottom: 22px; border-bottom: 2px solid var(--purple); }
.dl-card .meta { color: var(--muted); font-size: 15px; margin: 0 0 26px; }
.ticks { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px 28px; list-style: none; padding: 0; margin: 26px 0 0; font-size: 15px; }
.ticks li { display: flex; align-items: center; gap: 8px; }
.ticks svg { color: var(--purple); }
.req { text-align: left; margin-top: 30px; border-top: 1px solid var(--line); padding-top: 18px; font-size: 15px; }
.req summary { cursor: pointer; font-weight: 600; }
.req ul { margin: 12px 0 0; padding-left: 20px; color: var(--muted); }

/* tour */
.tour { padding: 72px 0; }
.tour-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.tour-card { background: #fff; border-radius: 8px; padding: 26px 26px 24px; color: var(--ink); transition: box-shadow .2s, transform .2s; }
.tour-card:hover { text-decoration: none; box-shadow: var(--card-shadow); transform: translateY(-2px); }
.tour-card h3 { font-size: 20px; margin: 0 0 6px; }
.tour-card p { margin: 0 0 14px; font-size: 15px; color: var(--muted); }

/* resources */
.res { padding: 96px 0 104px; }
.tabs { display: flex; justify-content: center; gap: 36px; border-bottom: 1px solid var(--line); margin: 0 auto 36px; max-width: 820px; }
.tabs button { background: none; border: 0; font: inherit; font-size: 16px; font-weight: 600; color: var(--muted); padding: 0 4px 14px; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.tabs button[aria-selected="true"] { color: var(--purple); border-color: var(--purple); }
.panel { max-width: 820px; margin: 0 auto; }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 20px; padding: 20px 0; font-weight: 600; font-size: 17px; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; font-weight: 400; font-size: 24px; line-height: 1; color: var(--purple); }
.faq details[open] summary::after { content: "–"; }
.faq details p { margin: -6px 0 22px; color: #3c4043; font-size: 16px; }
.guides { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; }
.guides a { display: flex; justify-content: space-between; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--line); color: var(--ink); font-weight: 500; font-size: 16px; }
.guides a:hover { color: var(--purple); text-decoration: none; }

/* final cta */
.final { padding: 96px 0; text-align: center; background: linear-gradient(180deg, #fff, var(--lav)); }
.final .sub { margin-bottom: 32px; }

/* article pages */
.ahero { padding: 64px 0 72px; }
.ahero-grid { display: grid; grid-template-columns: 1fr 1.05fr; gap: 56px; align-items: center; }
.ahero h1 { font-size: 46px; }
.crumbs { font-size: 14px; color: var(--muted); margin: 0 0 18px; }
.crumbs a { color: var(--muted); }
.article { padding: 8px 0 80px; }
.prose { max-width: 740px; margin: 0 auto; font-size: 18px; }
.prose h2 { font-size: 30px; margin: 44px 0 12px; }
.prose p { margin: 0 0 18px; }
.prose ul, .prose ol { padding-left: 22px; margin: 0 0 22px; }
.prose li { margin: 0 0 10px; }
.prose ol { counter-reset: s; list-style: none; padding: 0; }
.prose ol li { counter-increment: s; position: relative; padding-left: 52px; min-height: 36px; margin-bottom: 18px; }
.prose ol li::before { content: counter(s); position: absolute; left: 0; top: -2px; width: 34px; height: 34px; border-radius: 50%; background: var(--lav); color: var(--purple); display: grid; place-items: center; font-weight: 700; font-size: 15px; }
.prose code { background: var(--lav); padding: 2px 6px; border-radius: 4px; font-size: 15px; }
.prose .window { margin: 34px 0; }
.related { padding: 72px 0; }
.gallery { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; max-width: var(--max); }
.gallery figure { margin: 0; }
.gallery img { border-radius: 10px; border: 1px solid var(--line); box-shadow: var(--card-shadow); }
.gallery figcaption { padding: 12px 2px 0; font-size: 15px; color: var(--muted); }

/* footer */
.footer { border-top: 1px solid var(--line); padding: 40px 0 44px; color: var(--muted); font-size: 14px; }
.footer-grid { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; align-items: center; }
.footer-row { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.footer a { color: var(--muted); }
.footer p { margin: 18px 0 0; }

@media (max-width: 1000px) {
  .does-grid { grid-template-columns: 1fr; }
  .does-stage { display: none; }
  .acc details[open] .body img { display: block; }
  .path { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; gap: 16px; }
  .path svg.trail { display: none; }
  .step:nth-of-type(2) { margin-top: 0; }
}
@media (max-width: 900px) {
  h1, .ahero h1 { font-size: 38px; }
  h2 { font-size: 32px; }
  .hero { padding: 40px 0 64px; }
  .hero-grid, .ahero-grid, .cards, .tour-row, .guides, .gallery { grid-template-columns: 1fr; }
  .fact-row { grid-template-columns: 1fr 1fr; }
  .fact strong { font-size: 40px; }
  .nav a.hide-sm { display: none; }
  .top-inner { height: 64px; }
  .btn { white-space: nowrap; }
  .btn.lg { width: 100%; font-size: 16px; padding: 0 16px; }
  .hero-stage { margin-right: 0; }
  .chip { left: 12px; bottom: -22px; }
  .dl-card { padding: 32px 22px 28px; }
  .easy, .uses, .facts, .res, .final { padding-top: 64px; padding-bottom: 72px; }
}
/* TotalAudioEditor: adapted from the supplied software-site-redesign template. */
@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-600-latin.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-700-latin.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--max:1280px;--ink:#20202b;--muted:#656477;--lav:#f2f0fc;--line:#e6e4ef;--purple:#543cc3;--head:Poppins,Inter,Arial,sans-serif}
body{font-size:17px}html{scroll-padding-top:100px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a68aff;outline-offset:5px}figure{margin:0}.skip{position:fixed;top:-70px;left:20px;background:#fff;padding:10px;z-index:100}.skip:focus{top:8px}.section{padding:96px 0}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--purple);margin:0 0 18px;display:flex;align-items:center;gap:10px}.center>.eyebrow,.center .eyebrow{justify-content:center}.status-dot{display:inline-block;width:8px;height:8px;background:#543cc3;border-radius:50%;box-shadow:0 0 0 5px #eae5fc}.highlight{color:var(--purple)}.brand{font-size:21px;white-space:nowrap;letter-spacing:-.9px;gap:10px}.brand-accent{color:var(--purple)}.brand b{font-weight:600;color:var(--ink)}.top-inner{height:82px}.top{box-shadow:0 1px 0 #e9e6f1;background:rgba(255,255,255,.97)}.nav{gap:28px}.nav .btn{color:white}.btn{border-radius:8px;cursor:pointer;text-decoration:none!important;white-space:nowrap}.btn.lg{min-height:58px;font-size:16px;padding:0 24px;box-shadow:0 9px 24px #543cc322}.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--purple);font-size:14px}.mobile-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:7px;font-size:23px;line-height:1;padding:8px;color:var(--ink)}.mobile-nav{padding:12px 20px 24px;border-top:1px solid var(--line)}.mobile-nav a{display:block;padding:10px;color:var(--ink);font-size:15px}.product-menu{position:relative}.product-menu>summary{cursor:pointer;font-size:14px;list-style:none;display:flex;gap:8px;align-items:center}.product-menu>summary::-webkit-details-marker{display:none}.menu-panel{position:absolute;top:45px;left:-180px;background:#fff;width:580px;display:grid;grid-template-columns:1fr 1fr;padding:14px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.menu-panel>a{display:flex;align-items:center;gap:12px;padding:14px;border-radius:9px}.menu-panel>a:hover{background:#f5f3fd}.menu-panel strong{display:block;font-size:12px;color:var(--ink);line-height:1.5}.menu-panel small{display:block;font-size:10px;color:var(--muted);line-height:1.5;margin-top:4px}.menu-panel .product-icon{width:40px;height:40px;flex:none;border-radius:10px}.menu-panel .product-icon svg{width:23px;height:23px}.menu-panel .menu-all{grid-column:1/-1;justify-content:center;border-top:1px solid var(--line);margin-top:8px;font-size:13px;font-weight:600;color:var(--purple)}
.hero{padding:72px 0 78px;background:radial-gradient(ellipse at 80% 54%,#efebff 0,transparent 48%);overflow:hidden}.hero-grid{grid-template-columns:1fr 1.16fr;gap:54px;align-items:center}.hero h1{font-size:clamp(40px,3.3vw,56px);line-height:1.15;letter-spacing:-1.9px;margin-bottom:23px}.hero .lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:515px}.hero .checks{gap:11px;margin-bottom:28px}.hero .checks li{font-size:15px;gap:10px}.checks svg{background:#ede8ff;border-radius:5px;padding:2px;color:var(--purple);width:21px;height:21px;flex:none}.hero-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.hero-actions>.text-link{font-size:13px}.hero .fine{font-size:12px;color:#747184}.stage{position:relative}.hero-stage{margin-right:-140px}.window{overflow:hidden;border-radius:12px;border:1px solid #d8d5e6;box-shadow:0 22px 55px #30227720;background:#f7f6fc}.window img{width:100%;height:auto;display:block}.hero-stage .window{transform:perspective(1800px) rotateY(-5deg) rotateX(1deg);transform-origin:left center}.chip{position:absolute;left:24px;bottom:10px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e7e1fa;border-radius:12px;padding:14px 20px;box-shadow:0 16px 34px #30227720;z-index:2}.chip-ico{width:42px;height:42px;display:grid;place-items:center;background:#eee9ff;border-radius:10px;color:var(--purple)}.chip-ico svg{width:25px;height:25px}.chip strong{display:block;font-size:13px;color:var(--ink)}.chip small{font-size:11px;color:var(--muted)}.stage-caption{font-size:10px;color:#827e91;display:block;text-align:center;margin-top:19px}.trust-strip{border-top:1px solid #f0edf7;border-bottom:1px solid #ece9f4;background:#fcfbff}.trust-strip>.wrap{display:flex;justify-content:center;gap:100px;padding:22px 0}.trust-strip span{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.trust-strip svg{width:20px;height:20px;color:var(--purple)}.trust-strip strong{font-weight:500}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:38px}.section-heading h2{margin:0;font-size:36px;line-height:1.25}.section-heading .sub{font-size:16px;max-width:350px;text-align:right;margin:0 0 5px}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-card{position:relative;padding:28px 28px 23px;border:1px solid var(--line);border-radius:15px;background:#fff;transition:box-shadow .2s,border-color .2s}.tool-card:hover{box-shadow:0 12px 35px #3323710e;border-color:#c9bee8}.product-icon{display:inline-flex;width:55px;height:55px;align-items:center;justify-content:center;border-radius:14px;background:#ede6ff;color:#6542c1}.tone-blue{background:#e9ecff;color:#5364c6}.tone-orange{background:#fff0e2;color:#c27a32}.tone-teal{background:#e0f4ef;color:#2c8f7b}.tone-red{background:#ffe7ea;color:#bd4055}.tag{position:absolute;top:30px;right:22px;letter-spacing:.04em;font-size:9px;text-transform:uppercase;font-weight:700;border-radius:20px;padding:5px 9px;background:#f2effb;color:#756393}.tool-card h3{font-size:17px;line-height:1.45;margin:20px 0 10px}.tool-card h3 a{color:var(--ink)}.tool-card>p{font-size:14px;line-height:1.7;color:var(--muted);min-height:71px;margin-bottom:24px}.tool-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.tool-actions .btn{font-size:12px;min-height:39px;padding:0 14px}.tool-actions .btn svg{width:15px;height:15px}.tool-actions .text-link{font-size:11px;gap:5px}.file-note{font-size:10px;color:#878293;display:block;margin-top:18px}.easy{padding-top:38px}.easy h2,.resources h2,.final h2{font-size:38px}.easy .sub{margin-bottom:30px}.path{max-width:none;margin:35px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative}.step{padding:18px 28px;text-align:center;box-shadow:none;border:0;background:transparent}.step:nth-of-type(2),.step:nth-of-type(3){transform:none;margin:0}.step .ico{display:grid;place-items:center;width:74px;height:74px;background:#f0ebff;color:var(--purple);border-radius:22px;margin:0 auto 22px}.step .ico svg{width:30px;height:30px}.step h3{font-size:18px;margin-bottom:8px}.step p{font-size:14px;color:var(--muted);margin:0}.lavender{background:#f4f1fd}.story-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}.story-grid h2{font-size:38px;line-height:1.25}.story-grid .lead{font-size:17px;color:var(--muted)}.story-image .window{box-shadow:0 20px 60px #543cc31c}.compact-details{margin:26px 0}.compact-details details{border-bottom:1px solid #ded9ee}.compact-details summary{cursor:pointer;list-style:none;padding:15px 28px 15px 0;font-size:14px;font-weight:600;position:relative}.compact-details summary:after{content:'+';position:absolute;right:2px;color:var(--purple)}.compact-details details[open] summary:after{content:'−'}.compact-details p{font-size:14px;color:var(--muted);margin:0 0 18px;line-height:1.75}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.use-card{padding:28px 25px;border-radius:14px;border:1px solid var(--line);color:var(--ink);text-decoration:none!important;background:#fff}.use-card h3{font-size:17px;margin:22px 0 12px}.use-card p{font-size:13px;line-height:1.7;color:var(--muted);min-height:45px}.use-card .text-link{font-size:12px}.resources{padding:90px 0;background:#f7f5fc}.narrow{max-width:850px}.narrow>.eyebrow,.resources h2{text-align:center;justify-content:center}.faq-list{margin-top:36px}.faq-list details{border:1px solid #e4deef;background:#fff;border-radius:10px;margin-bottom:10px;overflow:hidden}.faq-list summary{padding:20px 50px 20px 23px;cursor:pointer;font-size:15px;font-weight:600;list-style:none;position:relative}.faq-list summary:after{content:'+';position:absolute;right:22px;color:var(--purple);font-size:20px;top:15px}.faq-list details[open] summary:after{content:'−'}.detail-body{padding:0 23px 23px}.detail-body p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.final{background:linear-gradient(#fff,#f1edfc);padding:85px 0 90px}.final .sub{font-size:16px;max-width:600px;margin:0 auto 28px}.final .fine{font-size:11px}.footer{padding:50px 0 0;background:#fff}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px;border-bottom:1px solid var(--line)}.footer-top>p{font-size:12px;color:var(--muted);margin:0}.footer-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr 1fr;gap:48px;padding:35px 0}.footer-grid h3{font-family:Inter,sans-serif;font-size:12px;margin:0 0 16px;font-weight:700}.footer-grid>div>a{display:block;color:var(--muted);font-size:11px;margin:8px 0;line-height:1.6}.footer-bottom{border-top:1px solid var(--line);padding:19px 0;display:flex;justify-content:space-between;color:#888296}.footer-bottom>p{margin:0;font-size:10px}.breadcrumbs{font-size:11px;display:flex;gap:10px;flex-wrap:wrap;color:#8a839a;margin:0 0 28px}.breadcrumbs a{color:#776d88}.product-hero{padding-top:30px}.product-hero .hero-grid{padding-top:20px;padding-bottom:20px}.product-hero .hero h1{font-size:49px}.product-name{font-size:13px;font-weight:600;color:#706384;margin:0 0 13px}.product-hero .hero-stage{margin-right:-120px}.product-subnav{background:#fff;border-bottom:1px solid var(--line)}.product-subnav>.wrap{display:flex;align-items:center;justify-content:space-between;padding:17px 0}.product-subnav strong{font-size:12px}.product-subnav nav{display:flex;gap:25px}.product-subnav a{font-size:11px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:.85fr 1.2fr;gap:65px;align-items:center}.feature-group .section-heading{justify-content:center;text-align:center;margin-bottom:46px}.feature-group h2{font-size:36px}.feature-accordion details{border-bottom:1px solid var(--line)}.feature-accordion summary{list-style:none;cursor:pointer;font-weight:600;font-size:16px;padding:20px 28px 20px 0;position:relative}.feature-accordion summary:after{content:'+';color:var(--purple);position:absolute;right:0}.feature-accordion details[open] summary:after{content:'−'}.feature-accordion details[open] summary{color:var(--purple)}.feature-accordion p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 22px}.feature-mobile{display:none}.format-list{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:32px}.format-list span{padding:8px 14px;font-size:12px;font-weight:600;border:1px solid #dcd5ef;background:#fff;border-radius:7px}.download-section{background:#f4f1fc;padding:85px 0}.download-box{background:#fff;border:1px solid #ded6f0;border-radius:18px;padding:42px;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;box-shadow:0 16px 45px #543cc30c}.download-box h2{font-size:28px;margin:12px 0}.download-box .meta{font-size:12px;color:var(--muted);line-height:1.8}.download-box .cta-side{text-align:center}.download-box .cta-side>.fine{max-width:280px;font-size:11px}.download-box details{margin-top:20px;font-size:12px}.download-box summary{cursor:pointer;font-weight:600;color:var(--purple)}.download-box details p{font-size:12px;color:var(--muted)}.download-box .checksum{overflow-wrap:anywhere;font-family:monospace;font-size:10px}.guide-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-link{border:1px solid var(--line);border-radius:12px;padding:25px;color:var(--ink);display:flex;flex-direction:column;gap:12px}.guide-link h3{font-size:16px}.guide-link p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.guide-link .text-link{font-size:12px;margin-top:auto}.article-hero{padding:30px 0 55px;background:linear-gradient(#fff,#f5f2fd)}.article-hero .article-top{display:grid;grid-template-columns:1fr .75fr;gap:60px;align-items:center}.article-hero h1{font-size:40px;line-height:1.22}.article-hero .lead{font-size:17px;color:var(--muted)}.article-hero .fine{font-size:11px}.article-body{max-width:820px;margin:auto;padding:60px 0 70px}.article-body h2{font-size:27px;margin:40px 0 16px}.article-body h3{font-size:20px;margin-top:27px}.article-body p,.article-body li{font-size:16px;line-height:1.9;color:#615b70}.article-body ol{padding-left:24px}.article-body li{padding:6px 0 6px 8px}.article-body a{text-decoration:underline}.article-body .notice{background:#f2effb;border-left:3px solid var(--purple);border-radius:0 8px 8px 0;padding:18px 22px;margin:25px 0;font-size:14px;line-height:1.8}.article-body .window{margin:35px 0}.index-head{padding:30px 0 55px;background:#f8f6fd}.index-head h1{font-size:44px;max-width:850px}.index-head .lead{max-width:720px;font-size:18px;color:var(--muted)}.download-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.download-tile{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;border:1px solid var(--line);padding:26px;border-radius:14px}.download-tile h2{font-size:18px;line-height:1.5;margin:12px 0 9px}.download-tile p{font-size:13px;color:var(--muted);margin:5px 0}.download-tile .btn{font-size:12px;padding:0 16px}.download-tile .small-links{font-size:11px;display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.gallery-grid figcaption{font-size:13px;color:var(--muted);margin-top:18px;line-height:1.7}.gallery-grid h2{font-size:18px;margin-bottom:15px}.site-map-list{columns:3;column-gap:40px}.site-map-list li{font-size:13px;line-height:1.8;margin-bottom:8px;break-inside:avoid}.legacy-anchor{display:block;position:relative;top:-95px}.article-layout{padding:0 20px}.muted{color:var(--muted)}.no-results{padding:60px 0;text-align:center}[hidden]{display:none!important}
@media(max-width:1500px){.hero-stage,.product-hero .hero-stage{margin-right:0}.hero-grid{gap:45px}.hero h1{font-size:46px}.chip{bottom:-6px;left:18px;padding:11px 16px}.hero-stage .window{transform:none}.wrap{width:min(var(--max),calc(100% - 80px))}.hero-actions{gap:16px}.hero-actions .text-link{font-size:12px}.tool-card{padding:25px 22px}.tool-card>p{min-height:95px}.tool-actions{gap:13px}.tool-actions .text-link{font-size:10px}}
@media(max-width:1050px){.nav{gap:19px}.brand{font-size:18px}.brand>svg{width:31px;height:31px}.hero-grid{gap:30px;grid-template-columns:1fr 1fr}.hero h1{font-size:40px}.hero .lead{font-size:16px}.hero .checks li{font-size:13px}.tools-grid{grid-template-columns:repeat(2,1fr)}.tool-card>p{min-height:48px}.story-grid{gap:40px}.use-grid{grid-template-columns:repeat(2,1fr)}.section-heading h2{font-size:32px}.guide-links{grid-template-columns:repeat(2,1fr)}.download-grid{grid-template-columns:1fr}.feature-grid{gap:35px}.article-hero .article-top{gap:35px}.footer-grid{gap:30px}.trust-strip>.wrap{gap:40px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.section{padding:62px 0}.top-inner{height:70px}.nav>.hide-sm,.product-menu{display:none}.mobile-toggle{display:block}.nav{gap:10px}.brand{font-size:18px;letter-spacing:-.7px}.nav-download{padding:0 12px;min-height:40px}.nav-download span{display:none}.hero{padding:46px 0 60px}.hero-grid{grid-template-columns:1fr;gap:43px}.hero h1{font-size:39px;letter-spacing:-1.4px;line-height:1.18}.hero .lead{font-size:16px;line-height:1.8;max-width:none}.hero .checks li{font-size:14px}.hero .checks{gap:9px}.hero-actions{flex-direction:column;align-items:flex-start;gap:19px}.hero-actions>.btn{min-height:54px;width:auto}.hero-actions>.text-link{font-size:13px}.hero .fine{font-size:11px;line-height:1.8}.hero-stage{padding:5px 0 17px}.chip{left:12px;bottom:7px;padding:8px 12px;border-radius:9px;gap:8px}.chip-ico{width:30px;height:30px}.chip strong{font-size:10px}.chip small{font-size:9px}.chip-ico svg{width:20px;height:20px}.stage-caption{font-size:8px;margin-top:13px}.trust-strip>.wrap{justify-content:space-between;gap:12px;padding:16px 0}.trust-strip span{flex-direction:column;gap:7px;font-size:9px;text-align:center}.trust-strip svg{width:17px;height:17px}.section-heading{display:block;margin-bottom:29px}.section-heading h2{font-size:29px;line-height:1.3}.section-heading .sub{text-align:left;margin:16px 0 0;font-size:15px;max-width:none}.section-heading>.text-link{margin-top:20px}.tools-grid{grid-template-columns:1fr;gap:15px}.tool-card{padding:25px}.tool-card h3{font-size:18px;margin-top:18px}.tool-card>p{min-height:0;font-size:14px;max-width:380px;margin-bottom:23px}.tool-actions .btn{font-size:12px;min-height:42px}.tool-actions .text-link{font-size:11px}.file-note{font-size:10px}.tag{top:29px;right:25px}.path{grid-template-columns:1fr;gap:14px;margin-top:20px}.step{display:grid;grid-template-columns:64px 1fr;column-gap:20px;padding:16px 4px;text-align:left}.step .ico{width:60px;height:60px;margin:0;grid-row:1/3;border-radius:17px}.step h3{font-size:17px;margin-top:4px;margin-bottom:6px}.step p{font-size:13px}.easy h2,.resources h2,.final h2{font-size:30px;line-height:1.3}.easy .sub{font-size:15px;margin-bottom:10px}.story-grid{grid-template-columns:1fr;gap:40px}.story-grid h2{font-size:30px}.story-grid .lead{font-size:16px}.use-grid{grid-template-columns:1fr 1fr;gap:12px}.use-card{padding:23px 18px}.use-card h3{font-size:15px;margin-top:18px;line-height:1.5}.use-card p{font-size:12px;min-height:64px}.use-card .product-icon{width:45px;height:45px;border-radius:12px}.use-card .product-icon svg{width:26px;height:26px}.resources{padding:62px 0}.faq-list{margin-top:25px}.faq-list summary{font-size:14px;padding:18px 42px 18px 18px}.detail-body{padding:0 18px 20px}.detail-body p{font-size:13px}.final{padding:60px 0 65px}.final .sub{font-size:15px;margin-bottom:25px}.footer-top{display:block}.footer-top>p{margin-top:18px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px;padding:30px 0}.footer-grid>div>a{font-size:11px;margin:9px 0}.footer-bottom{display:block;line-height:1.8}.footer-bottom p+p{margin-top:5px}.product-hero{padding-top:25px}.breadcrumbs{font-size:10px;gap:8px;margin-bottom:22px}.product-hero .hero-grid{padding-top:12px;padding-bottom:8px}.product-subnav>.wrap{display:block;padding:15px 0}.product-subnav strong{display:none}.product-subnav nav{gap:22px;justify-content:center}.product-subnav a{font-size:10px}.feature-grid{grid-template-columns:1fr;gap:30px}.feature-group h2{font-size:29px}.feature-desktop{display:none}.feature-mobile{display:block;margin:18px 0 25px}.feature-accordion summary{font-size:15px}.feature-accordion p{font-size:14px}.download-section{padding:60px 0}.download-box{grid-template-columns:1fr;padding:27px 24px;gap:23px}.download-box h2{font-size:25px;line-height:1.4}.download-box .cta-side{text-align:left}.download-box .cta-side>.fine{max-width:none}.download-box .btn{width:100%;font-size:15px;padding:0 17px}.guide-links{grid-template-columns:1fr}.guide-link{padding:23px}.index-head{padding:25px 0 40px}.index-head h1{font-size:34px;line-height:1.25}.index-head .lead{font-size:16px}.download-tile{grid-template-columns:1fr;padding:26px;gap:18px}.download-tile .btn{width:100%;font-size:14px}.download-tile h2{font-size:19px}.article-hero{padding:25px 0 42px}.article-hero .article-top{grid-template-columns:1fr;gap:32px}.article-hero h1{font-size:32px;line-height:1.3}.article-hero .lead{font-size:16px}.article-body{padding:35px 0 45px}.article-body h2{font-size:24px;line-height:1.35;margin-top:30px}.article-body p,.article-body li{font-size:15px;line-height:1.85}.gallery-grid{grid-template-columns:1fr;gap:32px}.site-map-list{columns:1}.eyebrow{font-size:10px;margin-bottom:15px}.narrow{max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.hero-grid>*{min-width:0}.hero-stage{margin-right:-80px}.hero-stage .window{transform:none}.inline-free{display:inline-block;background:#eee9fb;color:#644bb0;border-radius:20px;padding:3px 9px;margin-left:8px;font-size:9px;letter-spacing:.02em;vertical-align:middle}@media(max-width:1500px){.hero-stage{margin-right:0}}

.product-menu>summary .menu-chevron{display:block;flex:0 0 14px;transition:transform .18s ease}.product-menu[open]>summary .menu-chevron{transform:rotate(180deg)}

/* Explain free use immediately beside the download decision. */
.free-assurance{margin:15px 0 0;color:#44329d;font-size:13px;font-weight:500;line-height:1.65;letter-spacing:0}
.free-assurance strong{font-weight:700;white-space:nowrap}
.free-assurance>span:last-of-type{white-space:nowrap}
.free-assurance small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:3px}
.free-assurance.compact{font-size:11px;margin-top:12px}
.free-assurance+.fine{margin-top:10px}
.tool-card>p.free-assurance{min-height:0;margin-bottom:0;font-size:11px;line-height:1.65;color:#44329d}
.tool-card .file-note{margin-top:10px}
.download-box .free-assurance{max-width:330px;margin-left:auto;margin-right:auto}
.download-tile .free-assurance{font-size:11px;line-height:1.65;color:#44329d;max-width:240px;text-align:center;margin:12px 0 0}
.final .free-assurance{margin-top:17px}
@media(max-width:760px){.free-assurance{font-size:12px}.download-box .free-assurance{max-width:none;margin-left:0;margin-right:0}.download-tile .free-assurance{max-width:none;text-align:left}}
.primary-download{max-width:100%}.home-hero .hero-actions{align-items:flex-start}.home-hero .hero-actions>.text-link{margin-top:19px}@media(max-width:760px){.home-hero .hero-actions>.text-link{margin-top:0}}

/* The screenshot itself is a link, with a native modal for a closer look. */
.screenshot-link{display:block;position:relative;cursor:zoom-in;color:inherit;line-height:0}
.screenshot-link:focus-visible{outline:3px solid #a68aff;outline-offset:-4px}
.screenshot-link::after{content:'View Larger';position:absolute;right:12px;bottom:12px;background:#fff;color:#332452;border:1px solid #ded6f0;border-radius:7px;padding:7px 10px;font:600 11px/1.3 Inter,Arial,sans-serif;box-shadow:0 3px 12px #14141d26;pointer-events:none;opacity:0;transition:opacity .15s ease}
.screenshot-link:hover::after,.screenshot-link:focus-visible::after{opacity:1}
html.lightbox-open{overflow:hidden;scrollbar-gutter:stable}
.screenshot-lightbox{width:min(1600px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid #e6e1f1;border-radius:14px;margin:auto;background:#fff;color:var(--ink);overflow:hidden;box-shadow:0 28px 100px #0006}
.screenshot-lightbox::backdrop{background:rgba(16,13,29,.83)}
.lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--line)}
.lightbox-toolbar h2{margin:0;font:600 15px/1.4 var(--head)}
.lightbox-actions{display:flex;align-items:center;gap:8px;flex:none}
.lightbox-actions button{min-height:40px;padding:0 13px;border:1px solid #dcd5ef;border-radius:7px;background:#f7f5fd;color:#44329d;font:600 12px/1.3 Inter,Arial,sans-serif;cursor:pointer}
.lightbox-actions button:hover{background:#eee9fb}
.lightbox-actions button:disabled{opacity:.5;cursor:wait}
.lightbox-close{display:inline-flex;gap:8px;align-items:center;justify-content:center}
.lightbox-close>span:first-child{font-size:25px;line-height:1;font-weight:400}
.lightbox-media{overflow:auto;overscroll-behavior:contain;max-height:calc(100dvh - 190px);min-height:120px;background:#14141d;text-align:center;touch-action:pan-x pan-y pinch-zoom}
.lightbox-image{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 190px);object-fit:contain;margin:0 auto;cursor:zoom-in}
.is-zoomed .lightbox-image{max-width:none;max-height:none;width:auto;height:auto;margin:0}
.is-loading .lightbox-image{display:none}
.lightbox-status{margin:0;padding:40px 24px;color:#fff;font-size:13px;line-height:1.6}
.lightbox-caption{margin:0;padding:12px 18px 15px;color:var(--muted);font-size:12px;line-height:1.5}
.guide-link:hover,.guide-link:focus-visible{ text-decoration:none }
.guide-link:hover>h2,.guide-link:hover>h3,.guide-link:focus-visible>h2,.guide-link:focus-visible>h3{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
@media(hover:none){.screenshot-link::after{opacity:1;right:8px;bottom:8px;font-size:10px;padding:6px 8px}}
@media(max-width:760px){.screenshot-lightbox{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:10px}.lightbox-toolbar{padding:10px 12px;gap:10px}.lightbox-toolbar h2{font-size:13px}.lightbox-actions{gap:6px}.lightbox-actions button{min-height:44px;padding:0 10px;font-size:11px}.lightbox-caption{font-size:11px;padding:10px 13px 12px}}

/* A connected, staggered three-step path, shared by every product. */
.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}
.step-flow{position:relative;isolation:isolate;max-width:1080px;margin:46px auto 0}
.step-list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:9%;align-items:start;list-style:none;margin:0;padding:0}
.step-card{position:relative;min-width:0;min-height:246px;padding:27px 28px 28px;background:#fff;border:1px solid #dfd7f1;border-radius:16px;box-shadow:0 12px 32px #543cc30a;text-align:left}
.step-card:nth-child(2){margin-top:72px}
.step-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}
.step-icon{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:15px;background:#eee9fd;color:var(--purple)}
.step-icon svg{width:27px;height:27px}
.step-number{color:#8f7fc3;font:600 24px/1 var(--head);letter-spacing:-.04em}
.step-card h3{font:600 17px/1.4 var(--head);letter-spacing:-.02em;margin:0 0 10px}
.step-card p{margin:0;font-size:14px;line-height:1.7;color:var(--muted)}
.step-trail{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.step-trail path,.step-mobile-trail path{fill:none;stroke:#b2a1e1;stroke-width:2;stroke-dasharray:6 8;stroke-linecap:round;vector-effect:non-scaling-stroke}
.step-mobile-trail{display:none;pointer-events:none}
@media(max-width:900px){
 .step-flow{max-width:440px;margin-top:32px}
 .step-list{grid-template-columns:1fr;gap:44px}
 .step-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px 18px;min-height:144px;padding:22px;border-radius:14px}
 .step-card:nth-child(2){margin-top:0}
 .step-top{grid-column:1;grid-row:1/3;flex-direction:column;justify-content:flex-start;gap:10px;margin:0}
 .step-icon{width:48px;height:48px;border-radius:13px}
 .step-icon svg{width:25px;height:25px}
 .step-number{font-size:18px}
 .step-card h3{grid-column:2;font-size:16px;margin:0}
 .step-card p{grid-column:2;font-size:13px}
 .step-trail{display:none}
 .step-mobile-trail{display:block;position:absolute;top:100%;left:calc(50% - 40px);width:80px;height:44px}
 .step-mobile-trail path{stroke-dasharray:4 6}
}

/* Direct task guides use the same card system as the product catalog. */
.task-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-guides{margin:38px 0;padding:22px 26px;background:#f7f5fc;border:1px solid var(--line);border-radius:12px}.article-body .related-guides h2{font-size:23px;margin:0 0 12px}.related-guides ul{margin:0;padding-left:21px}.related-guides li+li{margin-top:8px}@media(max-width:1000px){.task-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.task-guide-grid{grid-template-columns:1fr}.related-guides{padding:20px}}