:root {
  --ink: #03133a;
  --ink-2: #08265f;
  --paper: #f5f8ff;
  --paper-blue: #eaf5ff;
  --white: #ffffff;
  --text: #13264d;
  --muted: #60729a;
  --line: #d9e2f3;
  --electric: #2f63ff;
  --electric-2: #437fff;
  --cyan: #22d7f4;
  --teal-dark: #148eb8;
  --lime: #ffd166;
  --purple: #704cff;
  --shadow: 0 26px 80px rgba(3, 19, 58, .14);
  --shadow-dark: 0 30px 100px rgba(0, 0, 0, .3);
  --shell: min(1180px, calc(100% - 40px));
  --radius-xl: 32px;
  --radius-lg: 24px;
  --radius-md: 16px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background: var(--paper);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body.is-locked { overflow: hidden; }
[hidden] { display: none !important; }
a { color: inherit; text-decoration: none; }
button, input { color: inherit; font: inherit; }
button { cursor: pointer; }
.shell { width: var(--shell); 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: 200; left: 16px; top: -80px; padding: 10px 16px; color: var(--white); background: var(--ink); border-radius: 9px; }
.skip-link:focus { top: 16px; }

.site-header { position: fixed; z-index: 80; inset: 0 0 auto; color: var(--white); border-bottom: 1px solid rgba(255,255,255,.08); transition: color .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease; }
.site-header.is-scrolled { color: var(--ink); background: rgba(248,250,255,.94); border-color: rgba(3,19,58,.1); box-shadow: 0 10px 35px rgba(3,19,58,.09); backdrop-filter: blur(18px); }
.header-inner { height: 78px; display: flex; align-items: center; gap: 32px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 22px; font-weight: 900; letter-spacing: -.045em; white-space: nowrap; }
.brand-mark { position: relative; display: grid; place-items: center; width: 41px; height: 41px; padding: 2px; background: var(--ink); border: 1px solid rgba(34,215,244,.5); border-radius: 13px; box-shadow: 0 8px 25px rgba(47,99,255,.25), 0 0 18px rgba(34,215,244,.1); overflow: hidden; }
.brand-mark img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.brand-accent { color: var(--cyan); }
.site-header.is-scrolled .brand-accent, .legal-main + .brand-accent { color: var(--purple); }
.main-nav { display: flex; align-items: center; gap: 30px; margin-left: auto; }
.main-nav a { position: relative; color: inherit; font-size: 13px; font-weight: 750; opacity: .82; }
.main-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -8px; height: 2px; background: var(--lime); transition: right .2s ease; }
.main-nav a:hover { opacity: 1; }
.main-nav a:hover::after { right: 0; }
.header-cta { display: inline-flex; align-items: center; gap: 10px; min-height: 43px; padding: 0 17px; color: var(--ink); background: linear-gradient(135deg,#ffe39a,var(--lime)); border: 1px solid var(--lime); border-radius: 12px; font-size: 13px; font-weight: 900; box-shadow: 0 9px 24px rgba(255,209,102,.2); transition: transform .2s ease, box-shadow .2s ease; }
.header-cta:hover { transform: translateY(-2px); box-shadow: 0 13px 30px rgba(255,209,102,.34); }
.menu-toggle { display: none; width: 43px; height: 43px; margin-left: auto; padding: 0; background: transparent; border: 1px solid currentColor; border-radius: 12px; }
.menu-toggle > span:not(.sr-only) { display: block; width: 19px; height: 2px; margin: 5px auto; background: currentColor; border-radius: 2px; }

.hero { position: relative; min-height: 820px; padding: 158px 0 0; color: var(--white); background: var(--ink); overflow: hidden; }
.hero-grid-lines { position: absolute; inset: 0; opacity: .15; background-image: linear-gradient(rgba(112,152,220,.28) 1px, transparent 1px), linear-gradient(90deg, rgba(112,152,220,.28) 1px, transparent 1px); background-size: 74px 74px; mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.65) 55%, transparent 100%); }
.hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7,17,31,.96) 0%, rgba(7,17,31,.8) 48%, rgba(7,17,31,.2) 100%); }
.hero-orb { position: absolute; border-radius: 50%; filter: blur(1px); }
.hero-orb-one { width: 520px; height: 520px; right: -180px; top: -180px; background: rgba(34,215,244,.16); box-shadow: 0 0 120px rgba(34,215,244,.12); }
.hero-orb-two { width: 290px; height: 290px; left: 46%; bottom: 20px; background: rgba(112,76,255,.18); filter: blur(30px); }
.hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: 1.03fr .97fr; gap: 72px; align-items: center; min-height: 570px; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 28px; color: #b4c4df; font-size: 11px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.pulse-dot, .quiz-live i, .result-topline i, .verified-pill i { display: inline-block; width: 8px; height: 8px; background: var(--lime); border-radius: 50%; box-shadow: 0 0 0 6px rgba(255,209,102,.11), 0 0 20px rgba(255,209,102,.55); animation: pulse 2.2s ease-in-out infinite; }
.hero h1 { max-width: 690px; margin: 0; font-size: clamp(54px, 6.3vw, 88px); line-height: .95; letter-spacing: -.072em; }
.hero h1 em { display: block; margin-top: 10px; color: transparent; background: linear-gradient(90deg, var(--lime), var(--cyan) 72%); background-clip: text; -webkit-background-clip: text; font-style: normal; }
.hero-lead { max-width: 620px; margin: 28px 0 0; color: #aebbd0; font-size: 18px; line-height: 1.72; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 51px; padding: 0 21px; border: 1px solid transparent; border-radius: 13px; font-size: 14px; font-weight: 900; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-electric { color: var(--white); background: linear-gradient(135deg, var(--electric), var(--purple)); box-shadow: 0 15px 36px rgba(47,99,255,.32); }
.button-electric:hover { box-shadow: 0 18px 42px rgba(112,76,255,.42); }
.button-glass { color: #d9e4f4; background: rgba(255,255,255,.055); border-color: rgba(255,255,255,.16); backdrop-filter: blur(12px); }
.button-glass:hover { background: rgba(255,255,255,.1); }
.button-outline { color: var(--ink); background: transparent; border-color: var(--line); }
.trust-list { display: flex; flex-wrap: wrap; gap: 19px; margin: 27px 0 0; padding: 0; list-style: none; color: #8f9db2; font-size: 11px; font-weight: 700; }
.trust-list li { display: flex; align-items: center; gap: 7px; }
.trust-list span { color: var(--lime); }

.hero-console { position: relative; padding: 1px; background: linear-gradient(135deg, rgba(34,215,244,.9), rgba(47,99,255,.62) 45%, rgba(112,76,255,.75) 72%, rgba(255,209,102,.78)); border-radius: 26px; box-shadow: 0 40px 100px rgba(0,0,0,.35), 0 0 70px rgba(47,99,255,.16); }
.hero-console::before { content: ""; position: absolute; inset: -18px; z-index: -1; border: 1px solid rgba(66,217,255,.08); border-radius: 36px; }
.hero-console > * { background: #061a47; }
.console-bar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 54px; padding: 0 19px; border-radius: 25px 25px 0 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.console-bar > span { display: flex; gap: 6px; }
.console-bar > span i { width: 7px; height: 7px; background: #33425a; border-radius: 50%; }
.console-bar > span i:first-child { background: var(--cyan); }
.console-bar b { color: #aebdd2; font-size: 9px; letter-spacing: .15em; }
.console-bar small { justify-self: end; color: var(--lime); font-size: 8px; font-weight: 950; letter-spacing: .14em; }
.console-core { display: grid; grid-template-columns: .9fr 1.1fr; gap: 18px; align-items: center; min-height: 410px; padding: 28px; }
.radar { position: relative; aspect-ratio: 1; display: grid; place-items: center; max-width: 250px; width: 100%; margin: auto; border-radius: 50%; background: radial-gradient(circle, rgba(38,106,255,.16), rgba(38,106,255,.03) 63%, transparent 64%); overflow: hidden; }
.radar::before, .radar::after { content: ""; position: absolute; background: rgba(94,132,190,.17); }
.radar::before { width: 100%; height: 1px; }
.radar::after { width: 1px; height: 100%; }
.radar-ring { position: absolute; border: 1px solid rgba(91,140,255,.22); border-radius: 50%; }
.ring-one { width: 93%; height: 93%; }.ring-two { width: 64%; height: 64%; }.ring-three { width: 35%; height: 35%; }
.radar-sweep { position: absolute; inset: 0; background: conic-gradient(from 0deg, transparent 0deg, rgba(66,217,255,.18) 42deg, transparent 70deg); animation: sweep 7s linear infinite; }
.radar-center { position: relative; z-index: 2; display: grid; place-items: center; width: 66px; height: 66px; padding: 4px; background: var(--ink); border: 1px solid rgba(34,215,244,.66); border-radius: 19px; box-shadow: 0 0 42px rgba(47,99,255,.28), 0 0 24px rgba(34,215,244,.18); overflow: hidden; }
.radar-center img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 14px; }
.radar-node { position: absolute; z-index: 3; width: 9px; height: 9px; background: var(--cyan); border: 2px solid #061a47; border-radius: 50%; box-shadow: 0 0 15px var(--cyan); }.node-one{left:20%;top:28%}.node-two{right:18%;top:48%;background:var(--lime);box-shadow:0 0 15px var(--lime)}.node-three{left:39%;bottom:12%;background:var(--purple);box-shadow:0 0 15px var(--purple)}
.signal-list { display: grid; gap: 9px; }
.signal-list > div { display: grid; grid-template-columns: 40px 1fr auto; gap: 12px; align-items: center; padding: 11px; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.07); border-radius: 13px; transition: transform .2s ease, border-color .2s ease; }
.signal-list > div:hover { transform: translateX(4px); border-color: rgba(66,217,255,.3); }
.signal-icon { display: grid; place-items: center; width: 40px; height: 40px; color: var(--white); border-radius: 12px; font-size: 14px; font-weight: 950; }.signal-systeme{background:linear-gradient(135deg,#19b5fe,#0877d1)}.signal-creator{background:linear-gradient(135deg,#8b5cf6,#f59e0b)}.signal-career{background:linear-gradient(135deg,#16b879,#2f63ff);font-size:10px}.signal-taskade{background:linear-gradient(135deg,#ff4d67,#7c3aed)}.signal-monica{background:linear-gradient(135deg,#6657ff,#31d3ff)}.signal-simplified{background:linear-gradient(135deg,#6254e7,#d946ef);font-size:10px}
.signal-list p { margin: 0; }.signal-list b { display: block; color: #edf5ff; font-size: 12px; }.signal-list small { display: block; margin-top: 2px; color: #718098; font-size: 9px; }.signal-list em { color: #48566c; font-size: 9px; font-style: normal; font-weight: 900; }
.console-footer { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; color: #65748b; border-radius: 0 0 25px 25px; border-top: 1px solid rgba(255,255,255,.07); font-size: 8px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.console-footer i { width: 24px; height: 1px; background: #27364d; }
.outcome-strip { position: relative; z-index: 2; display: grid; grid-template-columns: 1.15fr repeat(5, 1fr); margin-top: 54px; border-top: 1px solid rgba(255,255,255,.09); }
.outcome-strip > * { min-height: 94px; display: flex; align-items: center; margin: 0; padding: 0 20px; border-right: 1px solid rgba(255,255,255,.09); }
.outcome-strip p { padding-left: 0; color: #718098; font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.outcome-strip a { gap: 10px; color: #d7e2f2; font-size: 12px; font-weight: 850; transition: color .2s ease, background .2s ease; }.outcome-strip a:hover{color:var(--lime);background:rgba(255,255,255,.025)}.outcome-strip a span{color:#56657c;font-size:9px}

.section-kicker { margin: 0 0 17px; color: var(--electric); font-size: 10px; font-weight: 950; letter-spacing: .17em; text-transform: uppercase; }.section-kicker.light{color:var(--lime)}
.section-heading h2 { margin: 0; max-width: 780px; color: var(--ink); font-size: clamp(42px,5.3vw,68px); line-height: 1; letter-spacing: -.058em; }.section-heading h2 span,.finder-intro h2 span,.compare-heading h2 span,.final-cta-card h2 span{color:var(--electric)}
.split-heading { display: grid; grid-template-columns: 1.25fr .75fr; gap: 70px; align-items: end; }
.split-heading > p { max-width: 480px; margin: 0 0 4px; color: var(--muted); line-height: 1.75; }

.finder-section { position: relative; padding: 128px 0; background: var(--white); overflow: hidden; }
.finder-section::before { content:"";position:absolute;width:520px;height:520px;left:-300px;top:80px;border:1px solid #dbe5ff;border-radius:50%;box-shadow:0 0 0 70px rgba(37,99,255,.018),0 0 0 140px rgba(37,99,255,.012); }
.finder-layout { position: relative; display: grid; grid-template-columns: .77fr 1.23fr; gap: 82px; align-items: start; }
.finder-intro { position: sticky; top: 125px; }
.finder-intro h2 { margin: 0; color: var(--ink); font-size: clamp(44px,4.8vw,66px); line-height: 1.02; letter-spacing: -.06em; }
.finder-intro > p:not(.section-kicker):not(.privacy-note) { max-width: 500px; margin: 25px 0 0; color: var(--muted); line-height: 1.75; }
.finder-benefits { display: grid; gap: 0; margin-top: 36px; border-top: 1px solid var(--line); }
.finder-benefits > div { display: grid; grid-template-columns: 48px 1fr; gap: 13px; align-items: center; padding: 17px 0; border-bottom: 1px solid var(--line); }
.finder-benefits b { display: grid; place-items: center; width: 38px; height: 38px; color: var(--electric); background: var(--paper-blue); border-radius: 11px; font-size: 10px; }
.finder-benefits strong,.finder-benefits small { display:block }.finder-benefits strong{font-size:13px}.finder-benefits small{margin-top:2px;color:var(--muted);font-size:11px}
.privacy-note { display: flex; gap: 9px; align-items: flex-start; margin: 23px 0 0; color: #8a95a7; font-size: 10px; line-height: 1.55; }.privacy-note span{color:var(--electric)}

.quiz-card { min-height: 650px; color: var(--white); background: var(--ink); border: 1px solid #17263e; border-radius: var(--radius-xl); box-shadow: var(--shadow-dark); overflow: hidden; }
.quiz-head { display: grid; grid-template-columns: auto 1fr; gap: 30px; align-items: center; padding: 22px 28px; background: #0a1628; border-bottom: 1px solid rgba(255,255,255,.08); }
.quiz-head > div:first-child { display: flex; align-items: center; gap: 16px; }.quiz-live{display:flex;align-items:center;gap:8px;color:var(--lime);font-size:9px;font-weight:950;letter-spacing:.15em}.quiz-live i{width:6px;height:6px}.quiz-head strong{color:#6f7f96;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.quiz-progress { height: 4px; background: #1c2940; border-radius: 99px; overflow: hidden; }.quiz-progress span{display:block;width:25%;height:100%;background:linear-gradient(90deg,var(--electric),var(--cyan));border-radius:inherit;transition:width .35s ease}
.quiz-step { padding: 42px 42px 30px; animation: stepIn .35s ease; }
.quiz-number { margin: 0 0 13px; color: var(--cyan); font-size: 9px; font-weight: 950; letter-spacing: .16em; }
.quiz-step h3 { max-width: 620px; min-height: 74px; margin: 0 0 28px; font-size: clamp(29px,3vw,39px); line-height: 1.07; letter-spacing: -.045em; }
.quiz-options { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.quiz-options-three { grid-template-columns: 1fr; }
.quiz-options:not(.quiz-options-three) button:last-child:nth-child(odd) { grid-column: 1 / -1; min-height: 90px; }
.quiz-options button { position: relative; min-height: 105px; display: grid; grid-template-columns: 40px 1fr; grid-template-rows: auto auto; column-gap: 13px; align-content: center; padding: 16px; text-align: left; color: #dce7f6; background: #101e33; border: 1px solid #22314a; border-radius: 15px; transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.quiz-options-three button { min-height: 87px; }
.quiz-options button:hover { transform: translateY(-2px); border-color: #45638f; background: #13243d; }
.quiz-options button.is-selected { color: var(--ink); background: var(--lime); border-color: var(--lime); box-shadow: 0 12px 30px rgba(200,255,61,.12); }
.quiz-options button > span { grid-row: 1 / 3; align-self: center; display: grid; place-items: center; width: 38px; height: 38px; color: var(--cyan); background: rgba(66,217,255,.07); border: 1px solid rgba(66,217,255,.18); border-radius: 11px; font-size: 12px; font-weight: 950; }.quiz-options button.is-selected>span{color:var(--ink);background:rgba(7,17,31,.08);border-color:rgba(7,17,31,.16)}
.quiz-options b { align-self: end; font-size: 13px; }.quiz-options small{align-self:start;margin-top:3px;color:#7f8ea5;font-size:10px;line-height:1.35}.quiz-options button.is-selected small{color:#445020}
.quiz-nav { display: flex; align-items: center; justify-content: space-between; margin-top: 28px; }
.quiz-nav button[data-quiz-next] { display: inline-flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 17px; color: var(--ink); background: var(--lime); border: 0; border-radius: 11px; font-size: 12px; font-weight: 950; }.quiz-nav button[data-quiz-next]:disabled{opacity:.3;cursor:not-allowed}.quiz-back{padding:10px 0;color:#78879d;background:transparent;border:0;font-size:11px;font-weight:800}

.quiz-result { padding: 30px 36px 32px; animation: stepIn .4s ease; }
.result-topline { display: flex; align-items: center; justify-content: space-between; color: var(--lime); font-size: 9px; font-weight: 950; letter-spacing: .14em; }.result-topline>span{display:flex;align-items:center;gap:9px}.result-topline button{color:#76869d;background:transparent;border:0;font-size:10px;font-weight:800;letter-spacing:0}.result-topline button:hover{color:var(--white)}
.result-hero { display: flex; gap: 18px; align-items: center; margin-top: 25px; }
.result-logo,.dialog-logo { display: grid; place-items: center; flex: 0 0 auto; width: 66px; height: 66px; color: var(--white); background: var(--result-brand, var(--electric)); border-radius: 19px; font-size: 25px; font-weight: 950; box-shadow: 0 15px 34px var(--result-glow, rgba(37,99,255,.25)); }
.result-hero p { margin: 0 0 2px; color: #7f90a8; font-size: 9px; font-weight: 900; letter-spacing: .12em; }.result-hero h3{display:inline;margin:0;font-size:32px;letter-spacing:-.04em}.fit-badge{display:inline-flex;margin-left:10px;padding:5px 7px;vertical-align:5px;color:var(--lime);background:rgba(200,255,61,.08);border:1px solid rgba(200,255,61,.16);border-radius:6px;font-size:7px;font-weight:950;letter-spacing:.11em}
.result-verdict { margin: 22px 0 16px; color: #c5d1e2; font-size: 15px; line-height: 1.65; }
.result-reasons { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.result-reasons span{position:relative;padding:12px 12px 12px 32px;color:#aebbd0;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:11px;font-size:10px;line-height:1.4}.result-reasons span::before{content:"✓";position:absolute;left:12px;color:var(--lime);font-weight:950}
.result-plan { margin-top: 18px; padding: 16px; background: #0d1b2f; border: 1px solid #1c2c45; border-radius: 13px; }.result-plan>span{color:var(--cyan);font-size:8px;font-weight:950;letter-spacing:.13em}.result-plan ol{display:grid;gap:5px;margin:10px 0 0;padding-left:20px;color:#a8b5c9;font-size:10px}.result-plan li{padding-left:3px}
.result-actions { display: grid; grid-template-columns: 1fr auto; gap: 9px; margin-top: 17px; }.result-actions a,.result-actions button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:0 15px;border-radius:11px;font-size:11px;font-weight:950}.result-actions a{color:var(--white);background:var(--result-brand,var(--electric));border:1px solid transparent;box-shadow:0 10px 25px var(--result-glow,rgba(37,99,255,.2))}.result-actions button{color:#b2bfd1;background:transparent;border:1px solid #293950}
.secondary-match { display: grid; grid-template-columns: 83px 1fr; gap: 10px; align-items: center; margin-top: 14px; }.secondary-match>span{color:#65758c;font-size:9px;font-weight:900;text-transform:uppercase}.secondary-match button{display:flex;align-items:center;gap:9px;padding:9px 12px;text-align:left;color:#ccd7e7;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:10px}.secondary-match b{font-size:10px}.secondary-match small{color:#718097;font-size:9px}
.result-disclosure { margin: 13px 0 0; color: #5f6d82; font-size: 8px; line-height: 1.45; }

.tools-section { padding: 125px 0; background: var(--paper); }
.solution-tabs { display: flex; gap: 8px; margin: 42px 0 28px; padding-bottom: 3px; overflow-x: auto; scrollbar-width: thin; }.solution-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:39px;padding:0 14px;white-space:nowrap;color:#657188;background:var(--white);border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:850}.solution-tabs button span{display:grid;place-items:center;width:18px;height:18px;background:#edf2f8;border-radius:50%;font-size:8px}.solution-tabs button.is-active{color:var(--white);background:var(--ink);border-color:var(--ink)}.solution-tabs button.is-active span{color:var(--ink);background:var(--lime)}
.partner-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.partner-solution { --brand:#2563ff;--brand2:#42d9ff;--brandGlow:rgba(37,99,255,.2);position:relative;min-height:620px;padding:29px;color:var(--text);background:var(--white);border:1px solid var(--line);border-radius:26px;box-shadow:0 16px 48px rgba(11,31,66,.06);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.partner-solution:hover{transform:translateY(-6px);box-shadow:0 25px 70px var(--brandGlow);border-color:color-mix(in srgb,var(--brand) 42%,var(--line))}.brand-systeme{--brand:#0c9ff2;--brand2:#0876d6;--brandGlow:rgba(12,159,242,.18)}.brand-creator{--brand:#7c4dff;--brand2:#f4a623;--brandGlow:rgba(124,77,255,.18)}.brand-taskade{--brand:#ff405e;--brand2:#7a3ff2;--brandGlow:rgba(255,64,94,.17)}.brand-monica{--brand:#6857ff;--brand2:#27cfff;--brandGlow:rgba(104,87,255,.19)}.brand-simplified{--brand:#6254e7;--brand2:#d946ef;--brandGlow:rgba(98,84,231,.2)}.brand-tidio{--brand:#17c873;--brand2:#006cff;--brandGlow:rgba(23,200,115,.2)}.brand-hix{--brand:#111827;--brand2:#7c3aed;--brandGlow:rgba(124,58,237,.2)}
.partner-glow { position:absolute;right:-80px;top:-90px;width:240px;height:240px;background:radial-gradient(circle,var(--brandGlow),transparent 66%);border-radius:50%;pointer-events:none }
.partner-head { position:relative;display:flex;align-items:center;justify-content:space-between }.partner-logo{display:grid;place-items:center;width:55px;height:55px;color:var(--white);background:linear-gradient(135deg,var(--brand),var(--brand2));border-radius:17px;font-size:21px;font-weight:950;box-shadow:0 13px 27px var(--brandGlow)}.verified-pill{display:flex;align-items:center;gap:7px;padding:7px 9px;color:#738096;background:#f7f9fc;border:1px solid var(--line);border-radius:999px;font-size:7px;font-weight:950;letter-spacing:.12em}.verified-pill i{width:6px;height:6px;background:var(--brand);box-shadow:0 0 0 4px var(--brandGlow)}
.partner-category { margin: 34px 0 8px;color:var(--brand);font-size:9px;font-weight:950;letter-spacing:.15em }.partner-solution h3{margin:0;color:var(--ink);font-size:40px;line-height:1;letter-spacing:-.055em}.partner-promise{max-width:490px;min-height:82px;margin:17px 0 0;color:#4e5b70;font-size:16px;line-height:1.62}
.capability-list { display:grid;gap:0;margin:12px 0 0;padding:0;list-style:none;border-top:1px solid var(--line) }.capability-list li{display:grid;grid-template-columns:35px 1fr;gap:8px;padding:12px 0;color:#4e5a6e;border-bottom:1px solid var(--line);font-size:11px;font-weight:720}.capability-list span{color:var(--brand);font-size:8px;font-weight:950}
.best-for { display:grid;grid-template-columns:70px 1fr;gap:12px;margin-top:17px;padding:14px;background:color-mix(in srgb,var(--brand) 5%,#f8faff);border:1px solid color-mix(in srgb,var(--brand) 17%,var(--line));border-radius:12px }.best-for span{color:var(--brand);font-size:8px;font-weight:950;letter-spacing:.11em}.best-for p{margin:0;color:#465368;font-size:10px;line-height:1.45;font-weight:700}
.partner-actions { display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:19px }.partner-actions a,.partner-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 15px;border-radius:11px;font-size:11px;font-weight:950}.brand-button{gap:9px;color:var(--white);background:linear-gradient(135deg,var(--brand),var(--brand2));border:0;box-shadow:0 12px 27px var(--brandGlow);transition:transform .2s ease,box-shadow .2s ease}.brand-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px var(--brandGlow)}.partner-actions button{color:#526077;background:transparent;border:1px solid var(--line)}.partner-actions button:hover{color:var(--ink);border-color:#aab7c9}.affiliate-label{display:block;margin-top:11px;text-align:center;color:#98a1b0;font-size:8px}
.affiliate-notice { display:grid;grid-template-columns:190px 1fr auto;gap:24px;align-items:center;margin-top:22px;padding:21px 23px;color:#c9d5e5;background:var(--ink);border-radius:16px }.affiliate-notice>span{color:var(--lime);font-size:8px;font-weight:950;letter-spacing:.14em}.affiliate-notice p{margin:0;color:#8998ae;font-size:10px;line-height:1.6}.affiliate-notice a{color:var(--white);font-size:10px;font-weight:900;white-space:nowrap}.affiliate-notice a:hover{color:var(--lime)}

.compare-section { padding: 122px 0; color:var(--white);background:var(--ink) }.compare-heading{display:grid;grid-template-columns:1fr .7fr;column-gap:70px;align-items:end}.compare-heading .section-kicker{grid-column:1/-1}.compare-heading h2{color:var(--white)}.compare-heading h2 span{color:var(--cyan)}.compare-heading>p:last-child{margin:0 0 5px;color:#8998af;line-height:1.7}
.compare-wrap { margin-top:45px;overflow-x:auto;border:1px solid rgba(255,255,255,.11);border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.2) }.compare-wrap table{width:100%;min-width:1380px;border-collapse:collapse;background:#0a1729}.compare-wrap th,.compare-wrap td{padding:19px 18px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);text-align:left;font-size:11px}.compare-wrap thead th{color:#e3edf9;background:#101e32;font-size:10px;letter-spacing:.02em}.compare-wrap thead th:not(:first-child){min-width:152px}.compare-wrap tbody th{color:#cbd6e5;font-weight:800}.compare-wrap td{color:#8493a9}.compare-wrap td strong{display:inline-flex;padding:5px 8px;color:var(--ink);background:var(--lime);border-radius:6px;font-size:8px;text-transform:uppercase;letter-spacing:.07em}.compare-wrap td em{color:#b9c7da;font-style:normal}.mini-brand{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:8px;color:var(--white);border-radius:7px;font-style:normal;font-weight:950}.mb-systeme{background:linear-gradient(135deg,#0c9ff2,#0876d6)}.mb-creator{background:linear-gradient(135deg,#7c4dff,#f4a623)}.mb-taskade{background:linear-gradient(135deg,#ff405e,#7a3ff2)}.mb-monica{background:linear-gradient(135deg,#6857ff,#27cfff)}.mb-simplified{background:linear-gradient(135deg,#6254e7,#d946ef);font-size:7px}.mb-tidio{background:linear-gradient(135deg,#17c873,#006cff);font-size:7px}.mb-hix{background:linear-gradient(135deg,#111827,#7c3aed);font-size:7px}
.compare-note{margin:17px 0 0;color:#65758c;font-size:9px;line-height:1.55}

.guides-section { padding: 125px 0; background: var(--white) }.editorial-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:44px}.story-card{position:relative;min-height:285px;display:flex;flex-direction:column;justify-content:space-between;padding:27px;background:var(--paper);border:1px solid var(--line);border-radius:23px;overflow:hidden}.story-feature{grid-row:span 2;min-height:586px;background:#edf3ff}.story-dark{color:var(--white);background:var(--ink);border-color:var(--ink)}
.story-art{min-height:270px;position:relative;display:grid;place-items:center;color:var(--white);background:linear-gradient(135deg,var(--electric),var(--cyan));border-radius:17px;overflow:hidden}.story-art::before{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.03),0 0 0 90px rgba(255,255,255,.02)}.story-art span{position:relative;z-index:2;font-size:65px;line-height:.8;font-weight:950;letter-spacing:-.08em}.story-art i{position:absolute;width:140px;height:12px;background:var(--lime);border-radius:99px;transform:rotate(-42deg)}.story-art i:nth-of-type(1){left:-25px;top:25px}.story-art i:nth-of-type(2){right:-20px;bottom:45px;background:var(--cyan)}.story-art i:nth-of-type(3){width:70px;right:40px;top:60px;background:var(--white);opacity:.5}
.story-copy{position:relative;z-index:2}.story-copy>p{margin:22px 0 9px;color:var(--electric);font-size:8px;font-weight:950;letter-spacing:.14em}.story-dark .story-copy>p{color:var(--lime)}.story-copy h3{max-width:570px;margin:0;color:inherit;font-size:clamp(24px,3.1vw,38px);line-height:1.1;letter-spacing:-.045em}.story-copy>span{display:block;max-width:580px;margin-top:12px;color:var(--muted);font-size:11px;line-height:1.55}.story-dark .story-copy>span{color:#8595ac}.story-copy button{margin-top:18px;padding:0;color:inherit;background:transparent;border:0;font-size:11px;font-weight:950}.story-copy button b{display:inline-block;margin-left:6px;transition:transform .2s ease}.story-copy button:hover b{transform:translateX(5px)}
.story-index{align-self:flex-end;color:var(--electric);font-size:92px;line-height:.8;font-weight:950;letter-spacing:-.08em}.story-index span{margin-left:6px;font-size:8px;letter-spacing:.1em}.story-orbit{position:absolute;right:-25px;top:-30px;width:190px;height:190px;display:grid;place-items:center;border:1px solid rgba(66,217,255,.12);border-radius:50%}.story-orbit i{position:absolute;width:70%;height:70%;border:1px solid rgba(66,217,255,.13);border-radius:50%}.story-orbit i:last-of-type{width:42%;height:42%}.story-orbit b{color:var(--cyan);font-size:62px;opacity:.3}

.standard-section { padding:125px 0;color:var(--white);background:linear-gradient(145deg,#08265f,#03133a 62%) }.standard-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:92px}.standard-copy{position:sticky;top:120px;align-self:start}.standard-copy h2{max-width:520px;margin:0;font-size:clamp(42px,4.9vw,65px);line-height:1;letter-spacing:-.06em}.standard-copy>p:not(.section-kicker){max-width:520px;margin:25px 0;color:#8fa6ba;line-height:1.75}.standard-copy a{color:var(--lime);font-size:12px;font-weight:900}.standard-list{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.11)}.standard-list li{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:27px 0;border-bottom:1px solid rgba(255,255,255,.11)}.standard-list>li>span{display:grid;place-items:center;width:40px;height:40px;color:var(--cyan);background:rgba(34,215,244,.08);border:1px solid rgba(34,215,244,.2);border-radius:12px;font-size:9px;font-weight:950}.standard-list h3{margin:0 0 5px;font-size:20px;letter-spacing:-.025em}.standard-list p{margin:0;color:#8fa3b7;font-size:12px}

.final-cta { padding: 85px 0; background:var(--paper) }.final-cta-card{position:relative;display:grid;grid-template-columns:1.05fr .7fr;gap:80px;align-items:end;min-height:420px;padding:64px;color:var(--ink);background:linear-gradient(135deg,#fefbf1,#eef7f5 55%,#e7f0ff);border:1px solid #cbdad7;border-radius:30px;overflow:hidden}.final-cta-card h2{position:relative;z-index:2;margin:0;font-size:clamp(54px,6.5vw,88px);line-height:.9;letter-spacing:-.07em}.final-cta-card>div:nth-child(2){position:relative;z-index:2}.final-cta-card>div:nth-child(2)>p{margin:0 0 25px;color:#5f7388;line-height:1.7}.cta-orbit{position:absolute;right:-110px;top:-180px;width:480px;height:480px;display:grid;place-items:center;border:1px solid rgba(0,87,216,.14);border-radius:50%}.cta-orbit i{position:absolute;width:72%;height:72%;border:1px solid rgba(14,170,155,.13);border-radius:50%}.cta-orbit i:last-of-type{width:42%;height:42%}.cta-orbit span{color:var(--electric);font-size:62px;font-weight:950;opacity:.12}

.site-footer{color:#c9d8e5;background:#021a37}.footer-main{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;padding:68px 0}.footer-brand{color:var(--white)}.footer-main>div:first-child>p{max-width:330px;margin:17px 0 0;color:#7f95aa;font-size:13px}.footer-social{display:inline-flex;align-items:center;gap:9px;margin-top:19px;color:var(--white);font-size:11px;font-weight:850}.footer-social span{color:var(--cyan)}.footer-social:hover span{color:var(--lime)}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:50px}.footer-links div{display:flex;flex-direction:column;gap:9px}.footer-links strong{margin-bottom:7px;color:var(--white);font-size:12px}.footer-links a{color:#899db0;font-size:11px}.footer-links a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:30px;padding:20px 0 28px;border-top:1px solid rgba(255,255,255,.08);color:#60778d;font-size:9px}.footer-bottom p{margin:0}

.detail-dialog{width:min(690px,calc(100% - 28px));max-height:calc(100vh - 28px);padding:0;color:var(--text);background:var(--white);border:0;border-radius:25px;box-shadow:0 35px 110px rgba(0,0,0,.36)}.detail-dialog::backdrop{background:rgba(2,8,18,.78);backdrop-filter:blur(8px)}.dialog-shell{position:relative;padding:39px}.dialog-close{position:absolute;right:17px;top:17px;width:39px;height:39px;padding:0;color:#647188;background:var(--paper);border:1px solid var(--line);border-radius:50%;font-size:23px;line-height:1}.dialog-brand-row{display:flex;align-items:center;gap:14px}.dialog-logo{width:50px;height:50px;border-radius:15px;font-size:18px}.dialog-kicker{margin:0;color:var(--electric);font-size:9px;font-weight:950;letter-spacing:.14em}.dialog-shell h2{margin:18px 0 0;padding-right:35px;color:var(--ink);font-size:clamp(34px,5.5vw,48px);line-height:1;letter-spacing:-.052em}.dialog-summary{margin:20px 0 23px;color:var(--muted);font-size:15px;line-height:1.7}.dialog-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dialog-columns>div{padding:17px;background:var(--paper);border:1px solid var(--line);border-radius:13px}.dialog-columns span{color:var(--dialog-brand,var(--electric));font-size:8px;font-weight:950;letter-spacing:.12em}.dialog-columns p{margin:7px 0 0;font-size:11px;line-height:1.55}.dialog-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.dialog-brand-button{color:var(--white);background:var(--dialog-brand,var(--electric));box-shadow:0 12px 27px var(--dialog-glow,rgba(37,99,255,.2))}.dialog-note{margin:14px 0 0;color:#8c96a6;font-size:9px;line-height:1.5}.guide-dialog{width:min(760px,calc(100% - 28px))}.guide-article{margin:24px 0;color:#4e5b70}.guide-article h3{margin:22px 0 7px;color:var(--ink);font-size:18px;letter-spacing:-.02em}.guide-article p,.guide-article li{line-height:1.72}.guide-article p{margin:0 0 13px}.guide-article ol,.guide-article ul{padding-left:22px}.guide-article li{margin-bottom:9px}

.legal-main{min-height:100vh;padding:142px 0 90px;background:var(--white)}.legal-shell{width:min(800px,calc(100% - 32px));margin-inline:auto}.legal-back{display:inline-flex;margin-bottom:30px;color:var(--electric);font-size:13px;font-weight:850}.legal-main h1{margin:0;color:var(--ink);font-size:clamp(44px,7vw,70px);line-height:1;letter-spacing:-.06em}.legal-updated{margin:15px 0 34px;color:var(--muted);font-size:12px}.legal-content{color:#4e5b70}.legal-content h2{margin:32px 0 9px;color:var(--ink);font-size:24px;letter-spacing:-.025em}.legal-content p,.legal-content li{line-height:1.75}.legal-content a{color:var(--electric);text-decoration:underline;text-underline-offset:3px}.legal-content .legal-callout{margin:27px 0;padding:19px;color:var(--ink);background:var(--paper-blue);border:1px solid #cbd9fa;border-radius:14px}.legal-main~*{}body:has(.legal-main) .site-header{color:var(--ink)}body:has(.legal-main) .brand-accent{color:var(--electric)}

/* v12: indexable editorial library and email request */
.analysis-link{color:#526077;background:transparent;border:1px solid var(--line)}.analysis-link:hover{color:var(--ink);border-color:#aab7c9}
.result-actions [data-result-review]{color:#b2bfd1;background:transparent;border:1px solid #293950;box-shadow:none}
.secondary-match>a{display:flex;align-items:center;gap:9px;padding:9px 12px;text-align:left;color:#ccd7e7;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:10px}
.story-copy>a{display:inline-block;margin-top:18px;padding:0;color:inherit;background:transparent;border:0;font-size:11px;font-weight:950}.story-copy>a b{display:inline-block;margin-left:6px;transition:transform .2s ease}.story-copy>a:hover b{transform:translateX(5px)}
.newsletter-section{padding:95px 0;color:var(--white);background:#061a47}.newsletter-card{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center;padding:48px;background:linear-gradient(135deg,#0a2c68,#071b3e 58%,#103052);border:1px solid rgba(255,255,255,.12);border-radius:27px;box-shadow:0 30px 90px rgba(0,0,0,.22)}.newsletter-card h2{max-width:620px;margin:0;font-size:clamp(38px,4.5vw,61px);line-height:1;letter-spacing:-.055em}.newsletter-card>div>p:not(.section-kicker){max-width:610px;margin:20px 0 0;color:#9eb0c6;line-height:1.72}.newsletter-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:20px}.newsletter-links a{color:var(--cyan);font-size:11px;font-weight:900}.newsletter-links a:hover{color:var(--lime)}.newsletter-form{padding:26px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);border-radius:18px}.newsletter-form>label:first-child{display:block;margin-bottom:8px;color:#d7e4f2;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.newsletter-form>div{display:grid;grid-template-columns:1fr auto;gap:8px}.newsletter-form input[type=email]{min-width:0;height:51px;padding:0 15px;color:var(--ink);background:var(--white);border:1px solid transparent;border-radius:11px;outline:0}.newsletter-form input[type=email]:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(34,215,244,.16)}.newsletter-form button{min-height:51px;padding:0 17px;color:var(--ink);background:var(--lime);border:0;border-radius:11px;font-size:11px;font-weight:950}.consent-row{display:grid!important;grid-template-columns:17px 1fr;gap:9px;align-items:start;margin-top:14px!important;color:#94a6ba!important;font-size:9px!important;line-height:1.55;text-transform:none!important;letter-spacing:0!important}.consent-row input{margin:2px 0 0;accent-color:var(--cyan)}.newsletter-form [data-email-status]{margin:12px 0 0;color:#71869e;font-size:9px;line-height:1.45}

.content-main{min-height:100vh;background:var(--white)}.content-hero{padding:154px 0 74px;color:var(--white);background:radial-gradient(circle at 85% 10%,rgba(34,215,244,.14),transparent 34%),linear-gradient(145deg,#08265f,#03133a 62%)}.content-hero-inner{width:min(940px,calc(100% - 40px));margin-inline:auto}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 26px;color:#8296af;font-size:10px;font-weight:800}.breadcrumb a:hover{color:var(--lime)}.content-kicker{margin:0 0 17px;color:var(--lime);font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.content-hero h1{max-width:900px;margin:0;font-size:clamp(45px,6.3vw,76px);line-height:.98;letter-spacing:-.063em}.content-deck{max-width:780px;margin:25px 0 0;color:#b0bfd0;font-size:18px;line-height:1.7}.article-meta{display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:29px;color:#8093ab;font-size:10px}.article-meta strong{color:#d9e6f3}.evidence-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;color:#d7e7f6;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px}.evidence-badge i{width:7px;height:7px;background:var(--lime);border-radius:50%}
.content-layout{width:min(1120px,calc(100% - 40px));display:grid;grid-template-columns:minmax(0,760px) 280px;gap:72px;align-items:start;margin:0 auto;padding:70px 0 95px}.article-body{min-width:0;color:#3f4e65;font-size:16px}.article-body>p:first-child{font-size:19px;line-height:1.75;color:#35465e}.article-body p,.article-body li{line-height:1.78}.article-body h2{margin:49px 0 14px;color:var(--ink);font-size:34px;line-height:1.1;letter-spacing:-.04em}.article-body h3{margin:30px 0 9px;color:var(--ink);font-size:21px;letter-spacing:-.025em}.article-body ul,.article-body ol{padding-left:22px}.article-body li{margin-bottom:9px}.article-body a:not(.button):not(.affiliate-button){color:var(--electric);text-decoration:underline;text-underline-offset:3px}.key-takeaway{margin:30px 0;padding:23px 25px;color:var(--ink);background:var(--paper-blue);border:1px solid #c9d8f6;border-left:5px solid var(--electric);border-radius:14px}.key-takeaway strong{display:block;margin-bottom:7px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.key-takeaway p{margin:0}.evidence-note{margin:28px 0;padding:21px;color:#45556b;background:#fff9e9;border:1px solid #f0db9c;border-radius:14px}.evidence-note strong{display:block;margin-bottom:6px;color:#6b5112}.evidence-note p{margin:0;font-size:13px}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:24px 0}.decision-card{padding:21px;background:var(--paper);border:1px solid var(--line);border-radius:15px}.decision-card h3{margin:0 0 8px!important;font-size:17px!important}.decision-card p{margin:0;font-size:13px}.decision-card.is-positive{border-top:4px solid #16b879}.decision-card.is-watch{border-top:4px solid #f3a71a}.scorecard{display:grid;gap:0;margin:23px 0;border:1px solid var(--line);border-radius:15px;overflow:hidden}.scorecard>div{display:grid;grid-template-columns:180px 1fr;gap:22px;padding:15px 18px;border-bottom:1px solid var(--line)}.scorecard>div:last-child{border-bottom:0}.scorecard strong{color:var(--ink);font-size:12px}.scorecard span{color:#5d6d83;font-size:12px;line-height:1.55}.status-researched{color:#0a7154!important;font-weight:850}.status-pending{color:#966000!important;font-weight:850}.comparison-table{width:100%;margin:24px 0;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:15px;overflow:hidden}.comparison-table th,.comparison-table td{padding:15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:12px;line-height:1.55}.comparison-table th{color:var(--ink);background:var(--paper-blue)}.comparison-table tr:last-child td,.comparison-table tr:last-child th{border-bottom:0}.comparison-table th:last-child,.comparison-table td:last-child{border-right:0}.article-disclosure{margin:32px 0;padding:16px 18px;color:#64748a;background:#f8f9fc;border:1px solid var(--line);border-radius:12px;font-size:10px;line-height:1.6}.affiliate-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;margin-top:9px;padding:0 20px;color:var(--white);background:linear-gradient(135deg,var(--electric),var(--purple));border-radius:12px;font-size:12px;font-weight:950;box-shadow:0 12px 30px rgba(47,99,255,.24)}.affiliate-button:hover{transform:translateY(-2px)}.source-note{margin-top:33px;padding-top:20px;border-top:1px solid var(--line);color:#78879a;font-size:10px;line-height:1.6}
.article-aside{position:sticky;top:105px;display:grid;gap:14px}.aside-card{padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:16px}.aside-card h2,.aside-card h3{margin:0 0 11px;color:var(--ink);font-size:16px;letter-spacing:-.02em}.aside-card p{margin:0;color:#64748a;font-size:11px;line-height:1.65}.aside-card ul{display:grid;gap:9px;margin:13px 0 0;padding:0;list-style:none}.aside-card li,.aside-card a{font-size:11px;line-height:1.45}.aside-card a{color:var(--electric);font-weight:800}.aside-card a:hover{text-decoration:underline}.aside-cta{color:var(--white);background:var(--ink);border-color:var(--ink)}.aside-cta h3{color:var(--white)}.aside-cta p{color:#8da0b5}.aside-cta a{display:inline-flex;margin-top:14px;color:var(--lime)}
.related-section{padding:80px 0;background:var(--paper)}.related-inner{width:min(1120px,calc(100% - 40px));margin-inline:auto}.related-section h2{margin:0 0 27px;color:var(--ink);font-size:36px;letter-spacing:-.045em}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.related-card{display:block;padding:23px;color:var(--text);background:var(--white);border:1px solid var(--line);border-radius:17px;transition:transform .2s ease,box-shadow .2s ease}.related-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(3,19,58,.09)}.related-card span{color:var(--electric);font-size:8px;font-weight:950;letter-spacing:.12em}.related-card h3{margin:10px 0 7px;color:var(--ink);font-size:19px;line-height:1.2;letter-spacing:-.025em}.related-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}
.insights-main{min-height:100vh;background:var(--paper)}.insights-hero{padding:157px 0 80px;color:var(--white);background:radial-gradient(circle at 82% 0,rgba(34,215,244,.16),transparent 37%),var(--ink)}.insights-hero .shell{max-width:1040px}.insights-hero h1{max-width:850px;margin:0;font-size:clamp(50px,7vw,82px);line-height:.94;letter-spacing:-.07em}.insights-hero p:not(.section-kicker){max-width:680px;margin:24px 0 0;color:#a8b8cb;font-size:18px;line-height:1.7}.insights-section{padding:80px 0}.insights-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.insights-heading h2{margin:0;color:var(--ink);font-size:38px;letter-spacing:-.045em}.insights-heading p{max-width:460px;margin:0;color:var(--muted);font-size:13px}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.insight-card{display:flex;flex-direction:column;min-height:285px;padding:24px;color:var(--text);background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:0 13px 38px rgba(3,19,58,.05);transition:transform .2s ease,box-shadow .2s ease}.insight-card:hover{transform:translateY(-5px);box-shadow:0 20px 55px rgba(3,19,58,.1)}.insight-card>span{color:var(--electric);font-size:8px;font-weight:950;letter-spacing:.12em}.insight-card h3{margin:15px 0 10px;color:var(--ink);font-size:24px;line-height:1.12;letter-spacing:-.035em}.insight-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.insight-card b{margin-top:auto;padding-top:20px;color:var(--electric);font-size:10px}.insight-card.is-featured{grid-column:span 2;color:var(--white);background:linear-gradient(135deg,#08265f,#03133a);border-color:#142e5d}.insight-card.is-featured h3{color:var(--white);font-size:32px}.insight-card.is-featured p{color:#94a8bd}.insight-card.is-featured b{color:var(--lime)}

/* v13: three audience paths */
.segment-strip{grid-template-columns:1.15fr repeat(3,1fr)}
.pathways-section{padding:112px 0;background:var(--white)}
.pathway-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:40px}
.pathway-card{position:relative;display:flex;flex-direction:column;min-height:425px;padding:29px;color:var(--white);border:1px solid rgba(255,255,255,.13);border-radius:24px;box-shadow:0 24px 65px rgba(3,19,58,.16);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}
.pathway-card::before{content:"";position:absolute;width:260px;height:260px;right:-120px;top:-110px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.03),0 0 0 90px rgba(255,255,255,.02)}
.pathway-card:hover{transform:translateY(-7px);box-shadow:0 32px 80px rgba(3,19,58,.24)}
.pathway-business{background:linear-gradient(145deg,#08265f,#03133a 72%)}
.pathway-creator{background:linear-gradient(145deg,#704cff,#24145f 72%)}
.pathway-career{background:linear-gradient(145deg,#087e78,#032f4f 72%)}
.pathway-number{position:relative;display:grid;place-items:center;width:52px;height:52px;color:var(--ink);background:var(--lime);border-radius:16px;font-size:13px;font-weight:950;box-shadow:0 13px 30px rgba(0,0,0,.18)}
.pathway-card>p{position:relative;margin:34px 0 10px;color:#bfcee0;font-size:9px;font-weight:950;letter-spacing:.16em}
.pathway-card h3{position:relative;margin:0;color:var(--white);font-size:32px;line-height:1.04;letter-spacing:-.045em}
.pathway-card ul{position:relative;display:grid;gap:9px;margin:24px 0 0;padding:0;list-style:none;color:#b8c7d9;font-size:12px}
.pathway-card li::before{content:"✓";margin-right:8px;color:var(--lime);font-weight:950}
.pathway-card b{position:relative;margin-top:auto;padding-top:28px;color:var(--lime);font-size:11px}

.segment-main{min-height:100vh;background:var(--paper)}
.segment-hero{padding:152px 0 86px;color:var(--white);background:radial-gradient(circle at 84% 2%,rgba(34,215,244,.19),transparent 36%),linear-gradient(145deg,#08265f,#03133a 68%)}
.segment-hero.is-creator{background:radial-gradient(circle at 84% 2%,rgba(255,209,102,.18),transparent 36%),linear-gradient(145deg,#4b2dc0,#180f4e 70%)}
.segment-hero.is-career{background:radial-gradient(circle at 84% 2%,rgba(34,215,244,.18),transparent 36%),linear-gradient(145deg,#087e78,#032f4f 70%)}
.segment-hero .shell{max-width:1080px}
.segment-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;color:#91a4ba;font-size:10px;font-weight:800}
.segment-breadcrumb a:hover{color:var(--lime)}
.segment-kicker{margin:0 0 18px;color:var(--lime);font-size:10px;font-weight:950;letter-spacing:.17em;text-transform:uppercase}
.segment-hero h1{max-width:930px;margin:0;font-size:clamp(50px,7vw,82px);line-height:.95;letter-spacing:-.068em}
.segment-lead{max-width:760px;margin:25px 0 0;color:#b2c0d1;font-size:18px;line-height:1.7}
.segment-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:31px}
.segment-hero-affiliate{max-width:720px;margin:14px 0 0;color:#9fb2c7;font-size:10px;line-height:1.55}
.segment-hero-affiliate strong{color:#d8e6f3}
.segment-proof{display:flex;flex-wrap:wrap;gap:18px;margin:25px 0 0;padding:0;list-style:none;color:#93a5ba;font-size:11px;font-weight:750}
.segment-proof li::before{content:"✓";margin-right:7px;color:var(--lime);font-weight:950}
.segment-section{padding:84px 0}
.segment-section.is-white{background:var(--white)}
.segment-intro{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:30px}
.segment-intro h2{max-width:760px;margin:0;color:var(--ink);font-size:clamp(38px,5vw,58px);line-height:1;letter-spacing:-.052em}
.segment-intro>p{max-width:440px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.segment-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.segment-tool{--tool-color:var(--electric);display:flex;flex-direction:column;min-height:390px;padding:25px;background:var(--white);border:1px solid var(--line);border-top:4px solid var(--tool-color);border-radius:19px;box-shadow:0 16px 44px rgba(3,19,58,.065)}
.segment-tool-icon{display:grid;place-items:center;width:48px;height:48px;color:var(--white);background:var(--tool-color);border-radius:14px;font-size:13px;font-weight:950}
.segment-tool-tag{margin:23px 0 8px;color:var(--tool-color);font-size:8px;font-weight:950;letter-spacing:.14em}
.segment-tool h3{margin:0;color:var(--ink);font-size:28px;letter-spacing:-.035em}
.segment-tool>p:not(.segment-tool-tag){margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.66}
.segment-tool ul{display:grid;gap:7px;margin:19px 0 0;padding:0;list-style:none;color:#4e6078;font-size:11px}
.segment-tool li::before{content:"•";margin-right:8px;color:var(--tool-color);font-weight:950}
.segment-tool-actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:auto;padding-top:24px}
.segment-tool-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 13px;border-radius:11px;font-size:10px;font-weight:950}
.segment-tool-actions a:first-child{color:var(--white);background:var(--tool-color)}
.segment-tool-actions a:last-child{color:#506078;background:var(--paper);border:1px solid var(--line)}
.segment-tool small{display:block;margin-top:10px;color:#8a96a8;font-size:8px;line-height:1.45}
.tool-systeme{--tool-color:#0877d1}.tool-tidio{--tool-color:#14a999}.tool-taskade{--tool-color:#7c3aed}.tool-creator{--tool-color:#8b5cf6}.tool-simplified{--tool-color:#6254e7}.tool-hix{--tool-color:#132d58}.tool-monica{--tool-color:#2f63ff}.tool-freecv{--tool-color:#087e78}.tool-voice{--tool-color:#274f92}
.segment-tool .partner-specific-disclosure{margin:20px 0 0;padding:11px 12px;color:#40546d;background:#f1f5fb;border:1px solid #dce6f2;border-radius:10px;font-size:10px;line-height:1.5;font-weight:650}.segment-tool .partner-specific-disclosure+.segment-tool-actions{margin-top:0;padding-top:12px}
.article-body>p.eleven-disclosure:first-child,.article-body p.eleven-disclosure{margin:22px 0;padding:16px 18px;color:#344a68;background:#eaf2ff;border:1px solid #b7caeb;border-left:4px solid #274f92;border-radius:12px;font-size:12px;line-height:1.65;font-weight:600}
.segment-disclosure{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-top:22px;padding:18px 20px;color:#66768a;background:#eef3fb;border:1px solid #d7e1f0;border-radius:14px;font-size:10px;line-height:1.6}
.segment-disclosure strong{color:var(--ink);font-size:9px;letter-spacing:.1em}
.segment-disclosure a{color:var(--electric);font-weight:900;white-space:nowrap}
.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}
.workflow-card{padding:24px;background:var(--white);border:1px solid var(--line);border-radius:17px}
.workflow-card span{color:var(--electric);font-size:9px;font-weight:950;letter-spacing:.12em}
.workflow-card h3{margin:12px 0 9px;color:var(--ink);font-size:21px;letter-spacing:-.025em}
.workflow-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}
.segment-next{padding:80px 0;color:var(--white);background:var(--ink)}
.segment-next-card{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;padding:38px 42px;background:linear-gradient(135deg,#08265f,#061a47);border:1px solid rgba(255,255,255,.12);border-radius:24px}
.segment-next-card h2{margin:0;font-size:clamp(35px,4vw,51px);line-height:1;letter-spacing:-.05em}
.segment-next-card p{max-width:670px;margin:14px 0 0;color:#9fb0c4;line-height:1.65}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.25,1)}.reveal.is-visible{opacity:1;transform:none}
:focus-visible{outline:3px solid var(--electric);outline-offset:3px}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.82)}}
@keyframes sweep{to{transform:rotate(360deg)}}
@keyframes stepIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}

@media (max-width: 1020px){
  :root{--shell:min(100% - 32px,820px)}
  .main-nav,.header-cta{display:none}.menu-toggle{display:block}.site-header.is-open{color:var(--ink);background:var(--white)}.site-header.is-open .main-nav{position:absolute;display:flex;flex-direction:column;align-items:stretch;gap:0;top:70px;left:16px;right:16px;padding:12px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.site-header.is-open .main-nav a{padding:12px}
  .hero{padding-top:135px}.hero-layout{grid-template-columns:1fr;gap:55px}.hero-copy{text-align:center}.eyebrow,.hero-actions,.trust-list{justify-content:center}.hero-lead{margin-inline:auto}.hero-console{max-width:690px;width:100%;margin-inline:auto}.outcome-strip{grid-template-columns:1fr 1fr;margin-top:70px}.outcome-strip p{display:none}.outcome-strip>*{justify-content:center;border-bottom:1px solid rgba(255,255,255,.09)}
  .finder-layout{grid-template-columns:1fr;gap:45px}.finder-intro,.standard-copy{position:static}.finder-intro{max-width:650px}.partner-grid{grid-template-columns:1fr}.partner-solution{min-height:0}.partner-promise{min-height:0}.compare-heading,.split-heading,.standard-layout,.final-cta-card,.newsletter-card{grid-template-columns:1fr;gap:30px}.affiliate-notice{grid-template-columns:1fr;gap:7px}.affiliate-notice a{margin-top:5px}.editorial-grid{grid-template-columns:1fr}.story-feature{grid-row:auto}.final-cta-card{align-items:start;padding:50px}.cta-orbit{right:-240px}.footer-main{grid-template-columns:1fr 1fr}.content-layout{grid-template-columns:1fr;gap:45px}.article-aside{position:static;grid-template-columns:1fr 1fr}.insights-grid{grid-template-columns:1fr 1fr}.insight-card.is-featured{grid-column:span 2}
  .pathway-grid,.segment-tool-grid{grid-template-columns:1fr 1fr}.pathway-card:last-child{grid-column:1/-1;min-height:360px}.segment-intro{align-items:start;flex-direction:column}.workflow-grid{grid-template-columns:1fr 1fr}.segment-next-card{grid-template-columns:1fr;align-items:start}.segment-disclosure{grid-template-columns:1fr}
}

@media (max-width: 680px){
  :root{--shell:calc(100% - 24px)}.header-inner{height:68px}.brand{font-size:19px}.brand-mark{width:34px;height:34px}
  .hero{min-height:auto;padding-top:112px}.hero-layout{gap:42px}.hero h1{font-size:clamp(49px,14vw,67px)}.hero-lead{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.trust-list{max-width:300px;align-items:flex-start;flex-direction:column;margin-inline:auto;text-align:left}.hero-console{border-radius:20px}.console-bar{border-radius:19px 19px 0 0}.console-bar b{font-size:8px}.console-core{grid-template-columns:1fr;padding:20px}.radar{max-width:210px}.signal-list{grid-template-columns:1fr 1fr}.signal-list>div{grid-template-columns:34px 1fr;padding:8px}.signal-icon{width:34px;height:34px}.signal-list em{display:none}.console-footer{border-radius:0 0 19px 19px}.outcome-strip{margin-top:50px}.outcome-strip>*{min-height:70px;padding:0 8px}.outcome-strip a{font-size:10px}
  .finder-section,.tools-section,.compare-section,.guides-section,.standard-section{padding:82px 0}.section-heading h2,.finder-intro h2{font-size:42px}.split-heading{gap:18px}.quiz-card{min-height:0;border-radius:22px}.quiz-head{grid-template-columns:1fr;gap:12px;padding:19px}.quiz-head>div:first-child{justify-content:space-between}.quiz-step{padding:28px 18px 22px}.quiz-step h3{min-height:0;font-size:29px}.quiz-options{grid-template-columns:1fr}.quiz-options:not(.quiz-options-three) button:last-child:nth-child(odd){grid-column:auto}.quiz-options button{min-height:83px}.quiz-nav{margin-top:20px}.quiz-result{padding:26px 18px}.result-reasons{grid-template-columns:1fr}.result-actions{grid-template-columns:1fr}.secondary-match{grid-template-columns:1fr}.result-hero h3{font-size:28px}
  .solution-tabs{margin-top:31px}.partner-solution{padding:21px;border-radius:20px}.partner-solution h3{font-size:35px}.partner-promise{font-size:15px}.partner-actions{grid-template-columns:1fr}.partner-actions button,.analysis-link{min-height:42px}.affiliate-notice{padding:18px}
  .compare-heading{gap:18px}.compare-heading h2{font-size:43px}.editorial-grid{margin-top:31px}.story-feature{min-height:500px}.story-art{min-height:230px}.story-art span{font-size:55px}.story-card{padding:21px}.standard-layout{gap:48px}.standard-copy h2{font-size:43px}.final-cta{padding:62px 0}.final-cta-card{min-height:500px;padding:33px 25px;border-radius:22px}.final-cta-card h2{font-size:57px}.footer-main,.footer-links{grid-template-columns:1fr;gap:40px}.footer-bottom{flex-direction:column;gap:8px}.dialog-shell{padding:31px 19px 22px}.dialog-columns{grid-template-columns:1fr}.dialog-actions{flex-direction:column}.dialog-actions .button{width:100%}.newsletter-section{padding:62px 0}.newsletter-card{padding:28px 19px;border-radius:21px}.newsletter-form{padding:18px}.newsletter-form>div{grid-template-columns:1fr}.newsletter-form button{width:100%}.content-hero{padding:125px 0 58px}.content-hero-inner,.content-layout,.related-inner{width:calc(100% - 24px)}.content-hero h1{font-size:45px}.content-deck{font-size:16px}.content-layout{padding:52px 0 70px}.article-body>p:first-child{font-size:17px}.article-body h2{font-size:29px}.decision-grid{grid-template-columns:1fr}.scorecard>div{grid-template-columns:1fr;gap:5px}.comparison-table{display:block;overflow-x:auto}.article-aside{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.insights-hero{padding:128px 0 61px}.insights-hero h1{font-size:51px}.insights-section{padding:60px 0}.insights-heading{align-items:start;flex-direction:column}.insights-grid{grid-template-columns:1fr}.insight-card.is-featured{grid-column:auto}.insight-card.is-featured h3{font-size:27px}
  .segment-strip{grid-template-columns:1fr}.segment-strip p{display:flex}.pathways-section{padding:72px 0}.pathway-grid,.segment-tool-grid,.workflow-grid{grid-template-columns:1fr}.pathway-card,.pathway-card:last-child{grid-column:auto;min-height:390px;padding:24px}.segment-hero{padding:123px 0 64px}.segment-hero h1{font-size:49px}.segment-lead{font-size:16px}.segment-actions{flex-direction:column}.segment-actions .button{width:100%}.segment-section{padding:62px 0}.segment-tool{min-height:0}.segment-tool-actions{grid-template-columns:1fr}.segment-next{padding:58px 0}.segment-next-card{padding:29px 22px}.segment-next-card .button{width:100%}
}

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

/* Eighth solution: voice and audio. The mark uses the site's own visual language. */
.brand-voice{--brand:#274f92;--brand2:#46a8b7;--brandGlow:rgba(39,79,146,.19)}
.mb-voice{background:linear-gradient(135deg,#274f92,#46a8b7)}
.home-specific-disclosure{margin:16px 0 0;padding:12px 14px;color:#40546d;background:#f1f5fb;border:1px solid #dce6f2;border-radius:10px;font-size:11px;line-height:1.55;font-weight:650}
.home-specific-disclosure+.partner-actions{margin-top:11px}
.compare-wrap table{min-width:1540px}
.compare-disclosure{max-width:770px;margin:26px 0 -20px;padding:12px 14px;color:#d5e2f7;background:#173355;border:1px solid #365576;border-radius:10px;font-size:11px;line-height:1.55}
.result-specific-disclosure{margin:14px 0 0;padding:12px 14px;color:#344a68;background:#eaf2ff;border:1px solid #b7caeb;border-radius:10px;font-size:11px;line-height:1.55;font-weight:700}
.result-specific-disclosure[hidden]{display:none}
.faq-layout{align-items:start}.faq-body>p:first-child{max-width:760px}.faq-search-label{display:block;margin:28px 0 9px;color:var(--ink);font-size:14px;font-weight:850}.faq-search{display:block;width:100%;padding:16px 18px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:var(--white);font:inherit;font-size:15px}.faq-search:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.faq-search-status{min-height:24px;margin:8px 0 24px;color:#52627a;font-size:13px}.faq-group{margin-bottom:40px}.faq-group h2{margin-top:0}.faq-item{margin:12px 0;border:1px solid var(--line);border-radius:14px;background:#f8fafc;overflow:hidden}.faq-item[hidden],.faq-group[hidden]{display:none}.faq-item summary{position:relative;display:list-item;cursor:pointer;padding:17px 20px;color:var(--ink);font-size:16px;font-weight:800;line-height:1.45}.faq-item summary:hover{color:#0969a0}.faq-item summary:focus-visible{outline:3px solid var(--cyan);outline-offset:-4px}.faq-item[open]{background:var(--white);box-shadow:0 10px 30px rgba(3,19,58,.06)}.faq-item[open] summary{border-bottom:1px solid var(--line)}.faq-item>div{padding:3px 20px 17px}.faq-item>div p{margin:11px 0 0}.faq-item a{color:#086aa0;text-decoration:underline;text-underline-offset:2px}.faq-item a:hover{color:#014e80}
.hero-help-link{margin:20px 0 0;font-size:13px;font-weight:750}.hero-help-link a{color:#d5e5ff;text-decoration:underline;text-underline-offset:4px}.hero-help-link a:hover{color:var(--lime)}