:root {
    --ink: #111827;
    --ink-soft: #263248;
    --muted: #667085;
    --subtle: #8b95a7;
    --line: #dfe4ec;
    --line-soft: #edf0f5;
    --paper: #ffffff;
    --canvas: #f6f8fc;
    --blue: #536ff2;
    --blue-dark: #415bda;
    --blue-soft: #edf0ff;
    --mint: #48e0c2;
    --navy: #0b1020;
    --navy-soft: #151d33;
    --danger: #b42318;
    --success: #067647;
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, .05), 0 8px 24px rgba(15, 23, 42, .05);
    --shadow-md: 0 24px 70px rgba(15, 23, 42, .13), 0 3px 12px rgba(15, 23, 42, .08);
    --radius-sm: 12px;
    --radius: 20px;
    --radius-lg: 30px;
    --shell: min(1200px, calc(100vw - 48px));
    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Noto Sans", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans Devanagari", "Noto Sans Thai", sans-serif;
    --mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; text-size-adjust: 100%; }
body {
    margin: 0;
    color: var(--ink);
    background: var(--paper);
    font-family: var(--font);
    font-size: 16px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}
body, button, input, select, textarea { font-family: var(--font); }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, select { cursor: pointer; }
code, pre, bdi { direction: ltr; unicode-bidi: isolate; }
::selection { background: rgba(83, 111, 242, .2); }
:focus-visible { outline: 3px solid rgba(83, 111, 242, .45); outline-offset: 3px; border-radius: 5px; }

.shell { width: var(--shell); margin-inline: auto; }
.narrow { max-width: 860px; text-align: center; }
.centered { max-width: 880px; margin-inline: auto; text-align: center; }
.skip-link { position: fixed; inset-block-start: 8px; inset-inline-start: 8px; z-index: 999; padding: 10px 14px; color: #fff; background: var(--navy); border-radius: 8px; transform: translateY(-150%); }
.skip-link:focus { transform: none; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; }
.eyebrow { margin: 0 0 16px; color: var(--blue); font-size: .76rem; font-weight: 750; letter-spacing: .14em; line-height: 1.3; text-transform: uppercase; }
h1, h2, h3, p { overflow-wrap: break-word; }
h1, h2, h3 { margin-block-start: 0; color: var(--ink); font-weight: 690; letter-spacing: -.045em; line-height: 1.06; }
h1 { font-size: clamp(3.2rem, 7vw, 6.5rem); }
h2 { font-size: clamp(2.15rem, 4.2vw, 4rem); }
h3 { font-size: 1.35rem; }
p { color: var(--muted); }
.hero-lead { max-width: 720px; margin: 0; font-size: clamp(1.13rem, 2vw, 1.42rem); line-height: 1.55; }
.section-lead { font-size: 1.2rem; }
.section { padding-block: clamp(84px, 10vw, 150px); }
.section-soft { background: var(--canvas); }
.section-dark { color: white; background: var(--navy); }
.section-dark h2 { color: white; }
.section-dark p { color: #aeb7c9; }
.section-heading { max-width: 760px; margin-block-end: 56px; }
.section-heading.centered { margin-inline: auto; text-align: center; }

.button {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 23px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .94rem;
    font-weight: 680;
    line-height: 1.2;
    transition: transform .2s ease, box-shadow .2s ease, color .2s ease, background .2s ease, border-color .2s ease;
}
.button:hover { transform: translateY(-2px); }
.button-primary { color: #fff; background: var(--blue); box-shadow: 0 12px 28px rgba(83, 111, 242, .28); }
.button-primary:hover { background: var(--blue-dark); box-shadow: 0 16px 34px rgba(83, 111, 242, .36); }
.button-light { color: var(--navy); background: #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, .18); }
.button-quiet { color: var(--ink); background: rgba(255, 255, 255, .8); border-color: var(--line); }
.button-outline { color: var(--ink); background: transparent; border-color: var(--line); }
.button-outline:hover, .button-quiet:hover { background: var(--canvas); border-color: #c8cfda; }
.button-small { min-height: 38px; padding: 9px 16px; font-size: .82rem; }
.full-width { width: 100%; }
.text-link { color: var(--ink-soft); font-size: .9rem; font-weight: 620; }
.text-link:hover { color: var(--blue); }

.site-header {
    position: sticky;
    inset-block-start: 0;
    z-index: 100;
    height: 68px;
    border-block-end: 1px solid rgba(223, 228, 236, .75);
    background: rgba(255, 255, 255, .84);
    -webkit-backdrop-filter: saturate(180%) blur(18px);
    backdrop-filter: saturate(180%) blur(18px);
}
.header-inner { display: flex; height: 100%; align-items: center; gap: 30px; }
.brand { flex: 0 0 auto; }
.brand img { height: 28px; width: auto; }
.primary-nav { display: flex; align-items: center; gap: 28px; margin-inline: auto; }
.primary-nav a { position: relative; color: #4d586c; font-size: .86rem; font-weight: 590; white-space: nowrap; }
.primary-nav a::after { position: absolute; inset-inline: 0; inset-block-end: -10px; height: 2px; border-radius: 2px; background: var(--blue); content: ""; opacity: 0; transform: scaleX(.5); transition: .2s; }
.primary-nav a:hover, .primary-nav a.is-active { color: var(--ink); }
.primary-nav a.is-active::after { opacity: 1; transform: none; }
.header-actions { display: flex; align-items: center; gap: 16px; }
.menu-toggle { display: none; padding: 8px; border: 0; color: var(--ink); background: transparent; }
.menu-toggle > span:last-child { position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; }
.menu-lines, .menu-lines::before, .menu-lines::after { display: block; width: 21px; height: 1.5px; background: currentColor; transition: .2s; }
.menu-lines { position: relative; }
.menu-lines::before, .menu-lines::after { position: absolute; inset-inline-start: 0; content: ""; }
.menu-lines::before { transform: translateY(-6px); }
.menu-lines::after { transform: translateY(6px); }
.language-menu { position: relative; }
.language-menu summary { display: flex; min-width: 56px; height: 38px; align-items: center; justify-content: center; gap: 6px; padding-inline: 9px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink-soft); font-size: .72rem; font-weight: 750; list-style: none; }
.language-menu summary::-webkit-details-marker { display: none; }
.language-glyph { font-size: 1rem; font-weight: 600; }
.language-popover { position: absolute; inset-block-start: calc(100% + 12px); inset-inline-end: 0; width: min(580px, calc(100vw - 32px)); padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow-md); }
.language-popover > p { margin: 0 0 12px; color: var(--subtle); font-size: .72rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.language-popover ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; max-height: min(520px, 70vh); margin: 0; padding: 0; overflow: auto; list-style: none; }
.language-popover a { display: flex; min-height: 46px; flex-direction: column; justify-content: center; padding: 7px 10px; border-radius: 9px; line-height: 1.25; }
.language-popover a:hover, .language-popover a.is-current { color: var(--blue); background: var(--blue-soft); }
.language-popover small { color: var(--subtle); font-size: .68rem; }

.hero { position: relative; overflow: hidden; }
.home-hero { min-height: 760px; padding-block: clamp(90px, 11vw, 150px) 110px; background: linear-gradient(180deg, #f9faff 0%, #fff 86%); }
.hero-glow { position: absolute; width: 820px; height: 820px; inset-block-start: -480px; inset-inline-start: 30%; border-radius: 50%; background: radial-gradient(circle, rgba(83, 111, 242, .18), rgba(72, 224, 194, .05) 42%, transparent 70%); pointer-events: none; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(560px, 1.2fr); align-items: center; gap: clamp(40px, 5vw, 76px); }
.hero-copy h1 { max-width: 680px; margin-block-end: 28px; font-size: clamp(3.2rem, 6vw, 5.75rem); hyphens: auto; text-wrap: balance; word-break: normal; }
.hero-copy .hero-lead { max-width: 640px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-block-start: 34px; }
.centered-actions { justify-content: center; }
.microcopy { display: flex; align-items: center; gap: 9px; margin-block-start: 20px; color: var(--muted); font-size: .82rem; }
.status-dot { display: inline-block; width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 5px rgba(72, 224, 194, .13); }

.workspace-wrap { position: relative; perspective: 1600px; }
.workspace-wrap::before { position: absolute; inset: 15% -8% -12% 5%; border-radius: 50%; background: rgba(83, 111, 242, .16); filter: blur(55px); content: ""; }
.workspace-window { position: relative; min-width: 0; overflow: hidden; border: 1px solid rgba(200, 208, 222, .9); border-radius: 18px; background: #f9fafc; box-shadow: 0 50px 110px rgba(27, 38, 75, .2), 0 10px 30px rgba(27, 38, 75, .12); transform: rotateY(-5deg) rotateX(1.5deg); transform-origin: center; }
.window-bar { display: grid; height: 42px; grid-template-columns: 1fr auto 1fr; align-items: center; padding-inline: 14px; border-block-end: 1px solid #e3e7ee; color: #7a8495; background: rgba(255, 255, 255, .9); font-size: .66rem; font-weight: 650; }
.window-controls { display: flex; gap: 6px; }
.window-controls i { width: 9px; height: 9px; border-radius: 50%; background: #d5dae3; }
.local-pill { display: flex; align-items: center; justify-self: end; gap: 5px; padding: 4px 8px; border: 1px solid #dae0e9; border-radius: 999px; background: #f8fafc; }
.local-pill i, .running i { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); }
.workspace-body { display: flex; min-height: 430px; }
.workspace-sidebar { display: flex; width: 54px; flex-direction: column; align-items: center; gap: 22px; padding-block: 16px; border-inline-end: 1px solid #e5e9f0; background: #fff; }
.workspace-sidebar img { margin-block-end: 8px; }
.side-icon { width: 16px; height: 16px; border: 1.5px solid #aeb6c4; border-radius: 4px; }
.side-icon.active { border-color: var(--blue); background: var(--blue-soft); box-shadow: 0 0 0 5px var(--blue-soft); }
.workspace-main { flex: 1; padding: 20px; }
.workspace-heading { display: flex; align-items: center; justify-content: space-between; margin-block-end: 17px; }
.workspace-heading > div { display: flex; flex-direction: column; color: #7c8594; font-size: .63rem; }
.workspace-heading strong { margin-block-start: 2px; color: var(--ink); font-size: .83rem; }
.running { display: flex; align-items: center; gap: 6px; padding: 6px 9px; border: 1px solid #dfe4eb; border-radius: 999px; color: #536071; background: #fff; font-size: .59rem; }
.workspace-grid { display: grid; grid-template-columns: 1.45fr .8fr; gap: 12px; }
.pareto-chart, .formula-panel { position: relative; min-height: 225px; border: 1px solid #e2e6ed; border-radius: 11px; background: #fff; }
.pareto-chart { overflow: hidden; background-image: linear-gradient(#f0f2f6 1px, transparent 1px), linear-gradient(90deg, #f0f2f6 1px, transparent 1px); background-size: 40px 40px; }
.axis { position: absolute; background: #aab3c1; }
.axis-y { width: 1px; inset-block: 18px 27px; inset-inline-start: 28px; }
.axis-x { height: 1px; inset-inline: 28px 16px; inset-block-end: 27px; }
.chart-line { position: absolute; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--blue), var(--mint)); transform-origin: left center; }
.line-a { width: 72px; inset-block-start: 60px; inset-inline-start: 66px; transform: rotate(26deg); }
.line-b { width: 66px; inset-block-start: 92px; inset-inline-start: 132px; transform: rotate(31deg); }
.line-c { width: 71px; inset-block-start: 128px; inset-inline-start: 188px; transform: rotate(23deg); }
.line-d { width: 55px; inset-block-start: 156px; inset-inline-start: 252px; transform: rotate(18deg); }
.point { position: absolute; width: 9px; height: 9px; border: 2px solid #fff; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 1px var(--blue); }
.point.selected { width: 13px; height: 13px; background: var(--mint); box-shadow: 0 0 0 5px rgba(72, 224, 194, .18); }
.p1 { inset-block-start: 48px; inset-inline-start: 56px; }.p2 { inset-block-start: 79px; inset-inline-start: 121px; }.p3 { inset-block-start: 112px; inset-inline-start: 179px; }.p4 { inset-block-start: 145px; inset-inline-start: 244px; }.p5 { inset-block-start: 165px; inset-inline-start: 296px; }.p6 { inset-block-start: 177px; inset-inline-start: 325px; }
.axis-label { position: absolute; color: #9aa3b1; font-size: .55rem; }
.label-simple { inset-block-end: 5px; inset-inline-start: 28px; }.label-accurate { inset-block-start: 4px; inset-inline-start: 5px; writing-mode: vertical-rl; }
.formula-panel { display: flex; flex-direction: column; padding: 17px; }
.formula-panel small { color: #8a94a4; font-size: .61rem; }
.formula-panel code { margin-block: 16px 24px; color: var(--blue-dark); font: 670 .78rem/1.5 var(--mono); }
.metric-row { display: flex; justify-content: space-between; padding-block: 9px; border-block-start: 1px solid #edf0f4; color: #727d8e; font-size: .62rem; }
.metric-row strong { color: var(--ink); }
.candidate-list { margin-block-start: 12px; border: 1px solid #e2e6ed; border-radius: 10px; background: #fff; }
.candidate-list > div { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 10px; padding: 8px 12px; border-block-end: 1px solid #eef1f5; font-size: .6rem; }
.candidate-list > div:first-child { background: #f4f6ff; }
.candidate-list > div:last-child { border: 0; }
.candidate-list code { color: #414c60; font-size: .61rem; }
.candidate-list strong { color: #5d6878; }
.rank { color: #a0a8b5; font-size: .55rem; }

.proof-strip { border-block: 1px solid var(--line-soft); background: #fff; }
.proof-items { display: flex; min-height: 78px; align-items: center; justify-content: space-between; gap: 24px; overflow: hidden; color: #8a94a5; font-size: .78rem; font-weight: 680; letter-spacing: .06em; white-space: nowrap; }
.explain-section { overflow: hidden; border-block-end: 1px solid var(--line-soft); background: radial-gradient(circle at 50% 0, rgba(83, 111, 242, .09), transparent 35%), var(--canvas); }
.explain-intro { max-width: 820px; margin: 0 auto 60px; text-align: center; }
.explain-intro h2 { margin-block-end: 24px; text-wrap: balance; }
.explain-intro .section-lead { max-width: 720px; margin: 0 auto; }
.explain-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.explain-step { position: relative; display: flex; min-height: 440px; flex-direction: column; padding: 26px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255, 255, 255, .92); box-shadow: var(--shadow-sm); }
.explain-step-number { position: absolute; inset-block-start: 24px; inset-inline-end: 24px; z-index: 2; color: var(--blue); font: 700 .68rem/1 var(--mono); letter-spacing: .08em; }
.explain-step-visual { position: relative; height: 190px; margin: -26px -26px 32px; overflow: hidden; border-block-end: 1px solid var(--line-soft); background: #fff; }
.explain-step h3 { margin-block-end: 14px; font-size: clamp(1.55rem, 2.3vw, 2rem); letter-spacing: -.035em; }
.explain-step > p { margin: 0; font-size: .95rem; }
.data-visual { display: grid; grid-template-rows: repeat(4, 1fr); padding: 31px 60px 26px 26px; background: linear-gradient(145deg, #fff, #f4f6ff); }
.data-visual > div { display: grid; grid-template-columns: repeat(2, 1fr); border-block-start: 1px solid #dfe4ec; border-inline-start: 1px solid #dfe4ec; }
.data-visual b, .data-visual span { display: grid; place-items: center; border-inline-end: 1px solid #dfe4ec; color: #677286; font: .67rem var(--mono); }
.data-visual b { color: var(--blue-dark); background: var(--blue-soft); }
.search-visual { background: radial-gradient(circle at center, rgba(72, 224, 194, .16), transparent 31%), linear-gradient(145deg, #11182e, #1d2848); }
.search-visual b, .search-visual span { position: absolute; display: grid; place-items: center; border-radius: 50%; }
.search-visual b { width: 72px; height: 72px; inset: 59px auto auto 50%; color: var(--navy); background: var(--mint); box-shadow: 0 0 0 13px rgba(72, 224, 194, .1); font: 700 1rem var(--mono); transform: translateX(-50%); }
.search-visual span { width: 40px; height: 40px; border: 1px solid #3a4766; color: #cad3e5; background: #202c49; font: 650 .68rem var(--mono); }
.search-visual span:nth-child(1) { inset: 29px auto auto 22%; }.search-visual span:nth-child(2) { inset: 112px auto auto 18%; }.search-visual span:nth-child(3) { inset: 25px 18% auto auto; }.search-visual span:nth-child(4) { inset: 116px 14% auto auto; }
.choose-visual { display: flex; flex-direction: column; justify-content: center; gap: 18px; padding: 35px 28px; background-image: linear-gradient(#edf0f5 1px, transparent 1px), linear-gradient(90deg, #edf0f5 1px, transparent 1px); background-size: 30px 30px; }
.choose-visual code { align-self: flex-start; padding: 13px 16px; border: 1px solid rgba(83, 111, 242, .25); border-radius: 10px; color: var(--blue-dark); background: rgba(255, 255, 255, .96); box-shadow: var(--shadow-sm); font: 680 clamp(.68rem, 1.2vw, .84rem) var(--mono); }
.choose-visual > span { display: flex; height: 33px; align-items: end; gap: 7px; }
.choose-visual i { width: 9px; border-radius: 5px 5px 2px 2px; background: #cbd3e1; }.choose-visual i:nth-child(1) { height: 12px; }.choose-visual i:nth-child(2) { height: 20px; }.choose-visual i:nth-child(3) { height: 29px; background: var(--mint); }.choose-visual i:nth-child(4) { height: 24px; }.choose-visual i:nth-child(5) { height: 17px; }
.choose-visual small { position: absolute; inset-block-end: 34px; inset-inline-end: 28px; color: var(--success); font: 700 .68rem var(--mono); }
.model-comparison { margin-block-start: 18px; padding: clamp(28px, 5vw, 58px); border-radius: var(--radius-lg); color: #fff; background: radial-gradient(circle at 100% 0, rgba(72, 224, 194, .17), transparent 34%), var(--navy); box-shadow: var(--shadow-md); }
.model-comparison > h3 { margin-block-end: 30px; color: #fff; font-size: clamp(1.8rem, 3.2vw, 2.8rem); }
.comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.comparison-card { display: grid; min-height: 235px; grid-template-columns: minmax(130px, .72fr) 1.28fr; align-items: center; gap: 28px; padding: 26px; border: 1px solid #293550; border-radius: 18px; background: rgba(21, 29, 51, .82); }
.comparison-visual { display: grid; min-height: 135px; place-items: center; border: 1px solid #34405a; border-radius: 14px; background: #10172a; }
.blackbox-visual { grid-template-columns: repeat(4, 1fr); padding: 14px; }
.blackbox-visual span { position: relative; display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid #3b4762; border-radius: 50%; color: #93a0b6; font: .6rem var(--mono); }
.blackbox-visual span:not(:last-child)::after { position: absolute; width: 15px; height: 1px; inset-inline-start: calc(100% + 1px); background: #47536c; content: ""; }
.blackbox-visual span:nth-child(3) { border: 0; border-radius: 9px; color: #fff; background: #313c57; font-size: 1rem; }
.blackbox-visual span:last-child { color: #fff; border-color: var(--blue); }
.equation-visual { border-color: rgba(72, 224, 194, .28); background: linear-gradient(145deg, #111a2f, #14283a); }
.equation-visual code { padding: 12px; color: var(--mint); font: 700 clamp(.68rem, 1vw, .86rem) var(--mono); text-align: center; }
.comparison-label { margin: 0 0 10px; color: #fff; font-size: 1rem; font-weight: 700; }
.comparison-card div:last-child > p:last-child { margin: 0; color: #aeb8ca; font-size: .86rem; }
.comparison-takeaway { max-width: 900px; margin: 28px 0 0; padding-inline-start: 18px; border-inline-start: 3px solid var(--mint); color: #dce4f2; font-size: .95rem; }
.explain-download { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; margin-block-start: 18px; padding: 28px 32px; border: 1px solid rgba(83, 111, 242, .2); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow-sm); }
.explain-download-icon { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 16px; color: var(--blue); background: var(--blue-soft); font: 700 1.35rem var(--mono); }
.explain-download .eyebrow { margin-block-end: 6px; font-size: .64rem; }
.explain-download h3 { margin: 0 0 7px; font-size: clamp(1.45rem, 2.5vw, 2rem); }
.explain-download div:nth-child(2) > p:last-child { margin: 0; font-size: .82rem; }
.explain-download .button { white-space: nowrap; }
.story-grid { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 100px; }
.story-copy h2 { margin-block-end: 22px; }
.story-copy p { max-width: 520px; font-size: 1.15rem; }
.section-number, .card-index { display: block; margin-block-end: 28px; color: var(--blue); font: 700 .68rem/1 var(--mono); letter-spacing: .08em; }
.formula-stack { display: flex; flex-direction: column; gap: 11px; }
.formula-stack > div { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 20px; padding-inline: 24px; border: 1px solid var(--line); border-radius: 14px; color: var(--muted); background: var(--canvas); transform: scale(.96); }
.formula-stack > div.featured { border-color: rgba(83, 111, 242, .35); color: var(--ink); background: #fff; box-shadow: var(--shadow-md); transform: none; }
.formula-stack code { color: inherit; font-size: clamp(.8rem, 1.5vw, 1rem); }
.formula-stack span { color: var(--subtle); font: .68rem var(--mono); }
.two-up { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.align-center { align-items: center; }
.feature-large { min-height: 570px; padding: clamp(28px, 4vw, 50px); border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; }
.feature-large h2 { margin-block: 12px 20px; font-size: clamp(2.1rem, 3.7vw, 3.35rem); }
.feature-large p:last-child { font-size: 1.05rem; }
.privacy-orbit { position: relative; display: grid; width: 230px; height: 230px; margin: 15px auto 60px; place-items: center; border: 1px solid #e3e7ef; border-radius: 50%; }
.privacy-orbit::before, .privacy-orbit::after { position: absolute; border: 1px solid #edf0f5; border-radius: 50%; content: ""; }.privacy-orbit::before { inset: 25px; }.privacy-orbit::after { inset: 54px; }
.privacy-orbit span, .privacy-orbit b { position: relative; z-index: 2; display: grid; width: 56px; height: 56px; place-items: center; border-radius: 15px; background: var(--blue-soft); color: var(--blue); font: 700 .8rem var(--mono); box-shadow: var(--shadow-sm); }
.privacy-orbit span { position: absolute; inset-inline-start: 12px; inset-block-start: 86px; }
.privacy-orbit b { inset-inline-start: 50px; background: #eafffa; color: #168a74; }
.privacy-orbit i { position: absolute; width: 92px; height: 1px; background: linear-gradient(90deg, var(--blue), var(--mint)); }
.mini-pareto { position: relative; height: 270px; margin-block-end: 50px; overflow: hidden; border: 1px solid #e5e9ef; border-radius: 18px; background-image: linear-gradient(#eef1f5 1px, transparent 1px), linear-gradient(90deg, #eef1f5 1px, transparent 1px); background-size: 48px 48px; }
.mini-pareto span { position: absolute; width: 280px; height: 3px; inset-block-start: 122px; inset-inline-start: 40px; border-radius: 2px; background: linear-gradient(90deg, var(--blue), var(--mint)); transform: rotate(26deg); }
.mini-pareto i { position: absolute; z-index: 2; width: 13px; height: 13px; border: 3px solid #fff; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 1px var(--blue); }
.mini-pareto i:nth-child(1){inset:52px auto auto 48px}.mini-pareto i:nth-child(2){inset:93px auto auto 110px}.mini-pareto i:nth-child(3){inset:137px auto auto 183px;background:var(--mint);box-shadow:0 0 0 7px rgba(72,224,194,.16)}.mini-pareto i:nth-child(4){inset:174px auto auto 255px}.mini-pareto i:nth-child(5){inset:199px auto auto 315px}
.export-section { overflow: hidden; }
.export-section h2 { margin-block-end: 24px; }
.language-cloud { display: flex; max-width: 900px; flex-wrap: wrap; justify-content: center; gap: 10px; margin-block-start: 50px; }
.language-cloud span { padding: 10px 17px; border: 1px solid var(--line); border-radius: 999px; color: #556174; background: var(--canvas); font: 650 .78rem var(--mono); }
.audience-section { background: var(--canvas); }
.audience-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; }
.audience-card { position: relative; display: flex; min-height: 330px; flex-direction: column; padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); background-color: #fff; background-image: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.84) 52%, rgba(255,255,255,.94)), var(--audience-image); background-position: center; background-repeat: no-repeat; background-size: cover; transition: transform .25s, box-shadow .25s, border-color .25s; }
.audience-card.audience-engineering { --audience-image: url('../imgs/solution/01.webp'); }
.audience-card.audience-makers { --audience-image: url('../imgs/solution/02.webp'); }
.audience-card.audience-education { --audience-image: url('../imgs/solution/04.webp'); }
.audience-card.audience-research { --audience-image: url('../imgs/solution/03.webp'); }
.audience-card:hover { border-color: rgba(83, 111, 242, .35); box-shadow: var(--shadow-md); transform: translateY(-6px); }
.audience-card h3 { margin-block: auto 14px; font-size: 1.65rem; }
.audience-card p { margin: 0; font-size: .93rem; }
.audience-card > i { position: absolute; inset-block-start: 24px; inset-inline-end: 25px; color: var(--blue); font-style: normal; }
.final-cta { padding-block-start: 30px; }
.cta-panel { display: flex; min-height: 330px; align-items: center; justify-content: space-between; gap: 40px; padding: clamp(38px, 6vw, 76px); overflow: hidden; border-radius: var(--radius-lg); background: radial-gradient(circle at 80% 0, rgba(72, 224, 194, .2), transparent 38%), linear-gradient(135deg, #11182e, #28345e); box-shadow: var(--shadow-md); }
.cta-panel .eyebrow { color: var(--mint); }
.cta-panel h2 { margin-block-end: 12px; color: #fff; }
.cta-panel p:last-child { margin: 0; color: #b9c3d7; }

.page-hero { padding-block: clamp(100px, 13vw, 180px) clamp(75px, 9vw, 120px); background: radial-gradient(circle at 50% 0, rgba(83, 111, 242, .12), transparent 45%), linear-gradient(180deg, #fafbff, #fff); }
.page-hero h1 { max-width: 980px; margin: 0 auto 30px; font-size: clamp(3rem, 7vw, 6.1rem); }
.page-hero .hero-lead { margin-inline: auto; }
.product-flow { padding-block-start: 90px; }
.flow-list { margin: 0; padding: 0; border-block-start: 1px solid var(--line); list-style: none; }
.flow-list > li { display: grid; min-height: 260px; grid-template-columns: 70px .9fr 1fr; align-items: center; gap: 46px; padding-block: 38px; border-block-end: 1px solid var(--line); }
.flow-list > li > span { align-self: start; padding-block-start: 9px; color: var(--blue); font: 700 .72rem var(--mono); }
.flow-list h3 { margin-block-end: 14px; font-size: clamp(1.8rem, 3vw, 2.7rem); }
.flow-list p { max-width: 510px; margin: 0; }
.flow-visual { position: relative; min-height: 170px; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: var(--canvas); }
.product-flow-image { width: 100%; height: clamp(170px, 20vw, 260px); object-fit: cover; object-position: top center; }
.grid-visual { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; padding: 25px; background: var(--line); }
.grid-visual i { background: #fff; }.grid-visual i:nth-child(5){background:var(--blue-soft)}
.controls-visual { padding: 28px; }.controls-visual b { display: block; height: 17px; margin-block: 0 20px; border-radius: 9px; background: linear-gradient(90deg, #dce1e9 68%, transparent 68%); }.controls-visual b::after { display: block; width: 36px; height: 17px; margin-inline-start: 75%; border-radius: 999px; background: var(--blue); content:""; }
.points-visual, .residual-visual { background-image: linear-gradient(#e9edf3 1px, transparent 1px),linear-gradient(90deg,#e9edf3 1px,transparent 1px);background-size:34px 34px; }
.points-visual::after { position:absolute;width:290px;height:3px;inset:83px 0 0 38px;background:linear-gradient(90deg,var(--blue),var(--mint));transform:rotate(18deg);content:""}.points-visual i{position:absolute;z-index:2;width:12px;height:12px;border:2px solid white;border-radius:50%;background:var(--blue)}.points-visual i:nth-child(1){inset:47px auto auto 47px}.points-visual i:nth-child(2){inset:67px auto auto 112px}.points-visual i:nth-child(3){inset:89px auto auto 178px;background:var(--mint)}.points-visual i:nth-child(4){inset:111px auto auto 247px}.points-visual i:nth-child(5){inset:131px auto auto 310px}
.residual-visual span{position:absolute;height:1px;inset:85px 20px auto;background:#aeb6c3}.residual-visual i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--blue)}.residual-visual i:nth-child(2){inset:45px auto auto 65px}.residual-visual i:nth-child(3){inset:112px auto auto 130px}.residual-visual i:nth-child(4){inset:68px auto auto 225px}.residual-visual i:nth-child(5){inset:124px auto auto 310px}
.code-visual { display:flex;flex-direction:column;justify-content:center;gap:12px;padding:30px;background:#10162a;color:#9ff0df }.code-visual code{font:.9rem var(--mono)}
.diagnostic-mosaic { display:grid;grid-template-columns:1.5fr .8fr;gap:12px;min-height:380px }.mosaic-main,.mosaic-side{border:1px solid #28324b;border-radius:18px;background:#111a30}.mosaic-main{position:relative;overflow:hidden;background-image:linear-gradient(#1e2942 1px,transparent 1px),linear-gradient(90deg,#1e2942 1px,transparent 1px);background-size:42px 42px}.mosaic-main span{position:absolute;width:330px;height:2px;inset:160px 0 0 30px;background:linear-gradient(90deg,var(--blue),var(--mint));transform:rotate(-17deg)}.mosaic-main i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--mint)}.mosaic-main i:nth-child(2){inset:224px auto auto 61px}.mosaic-main i:nth-child(3){inset:189px auto auto 138px}.mosaic-main i:nth-child(4){inset:155px auto auto 211px}.mosaic-main i:nth-child(5){inset:121px auto auto 282px}.mosaic-main i:nth-child(6){inset:100px auto auto 344px}.mosaic-side{display:flex;flex-direction:column;justify-content:center;gap:13px;padding:18px}.mosaic-side code{padding:14px;border:1px solid #28324b;border-radius:9px;color:#c3cce0;background:#151f37;font-size:.75rem}
.privacy-banner { display:flex;align-items:center;gap:30px;padding:42px;border:1px solid var(--line);border-radius:var(--radius);background:var(--canvas)}.privacy-mark{display:grid;width:90px;height:90px;flex:0 0 auto;place-items:center;border-radius:24px;background:#fff;box-shadow:var(--shadow-sm)}.privacy-banner .eyebrow{margin-bottom:10px}.privacy-banner h2{max-width:850px;margin:0;font-size:clamp(1.5rem,3vw,2.7rem);line-height:1.25}

.showcase-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px }.showcase-card{position:relative;min-height:490px;padding:40px;border:1px solid var(--line);border-radius:var(--radius-lg);background-color:#fff;background-image:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.84) 52%,rgba(255,255,255,.94)),var(--showcase-image);background-position:center;background-repeat:no-repeat;background-size:cover}.showcase-card#engineering{--showcase-image:url('../imgs/solution/01.webp')}.showcase-card#makers{--showcase-image:url('../imgs/solution/02.webp')}.showcase-card#education{--showcase-image:url('../imgs/solution/04.webp')}.showcase-card#research{--showcase-image:url('../imgs/solution/03.webp')}.showcase-card>span{color:var(--blue);font:700 .7rem var(--mono)}.showcase-symbol{display:grid;width:110px;height:110px;margin-block:60px 55px;place-items:center;border:1px solid #dce2ea;border-radius:50%;color:var(--blue);background:white;font-size:2.8rem;box-shadow:var(--shadow-sm)}.showcase-card h2{margin-bottom:18px;font-size:clamp(2rem,3.5vw,3.1rem)}.showcase-card p{font-size:1.04rem}.showcase-card code{display:block;margin-top:30px;padding:12px 15px;border:1px solid var(--line);border-radius:10px;color:var(--blue-dark);background:white;font-size:.8rem}.scientific-note{margin-block-start:26px;padding:18px 22px;border-inline-start:3px solid var(--mint);background:#f3fffc;font-size:.88rem}
.solution-gallery-section{padding-block-start:0}.solution-gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:38px}.solution-gallery-head>div{max-width:790px}.solution-gallery-head h2{margin-bottom:18px}.solution-gallery-head p:last-child{max-width:720px;margin:0;font-size:1.05rem}.solution-gallery-head>.button{flex:0 0 auto}.solution-carousel{direction:ltr}.solution-carousel-viewport{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:#e9edf4;box-shadow:var(--shadow-md);overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.solution-carousel-viewport::-webkit-scrollbar{display:none}.solution-carousel-track{display:flex}.solution-carousel-slide{display:grid;aspect-ratio:1.645;flex:0 0 100%;margin:0;overflow:hidden;place-items:center;background:#e9edf4;scroll-snap-align:start;scroll-snap-stop:always}.solution-carousel-slide img{width:100%;height:100%;object-fit:contain;user-select:none}.solution-carousel-controls{display:none;align-items:center;gap:14px;margin-top:20px}.has-js .solution-carousel-controls{display:flex}.solution-carousel-button{display:grid;width:48px;height:48px;flex:0 0 auto;padding:0;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);font:700 1.05rem var(--mono);transition:transform .2s ease,border-color .2s ease,color .2s ease}.solution-carousel-button:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}.solution-carousel-button:disabled{cursor:not-allowed;opacity:.38;transform:none}.solution-carousel-progress{display:flex;min-width:0;flex:1;align-items:center;justify-content:center;gap:7px}.solution-carousel-progress button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#cbd2de;transition:width .2s ease,background .2s ease}.solution-carousel-progress button:hover{background:#96a1b2}.solution-carousel-progress button[aria-current="true"]{width:30px;background:var(--blue)}.solution-carousel-status{min-width:54px;color:var(--muted);font:700 .72rem var(--mono);text-align:center}
.developer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.terminal-card,.sdk-card,.wide-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--canvas)}.terminal-card h2,.terminal-card>p,.sdk-card h2,.sdk-card>p{margin-inline:38px}.terminal-card>p,.sdk-card>p{margin-bottom:38px}.terminal-bar{display:flex;height:44px;align-items:center;gap:7px;padding-inline:15px;border-bottom:1px solid #26314a;color:#8994a9;background:#11182b;font-size:.65rem}.terminal-bar i{width:8px;height:8px;border-radius:50%;background:#445069}.terminal-bar span{margin-inline:auto}.terminal-card pre{min-height:300px;margin:0;padding:35px;color:#c5cedf;background:#0b1020;font:.78rem/1.9 var(--mono);overflow:auto}.terminal-card pre code{color:inherit}.terminal-card h2,.sdk-card h2{margin-top:35px;font-size:2.4rem}.sdk-list{display:grid;min-height:345px;grid-template-columns:repeat(2,1fr);gap:10px;padding:38px}.sdk-list span{display:flex;align-items:center;padding:18px;border:1px solid var(--line);border-radius:12px;color:#4f5c70;background:#fff;font:650 .8rem var(--mono)}.sdk-list span b{font:inherit}.sdk-list span small{display:block;margin-inline-start:auto;padding-inline-start:10px;color:var(--blue-dark);font:700 .53rem/1.25 var(--font);letter-spacing:.04em;text-align:end;text-transform:uppercase}.sdk-card.coming-soon .sdk-list span{border-style:dashed;background:#fbfcff}.wide-card{grid-column:1/-1;display:flex;min-height:300px;align-items:center;justify-content:space-between;gap:50px;padding:50px}.wide-card>div{max-width:520px}.wide-card h2{font-size:clamp(2rem,4vw,3.4rem)}.export-code{padding:28px;border:1px solid #26314a;border-radius:14px;color:#9ff0df;background:var(--navy);font:.8rem/1.8 var(--mono)}.repro-icon{display:grid;min-width:210px;min-height:130px;place-items:center!important;border:1px solid var(--line);border-radius:18px;color:var(--blue);background:#fff;font:700 1.25rem var(--mono)}
.example-list{border-top:1px solid var(--line)}.example-row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:35px;min-height:200px;padding:30px;border-bottom:1px solid var(--line)}.example-row>span{color:var(--blue);font:700 .7rem var(--mono)}.example-row h2{margin:0 0 9px;font-size:clamp(1.8rem,3vw,2.8rem)}.example-row p{margin:0}.example-row code{padding:14px 18px;border:1px solid var(--line);border-radius:10px;color:var(--blue-dark);background:var(--canvas)}.example-row.featured{margin-inline:-20px;padding-inline:50px;border:0;border-radius:20px;background:var(--navy);box-shadow:var(--shadow-md)}.example-row.featured h2{color:#fff}.example-row.featured p{color:#aeb8ca}.example-row.featured code{border-color:#2b3550;color:var(--mint);background:#151d32}
.licensing-hero .hero-lead{max-width:780px}.licensing-hero-note{display:inline-flex;max-width:720px;align-items:flex-start;gap:14px;margin-top:28px;padding:14px 20px;border:1px solid #bdeedf;border-radius:999px;background:#f1fffb;text-align:start}.licensing-hero-note .status-dot{margin-top:8px}.licensing-hero-note p{margin:0;color:#21695c;font-size:.84rem}.licensing-steps-section{padding-block-start:90px}.license-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.license-flow article{display:flex;min-height:350px;flex-direction:column;padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#fff,var(--canvas));box-shadow:var(--shadow-sm)}.license-flow article>span,.license-management-copy>span{color:var(--blue);font:700 .7rem var(--mono)}.flow-glyph{display:grid;width:80px;height:80px;margin-block:48px 38px;place-items:center;border:1px solid #e3e7f8;border-radius:24px;color:var(--blue);background:var(--blue-soft);box-shadow:var(--shadow-sm);font-size:1.8rem;font-weight:650}.license-flow h2{margin-bottom:16px;font-size:clamp(1.65rem,2.3vw,2.1rem)}.license-flow p{margin:0;font-size:.95rem}.license-management{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(40px,7vw,90px);margin-top:18px;padding:clamp(36px,6vw,72px);border:1px solid #dce3f8;border-radius:var(--radius-lg);background:radial-gradient(circle at 100% 0,rgba(72,224,194,.16),transparent 38%),linear-gradient(135deg,#f4f6ff,#f8fbff);box-shadow:var(--shadow-sm)}.license-management h2{max-width:620px;margin:28px 0 18px;font-size:clamp(2rem,4vw,3.5rem)}.license-management p{max-width:620px;margin:0 0 28px;font-size:1.05rem}.license-account-tools{display:grid;gap:12px;margin:0;padding:0;list-style:none}.license-account-tools li{display:flex;min-height:76px;align-items:center;gap:16px;padding:15px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-sm)}.license-account-tools li>span{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:12px;color:var(--blue);background:var(--blue-soft);font-weight:750}.license-account-tools strong{color:var(--ink-soft);font-size:.9rem}
.security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.security-grid article{min-height:360px;padding:45px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--canvas)}.security-icon{display:grid;width:80px;height:80px;margin-bottom:65px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--blue);background:#fff;font:700 1.8rem var(--mono)}.security-grid h2{font-size:2.4rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.about-grid article{min-height:430px;padding:50px;border-radius:var(--radius-lg);background:var(--canvas)}.about-grid span{color:var(--blue);font:700 .7rem var(--mono)}.about-grid h2{margin-top:180px;font-size:2.8rem}.about-grid p{font-size:1.1rem}

.pricing-hero{padding-bottom:90px}.pricing-section{padding-bottom:100px}.pricing-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:stretch}.price-card{position:relative;display:flex;min-height:570px;flex-direction:column;padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff}.price-card.featured{border-color:var(--blue);box-shadow:0 22px 60px rgba(83,111,242,.14);transform:translateY(-12px)}.recommended-badge{position:absolute;inset-block-start:-14px;inset-inline:25px auto;padding:6px 12px;border-radius:999px;color:white;background:var(--blue);font-size:.67rem;font-weight:750}.price-card-head{min-height:120px}.price-card h2{margin:0 0 12px;font-size:1.32rem;letter-spacing:-.025em}.price-card-head p{margin:0;font-size:.83rem;line-height:1.5}.price{margin-block:30px 24px}.price>span{display:block;font-size:2.4rem;font-weight:720;letter-spacing:-.06em;white-space:nowrap}.price small{color:var(--muted);font-size:.75rem}.plan-note{min-height:55px;margin:0 0 15px;padding:10px;border-radius:9px;background:var(--blue-soft);font-size:.7rem;line-height:1.45}.plan-features{display:flex;flex-direction:column;gap:10px;margin:0 0 28px;padding:0;list-style:none}.plan-features li{display:flex;gap:8px;color:#596578;font-size:.76rem}.plan-features i{color:var(--success);font-style:normal}.price-card .button{margin-top:auto}.free-explainer{display:grid;grid-template-columns:120px 120px 1fr;align-items:center;gap:18px;margin-top:35px;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--canvas)}.free-limit{display:flex;min-height:90px;flex-direction:column;align-items:center;justify-content:center;border-radius:14px;background:#fff}.free-limit strong{color:var(--blue);font-size:2rem;line-height:1}.free-limit span{color:var(--muted);font-size:.72rem}.free-explainer h2{margin:0 0 8px;font-size:1.5rem}.free-explainer p{margin:0;font-size:.86rem}.bulk-section{background:var(--canvas)}.bulk-panel{display:grid;grid-template-columns:1fr .9fr;gap:80px;padding:clamp(35px,6vw,76px);border-radius:var(--radius-lg);color:white;background:radial-gradient(circle at 5% 0,rgba(83,111,242,.5),transparent 40%),var(--navy)}.bulk-copy h2{color:white}.bulk-copy p:last-child{color:#aab5ca;font-size:1.08rem}.bulk-calculator{padding:28px;border:1px solid #2b3550;border-radius:20px;background:#151d31}.slider-heading{display:flex;align-items:center;justify-content:space-between}.slider-heading label{font-weight:680}.slider-heading input{width:88px;padding:8px 10px;border:1px solid #3a4560;border-radius:8px;color:white;background:#10172a;text-align:center}.range{width:100%;height:4px;margin-block:28px 8px;accent-color:var(--mint)}.range-scale{display:flex;justify-content:space-between;color:#748199;font-size:.65rem}.bulk-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-block:28px}.bulk-summary>div{padding:14px;border:1px solid #2c3650;border-radius:10px;background:#11192c}.bulk-summary span{display:block;color:#8e9ab0;font-size:.65rem}.bulk-summary strong{display:block;margin-top:7px;color:white;font-size:1.12rem}.bulk-more{display:block;margin-top:16px;color:var(--mint);font-size:.82rem;text-align:center}.pricing-faq details{padding:24px 0;border-bottom:1px solid var(--line)}.pricing-faq summary{font-size:1.12rem;font-weight:680}.pricing-faq p{max-width:680px}

.download-section{padding-bottom:120px}.download-edition-heading{max-width:720px;margin:0 auto 30px;text-align:center}.download-edition-heading h2{margin:0 0 10px;font-size:clamp(2rem,4vw,3rem)}.download-edition-heading p{margin:0}.download-edition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:70px}.download-edition-card{position:relative;display:flex;min-height:370px;flex-direction:column;align-items:flex-start;padding:34px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm)}.download-edition-card.desktop{background:linear-gradient(145deg,#fff,#f4f6ff)}.download-edition-card.headless{background:linear-gradient(145deg,#fff,#effbf8)}.edition-glyph{display:grid;width:72px;height:72px;margin:35px 0 25px;place-items:center;border-radius:19px;color:var(--blue);background:#fff;box-shadow:var(--shadow-sm);font-size:1.8rem}.edition-glyph.terminal{color:#087a55;background:#e8faf4;font:700 1rem var(--mono)}.download-edition-card h2{margin:0 0 12px;font-size:2rem}.download-edition-card p{max-width:530px;margin:0}.download-edition-card code{margin-top:16px;padding:7px 10px;border-radius:7px;color:#11634f;background:#e4f8f1;font:.75rem var(--mono)}.download-edition-card>a{margin-top:auto;padding-top:25px;color:var(--blue);font-size:.78rem;font-weight:700}.headless-pill{color:#11634f;background:#def6ee}.recommended-download{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:35px;border:1px solid rgba(83,111,242,.28);border-radius:var(--radius-lg);background:linear-gradient(135deg,#f9faff,#f0f4ff);box-shadow:var(--shadow-md)}.download-icon{display:grid;width:120px;height:120px;place-items:center;border-radius:28px;background:white;box-shadow:var(--shadow-sm)}.download-icon img{border-radius:20px}.recommended-download h2{margin:12px 0 8px;font-size:2rem}.recommended-download p{margin:0}.pill,.status-badge{display:inline-flex;padding:5px 9px;border-radius:999px;color:var(--blue-dark);background:var(--blue-soft);font-size:.67rem;font-weight:750;letter-spacing:.04em}.manual-heading{display:flex;align-items:end;justify-content:space-between;margin:70px 0 25px}.manual-heading h2{margin:0;font-size:2.4rem}.manual-heading p{margin:0}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.download-card{display:grid;min-height:160px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:25px;border:1px solid var(--line);border-radius:18px;background:white;transition:.22s}.download-card:hover{border-color:var(--blue);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.platform-logo{display:grid;width:55px;height:55px;place-items:center;border-radius:14px;color:var(--ink);background:var(--canvas);font-size:1.6rem}.download-card h3{margin:0 0 5px}.download-card p{margin:0;font-size:.78rem}.download-card>i{color:var(--blue);font-size:1.3rem;font-style:normal}.headless-downloads{margin-top:110px;padding-top:80px;border-top:1px solid var(--line)}.headless-download-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:28px}.headless-download-heading>div{max-width:760px}.headless-download-heading h2{margin:12px 0 10px;font-size:clamp(2rem,4vw,3rem)}.headless-download-heading p{margin:0 0 8px}.headless-download-heading small{color:var(--muted)}.headless-download-heading>code{padding:17px 20px;border-radius:12px;color:#a5f2df;background:var(--navy);font:.8rem var(--mono);white-space:nowrap}.release-notes{background:var(--canvas)}.release-version{position:sticky;top:100px;height:max-content}.release-version p{margin:0 0 10px;color:var(--muted);font-size:.75rem}.release-version strong{display:block;font-size:1.35rem}.release-version span{display:inline-block;margin-top:8px;color:var(--blue);font:.7rem var(--mono)}
.download-edition-heading{margin-block-start:90px}.download-edition-grid{margin-block-end:0}.recommended-download{position:relative;grid-template-columns:auto minmax(0,1fr) auto;overflow:hidden;padding:clamp(35px,4.5vw,54px);border-color:rgba(83,111,242,.38);background:radial-gradient(circle at 92% 0,rgba(72,224,194,.2),transparent 32%),linear-gradient(135deg,#f9faff,#eef2ff);box-shadow:0 28px 80px rgba(30,44,105,.16),0 3px 12px rgba(15,23,42,.06)}.recommended-download::after{position:absolute;inset:-80px -70px auto auto;width:190px;height:190px;border:1px solid rgba(83,111,242,.13);border-radius:50%;content:"";pointer-events:none}.recommended-download-copy{position:relative;z-index:1;max-width:570px}.recommended-download-copy h2{margin-block-end:0}.recommended-download-copy .recommended-platform{margin:9px 0 12px;color:var(--blue-dark);font-size:.9rem;font-weight:720}.recommended-download-copy>p:not(.recommended-platform){max-width:560px;margin:0}.recommended-download-copy>small{display:block;margin-top:12px;color:var(--subtle);font-size:.72rem}.download-latest-button{position:relative;z-index:1;min-width:min(330px,100%);min-height:78px;padding:20px 30px;border-radius:18px;font-size:1.08rem;letter-spacing:-.01em;text-align:center}.download-latest-button i{font-size:1.35rem;font-style:normal;line-height:1}.download-platform-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.download-platform-head{display:flex;align-items:center;gap:15px;margin-bottom:20px}.download-platform-head h3{margin:0 0 3px;font-size:1.2rem}.download-platform-head p{margin:0;color:var(--muted);font-size:.7rem}.download-option-list{display:flex;flex-direction:column;gap:8px}.download-option{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid var(--line-soft);border-radius:11px;background:var(--canvas);transition:.2s}.download-option:hover{border-color:var(--blue);background:var(--blue-soft);transform:translateY(-1px)}.download-option.unavailable{cursor:not-allowed;opacity:.58}.download-option.unavailable:hover{border-color:var(--line-soft);background:var(--canvas);transform:none}.download-option>span{display:flex;min-width:0;flex-direction:column}.download-option strong{font-size:.8rem}.download-option small{margin-top:3px;color:var(--muted);font-size:.65rem}.download-option em{color:var(--blue-dark);font-style:normal;font-weight:700}.download-option.unavailable em{margin-inline-start:4px;color:var(--muted)}.download-option>i{color:var(--blue);font-size:1.05rem;font-style:normal}
.mobile-download{display:none}.desktop-download{display:block}.mobile-copy-status{display:block;min-height:1.25rem;color:var(--success);font-size:.72rem;font-weight:680;text-align:center}
@media (max-width:768px){.download-hero{display:none}.download-section{padding-block:36px 80px}.mobile-download{display:flex;flex-direction:column;align-items:stretch;padding:30px 22px;border:1px solid rgba(83,111,242,.3);border-radius:var(--radius-lg);background:radial-gradient(circle at 95% 0,rgba(72,224,194,.2),transparent 30%),linear-gradient(145deg,#fff,#f1f4ff);box-shadow:var(--shadow-md);text-align:center}.mobile-download-icon{display:grid;width:88px;height:88px;margin:0 auto 22px;place-items:center;border-radius:23px;background:#fff;box-shadow:var(--shadow-sm)}.mobile-download-icon img{border-radius:16px}.mobile-download .eyebrow{margin-bottom:12px}.mobile-download h1{margin:0;font-size:clamp(2.25rem,11vw,3.5rem);line-height:1.02}.mobile-download-lead{margin:20px 0 10px;color:var(--ink-soft);font-size:1.08rem;font-weight:650}.mobile-download>p:not(.eyebrow):not(.mobile-download-lead):not(.mobile-download-platforms){margin:0;color:var(--muted)}.mobile-download .alert{margin:24px 0 0;text-align:start}.mobile-download-form{display:flex;flex-direction:column;gap:13px;margin-top:26px;text-align:start}.mobile-download-form .button,.mobile-copy-button{width:100%;min-height:54px}.mobile-download-note{color:var(--subtle);font-size:.67rem;line-height:1.5;text-align:center}.mobile-download-note a{color:var(--blue);text-decoration:underline}.mobile-copy-button{margin-top:12px}.mobile-download-platforms{margin:17px 0 0;color:var(--ink-soft);font-size:.75rem;font-weight:680}.mobile-download-show{align-self:center;margin-top:18px;color:var(--blue);font-size:.78rem;font-weight:700;text-decoration:underline;text-underline-offset:4px}.desktop-download{display:none;scroll-margin-top:80px}.desktop-download:target,.desktop-download.is-mobile-expanded{display:block;margin-top:44px}}

.docs-head{padding-block:70px 45px;border-bottom:1px solid var(--line);background:var(--canvas)}.docs-head>.shell{display:flex;align-items:end;justify-content:space-between;gap:40px}.docs-head h1{margin:0 0 15px;font-size:clamp(2.8rem,5vw,4.5rem)}.docs-head p:last-child{margin:0}.version-select{display:flex;min-width:230px;flex-direction:column;gap:7px;color:var(--muted);font-size:.72rem}.version-select select{padding:11px 38px 11px 13px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:white}.docs-shell,.docs-layout{display:grid;grid-template-columns:250px minmax(0,780px);justify-content:space-between;gap:80px}.docs-shell{padding-block:60px 130px}.docs-nav{position:sticky;top:100px;height:max-content}.docs-nav>p{margin:0 0 14px;color:var(--subtle);font-size:.7rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.docs-nav nav{display:flex;flex-direction:column}.docs-nav a{padding:8px 12px;border-inline-start:2px solid var(--line);color:var(--muted);font-size:.83rem}.docs-nav a:hover,.docs-nav a.is-current{border-color:var(--blue);color:var(--blue);background:linear-gradient(90deg,var(--blue-soft),transparent)}.docs-article{min-width:0}.language-fallback{display:flex;flex-direction:column;gap:3px;margin-bottom:30px;padding:16px 18px;border:1px solid #f2d49d;border-radius:12px;background:#fffaf0}.language-fallback strong{color:#8c5314;font-size:.82rem}.language-fallback span{color:#8d724e;font-size:.76rem}.docs-footer-cta{display:flex;justify-content:space-between;gap:12px;margin-top:60px;padding-top:30px;border-top:1px solid var(--line)}
.prose{color:#475467;font-size:1.01rem;line-height:1.8}.prose h1,.prose h2,.prose h3{color:var(--ink)}.prose h1{margin:0 0 25px;font-size:clamp(2.4rem,5vw,4.2rem)}.prose h2{margin:52px 0 18px;font-size:1.8rem}.prose h3{margin:35px 0 12px;font-size:1.3rem}.prose p{color:#475467}.prose a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.prose code{padding:2px 6px;border-radius:5px;color:#3b4fb1;background:var(--blue-soft);font: .9em var(--mono)}.prose pre{padding:22px;overflow:auto;border:1px solid #26314a;border-radius:12px;color:#d4dbea;background:var(--navy);font: .82rem/1.7 var(--mono)}.prose pre code{padding:0;color:inherit;background:transparent}.prose blockquote{margin:25px 0;padding:4px 0 4px 20px;border-inline-start:3px solid var(--blue);font-style:italic}.prose li{margin-block:7px}

.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{display:flex;min-height:520px;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:white}.blog-art{position:relative;display:grid;height:220px;margin-bottom:28px;place-items:center;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 50% 30%,rgba(72,224,194,.2),transparent 40%),var(--navy)}.blog-art span{z-index:2;color:white;font:700 2.3rem var(--mono)}.blog-art i{position:absolute;width:200px;height:200px;border:1px solid #34405d;border-radius:50%}.blog-art i:nth-child(2){transform:translateX(-70px)}.blog-art i:nth-child(3){transform:translateX(70px)}.blog-art i:nth-child(4){transform:scale(.6)}.blog-card .eyebrow{margin:0 0 12px;font-size:.65rem}.blog-card h2{font-size:1.65rem}.blog-card p:not(.eyebrow){font-size:.9rem}.blog-card>a{margin-top:auto;color:var(--blue);font-size:.83rem;font-weight:680}.empty-state{grid-column:1/-1;padding:80px;border:1px dashed var(--line);border-radius:var(--radius);text-align:center}.empty-state>span{display:block;color:var(--blue);font-size:3rem}.empty-state h2{font-size:1.8rem}.article-shell{max-width:900px;margin-inline:auto;padding:100px 24px 140px}.article-head{text-align:center}.article-head>a{color:var(--blue);font-size:.78rem;font-weight:700}.article-head>p:first-of-type{font-size:.76rem}.article-head h1{margin:30px 0;font-size:clamp(3rem,7vw,5.7rem)}.article-head>p:last-child{max-width:720px;margin-inline:auto;font-size:1.22rem}.article-hero{position:relative;display:grid;height:420px;margin-block:65px;place-items:center;overflow:hidden;border-radius:var(--radius-lg);background:radial-gradient(circle at center,rgba(83,111,242,.3),transparent 35%),var(--navy)}.article-hero>span{z-index:2;color:white;font:700 4rem var(--mono)}.article-hero>div{position:absolute;inset:0}.article-hero i{position:absolute;border:1px solid #303b56;border-radius:50%;inset:50%;transform:translate(-50%,-50%)}.article-hero i:nth-child(1){width:110px;height:110px}.article-hero i:nth-child(2){width:200px;height:200px}.article-hero i:nth-child(3){width:300px;height:300px}.article-hero i:nth-child(4){width:420px;height:420px}.article-hero i:nth-child(5){width:560px;height:560px}.article-prose{max-width:740px;margin-inline:auto}

.contact-section{padding-block:120px;background:linear-gradient(180deg,#fafbff,#fff)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start}.contact-copy{position:sticky;top:120px}.contact-copy h1{font-size:clamp(3.5rem,6vw,5.8rem)}.contact-direct{display:grid;grid-template-columns:auto 1fr;gap:8px 25px;margin-top:55px;padding-top:28px;border-top:1px solid var(--line);font-size:.85rem}.contact-direct span{color:var(--subtle)}.contact-direct a{color:var(--blue);font-weight:650}.form-card{padding:38px;border:1px solid var(--line);border-radius:var(--radius-lg);background:white;box-shadow:var(--shadow-md)}form{margin:0}.form-card form,.auth-card form{display:flex;flex-direction:column;gap:20px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:flex;flex-direction:column;gap:7px;color:var(--ink-soft);font-size:.78rem;font-weight:650}input,select,textarea{width:100%;border:1px solid #cfd6e1;border-radius:10px;color:var(--ink);background:white;transition:.2s}input,select{height:48px;padding:0 13px}textarea{padding:13px;resize:vertical}input:hover,select:hover,textarea:hover{border-color:#aeb8c7}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:3px solid rgba(83,111,242,.12)}.form-error{color:var(--danger);font-size:.7rem}.form-consent{margin:0;font-size:.72rem}.honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}.alert{padding:14px 17px;border:1px solid #f2d49d;border-radius:10px;color:#7b4e16;background:#fffaf0;font-size:.82rem}.alert-success{margin-bottom:22px;border-color:#a6e2cc;color:var(--success);background:#f1fff9}.alert-error{margin-block:18px;border-color:#f1b8b3;color:var(--danger);background:#fff5f4}

.legal-page{padding-block:100px}.legal-shell{display:grid;grid-template-columns:250px minmax(0,800px);justify-content:space-between;gap:80px}.legal-shell aside{position:sticky;top:110px;height:max-content}.legal-shell aside p{margin:0 0 12px;color:var(--subtle);font-size:.72rem;font-weight:750;text-transform:uppercase}.legal-shell aside nav{display:flex;flex-direction:column}.legal-shell aside a{padding:8px 12px;border-inline-start:2px solid transparent;color:var(--muted);font-size:.84rem;line-height:1.35}.legal-shell aside a:hover{color:var(--blue)}.legal-shell aside a.is-active{border-inline-start-color:var(--blue);color:var(--blue-dark);background:var(--blue-soft);font-weight:680}.legal-summary{font-size:1.3rem!important;line-height:1.6}.legal-authority{margin:20px 0;padding:12px 16px;border-inline-start:3px solid var(--line);color:var(--subtle)!important;font-size:.8rem!important}.legal-version{display:flex;flex-wrap:wrap;gap:14px 30px;margin:22px 0 12px;padding:18px 0;border-block:1px solid var(--line)}.legal-version div{display:flex;gap:8px}.legal-version dt{color:var(--subtle);font-size:.72rem;font-weight:700;text-transform:uppercase}.legal-version dd{margin:0;color:var(--ink-soft);font:700 .74rem var(--mono)}.legal-download{margin:0 0 45px!important;font-size:.78rem}.legal-content h2:first-child{margin-top:0}.legal-content blockquote{margin:28px 0;padding:22px 24px;border:1px solid #bfd0ff;border-inline-start:4px solid var(--blue);border-radius:12px;background:var(--blue-soft);font-style:normal}.legal-content blockquote p:first-child{margin-top:0}.legal-content blockquote p:last-child{margin-bottom:0}.legal-content hr{margin:46px 0;border:0;border-top:1px solid var(--line)}

.minimal-page{background:var(--canvas)}.center-page{display:grid;min-height:calc(100vh - 68px);padding:70px 24px;place-items:center}.status-card,.auth-card{width:min(100%,560px);padding:45px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-md);text-align:center}.status-card>img,.auth-card>img{margin:0 auto 25px}.status-card h1,.auth-card h1{font-size:2.5rem}.status-card>p:not(.eyebrow),.auth-card>p{max-width:430px;margin-inline:auto}.status-card dl{margin-block:28px;text-align:start}.status-card dl>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.status-card dt{color:var(--muted)}.status-card dd{font-weight:680}.auth-card form{margin-top:30px;text-align:start}.auth-demo{margin-top:25px!important;color:var(--subtle)!important;font-size:.75rem}.email-chip{display:inline-block!important;padding:7px 12px;border-radius:999px;color:var(--ink)!important;background:var(--canvas);font-size:.78rem}.dev-code{display:flex;align-items:center;justify-content:space-between;margin-block:20px;padding:14px 16px;border:1px dashed var(--blue);border-radius:10px;color:var(--blue-dark);background:var(--blue-soft);font-size:.76rem}.dev-code strong{font:700 1.25rem var(--mono);letter-spacing:.18em}.otp-input{height:60px;text-align:center;font:700 1.5rem var(--mono);letter-spacing:.3em}

.account-main{min-height:80vh;padding-block:80px 130px;background:var(--canvas)}.account-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:65px}.account-head h1{margin:0 0 8px;font-size:3.4rem}.account-head p:last-child{margin:0}.account-section{margin-top:50px}.section-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-line h2{margin:0;font-size:1.7rem}.portal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.portal-card{padding:28px;border:1px solid var(--line);border-radius:18px;background:white}.portal-card h3{margin:22px 0;font-size:1.7rem}.portal-card dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.portal-card dl>div{padding:14px;border:1px solid var(--line-soft)}.portal-card dt{color:var(--muted);font-size:.7rem}.portal-card dd{margin:3px 0 0;font-weight:680}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:white}table{width:100%;border-collapse:collapse;text-align:start}th,td{padding:16px 18px;border-bottom:1px solid var(--line-soft);white-space:nowrap;text-align:start}th{color:var(--subtle);background:#fafbfc;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}td{color:#4e5a6d;font-size:.82rem}tbody tr:last-child td{border:0}

.checkout-main{min-height:calc(100vh - 68px);padding-block:90px 120px;background:radial-gradient(circle at 15% 5%,rgba(83,111,242,.12),transparent 32%),var(--canvas)}
.checkout-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);align-items:start;gap:clamp(50px,8vw,110px)}
.checkout-copy{position:sticky;top:130px;padding-block:35px}.checkout-copy h1{max-width:660px;font-size:clamp(3.4rem,6vw,5.8rem)}.checkout-copy .hero-lead{max-width:580px}
.checkout-trust{display:flex;align-items:center;gap:12px;margin-top:38px}.checkout-trust>span{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:50%;color:var(--success);background:#eafaf3;font-weight:800}.checkout-trust p{margin:0;font-size:.85rem}
.checkout-signin{margin-top:22px;font-size:.84rem}.checkout-signin a,.checkout-back{color:var(--blue);font-weight:680}
.checkout-panel{padding:34px}.checkout-panel>h2{margin-bottom:24px;font-size:1.45rem}.checkout-panel form{display:flex;flex-direction:column;gap:18px;margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}
.checkout-offer-description{margin:18px 0 0;padding:16px;border:1px solid var(--line-soft);border-radius:10px;color:var(--ink-soft);background:var(--canvas);font-size:.88rem;line-height:1.55}
.order-summary{margin:0}.order-summary>div{display:flex;align-items:baseline;justify-content:space-between;gap:25px;padding-block:12px;border-bottom:1px solid var(--line-soft)}.order-summary dt{color:var(--muted);font-size:.78rem}.order-summary dd{margin:0;text-align:end;font-weight:680}.order-summary .order-total{padding-top:18px;border-bottom:0}.order-summary .order-total dt,.order-summary .order-total dd{color:var(--ink);font-size:1.05rem}
.checkout-consent{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;font-weight:500;line-height:1.45}.checkout-consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--blue)}.checkout-panel label small:not(.form-error){color:var(--subtle);font-size:.66rem;font-weight:500}.checkout-legal-links{margin:-5px 0 0;color:var(--subtle);font-size:.68rem;line-height:1.55}.checkout-legal-links a{color:var(--ink-soft);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}.checkout-provider-note{margin:0;text-align:center;font-size:.68rem}.checkout-back{display:block;margin-top:22px;text-align:center;font-size:.78rem}
.checkout-submit-button:disabled{cursor:wait;opacity:.8;transform:none;box-shadow:0 8px 20px rgba(83,111,242,.18)}.checkout-submit-loader{width:17px;height:17px;flex:0 0 auto;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:checkout-loader-spin .8s linear infinite}
.smartscreen-notice{display:flex;align-items:flex-start;gap:14px;margin:45px 0 0;padding:20px 22px;border:1px solid #cbd6ff;border-radius:12px;color:#394660;background:#f5f7ff}.smartscreen-notice>span{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:8px;color:var(--blue-dark);background:#e7ebff;font-weight:750}.smartscreen-notice p{margin:3px 0;font-size:.8rem}.download-legal-notice{margin:45px 0 0;padding:18px 22px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:var(--canvas);font-size:.78rem}.smartscreen-notice+.download-legal-notice{margin-top:16px}.download-legal-notice a{margin-inline-start:5px;color:var(--blue);font-weight:700}
.checkout-result{width:min(100%,650px)}.result-mark{display:grid;width:70px;height:70px;margin:0 auto 24px;place-items:center;border-radius:22px;font-size:2rem;font-weight:780}.result-mark.is-success{color:var(--success);background:#eafaf3}.result-mark.is-processing{color:var(--blue);background:var(--blue-soft)}.checkout-loader{width:27px;height:27px;border:3px solid rgba(83,111,242,.2);border-top-color:var(--blue);border-radius:50%;animation:checkout-loader-spin .8s linear infinite}.result-mark.is-neutral{color:var(--ink-soft);background:var(--canvas)}.result-mark.is-error{color:var(--danger);background:#fff0ef}.result-email{padding:12px 15px;border-radius:10px;background:var(--canvas);font-size:.78rem}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
@keyframes checkout-loader-spin{to{transform:rotate(360deg)}}
.account-flashes{display:grid;gap:10px;margin-bottom:30px}.account-flashes .alert{margin:0}.seat-summary{display:grid;grid-template-columns:repeat(2,minmax(150px,240px));gap:10px;margin-bottom:16px}.seat-summary>div{padding:16px 18px;border:1px solid var(--line);border-radius:13px;background:#fff}.seat-summary span{display:block;color:var(--muted);font-size:.68rem}.seat-summary strong{display:block;margin-top:4px;font-size:1.35rem}.empty-portal{padding:34px;border:1px dashed var(--line);border-radius:15px;color:var(--muted);background:rgba(255,255,255,.55);text-align:center}.section-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.section-actions form{margin:0}.section-hint{margin:7px 0 0;font-size:.76rem}.table-note{display:block;margin-top:4px;color:var(--subtle);font-size:.63rem}.table-note.quota-reached{max-width:260px;color:var(--danger);white-space:normal}.table-note.quota-reached a{font-weight:700;text-decoration:underline}.table-actions{display:flex;align-items:center;gap:12px}.table-actions form{margin:0}.button-link{padding:0;border:0;color:var(--blue);background:transparent;font-size:.72rem;font-weight:680}.button-link.danger{color:var(--danger)}

.site-footer { padding-block: 80px 28px; border-block-start: 1px solid var(--line); background: #fbfcfe; }
.footer-grid { display: grid; grid-template-columns: 1.8fr repeat(4, 1fr); gap: 45px; }
.footer-brand p { max-width: 260px; margin-block-start: 18px; font-size: .82rem; }
.footer-grid h2 { margin: 0 0 18px; color: var(--subtle); font-size: .7rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.footer-grid > div:not(.footer-brand) { display: flex; flex-direction: column; align-items: flex-start; }
.footer-grid a { margin-block: 5px; color: #536074; font-size: .79rem; }
.footer-grid a:hover { color: var(--blue); }
.footer-grid h2 .footer-heading-link { margin: 0; color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; }
.footer-bottom { display: flex; justify-content: space-between; margin-block-start: 65px; padding-block-start: 22px; border-block-start: 1px solid var(--line); }
.footer-bottom p { margin: 0; color: var(--subtle); font-size: .7rem; }

.has-js .reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }
.has-js .reveal-delay { transition-delay: .12s; }
.has-js .reveal.is-visible { opacity: 1; transform: none; }
[hidden] { display: none !important; }

@media (max-width: 1120px) {
    :root { --shell: min(100% - 36px, 1040px); }
    .primary-nav { gap: 17px; }
    .header-signin { display: none; }
    .hero-grid { grid-template-columns: 1fr; }
    .hero-copy { max-width: 820px; text-align: center; margin-inline: auto; }
    .hero-copy .hero-lead { margin-inline: auto; }
    .hero-actions, .microcopy { justify-content: center; }
    .workspace-wrap { width: min(100%, 820px); margin-inline: auto; }
    .workspace-window { min-width: 0; transform: none; }
    .pricing-grid { grid-template-columns: repeat(2, 1fr); }
    .price-card.featured { transform: none; }
    .audience-grid { grid-template-columns: repeat(2, 1fr); }
    .license-flow { grid-template-columns: repeat(2, 1fr); }
    .license-flow article:last-child:nth-child(odd) { grid-column: 1/-1; }
    .license-management { grid-template-columns: 1fr; }
    .license-account-tools { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .license-account-tools li { min-width: 0; flex-direction: column; align-items: flex-start; }
}

@media (max-width: 850px) {
    .site-header { height: 62px; }
    .header-inner { gap: 16px; }
    .menu-toggle { display: block; order: 3; }
    .primary-nav { position: fixed; inset: 62px 0 auto; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 18px; border-block-end: 1px solid var(--line); background: rgba(255,255,255,.98); box-shadow: var(--shadow-md); }
    .primary-nav.is-open { display: flex; }
    .primary-nav a { padding: 13px 8px; font-size: 1rem; }
    .primary-nav a::after { display: none; }
    .header-actions { margin-inline-start: auto; }
    .header-actions .button { display: none; }
    .language-popover { position: fixed; inset: 70px 18px auto; width: auto; }
    .language-popover ul { grid-template-columns: repeat(2, 1fr); }
    .explain-steps { grid-template-columns: 1fr; }
    .explain-step { min-height: 0; }
    .comparison-grid { grid-template-columns: 1fr; }
    .story-grid, .contact-grid, .bulk-panel, .checkout-layout { grid-template-columns: 1fr; gap: 50px; }
    .checkout-copy { position: static; padding-block: 0; }
    .checkout-layout { max-width: 680px; }
    .story-copy { text-align: center; }
    .story-copy p { margin-inline: auto; }
    .two-up, .showcase-grid, .developer-grid, .security-grid, .about-grid { grid-template-columns: 1fr; }
    .wide-card { grid-column: auto; }
    .feature-large { min-height: 500px; }
    .flow-list > li { grid-template-columns: 50px 1fr; }
    .flow-visual { grid-column: 2; }
    .audience-grid { grid-template-columns: 1fr 1fr; }
    .pricing-grid { grid-template-columns: 1fr 1fr; }
    .free-explainer { grid-template-columns: 90px 90px 1fr; }
    .download-grid, .download-edition-grid, .blog-grid { grid-template-columns: 1fr; }
    .recommended-download { grid-template-columns: auto 1fr; }
    .recommended-download .button { grid-column: 1/-1; }
    .docs-shell, .docs-layout, .legal-shell { grid-template-columns: 1fr; gap: 35px; }
    .docs-nav, .release-version, .legal-shell aside, .contact-copy { position: static; }
    .docs-nav nav { display: grid; grid-template-columns: 1fr 1fr; }
    .footer-grid { grid-template-columns: 1.5fr repeat(2, 1fr); }
    .contact-grid { max-width: 680px; }
}

@media (max-width: 600px) {
    :root { --shell: calc(100% - 28px); --radius-lg: 22px; }
    body { font-size: 15px; }
    h1 { font-size: clamp(2.75rem, 14vw, 4.2rem); }
    .section { padding-block: 78px; }
    .home-hero { min-height: 0; padding-block: 70px 80px; }
    .hero-copy { text-align: start; }
    .hero-actions, .microcopy { justify-content: flex-start; }
    .hero-actions .button { width: 100%; }
    .solution-gallery-head { flex-direction: column; align-items: stretch; gap: 25px; }
    .solution-gallery-head>.button { width: 100%; }
    .solution-carousel-controls { gap: 8px; }
    .solution-carousel-button { width: 42px; height: 42px; }
    .solution-carousel-progress { gap: 4px; }
    .solution-carousel-progress button { width: 6px; height: 6px; }
    .solution-carousel-progress button[aria-current="true"] { width: 20px; }
    .solution-carousel-status { min-width: 45px; font-size: .65rem; }
    .workspace-body { min-height: 330px; }
    .workspace-sidebar { display: none; }
    .workspace-main { padding: 12px; }
    .workspace-heading .running { display: none; }
    .workspace-grid { grid-template-columns: 1fr; }
    .formula-panel { min-height: 145px; }
    .pareto-chart { min-height: 190px; }
    .candidate-list > div { grid-template-columns: 25px 1fr; }
    .candidate-list strong { display: none; }
    .proof-items { justify-content: flex-start; overflow-x: auto; }
    .explain-intro { margin-block-end: 42px; text-align: start; }
    .explain-step { padding: 22px; }
    .explain-step-visual { margin: -22px -22px 27px; }
    .model-comparison { padding: 24px 18px; }
    .comparison-card { grid-template-columns: 1fr; gap: 20px; padding: 20px; }
    .comparison-visual { min-height: 112px; }
    .explain-download { grid-template-columns: auto 1fr; padding: 24px 20px; }
    .explain-download .button { grid-column: 1 / -1; width: 100%; }
    .two-up, .audience-grid, .pricing-grid, .license-flow, .security-grid, .about-grid, .portal-grid { grid-template-columns: 1fr; }
    .license-flow article:last-child:nth-child(odd) { grid-column: auto; }
    .license-management { padding: 30px 20px; }
    .license-account-tools { grid-template-columns: 1fr; }
    .license-account-tools li { flex-direction: row; align-items: center; }
    .licensing-hero-note { border-radius: 16px; }
    .feature-large { min-height: 460px; padding: 26px; }
    .privacy-orbit { transform: scale(.85); }
    .cta-panel, .wide-card { flex-direction: column; align-items: flex-start; }
    .cta-panel .button { width: 100%; }
    .flow-list > li { grid-template-columns: 30px 1fr; gap: 18px; }
    .flow-visual { grid-column: 1/-1; }
    .example-row { grid-template-columns: 32px 1fr; gap: 12px; padding-inline: 5px; }
    .example-row code { grid-column: 2; width: 100%; overflow:auto; }
    .example-row.featured { margin-inline:-8px;padding-inline:14px }
    .wide-card { padding: 30px; }
    .export-code { width: 100%; overflow: auto; }
    .free-explainer { grid-template-columns: 1fr 1fr; }
    .free-explainer > div:last-child { grid-column: 1/-1; }
    .bulk-panel { padding: 28px 18px; }
    .bulk-summary { grid-template-columns: 1fr; }
    .recommended-download { grid-template-columns: 1fr; text-align: center; }
    .download-icon { margin-inline: auto; }
    .manual-heading, .headless-download-heading, .docs-head>.shell, .account-head { flex-direction: column; align-items: flex-start; }
    .checkout-copy h1 { font-size: clamp(2.8rem, 13vw, 4.2rem); }
    .checkout-panel { padding: 26px; }
    .seat-summary { grid-template-columns: 1fr; }
    .account-section .section-line { align-items: flex-start; flex-direction: column; }
    .download-card { grid-template-columns: auto 1fr auto; }
    .docs-nav nav { grid-template-columns: 1fr; }
    .docs-head>.shell { align-items: stretch; }
    .version-select { min-width: 0; }
    .field-row { grid-template-columns: 1fr; }
    .form-card, .auth-card, .status-card { padding: 26px; }
    .article-shell { padding-block-start: 70px; }
    .article-hero { height: 280px; margin-block: 45px; }
    .contact-section { padding-block: 75px; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 35px 20px; }
    .footer-brand { grid-column: 1/-1; }
    .footer-bottom { flex-direction: column; gap: 8px; }
    .language-popover ul { grid-template-columns: 1fr; }
    .header-signin { display: none; }
    .table-wrap { margin-inline: -14px; border-radius: 0; }
}

.pricing-grid { grid-template-columns: repeat(auto-fit, minmax(205px, 1fr)); }

[dir="rtl"] .workspace-window { direction: ltr; }
[dir="rtl"] .primary-nav, [dir="rtl"] .header-actions, [dir="rtl"] .site-footer { direction: rtl; }
[dir="rtl"] .language-popover a { text-align: start; }
[dir="rtl"] .mini-pareto, [dir="rtl"] .flow-visual, [dir="rtl"] .diagnostic-mosaic, [dir="rtl"] .article-hero, [dir="rtl"] .explain-step-visual, [dir="rtl"] .comparison-visual { direction: ltr; }

.bulk-summary .bulk-saving { grid-column: 1 / -1; border-color: rgba(72, 224, 194, .55); background: rgba(72, 224, 194, .08); }
.bulk-summary .bulk-saving strong { color: var(--mint); font-size: 1.35rem; }

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
    .has-js .reveal { opacity: 1; transform: none; }
}

@media print {
    .site-header, .site-footer, .legal-shell aside, .legal-download { display: none !important; }
    .legal-page { padding: 0; }
    .legal-shell { display: block; width: 100%; }
    .legal-shell article { max-width: none; }
    .legal-content blockquote { break-inside: avoid; background: transparent; }
}
