.how-page.svelte-1thf6pg{min-height:100vh;background:radial-gradient(circle at 50% 0%,rgb(108 62 255 / .08),transparent 24rem),linear-gradient(rgb(93 88 116 / .034) 1px,transparent 1px),linear-gradient(90deg,rgb(93 88 116 / .034) 1px,transparent 1px),#fff;background-size:auto,31px 31px,31px 31px;color:#080d27}.shell.svelte-1thf6pg{width:min(100% - 48px,1200px);margin-inline:auto}.hero.svelte-1thf6pg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:78px;align-items:center;padding-top:150px}.label.svelte-1thf6pg{display:inline-flex;width:fit-content;align-items:center;border:1px solid #e8dcff;border-radius:999px;background:#ffffffd1;padding:5px 14px;color:#8a63f4;font-size:11px;font-weight:900;letter-spacing:.16em;line-height:1;text-transform:uppercase;box-shadow:0 8px 30px #482a920d}.hero-copy.svelte-1thf6pg h1:where(.svelte-1thf6pg){margin:26px 0 18px;max-width:620px;font-size:clamp(42px,4.5vw,54px);line-height:1;font-weight:900;letter-spacing:-.045em}.hero-copy.svelte-1thf6pg>p:where(.svelte-1thf6pg):not(.label){margin:0;max-width:540px;color:#5e667a;font-size:19px;font-weight:500;line-height:1.65}.actions.svelte-1thf6pg{margin-top:36px;display:flex;flex-wrap:wrap;gap:22px;align-items:center}.btn.svelte-1thf6pg{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;border-radius:9px;padding:0 34px;font-size:14px;font-weight:900;text-decoration:none}.primary.svelte-1thf6pg{color:#fff;background:linear-gradient(135deg,#681aff,#4d12e8);box-shadow:0 18px 34px #5e17eb45}.secondary.svelte-1thf6pg{border:1px solid #dde0ea;background:#ffffffe6;color:#080d27;box-shadow:0 12px 32px #252b430d}.hero-flow.svelte-1thf6pg{padding-top:16px;min-width:0}.hero-visual-frame.svelte-1thf6pg{overflow:visible}.flow-scroll.svelte-1thf6pg{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d8ccff transparent}.generated-flow-image.svelte-1thf6pg{display:block;width:100%;height:auto;filter:drop-shadow(0 24px 48px rgb(36 31 70 / .055))}.hero-flow-image.svelte-1thf6pg{max-width:560px;margin-left:auto;border-radius:12px}.how-flow-image.svelte-1thf6pg{margin-top:22px;border-radius:12px}.role-card.svelte-1thf6pg,.events.svelte-1thf6pg article:where(.svelte-1thf6pg),.compare-card.svelte-1thf6pg{border:1px solid #e4e5ee;background:#fffffff0;box-shadow:0 22px 52px #241f460e}.events.svelte-1thf6pg i:where(.svelte-1thf6pg){display:grid;place-items:center;width:18px;height:18px;border-radius:7px;background:#f1ebff;color:#5e17eb;font-style:normal}.pills.svelte-1thf6pg{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:58px}.pills.svelte-1thf6pg div:where(.svelte-1thf6pg){display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border:1px solid #e7e8f1;border-radius:12px;background:#ffffffe0;color:#080d27;font-size:13px;font-weight:800;box-shadow:0 18px 58px #1e23440b}.flow-section.svelte-1thf6pg{padding-top:58px}.heading.svelte-1thf6pg{text-align:center}.heading.svelte-1thf6pg h2:where(.svelte-1thf6pg){margin-top:20px;font-size:clamp(30px,4vw,42px);line-height:1.14;font-weight:900;letter-spacing:-.04em}.roles.svelte-1thf6pg,.system.svelte-1thf6pg,.comparison.svelte-1thf6pg{padding-top:58px}.compact.svelte-1thf6pg{margin-bottom:34px}.role-grid.svelte-1thf6pg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.role-card.svelte-1thf6pg{min-height:256px;border-radius:12px;padding:28px 24px}.role-card.svelte-1thf6pg:nth-child(2){background:linear-gradient(120deg,#fff,#fbf8ff);border-color:#dccdff}.role-card.svelte-1thf6pg header:where(.svelte-1thf6pg){display:flex;align-items:center;gap:12px;color:#5e17eb}.role-card.green.svelte-1thf6pg header:where(.svelte-1thf6pg){color:#22b077}.role-card.svelte-1thf6pg h3:where(.svelte-1thf6pg){color:#080d27;font-size:16px;font-weight:900;letter-spacing:-.02em}.role-card.svelte-1thf6pg ul:where(.svelte-1thf6pg),.compare-card.svelte-1thf6pg ul:where(.svelte-1thf6pg){margin-top:12px;display:grid;gap:8px}.role-card.svelte-1thf6pg li:where(.svelte-1thf6pg),.compare-card.svelte-1thf6pg li:where(.svelte-1thf6pg){display:flex;align-items:center;gap:10px;color:#3f4657;font-size:14px;font-weight:600}.role-card.svelte-1thf6pg li:where(.svelte-1thf6pg){color:#53596c}.events.svelte-1thf6pg{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr;align-items:center;gap:8px}.events.svelte-1thf6pg article:where(.svelte-1thf6pg){min-height:82px;border-radius:9px;padding:12px 10px;text-align:center}.events.svelte-1thf6pg i:where(.svelte-1thf6pg){margin:0 auto 8px;width:22px;height:22px;border-radius:999px}.events.svelte-1thf6pg h3:where(.svelte-1thf6pg){font-size:12px;font-weight:900}.events.svelte-1thf6pg p:where(.svelte-1thf6pg){margin-top:7px;color:#3f4657;font-size:12px;line-height:1.5}.events.svelte-1thf6pg>span:where(.svelte-1thf6pg){color:#8b90a2;font-size:13px;text-align:center}.code-panel.svelte-1thf6pg{display:grid;grid-template-columns:1.2fr .9fr;gap:34px;margin-top:16px;min-height:135px;overflow:hidden;border-radius:8px;background:#0b1020;padding:15px 22px;color:#fff;box-shadow:0 22px 45px #080d2729}.code-panel.svelte-1thf6pg pre:where(.svelte-1thf6pg){overflow:hidden;color:#25d983;font-family:var(--font-mono);font-size:13px;line-height:1.45;white-space:pre-wrap}.code-panel.svelte-1thf6pg p:where(.svelte-1thf6pg){margin-top:18px;color:#dfe4ff;font-size:14px;line-height:1.68}.code-panel.svelte-1thf6pg ul:where(.svelte-1thf6pg){margin-top:14px;display:grid;gap:8px}.code-panel.svelte-1thf6pg li:where(.svelte-1thf6pg){display:flex;align-items:center;gap:10px;color:#fff;font-size:14px;font-weight:800}.comparison-shell.svelte-1thf6pg{border:1px solid #e7e8f1;border-radius:12px;background:radial-gradient(circle at 25% 45%,rgb(94 23 235 / .08),transparent 18rem),radial-gradient(circle at 76% 38%,rgb(94 23 235 / .09),transparent 14rem),#fbf8ff;padding:28px 48px 34px;box-shadow:0 18px 58px #1e23440b}.compare-grid.svelte-1thf6pg{display:grid;grid-template-columns:1fr 82px 1fr;align-items:center;gap:24px;margin-top:6px}.compare-card.svelte-1thf6pg{border-radius:12px;padding:24px}.rako-model.svelte-1thf6pg{background:linear-gradient(120deg,#fff,#f0e8ff);border-color:#d7c4ff}.compare-card.svelte-1thf6pg h3:where(.svelte-1thf6pg){display:flex;align-items:center;gap:10px;font-size:16px;font-weight:900}.compare-card.svelte-1thf6pg ul:where(.svelte-1thf6pg){margin-top:8px;gap:5px}.compare-card.svelte-1thf6pg li:where(.svelte-1thf6pg){font-size:14px;line-height:1.4}.vs.svelte-1thf6pg{display:grid;place-items:center;width:48px;height:48px;margin:auto;border:1px solid #ebe5f8;border-radius:999px;background:#fff;color:#5e17eb;font-size:20px;font-weight:900}.final-cta.svelte-1thf6pg{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:24px;margin-bottom:34px;border:1px solid #e4d5ff;border-radius:12px;background:linear-gradient(90deg,#f5efffe0,#ffffffeb);padding:28px 34px}.final-cta.svelte-1thf6pg h2:where(.svelte-1thf6pg){margin:0 0 7px;font-size:32px;font-weight:900;letter-spacing:-.035em}.final-cta.svelte-1thf6pg p:where(.svelte-1thf6pg){margin:0;color:#3f4657;font-size:14px;font-weight:600;line-height:1.68}.final-cta.svelte-1thf6pg .actions:where(.svelte-1thf6pg){margin-top:0}@media(max-width:1050px){.shell.svelte-1thf6pg{width:min(100% - 32px,1200px)}.hero.svelte-1thf6pg,.code-panel.svelte-1thf6pg,.role-grid.svelte-1thf6pg,.events.svelte-1thf6pg,.compare-grid.svelte-1thf6pg{grid-template-columns:1fr}.hero.svelte-1thf6pg{gap:26px}.hero-copy.svelte-1thf6pg h1:where(.svelte-1thf6pg),.hero-copy.svelte-1thf6pg>p:where(.svelte-1thf6pg):not(.label){max-width:410px}.hero-flow-image.svelte-1thf6pg{width:100%;max-width:760px;margin:0 auto}.pills.svelte-1thf6pg{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.events.svelte-1thf6pg>span:where(.svelte-1thf6pg){transform:rotate(90deg)}.comparison-shell.svelte-1thf6pg{height:auto;overflow:visible;padding:18px}.compare-card.svelte-1thf6pg{height:auto;min-height:0}.final-cta.svelte-1thf6pg{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.shell.svelte-1thf6pg{width:min(100% - 32px,1200px)}.hero.svelte-1thf6pg{padding-top:116px}.hero-copy.svelte-1thf6pg h1:where(.svelte-1thf6pg){font-size:42px}.hero-copy.svelte-1thf6pg>p:where(.svelte-1thf6pg):not(.label){font-size:16px}.actions.svelte-1thf6pg,.final-cta.svelte-1thf6pg .actions:where(.svelte-1thf6pg){align-items:stretch;flex-direction:column;gap:10px}.btn.svelte-1thf6pg{width:100%}.pills.svelte-1thf6pg{grid-template-columns:1fr;gap:9px}.pills.svelte-1thf6pg div:where(.svelte-1thf6pg){min-height:34px}.flow-scroll.svelte-1thf6pg{margin-inline:-14px;padding-inline:14px;padding-bottom:10px}.flow-scroll-wide.svelte-1thf6pg .generated-flow-image:where(.svelte-1thf6pg){width:720px;max-width:none}.hero-flow-image.svelte-1thf6pg{width:100%;max-width:100%}.heading.svelte-1thf6pg h2:where(.svelte-1thf6pg){font-size:25px}.role-card.svelte-1thf6pg{padding:18px}.events.svelte-1thf6pg{gap:10px}.events.svelte-1thf6pg article:where(.svelte-1thf6pg){min-height:74px}.code-panel.svelte-1thf6pg{padding:16px}.code-panel.svelte-1thf6pg pre:where(.svelte-1thf6pg){font-size:7px}.comparison-shell.svelte-1thf6pg{padding:16px}.vs.svelte-1thf6pg{width:42px;height:42px;font-size:17px}.final-cta.svelte-1thf6pg{padding:20px}}