: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-taskade{background:linear-gradient(135deg,#ff4d67,#7c3aed)}.signal-monica{background:linear-gradient(135deg,#6657ff,#31d3ff)}
.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(4, 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 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)}
.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:1040px;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}
.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-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)}

.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{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}
}

@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 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{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%}
}

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