/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--hero-marquee-angle:0deg}}}@layer theme{:root,:host{--font-sans:-apple-system, system-ui, "PingFang SC", "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "Segoe UI", Roboto, "Hiragino Sans GB", arial, "Microsoft YaHei", SimSun, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs--line-height:calc(1 / .75);--text-sm--line-height:calc(1.25 / .875);--text-base--line-height:calc(1.5 / 1);--text-lg--line-height:calc(1.75 / 1.125);--text-xl--line-height:calc(1.75 / 1.25);--text-2xl--line-height:calc(2 / 1.5);--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-xs:.125rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:-apple-system, system-ui, "PingFang SC", "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "Segoe UI", Roboto, "Hiragino Sans GB", arial, "Microsoft YaHei", SimSun, sans-serif;--default-mono-font-family:var(--font-mono);--shadow-soft:var(--shadow-soft);--shadow-card:var(--shadow-card);--shadow-elevated:var(--shadow-elevated);--shadow-overlay:var(--shadow-overlay);--shadow-hover:var(--shadow-hover);--shadow-premium:var(--shadow-premium);--radius-pill:var(--radius-pill)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--border)}::file-selector-button{border-color:var(--border)}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.-top-px{top:-1px}.top-0{top:calc(var(--spacing) * 0)}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-0{right:calc(var(--spacing) * 0)}.right-4{right:calc(var(--spacing) * 4)}.right-\[7\%\]{right:7%}.-left-px{left:-1px}.left-\[7\%\]{left:7%}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-30{z-index:30}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.-mr-2{margin-right:calc(var(--spacing) * -2)}.mr-0\.5{margin-right:calc(var(--spacing) * .5)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.aspect-\[1000\/1416\]{aspect-ratio:1000/1416}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-40{height:calc(var(--spacing) * 40)}.h-44{height:calc(var(--spacing) * 44)}.h-\[1\.6\%\]{height:1.6%}.h-full{height:100%}.max-h-\[85dvh\]{max-height:85dvh}.min-h-\[3px\]{min-height:3px}.min-h-screen{min-height:100vh}.w-\[120px\]{width:120px}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.\!max-w-md{max-width:var(--container-md)!important}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[560px\]{max-width:560px}.max-w-\[860px\]{max-width:860px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-mt-16{scroll-margin-top:calc(var(--spacing) * 16)}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[88px_minmax\(0\,1fr\)\]{grid-template-columns:88px minmax(0,1fr)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:calc(var(--radius) + 8px)}.rounded-3xl{border-radius:calc(var(--radius) + 16px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-r-lg{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.rounded-r-xl{border-top-right-radius:calc(var(--radius) + 4px);border-bottom-right-radius:calc(var(--radius) + 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-\[\#954FFF\]{border-color:#954fff}.border-\[\#1495FF\]{border-color:#1495ff}.border-border-strong{border-color:var(--border-strong)}.border-divider{border-color:var(--divider)}.border-free{border-color:var(--free)}.border-primary{border-color:var(--primary)}.border-transparent{border-color:#0000}.border-warning{border-color:var(--warning)}.bg-\[\#8B5CF6\]\/10{background-color:oklab(60.5631% .0845415 -.201932/.1)}.bg-\[\#954FFF\]{background-color:#954fff}.bg-\[\#954FFF\]\/10{background-color:oklab(60.5139% .109479 -.219434/.1)}.bg-\[\#954FFF\]\/15{background-color:oklab(60.5139% .109479 -.219434/.15)}.bg-\[\#1495FF\]{background-color:#1495ff}.bg-\[\#1495FF\]\/10{background-color:oklab(66.1641% -.0608453 -.175942/.1)}.bg-\[\#1495FF\]\/15{background-color:oklab(66.1641% -.0608453 -.175942/.15)}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-card{background-color:var(--card)}.bg-danger{background-color:var(--danger)}.bg-danger-soft{background-color:var(--danger-soft)}.bg-foreground\/20{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/20{background-color:color-mix(in oklab, var(--foreground) 20%, transparent)}}.bg-foreground\/30{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/30{background-color:color-mix(in oklab, var(--foreground) 30%, transparent)}}.bg-foreground\/\[0\.07\]{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/\[0\.07\]{background-color:color-mix(in oklab, var(--foreground) 7.0%, transparent)}}.bg-free\/5{background-color:var(--free)}@supports (color:color-mix(in lab, red, red)){.bg-free\/5{background-color:color-mix(in oklab, var(--free) 5%, transparent)}}.bg-premium-soft{background-color:var(--premium-soft)}.bg-primary{background-color:var(--primary)}.bg-primary-soft,.bg-primary-soft\/40{background-color:var(--primary-soft)}@supports (color:color-mix(in lab, red, red)){.bg-primary-soft\/40{background-color:color-mix(in oklab, var(--primary-soft) 40%, transparent)}}.bg-primary-soft\/70{background-color:var(--primary-soft)}@supports (color:color-mix(in lab, red, red)){.bg-primary-soft\/70{background-color:color-mix(in oklab, var(--primary-soft) 70%, transparent)}}.bg-secondary,.bg-secondary\/30{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/30{background-color:color-mix(in oklab, var(--secondary) 30%, transparent)}}.bg-secondary\/40{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/40{background-color:color-mix(in oklab, var(--secondary) 40%, transparent)}}.bg-secondary\/60{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/60{background-color:color-mix(in oklab, var(--secondary) 60%, transparent)}}.bg-success{background-color:var(--success)}.bg-success-soft{background-color:var(--success-soft)}.bg-warning{background-color:var(--warning)}.bg-warning-soft{background-color:var(--warning-soft)}.bg-warning\/5{background-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.bg-warning\/5{background-color:color-mix(in oklab, var(--warning) 5%, transparent)}}.p-0{padding:calc(var(--spacing) * 0)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-\[10\%\]{padding-inline:10%}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-\[9\%\]{padding-block:9%}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.align-top{vertical-align:top}.text-2xl{font-size:22px;line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:28px;line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:14px;line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:16px;line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:14px;line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:18px;line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:12px;line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[1\.85\]{--tw-leading:1.85;line-height:1.85}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:1.3;line-height:1.3}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-balance{text-wrap:balance}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-\[\#8B5CF6\]{color:#8b5cf6}.text-\[\#954FFF\]{color:#954fff}.text-\[\#1495FF\]{color:#1495ff}.text-danger-foreground{color:var(--danger-foreground)}.text-foreground{color:var(--foreground)}.text-free{color:var(--free)}.text-muted-foreground,.text-muted-foreground\/50{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/50{color:color-mix(in oklab, var(--muted-foreground) 50%, transparent)}}.text-muted-strong{color:var(--muted-strong)}.text-premium{color:var(--premium)}.text-premium-deep{color:var(--premium-deep)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-success{color:var(--success)}.text-success-foreground{color:var(--success-foreground)}.text-warning{color:var(--warning)}.text-warning-foreground{color:var(--warning-foreground)}.text-white{color:var(--color-white)}.italic{font-style:italic}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.decoration-primary\/40{-webkit-text-decoration-color:var(--primary);-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.decoration-primary\/40{-webkit-text-decoration-color:color-mix(in oklab, var(--primary) 40%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--primary) 40%, transparent);text-decoration-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow-card{--tw-shadow:var(--shadow-card);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-elevated{--tw-shadow:var(--shadow-elevated);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-soft{--tw-shadow:var(--shadow-soft);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-\[color\,background-color\,border-color\,box-shadow\,translate\,scale\]{transition-property:color,background-color,border-color,box-shadow,translate,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.zoom-in-95{--tw-enter-scale:.95}.fade-in{--tw-enter-opacity:0}.paused{animation-play-state:paused}.slide-in-from-right{--tw-enter-translate-x:100%}.group-open\:rotate-45:is(:where(.group):is([open],:popover-open,:open) *){rotate:45deg}.marker\:font-semibold ::marker{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.marker\:font-semibold::marker{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.marker\:font-semibold ::-webkit-details-marker{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.marker\:font-semibold::-webkit-details-marker{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.marker\:text-primary ::marker{color:var(--primary)}.marker\:text-primary::marker{color:var(--primary)}.marker\:text-primary ::-webkit-details-marker{color:var(--primary)}.marker\:text-primary::-webkit-details-marker{color:var(--primary)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-inset-3\.5:before{content:var(--tw-content);inset:calc(var(--spacing) * -3.5)}@media (hover:hover){.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-border-strong:hover{border-color:var(--border-strong)}.hover\:bg-primary-hover:hover{background-color:var(--primary-hover)}.hover\:bg-secondary:hover{background-color:var(--secondary)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-primary:hover{-webkit-text-decoration-color:var(--primary);-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-hover:hover{--tw-shadow:var(--shadow-hover);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:fixed:focus{position:fixed}.focus\:top-4:focus{top:calc(var(--spacing) * 4)}.focus\:left-4:focus{left:calc(var(--spacing) * 4)}.focus\:z-\[60\]:focus{z-index:60}.focus\:rounded-full:focus{border-radius:3.40282e38px}.focus\:bg-card:focus{background-color:var(--card)}.focus\:px-4:focus{padding-inline:calc(var(--spacing) * 4)}.focus\:py-2:focus{padding-block:calc(var(--spacing) * 2)}.focus\:text-sm:focus{font-size:14px;line-height:var(--tw-leading,var(--text-sm--line-height))}.focus\:shadow-elevated:focus{--tw-shadow:var(--shadow-elevated);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring\/40:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 40%, transparent)}}.active\:translate-y-0:active{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}@media (min-width:40rem){.sm\:w-auto{width:auto}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:text-left{text-align:left}}@media (min-width:48rem){.md\:order-1{order:1}.md\:order-2{order:2}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-32{height:calc(var(--spacing) * 32)}.md\:h-56{height:calc(var(--spacing) * 56)}.md\:h-60{height:calc(var(--spacing) * 60)}.md\:h-64{height:calc(var(--spacing) * 64)}.md\:max-w-3xl{max-width:var(--container-3xl)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,3fr\)\]{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.md\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,7fr\)\]{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.md\:grid-cols-\[minmax\(0\,7fr\)_minmax\(0\,5fr\)\]{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.md\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.md\:gap-3{gap:calc(var(--spacing) * 3)}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:gap-5{gap:calc(var(--spacing) * 5)}.md\:gap-6{gap:calc(var(--spacing) * 6)}.md\:gap-12{gap:calc(var(--spacing) * 12)}.md\:gap-14{gap:calc(var(--spacing) * 14)}:where(.md\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.md\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.md\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.md\:space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.md\:space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}.md\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.md\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.md\:p-4{padding:calc(var(--spacing) * 4)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:py-16{padding-block:calc(var(--spacing) * 16)}.md\:py-20{padding-block:calc(var(--spacing) * 20)}.md\:py-24{padding-block:calc(var(--spacing) * 24)}.md\:py-28{padding-block:calc(var(--spacing) * 28)}.md\:pt-16{padding-top:calc(var(--spacing) * 16)}.md\:pb-24{padding-bottom:calc(var(--spacing) * 24)}.md\:text-3xl{font-size:28px;line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-lg{font-size:16px;line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-sm{font-size:14px;line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:18px;line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.lg\:h-64{height:calc(var(--spacing) * 64)}.lg\:h-72{height:calc(var(--spacing) * 72)}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:gap-6{gap:calc(var(--spacing) * 6)}.lg\:gap-10{gap:calc(var(--spacing) * 10)}.lg\:px-3{padding-inline:calc(var(--spacing) * 3)}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:#f7f8fb;--foreground:#0f1729;--card:#fff;--card-foreground:#0f1729;--popover:#fff;--popover-foreground:#0f1729;--primary:#2e5bff;--primary-foreground:#fff;--primary-hover:#1e47e6;--primary-soft:#eaf0ff;--brand:#2e5bff;--brand-foreground:#fff;--brand-light:#eaf0ff;--secondary:#f1f4f9;--secondary-foreground:#0f1729;--muted:#f1f4f9;--muted-foreground:#676e80;--muted-strong:#4a5266;--accent:#eaf0ff;--accent-foreground:#2e5bff;--accent-soft:#2e5bff0f;--border:#e5e8ef;--border-strong:#d1d6df;--divider:#eef1f6;--input:#e5e8ef;--ring:#2e5bff;--link:#2e5bff;--radius:12px;--radius-pill:999px;--success:#00b368;--success-soft:#e6f8ef;--success-foreground:#006b3f;--warning:#ff9f0a;--warning-soft:#fff4e0;--warning-foreground:#8a4a00;--danger:#f5333f;--danger-soft:#ffe8ea;--danger-foreground:#9b0410;--destructive:#f5333f;--destructive-foreground:#fff;--info:#2196f3;--info-soft:#e6f2fe;--info-foreground:#0b5faa;--free:#00b368;--free-soft:#e6f8ef;--free-foreground:#006b3f;--premium:#b8853a;--premium-foreground:var(--foreground);--premium-soft:#fbf4e4;--premium-border:#e5c97a;--premium-deep:#8a5f1f;--brand-wechat:#07c160;--gradient-brand:linear-gradient(135deg, #2e5bff 0%, #5b7dff 100%);--gradient-premium:linear-gradient(135deg, #e5c97a 0%, #b8853a 100%);--gradient-hero:linear-gradient(180deg, #f7f8fb 0%, #eaf0ff 100%);--shadow-soft:0 1px 2px #0f17290a;--shadow-card:0 1px 2px #0f17290a, 0 4px 12px #0f17290a;--shadow-elevated:0 4px 16px #0f17290f, 0 8px 32px #0f17290a;--shadow-overlay:0 12px 32px #0f17291f, 0 4px 12px #0f17290f;--shadow-hover:0 8px 24px #2e5bff1f, 0 2px 4px #0f17290a;--shadow-premium:0 4px 16px #b8853a2e, 0 1px 2px #b8853a14}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.55}html{scroll-behavior:smooth}.text-link{color:var(--link)}.text-link:hover{text-decoration:underline}.bg-gradient-brand{background-image:var(--gradient-brand)}.bg-gradient-premium{background-image:var(--gradient-premium)}.bg-gradient-hero{background-image:var(--gradient-hero)}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}.animate-caret-blink{animation:1.25s ease-out infinite caret-blink}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-float{animation:2.4s ease-in-out infinite gentle-float}@keyframes aurora-flow{0%{background-position:0 0,100% 0,0 100%,100% 100%}50%{background-position:100% 100%,0 100%,100% 0,0 0}to{background-position:0 0,100% 0,0 100%,100% 100%}}.bg-aurora{background-image:radial-gradient(circle,#2e5bff1a 0%,#0000 60%),radial-gradient(circle,#b46eff14 0%,#0000 60%),radial-gradient(circle,#ffb4640f 0%,#0000 60%),radial-gradient(circle,#64dcc812 0%,#0000 60%);background-repeat:no-repeat;background-size:80% 80%,70% 70%,65% 65%,75% 75%;animation:12s ease-in-out infinite aurora-flow}@keyframes blob-1{0%,to{transform:translate(0%)scale(1)}33%{transform:translate(25%,15%)scale(1.15)}66%{transform:translate(-15%,25%)scale(.9)}}@keyframes blob-2{0%,to{transform:translate(0%)scale(1)}33%{transform:translate(-25%,-10%)scale(1.2)}66%{transform:translate(15%,-20%)scale(.95)}}@keyframes blob-3{0%,to{transform:translate(0%)scale(1)}50%{transform:translate(10%,-25%)scale(1.18)}}.animate-blob-1{animation:8s ease-in-out infinite blob-1}.animate-blob-2{animation:10s ease-in-out infinite blob-2}.animate-blob-3{animation:7s ease-in-out infinite blob-3}@property --hero-marquee-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes hero-marquee-spin{to{--hero-marquee-angle:360deg}}.animate-hero-marquee{background:conic-gradient(from var(--hero-marquee-angle,0deg), #2e5bff00 0%, #2e5bfff2 10%, #8b5cf6f2 20%, #e8c664f2 30%, #2e5bff00 45%, #2e5bff00 100%);animation:6s linear infinite hero-marquee-spin}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}
/* —— 原型外壳补充样式（非产品仓 token，研发落地时忽略） —— */
html,body{overflow-x:clip}
.dc-page{color:#0F1729;font-family:-apple-system,system-ui,'PingFang SC','SF Pro SC','Helvetica Neue','Hiragino Sans GB','Microsoft YaHei',sans-serif;font-size:14px;line-height:1.55;letter-spacing:.01em}
.dc-page a{color:inherit;text-decoration:none}
.dc-page a:hover{color:#0F1729}
[hidden]{display:none!important}
.proto-toast{position:fixed;left:50%;bottom:24px;z-index:99;max-width:calc(100% - 32px);padding:10px 16px;border-radius:12px;background:rgba(15,23,41,.9);color:#fff;font-size:13px;line-height:1.5;transform:translate(-50%,8px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.proto-toast.show{opacity:1;transform:translate(-50%,0)}

:is(.mb-hero,.mr-hero,.mb-cta) .mb-hero-offer{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;padding:6px 16px 6px 6px;border:1px solid #ead9bd;border-radius:999px;background:#fffaf1;color:#59452b;font-size:13px;line-height:1.6;letter-spacing:0}
/* A soft sweep, followed by a quiet interval; transform-only motion. */
:is(.mb-hero,.mr-hero,.mb-cta) .mb-hero-offer{position:relative;overflow:hidden;isolation:isolate}
:is(.mb-hero,.mr-hero,.mb-cta) .mb-hero-offer::after{content:"";position:absolute;inset:-40% auto -40% -45%;width:35%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:translateX(0) skewX(-18deg);animation:mb-offer-shine 4.8s ease-in-out infinite}
@keyframes mb-offer-shine{0%,16%{transform:translateX(0) skewX(-18deg);opacity:0}20%{opacity:1}48%{transform:translateX(430%) skewX(-18deg);opacity:0}100%{transform:translateX(430%) skewX(-18deg);opacity:0}}
@media(prefers-reduced-motion:reduce){:is(.mb-hero,.mr-hero,.mb-cta) .mb-hero-offer::after{animation:none;display:none}}
.mb-offer-label{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#f6e4c5;color:#785020;font-size:12px;font-weight:600;letter-spacing:0}
.mb-hero-offer strong{font-size:17px;color:#79501e;font-weight:700;letter-spacing:0}
.mp-preview .mp-progress-track>span{width:100%;transform:scaleX(.42);transform-origin:left}
.mp-preview .mp-progress-readout p{min-height:44px;display:flex;align-items:center}
.mp-preview .mp-progress-card.is-complete .mp-progress-dot{color:#286246;background:#edf7ef}
.mp-preview .mp-progress-card-status{color:#52647d}

.mb-hero{position:relative;isolation:isolate;overflow:hidden;background:#f5f9ff;padding:clamp(64px,8vw,112px) 0 64px}
.mb-hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#eef5ff 0%,#f5f9ff 72%,#f8faff 100%)}
.mb-hero-bg::before{content:'';position:absolute;inset:-12%;background:radial-gradient(ellipse at 20% 35%,#a9cefa88,transparent 52%),radial-gradient(ellipse at 80% 15%,#b9d6ff99,transparent 48%),radial-gradient(ellipse at 55% 65%,#ffffffee,transparent 55%);filter:blur(32px)}
.mb-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(#6b98d409 1px,transparent 1px) 0 0/120px 120px,linear-gradient(90deg,#6b98d409 1px,transparent 1px) 0 0/120px 120px;mask-image:linear-gradient(#0008,transparent 85%)}
.mb-hero-flow{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%)}
.mb-hero-inner{width:min(1160px,100% - 48px);margin:auto;position:relative}
.mb-hero-copy{text-align:center;margin:0 auto 64px;max-width:800px}.mb-hero-brand{margin:0 0 24px;font-size:15px;letter-spacing:.12em;font-weight:600;color:#3158a1}.mb-hero-title{margin:0;font-size:clamp(36px,5.3vw,70px);line-height:1.23;letter-spacing:-.035em;font-weight:500;color:#16305a}.mb-hero-lead{margin:26px 0 0;font-size:clamp(15px,1.6vw,18px);line-height:1.85;color:#52647d}.mb-hero-cta{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:30px}.mb-hero-offer{margin:20px 0 0;font-size:13px;color:#536985}
.mb-btn{min-height:48px;padding:12px 24px;display:inline-flex;justify-content:center;align-items:center;gap:16px;border-radius:12px;border:1px solid transparent;font-size:14px;font-weight:500;line-height:1.4;transition:background-color .2s,border-color .2s}.mb-btn-primary{background:#2e5bff;color:#fff!important;border-color:#2e5bff}.mb-btn-primary:hover{background:#244bd9}.mb-btn-ghost{background:#ffffff52;border-color:#a8bddd85;color:#234574}.mb-btn-ghost:hover{background:#ffffffb0;border-color:#8ca8cf}.mb-btn:focus-visible,.mp-preview :focus-visible{outline:2px solid #2e5bff;outline-offset:4px}
.mp-preview{border:1px solid #bccce277;border-radius:16px;background:#fff;box-shadow:0 28px 80px -40px #4d72a54d;overflow:hidden;text-align:left}.mp-preview *{box-sizing:border-box;min-width:0}.mp-windowbar{height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;background:#f8faff;border-bottom:1px solid #e8edf5;color:#566782;font-size:12px}.mp-window-dots{display:flex;gap:6px}.mp-window-dots i{width:7px;height:7px;border-radius:50%;background:#c7d1df}.mp-window-note{font-size:12px}.mp-workspace{display:grid;grid-template-columns:184px minmax(0,1fr);min-height:440px}.mp-sidebar{background:#f5f7fb;border-right:1px solid #e8edf5;padding:24px 14px;display:flex;flex-direction:column}.mp-sidebar-label{font-size:12px;color:#708098;margin:0 12px 16px}.mp-tabs button{appearance:none;background:transparent;border:0;cursor:pointer;font:inherit;color:#53647d}.mp-tabs-mode{display:flex;flex-direction:column;gap:6px}.mp-tabs-mode button{min-height:44px;text-align:left;padding:12px;border-radius:8px;font-size:14px}.mp-tabs-mode button[aria-selected=true]{background:#e7efff;color:#2852cc;font-weight:600}.mp-project{border-top:1px solid #e0e7f1;margin:28px 12px 0;padding-top:24px;display:flex;flex-direction:column;gap:10px}.mp-project span,.mp-project small{font-size:12px;color:#6b7a91}.mp-project b{font-size:13px;font-weight:500}.mp-local{margin:auto 12px 0;padding-top:36px;color:#63758c;font-size:12px}.mp-main{padding:24px 28px}.mp-project-head{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#30425e;margin-bottom:24px}.mp-project-head span:last-child{font-size:12px;color:#718098}.mp-tabs-review{display:flex;gap:26px;border-bottom:1px solid #e5ebf3}.mp-tabs-review button{min-height:44px;padding:0 0 12px;border-bottom:2px solid transparent;font-size:13px}.mp-tabs-review button[aria-selected=true]{color:#2e5bff;border-color:#2e5bff;font-weight:600}.mp-report{padding-top:24px}.mp-overline{margin:0;color:#748199;font-size:12px}.mp-report-heading{display:flex;gap:16px;align-items:center;justify-content:space-between}.mp-report h3{margin:7px 0 0;font-size:18px;font-weight:500;line-height:1.5;color:#263d61}.mp-status{display:inline-block;background:#edf3ff;color:#426394;border-radius:5px;font-size:12px;padding:4px 8px;white-space:nowrap}.mp-report-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:24px}.mp-result{padding:12px 0}.mp-result h4{font-size:15px;font-weight:500;line-height:1.6;margin:12px 0}.mp-result>p:not(.mp-overline){font-size:13px;line-height:1.85;color:#62718a}.mp-evidence-toggle{min-height:44px;appearance:none;background:none;border:0;border-bottom:1px solid #ccdafa;color:#2c55ba;font:inherit;font-size:12px;padding:8px 0;cursor:pointer;margin-top:10px}.mp-document{border:1px solid #e3e9f3;background:#fdfefe;border-radius:6px;padding:16px 20px}.mp-document-bar{display:flex;justify-content:space-between;font-size:12px;color:#78869a}.mp-document-title{font-size:13px;text-align:center;color:#435470;margin:18px 0}.mp-paper-lines{display:flex;flex-direction:column;gap:8px}.mp-paper-lines i{height:3px;background:#e9eef5;border-radius:2px}.mp-paper-lines i:last-child{width:70%}.mp-highlight{margin:14px -6px;padding:8px 6px;background:#edf3ff;font-size:12px;line-height:1.8;color:#49618a;border-left:2px solid #7a9ce8}.mp-paper-note{font-size:12px;color:#78869a;margin:16px 0 0}.mp-evidence{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:20px 0 4px;margin-top:22px;border-top:1px solid #e5ebf3}.mp-evidence b{font-weight:500;font-size:12px;color:#3c577c}.mp-evidence p{font-size:12px;line-height:1.8;color:#62718a}.mp-coming{padding:70px 12px;text-align:center}.mp-coming h3{font-size:30px;font-weight:500;margin:12px 0}.mp-coming>p:not(.mp-overline){font-size:14px;line-height:1.8;color:#62718a;margin:24px 0}.mp-caption{font-size:12px;color:#6d7f99;text-align:center;margin:18px 0 0}
@media(max-width:760px){.mb-hero-inner{width:calc(100% - 32px)}.mb-hero-copy{margin-bottom:40px}.mb-hero{padding-top:56px}.mb-hero-title{font-size:clamp(32px,8.9vw,48px)}.mb-hero-cta .mb-btn{padding:12px 20px;gap:10px}}
@media(prefers-reduced-motion:reduce){.mb-hero-bg::before{animation:none;transform:none}.mb-btn{transition:none}}

/* v10: desktop application frame, matching the supplied reference structure. */
.mb-hero-copy{max-width:1100px}.mb-hero-title{font-size:clamp(32px,4.25vw,56px);line-height:1.3;letter-spacing:-.035em}
.mp-windowbar{justify-content:flex-start;height:40px;background:#f7f8fb}.mp-window-dots i:nth-child(1){background:#ff6965}.mp-window-dots i:nth-child(2){background:#ffc341}.mp-window-dots i:nth-child(3){background:#34c759}.mp-toolbar-label{margin-left:12px}.mp-toolbar-tab{background:#fff;border:1px solid #e7ebf2;border-radius:6px;padding:3px 12px;color:#27374e}.mp-toolbar-note{margin-left:auto;color:#7a879b}
.mp-workspace{grid-template-columns:208px minmax(0,1fr);min-height:600px}.mp-sidebar{padding:20px 12px;background:#f7f9fc}.mp-side-brand{margin:0 10px 18px;font-weight:600;font-size:16px;color:#233956}.mp-tabs-mode{flex-direction:row;gap:6px}.mp-tabs-mode button{flex:1;text-align:center;padding:8px 4px;border:1px solid #e1e7f1;background:#fff;font-size:13px}.mp-tabs-mode button[aria-selected=true]{background:#2e5bff;border-color:#2e5bff;color:#fff}.mp-library-button{display:flex;justify-content:space-between;align-items:center;gap:10px;background:none;border:0;padding:12px 8px;margin-top:12px;min-height:44px;font:inherit;font-size:13px;color:#53647d;cursor:pointer}.mp-library-button small{font-size:12px;color:#7b889b}.mp-project{margin:18px 8px 0;padding:0;border:0}.mp-project>span{display:flex;justify-content:space-between}.mp-project ul{list-style:none;margin:4px -8px 0;padding:0}.mp-project li{padding:12px 8px;font-size:12px;line-height:1.5;color:#64738b}.mp-project li::before{content:'•';color:#b3c1d8;margin-right:8px}.mp-project-active{background:#edf2ff;border-radius:6px}.mp-local{margin:auto 8px 0;font-size:12px}.mp-main{padding:22px 26px}.mp-write-heading h3{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;margin:0}.mp-write-heading>p{font-size:12px;color:#78869a;margin:7px 0 0}.mp-write-empty{max-width:620px;margin:36px auto 0;text-align:center}.mp-file-symbol{position:relative;width:52px;height:62px;margin:0 auto 22px;border:1px solid #cfdaff;border-radius:8px;background:#edf2ff;transform:rotate(-4deg);padding:18px 10px}.mp-file-symbol i{display:block;height:3px;background:#c5d4ff;margin:5px 0}.mp-file-symbol span{position:absolute;right:-13px;bottom:-5px;width:28px;height:28px;border-radius:50%;background:#2e5bff;color:#fff;font-size:22px;line-height:26px;border:2px solid white}.mp-write-empty h4{font-size:22px;font-weight:600;color:#24334b;margin:0}.mp-write-empty>p{font-size:13px;color:#6d7b90;line-height:1.8;margin:12px 0 22px}.mp-privacy-notice{display:flex;text-align:left;align-items:center;gap:14px;padding:14px 18px;border:1px solid #c0e7d7;background:#edf8f2;border-radius:10px;color:#25654d}.mp-privacy-notice>span{font-size:22px}.mp-privacy-notice b{font-size:13px;font-weight:500}.mp-privacy-notice p{font-size:12px;margin:4px 0 0;line-height:1.7}.mp-write-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 22px;text-align:left}.mp-write-cards article{border:1px solid #e9edf5;border-radius:12px;padding:14px}.mp-write-cards article>span{display:block;color:#496aff;font-size:22px;margin-bottom:10px}.mp-write-cards b{display:block;font-size:12px;font-weight:600;color:#30415f}.mp-write-cards p{font-size:12px;color:#7b879a;line-height:1.7;margin:8px 0 0}.mp-library-cta{border-radius:999px;font-size:13px;min-height:42px;cursor:pointer}.mp-write-empty .mp-write-foot{font-size:12px;margin:16px 0 0}.mp-library-info{margin-top:24px;padding:20px;background:#f2f6ff;border:1px solid #dce6f8;border-radius:10px}.mp-library-info h4{font-size:15px;margin:0 0 8px}.mp-library-info p{font-size:13px;line-height:1.8;color:#62718a}.mp-statusbar{display:flex;justify-content:space-between;gap:16px;padding:8px 16px;border-top:1px solid #edf0f6;background:#f7f9fc;color:#7b879a;font-size:12px}
@media(min-width:900px){.mb-hero-title{white-space:nowrap}}
@media(max-width:760px){.mb-hero-title{font-size:clamp(30px,7.6vw,44px);white-space:normal}}

/* Static progress overview; only the two primary modes are interactive. */
.mp-review-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:2px 0 20px;border-bottom:1px solid #edf1f7}.mp-review-heading h3{font-size:18px;line-height:1.5;font-weight:600;margin:0;color:#24364e}.mp-review-heading p{font-size:12px;line-height:1.7;color:#8a98ac;margin:6px 0 0}.mp-review-status{flex-shrink:0;display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef2ff;color:#5372f5;font-size:12px;line-height:1.6}.mp-progress-center{padding:80px 0 52px;text-align:center;max-width:350px;margin:0 auto}.mp-progress-art{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:22px;height:100px}.mp-progress-art>svg{transform:rotate(-4deg);filter:drop-shadow(0 8px 8px #ccd5e633)}.mp-progress-art>canvas{width:110px;height:auto}.mp-progress-readout{display:flex;align-items:center;justify-content:center;gap:14px}.mp-progress-number{font-size:50px;line-height:1.1;font-weight:600;letter-spacing:-.04em;color:#2e5bff;font-variant-numeric:tabular-nums}.mp-progress-number small{font-size:22px;font-weight:500;margin-left:2px}.mp-progress-readout p{font-size:14px;font-weight:500;color:#33445e;margin:0;text-align:left}.mp-progress-track{height:5px;width:100%;margin-top:20px;border-radius:999px;background:#edf1f8;overflow:hidden}.mp-progress-track>span{display:block;width:42%;height:100%;border-radius:inherit;background:#2e5bff}.mp-progress-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:28px}.mp-progress-card{appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;min-width:0;padding:18px 16px;border:1px solid #e6ecf6;background:#fff;border-radius:12px;font:inherit;cursor:pointer;transition:border-color .2s,background-color .2s}.mp-progress-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f2f5fa;color:#abb8cf;font-size:17px;margin-bottom:4px}.mp-progress-card.is-reviewing .mp-progress-dot{color:#4a6aff;background:#edf1ff}.mp-progress-card b{font-size:14px;font-weight:500;color:#33445e}.mp-progress-card-status{font-size:12px;line-height:1.6;color:#92a0b8}.mp-progress-card.is-reviewing .mp-progress-card-status{color:#6983f5}.mp-progress-card-link{display:flex;align-items:center;gap:8px;font-size:12px;color:#6c83ab;margin-top:8px}.mp-result-demo-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:22px}.mp-result-demo-heading button{appearance:none;border:0;background:#f3f6fc;color:#536f9b;border-radius:8px;padding:10px 14px;min-height:44px;font:inherit;font-size:13px;cursor:pointer}.mp-result-demo-heading p{font-size:12px;line-height:1.7;color:#7a8ca7;margin:0}
.mp-preview .mp-progress-card,.mp-preview .mp-library-button{cursor:default}
/* Separate layout scaling from the entry transform; the desktop window stays intact. */
.mp-preview-stage{position:relative;width:100%;min-width:0}
.mp-preview-scale{width:100%;transform-origin:0 0}
@media(max-width:900px){.mp-preview-stage{overflow:clip}.mp-preview-scale{width:1160px;transform:scale(var(--preview-fit,1))}}
/* Both modes size one grid track, so switching never moves the window edge. */
.mp-preview .mp-main{display:grid;grid-template-columns:minmax(0,1fr)}
.mp-preview .mp-main>[role="tabpanel"]{grid-area:1/1;align-self:start}
.mp-preview .mp-main>[role="tabpanel"][hidden]{display:block!important;visibility:hidden;pointer-events:none}
.mp-preview-stage[data-scroll-entry]{transform-origin:50% 0;transform:perspective(1600px) translateY(var(--preview-y,0px)) rotateX(var(--preview-tilt,28deg)) scale(var(--preview-scale,1))}
@media(prefers-reduced-motion:reduce){.mp-preview-stage[data-scroll-entry]{transform:none!important}}

.pv-summary-band .pv-subtitle{margin:24px 0 0;font-size:clamp(20px,2.2vw,26px);line-height:1.5;font-weight:500;color:#263d61;letter-spacing:0}
.pv-summary-band .pv-summary{margin:16px 0 0;font-size:15px;line-height:1.9;color:#52647d;letter-spacing:0}

.pv .pv-abstract{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}

.mh .pv-compact .pv-wrap{align-items:start}
.mh .pv-compact .pv-head,.mh .pv-compact .pv-copy{min-width:0}
.mh .pv-compact .pv-subtitle{margin:0;font-size:clamp(20px,2.2vw,26px);line-height:1.5;font-weight:500;color:#263d61;letter-spacing:0}
.mh .pv-compact .pv-summary{margin:16px 0 0;font-size:15px;line-height:1.9;color:#52647d;letter-spacing:0}
.mh .pv-compact .pv-security-button{box-sizing:border-box;min-height:48px;margin-top:28px;border-radius:999px;border-color:#5678ab;color:#315583;font-weight:500;letter-spacing:0}

.pv{padding:clamp(64px,8vw,112px) 0;background:#f8faff;color:#263d61}
.pv-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.pv-bg{display:none}.pv-figure{min-width:0;margin:0}.pv-figure svg{display:block;width:100%;height:auto}.pv-figure-note{text-align:center;font-size:12px;color:#6d7f99;margin:16px 0}.pv-head{text-align:left}.pv-eyebrow{font-size:13px;color:#2e5bff;margin:0 0 16px}.pv-title{font-size:clamp(30px,3.4vw,44px);line-height:1.25;letter-spacing:-.02em;font-weight:500;margin:0}.pv-lead{font-size:15px;line-height:1.85;color:#62718a;margin:20px 0 0}.pv-facts{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.pv-facts li{display:flex;flex-direction:column;gap:8px}.pv-icon{display:none}.pv-facts b{font-size:14px;font-weight:500}.pv-facts li>span:last-child{font-size:13px;line-height:1.8;color:#62718a}.pv-foot{font-size:12px;line-height:1.8;color:#6d7f99;margin:28px 0 0;padding-top:20px;border-top:1px solid #dfe7f1}.pv-link{display:inline-flex;align-items:center;gap:6px;color:#2e5bff!important;margin-left:8px}.pv-copy{min-width:0}
@media(max-width:900px){.pv-wrap{grid-template-columns:minmax(0,1fr);gap:32px}.pv-figure{max-width:520px;width:100%;margin:auto}}@media(max-width:520px){.pv-facts{grid-template-columns:minmax(0,1fr)}}

/* v7: 单一应用内的两项功能，共用应用头与下载入口 */
.mh-app{overflow:hidden;border-radius:28px;background:#FCFDFF;box-shadow:0 0 0 1px rgba(15,23,41,.08),0 32px 70px -48px rgba(46,91,255,.3)}
.mh-app-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 32px;border-bottom:1px solid #E5E8EF;background:#F0F4FD}
.mh-app-brand,.mh-app-local{display:inline-flex;align-items:center;gap:10px}.mh-app-brand{font-weight:700;font-size:17px}.mh-app-brand svg,.mh-app-local svg{color:#2E5BFF}.mh-app-local{font-size:13px;color:#4A5266}
.mh-app-heading{padding:clamp(28px,4vw,48px) clamp(24px,4vw,48px) 12px}.mh-app-heading .mh-title{font-size:clamp(28px,3.4vw,42px)}
.mh-app-functions{display:grid;grid-template-columns:1fr 1fr;padding:12px clamp(24px,4vw,48px) 36px}
.mh-app-function{padding:20px 36px 8px 0;min-width:0}.mh-app-function-write{padding:20px 0 8px 36px;border-left:1px solid #E5E8EF}.mh-app-function-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.mh-app-index{font-size:12px;letter-spacing:.1em;color:#676E80}.mh-app-function h3{margin:18px 0 0;font-size:32px;line-height:1.2;font-weight:750}.mh-app-function .mh-product-desc{margin-top:20px;font-size:16px}.mh-app-function .mh-link{margin-top:22px}.mh-app-function .mh-checks{margin:26px 0 0}.mh-app-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px clamp(24px,4vw,48px);background:#F0F4FD;border-top:1px solid #E5E8EF}.mh-app-foot b{font-size:16px}.mh-app-foot p{margin:6px 0 0;font-size:13px;color:#006B3F}
.mh-app-start{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:56px}.mh-app-start .mh-actions{margin-top:24px}.mh-app-start .mh-offer{margin-top:20px}.mh-app-notify{display:flex;align-items:center;gap:22px;border-left:1px solid rgba(255,255,255,.16);padding-left:40px}.mh-app-notify img{width:112px;height:112px;border-radius:14px}.mh-app-notify b{font-size:18px;color:#fff}.mh-app-notify p{font-size:14px;line-height:1.7;color:#C8D1E6}
@media(max-width:760px){.mh-app-bar{padding:18px 24px;flex-wrap:wrap}.mh-app-functions{grid-template-columns:1fr}.mh-app-function{padding:22px 0 28px}.mh-app-function-write{border-left:0;border-top:1px solid #E5E8EF;padding:28px 0 8px}.mh-app-foot{align-items:flex-start;flex-direction:column}.mh-app-start{grid-template-columns:1fr;gap:32px}.mh-app-notify{padding:28px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.16)}}

/* —— 首页沉浸式章节 —— */
.mh{background:#F7F8FB;color:#0F1729}
.mh-wrap{position:relative;max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.mh-chapter{position:relative;padding:clamp(72px,10vw,140px) 0}
.mh-chapter-tint{background:linear-gradient(180deg,#F7F8FB 0%,#EEF2FD 18%,#EEF2FD 82%,#F7F8FB 100%)}
.mh-head{max-width:760px}
.mh-eyebrow{margin:0;font-size:13px;letter-spacing:.12em;color:#2E5BFF;font-weight:600}
.mh-title{margin:14px 0 0;font-size:clamp(30px,4vw,52px);line-height:1.16;font-weight:800;letter-spacing:-.01em;color:#0F1729;text-wrap:balance}
.mh-lead{margin:18px 0 0;font-size:clamp(15px,1.35vw,18px);line-height:1.75;color:#4A5266;max-width:40em}
.mh-sub{margin:clamp(48px,6vw,72px) 0 20px;font-size:13px;font-weight:600;letter-spacing:.1em;color:#676E80}
.mh-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#2E5BFF}
.mh-link svg{transition:transform .3s var(--mb-ease)}
.mh-link:hover svg{transform:translateX(3px)}
.mh-pill{height:24px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap;vertical-align:middle;margin-left:8px}
.mh-pill i{width:6px;height:6px;border-radius:999px}
.mh-pill-live{background:#E6F8EF;color:#006B3F}.mh-pill-live i{background:#00B368}
.mh-pill-soon{background:#FBF4E4;color:#8A5F1F}.mh-pill-soon i{background:#B8853A}
.mh-tag{height:22px;padding:0 9px;display:inline-flex;align-items:center;border-radius:999px;background:rgba(15,23,41,.05);font-size:12px;color:#4A5266;white-space:nowrap}
.mh-offer{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#006B3F}
.mh-actions{display:flex;flex-wrap:wrap;gap:12px}

/* ① 两款产品：大面板，无边框，靠光晕与底色区分 */
.mh-products{position:relative;padding:0 0 clamp(24px,4vw,48px)}
.mh-products-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
@media (min-width:900px){.mh-products-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.mh-product{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:clamp(28px,3.4vw,48px);border-radius:32px;min-height:560px;transition:transform .6s var(--mb-ease),box-shadow .5s ease}
.mh-product::before{content:'';position:absolute;inset:0;pointer-events:none}
.mh-product-review{background:#FFFFFF;box-shadow:0 1px 2px rgba(15,23,41,.04),0 30px 60px -40px rgba(46,91,255,.35)}
.mh-product-review::before{background:radial-gradient(60% 50% at 100% 0%,rgba(46,91,255,.12),transparent 70%)}
.mh-product-write{background:linear-gradient(160deg,#FFFDF8 0%,#FBF6EA 100%);box-shadow:0 1px 2px rgba(15,23,41,.04),0 30px 60px -40px rgba(184,133,58,.35)}
.mh-product-write::before{background:radial-gradient(60% 50% at 100% 0%,rgba(229,201,122,.22),transparent 70%)}
.mh-product:hover{transform:translateY(-4px)}
.mh-product>*{position:relative}
.mh-product-top{display:flex;align-items:center;justify-content:space-between}
.mh-product-top .mh-pill{margin-left:0}
.mh-product-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#2E5BFF;background:#EAF0FF}
.mh-product-write .mh-product-icon{color:#8A5F1F;background:#F6EBD2}
.mh-product-name{margin:36px 0 0;font-size:clamp(32px,3.4vw,44px);line-height:1.15;font-weight:800;letter-spacing:-.01em}
.mh-product-kind{margin:8px 0 0;font-size:18px;color:#4A5266}
.mh-product-desc{margin:28px 0 0;font-size:17px;line-height:1.7;color:#0F1729;max-width:30em}
.mh-features{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column}
.mh-features li{display:grid;grid-template-columns:18px auto 1fr;align-items:baseline;column-gap:12px;padding:14px 0;border-top:1px solid rgba(15,23,41,.07);font-size:14px;line-height:22px}
.mh-features li svg{color:#2E5BFF;transform:translateY(3px)}
.mh-features b{font-weight:600}
.mh-features span{color:#4A5266}
.mh-note{margin:16px 0 0;display:flex;align-items:center;gap:8px;font-size:14px;color:#4A5266}
.mh-product-foot{margin-top:auto;padding-top:32px;display:flex;flex-direction:column;gap:20px}
.mh-preview{margin:16px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:#4A5266}
.mh-qr{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.mh-qr img{width:136px;height:136px;padding:8px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(184,133,58,.18),0 12px 24px -16px rgba(138,95,31,.4)}
.mh-qr>div{flex:1 1 200px;display:flex;flex-direction:column;gap:8px}
.mh-qr-label{font-size:12px;color:#8A5F1F;letter-spacing:.08em}
.mh-qr-main{margin:0;font-size:20px;line-height:1.5;font-weight:700}
.mh-qr-hint{margin:0;font-size:12px;color:#676E80}

/* ② 品牌陈述 + 规格表 */
.mh-about{margin-top:clamp(36px,5vw,64px);display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:start}
@media (min-width:960px){.mh-about{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:80px}}
.mh-statement{margin:0;font-size:clamp(20px,2.2vw,28px);line-height:1.6;font-weight:600;color:#0F1729}
.mh-statement span{display:block;margin-top:20px;font-weight:400;color:#676E80}
.mh-spec{margin:0;border-top:1px solid rgba(15,23,41,.1)}
.mh-spec>div{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid rgba(15,23,41,.08);font-size:15px}
.mh-spec dt{color:#676E80}
.mh-spec dd{margin:0;font-weight:500}

/* ③ 两步：大号步骤编号 + 竖细线分隔，不套卡片 */
.mh-steps{margin-top:clamp(40px,6vw,72px);display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid rgba(15,23,41,.1)}
@media (min-width:900px){.mh-steps{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mh-step+.mh-step{border-left:1px solid rgba(15,23,41,.1);padding-left:clamp(32px,4vw,56px)}.mh-step:first-child{padding-right:clamp(32px,4vw,56px)}}
.mh-step{position:relative;padding:40px 0 8px;display:flex;flex-direction:column}
.mh-step-no{font-size:clamp(56px,7vw,96px);line-height:1;font-weight:800;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(46,91,255,.35)}
.mh-step-meta{margin-top:16px;display:flex;align-items:center;gap:4px;font-size:13px;color:#676E80}
.mh-step-name{margin:12px 0 0;display:flex;align-items:center;gap:10px;font-size:26px;font-weight:700}
.mh-step-name svg{color:#2E5BFF}
.mh-step-desc{margin:12px 0 0;font-size:16px;line-height:1.7;color:#4A5266;max-width:30em}
.mh-sketch{margin:28px 0 0;display:flex;align-items:center;gap:14px}
.mh-sketch>div{flex:1;display:flex;flex-direction:column;gap:9px;padding:16px;border-radius:16px;background:rgba(255,255,255,.7);box-shadow:0 0 0 1px rgba(15,23,41,.06)}
.mh-sketch span{font-size:12px;color:#676E80}
.mh-sketch i{display:block;height:6px;border-radius:999px;background:#E3E7EF}
.mh-sketch i.mh-ok{background:linear-gradient(90deg,#CFF2E0,#E3E7EF)}
.mh-sketch b{color:#2E5BFF;display:grid;place-items:center}
.mh-checks{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.mh-checks li{display:flex;gap:10px;font-size:14px;line-height:1.65;color:#0F1729}
.mh-checks svg{flex-shrink:0;margin-top:4px;color:#2E5BFF}
.mh-step-foot{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:13px;color:#676E80}

/* ④ 角色四列 + 场景编号网格 */
.mh-roles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(15,23,41,.1);border-left:1px solid rgba(15,23,41,.1)}
@media (min-width:900px){.mh-roles{grid-template-columns:repeat(4,minmax(0,1fr))}}
.mh-roles li{display:flex;flex-direction:column;gap:8px;padding:28px 24px;border-right:1px solid rgba(15,23,41,.1);border-bottom:1px solid rgba(15,23,41,.1);transition:background-color .3s ease}
.mh-roles li:hover{background:rgba(255,255,255,.7)}
.mh-role-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#2E5BFF;background:#EAF0FF;margin-bottom:12px}
.mh-roles b{font-size:17px;font-weight:600}
.mh-roles span:last-child{font-size:14px;color:#4A5266}
.mh-when{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0 48px}
@media (min-width:720px){.mh-when{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.mh-when{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mh-when li{display:grid;grid-template-columns:44px 1fr;column-gap:8px;row-gap:6px;padding:24px 0;border-top:1px solid rgba(15,23,41,.1)}
.mh-when-no{grid-row:span 2;font-size:14px;font-weight:700;color:#2E5BFF;font-variant-numeric:tabular-nums;padding-top:2px}
.mh-when b{font-size:17px;font-weight:600}
.mh-when span:last-child{font-size:14px;line-height:1.7;color:#4A5266}

/* ⑤ 安全：四项开放网格 + 两种方式 */
.mh-safety{list-style:none;margin:clamp(40px,6vw,64px) 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:40px 48px}
@media (min-width:720px){.mh-safety{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.mh-safety{grid-template-columns:repeat(4,minmax(0,1fr))}}
.mh-safety li{display:flex;flex-direction:column;gap:10px}
.mh-safety-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#2E5BFF;background:#FFFFFF;box-shadow:0 0 0 1px rgba(46,91,255,.14);margin-bottom:8px}
.mh-safety b{font-size:18px;font-weight:600}
.mh-safety span:last-child{font-size:14px;line-height:1.7;color:#4A5266}
.mh-modes-top{margin-top:clamp(36px,5vw,56px)}
.mh-modes{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
@media (min-width:900px){.mh-modes{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mh-modes article{display:flex;flex-direction:column;gap:16px;padding:clamp(24px,3vw,36px);border-radius:28px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 0 1px rgba(255,255,255,.9),0 20px 50px -36px rgba(15,23,41,.35)}
.mh-modes h4{margin:0;display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700}
.mh-modes h4 svg{color:#2E5BFF}
.mh-modes p{margin:0;font-size:14px;line-height:1.75;color:#4A5266}
.mh-modes .mh-offer{color:#006B3F}
.mh-modes dl{margin:0;display:flex;flex-direction:column}
.mh-modes dl>div{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:10px 0;border-top:1px solid rgba(15,23,41,.07);font-size:14px;line-height:1.65}
.mh-modes dt{font-weight:600}
.mh-modes dd{margin:0;color:#4A5266}
.mh-inline-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:auto}
.mh-modes .mh-link{margin-top:auto}
.mh-foot{margin:24px 0 0;font-size:12px;color:#676E80}

/* ⑥ FAQ：左标题吸附，右侧手风琴 */
.mh-faq{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
@media (min-width:960px){.mh-faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px}.mh-faq-head{position:sticky;top:112px;align-self:start}}
.mh-faq-head .mh-link{margin-top:24px}
.mh-qa{border-top:1px solid rgba(15,23,41,.1)}
.mh-qa-item{border-bottom:1px solid rgba(15,23,41,.1)}
.mh-qa-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;font-size:17px;font-weight:600;line-height:1.5}
.mh-qa-item summary::-webkit-details-marker{display:none}
.mh-qa-item summary i{flex-shrink:0;width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:#FFFFFF;box-shadow:0 0 0 1px rgba(15,23,41,.08);transition:transform .45s var(--mb-ease),background-color .3s ease}
.mh-qa-item[open] summary i{transform:rotate(45deg);background:#EAF0FF;color:#2E5BFF}
.mh-qa-item summary:focus-visible{outline:2px solid #2E5BFF;outline-offset:4px;border-radius:8px}
.mh-qa-body{overflow:hidden}
.mh-qa-body p{margin:0;padding:0 56px 24px 0;font-size:15px;line-height:1.8;color:#4A5266}

/* ⑦ 深色收尾 */
.mh-start{position:relative;overflow:hidden;background:#0E1530;color:#fff;padding:clamp(80px,10vw,140px) 0}
.mh-start-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
@media (min-width:960px){.mh-start-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mh-start-grid>header{grid-column:1/-1}}
.mh-start-title{margin:0;font-size:clamp(32px,4.4vw,56px);line-height:1.12;font-weight:800;letter-spacing:-.01em}
.mh-start-lead{margin:16px 0 28px;font-size:clamp(15px,1.4vw,18px);color:rgba(226,232,245,.78)}
.mh-start-card{display:flex;flex-direction:column;gap:16px;padding:clamp(24px,3vw,36px);border-radius:28px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.mh-start-card h3{margin:0;font-size:24px;font-weight:700}
.mh-start-card p{margin:0;font-size:15px;line-height:1.75;color:rgba(226,232,245,.82)}
.mh-start-card .mh-offer{color:#E5C97A}
.mh-start-card .mh-actions{margin-top:auto;padding-top:8px}
.mh-start-qr{display:flex;align-items:center;gap:16px}
.mh-start-qr img{width:96px;height:96px;padding:6px;border-radius:16px;background:#fff}
.mh-start-qr p{font-size:13px!important}
.mh-btn-glass{background:rgba(255,255,255,.08);color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.mh-btn-glass:hover{background:rgba(255,255,255,.14)}
.mh-start .mh-pill-live{background:rgba(0,179,104,.16);color:#7BE0B0}
.mh-start .mh-pill-soon{background:rgba(229,201,122,.14);color:#E5C97A}
@media (prefers-reduced-motion:reduce){.mh-product,.mh-qa-item summary i{transition:none}}
/* 全站收敛层：浅蓝、轻字重、细边框。背景机制与页面内容分离。 */
:root{--mb-ease:cubic-bezier(.22,.68,0,1)}
.mb-header{position:fixed;inset:0 0 auto;height:64px;background:transparent;border:0;box-shadow:none;pointer-events:none;z-index:40}
.mb-header>div{width:calc(100% - 48px);max-width:1200px;height:64px;margin:0 auto;padding:0 20px;box-sizing:border-box;border:1px solid transparent;border-radius:999px;background:transparent;pointer-events:auto;transform:translateY(0);transition:max-width .28s var(--mb-ease),height .28s var(--mb-ease),transform .28s var(--mb-ease),background-color .2s,border-color .2s,box-shadow .2s}
.mb-header[data-scrolled]>div{max-width:1040px;height:52px;transform:translateY(10px);background:rgba(247,250,255,.82);border-color:rgba(126,151,187,.22);box-shadow:0 4px 20px -12px rgba(32,56,91,.22);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25)}
#main-content{padding-top:64px;scroll-margin-top:80px}
#main-content:has(>.mh) {padding-top:0}
.mh>.mb-hero{padding-top:calc(clamp(64px,8vw,112px) + 48px)}
.mb-header [data-nav]{border-radius:999px!important}
@media(max-width:767px){.mb-header>div{width:calc(100% - 24px);padding:0 14px;gap:12px}.mb-header[data-scrolled]>div{height:52px;transform:translateY(8px)}.mh>.mb-hero{padding-top:112px}}
@media(prefers-reduced-motion:reduce){.mb-header>div{transition:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.mb-header[data-scrolled]>div{background:rgba(247,250,255,.97)}}
.mb-header a[class*="rounded-full"],#main-content a[class*="rounded-full"]{border-radius:12px;box-shadow:none}
.mb-header [class~="bg-primary"],#main-content [class~="bg-primary"]{background:#2e5bff}
.mb-page-hero{isolation:isolate}.mb-page-hero .mb-hero-bg::before{animation:none}.mb-page-title{margin:0;font-size:clamp(30px,3.6vw,48px);line-height:1.25;font-weight:500;letter-spacing:-.025em;color:#263d61}
/* Security only: its hero is immediately followed by the leaves section. */
.mb-page-hero:has(+ #leaves) .mb-page-title + p{margin-top:24px}
.mb-rise{opacity:1;transform:none}
#main-content [class~="border-divider"][class~="rounded-2xl"]{border-color:#dfe7f1;border-radius:16px;box-shadow:none}
.mb-cta,.mh-start{background:#edf4ff;color:#263d61}.mb-cta-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,#d9e8ff88,transparent 70%)}
.mb-cta-title,.mh-start-title{color:#263d61;font-size:clamp(30px,3.6vw,46px);font-weight:500;line-height:1.25;letter-spacing:-.025em}.mb-cta-sub,.mh-start-lead{color:#62718a}.mb-cta-offer,.mh-start .mh-offer{color:#426394}.mb-cta .mb-cta-ghost{color:#315583!important;border-color:#bbcee8!important;background:#ffffff70!important}.mh-app-notify{border-color:#d4e0f0}.mh-app-notify b{color:#263d61}.mh-app-notify p{color:#62718a}
.mh{background:#f8faff}.mh-title{font-size:clamp(28px,3.5vw,44px);line-height:1.3;font-weight:500;letter-spacing:-.025em;color:#263d61}.mh-lead{color:#62718a;font-size:16px;line-height:1.85}.mh-chapter{padding:clamp(64px,8vw,112px) 0}.mh-chapter-tint{background:#f0f5fc}.mh-products{padding:56px 0 40px}.mh-app{border-radius:16px;box-shadow:none;border:1px solid #dfe7f1;background:transparent}.mh-app-bar,.mh-app-foot{background:#eff5fd;border-color:#dfe7f1}.mh-app-function h3{font-size:28px;font-weight:500;color:#263d61}.mh-step-no{font-size:44px;font-weight:400;color:#7c98c5;-webkit-text-stroke:0}.mh-step-name{font-size:24px;font-weight:500}.mh-modes article{border:1px solid #dfe7f1;border-radius:16px;background:#ffffff70;box-shadow:none;backdrop-filter:none}.mh-role-icon{background:transparent;border-radius:0;justify-content:start;margin-bottom:4px}.mh-sketch>div{box-shadow:none;border:1px solid #e1e8f2;border-radius:8px}.mh-sketch i.mh-ok{background:#ceddf3}.mh-qa-item summary{font-weight:500}.mh-qa-item summary i{box-shadow:none;border:1px solid #dfe7f1}.mh-app-start{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.mb-mist-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.mb-hero-bg::before{animation:none}.mb-hero-bg.mb-mist-active::before{display:none}
.mb-reveal{opacity:0;transform:translateY(10px);transition:opacity .5s var(--mb-ease),transform .5s var(--mb-ease);transition-delay:var(--rd,0ms)}.mb-reveal.is-in{opacity:1;transform:none}
#main-content :is(a,button,summary):focus-visible,.mb-header :is(a,button):focus-visible{outline:2px solid #2e5bff;outline-offset:4px}
@media(max-width:760px){.mh-app-start{grid-template-columns:minmax(0,1fr)}.mh-wrap{padding:0 20px}.mh-roles li{padding:24px 14px}.mh-app-bar,.mh-app-heading,.mh-app-foot{padding-left:20px;padding-right:20px}.mh-app-functions{padding-left:20px;padding-right:20px}.mh-app-notify{gap:16px}.mh-app-notify img{width:88px;height:88px;flex-shrink:0}.mh-app-notify>div{min-width:0}.mh-app-local{flex-wrap:wrap}.mh-features li{grid-template-columns:18px minmax(0,1fr)}.mh-features li span{grid-column:2}.mh-app-function{min-width:0}.mh-features li span{white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.mb-reveal{opacity:1;transform:none;transition:none}#main-content *,#main-content *::before,#main-content *::after{animation:none!important;transition:none!important}.mb-mist-canvas{display:none}}

/* v10: retain the floating glass header, restore the actual download capsule. */
.mb-header a[href="#/download"]{border-radius:999px;min-height:36px;padding-left:18px;padding-right:18px}
/* A continuous home-to-footer canvas; no extra card or hard divider. */
.mh #start{background:linear-gradient(180deg,#edf4ff 0%,#edf4ff 42%,#f3f7fd 72%,#f8faff 100%);padding-bottom:clamp(140px,16vw,220px)}
.mh #start>.mb-cta-bg{background:radial-gradient(ellipse at 50% 0%,#d9e8ff88,transparent 60%);mask-image:linear-gradient(#000,transparent 72%)}
#main-content:has(>.mh)+.dc-page footer{background:#f8faff!important;border-top:0!important}

/* Four capabilities of one client, each with its own readable UI detail. */
.mc-section{padding:clamp(64px,8vw,100px) 0}.mc-section>.mh-wrap>.mh-head{max-width:800px;margin-bottom:40px}.mc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.mc-card{min-width:0;overflow:hidden;border:1px solid #e1e8f2;border-radius:22px;background:linear-gradient(150deg,#fcfdff,#f0f5fd)}.mc-card>header{padding:32px 32px 8px}.mc-card h3{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0;color:#263d61;font-size:24px;font-weight:500}.mc-card>header>p{font-size:15px;line-height:1.8;color:#6a7a91;margin:12px 0 0;min-height:54px}.mc-soon{font-size:12px;font-weight:400;color:#71829d;border:1px solid #dce5f3;border-radius:999px;padding:3px 9px}.mc-crop{height:300px;overflow:hidden;padding:28px 24px 0 32px;mask-image:linear-gradient(#000 86%,transparent 100%)}.mc-ui{min-width:0;background:#fff;border:1px solid #e0e7f1;border-radius:12px 12px 0 0;min-height:300px;color:#455976;box-shadow:0 14px 35px -28px #7797c5}.mc-ui *{box-sizing:border-box;min-width:0}.mc-ui-bar{padding:14px 16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;background:#f7f9fd;border-bottom:1px solid #e7edf6;font-size:12px;color:#7a8aa2}.mc-review-body{display:grid;grid-template-columns:120px minmax(0,1fr)}.mc-queue{padding:20px 10px;display:flex;flex-direction:column;gap:4px;background:#f8faff;border-right:1px solid #e7edf6;font-size:12px}.mc-queue b{font-weight:500;padding:0 8px 12px}.mc-queue>span{padding:10px 8px}.mc-selected{background:#eaf0ff;color:#315bd2;border-radius:6px}.mc-verdict{padding:22px 18px}.mc-badge{font-size:12px;color:#526ea4;background:#edf3ff;border-radius:5px;padding:4px 8px;display:inline-block}.mc-verdict h4,.mc-library h4{font-size:16px;font-weight:500;margin:14px 0 10px;color:#304561}.mc-verdict p,.mc-library p{font-size:12px;line-height:1.8;color:#76859a}.mc-quote{font-size:12px;line-height:1.8;padding:12px;background:#f0f5ff;color:#59739d;margin-top:16px;border-left:2px solid #aac2ee}.mc-ui-foot{display:block;font-size:12px;color:#718bad;margin-top:16px}.mc-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px 18px}.mc-compare b{font-size:12px;font-weight:500}.mc-compare p{font-size:13px;margin:18px 0}.mc-compare blockquote{font-size:12px;line-height:1.8;margin:14px 0;padding:8px;background:#edf3ff;color:#56739f}.mc-lines{display:grid;gap:7px}.mc-lines i{height:3px;border-radius:2px;background:#e8edf5}.mc-lines i:last-child{width:75%}.mc-score{padding:24px}.mc-score-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.mc-score-heading>b{font-size:16px;font-weight:500}.mc-score dl{margin:16px 0 0;font-size:12px}.mc-score dl>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid #e8eef6}.mc-score dt{color:#7a8aa2}.mc-score dd{margin:0}.mc-library{padding:24px;text-align:center}.mc-library-mark{display:inline-flex;color:#6c8bf5;padding:12px;border-radius:12px;background:#eff3ff}.mc-library-items{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:22px}.mc-library-items>span{display:flex;align-items:center;gap:5px;padding:8px;border:1px solid #e4ebf5;border-radius:6px;font-size:12px;color:#6b7d98}.mc-local-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#578373;margin-top:20px}.mc-section-foot{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-top:24px}.mc-section-foot p{font-size:12px;color:#8190a4;margin:0 auto 0 0}
@media(max-width:760px){.mc-grid{grid-template-columns:minmax(0,1fr);gap:20px}.mc-card>header{padding:24px 22px 4px}.mc-card h3{font-size:22px}.mc-card>header>p{min-height:0;font-size:14px}.mc-crop{padding:22px 14px 0 22px;height:320px}.mc-review-body{grid-template-columns:90px minmax(0,1fr)}.mc-queue{padding:18px 4px}.mc-verdict{padding:20px 12px}.mc-compare{gap:12px;padding:20px 12px}.mc-score{padding:20px 16px}.mc-library{padding:22px 12px}.mc-section-foot{gap:12px 20px}.mc-section-foot p{width:100%}}

/* v11 blog only: editorial index and a quiet, narrow reading column. */
.mb-blog{background:linear-gradient(180deg,#f1f6ff 0,#f8faff 440px);color:#263d61;padding-bottom:clamp(120px,14vw,200px);overflow-wrap:anywhere}
.mb-blog .blog-shell{width:min(1200px,calc(100% - 48px));margin-inline:auto;min-width:0}
.mb-blog .blog-breadcrumb{padding-top:32px}.mb-blog .blog-breadcrumb nav{font-size:12px;color:#7c8da6}.mb-blog .blog-breadcrumb svg{flex-shrink:0}
.mb-blog .blog-index-heading{max-width:800px;margin:0 auto;text-align:center;padding:88px 24px 104px}
.mb-blog .blog-eyebrow{font-size:13px;letter-spacing:.12em;color:#587bb8;margin:0 0 20px}
.mb-blog .blog-index-heading h1{font-size:clamp(34px,4.8vw,58px);font-weight:500;letter-spacing:-.035em;line-height:1.25;margin:0;color:#233e68}
.mb-blog .blog-index-heading>p:last-child{font-size:16px;line-height:1.9;color:#6a7d98;margin:24px auto 0;max-width:36em}
.mb-blog .blog-archive-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:22px}.mb-blog .blog-archive-heading h2{font-size:16px;font-weight:500;margin:0}.mb-blog .blog-archive-heading>span{font-size:12px;color:#62718a}
.mb-blog .blog-list{list-style:none;margin:0;padding:0;border-top:1px solid #dce5f2}.mb-blog .blog-list>li{border-bottom:1px solid #e1e8f2}
.mb-blog .blog-row{display:grid;grid-template-columns:132px minmax(0,1fr) 24px;gap:32px;padding:36px 0;align-items:start;text-decoration:none;color:inherit;transition:background-color .2s}
.mb-blog .blog-row>time{font-size:13px;color:#62718a;padding-top:4px;font-variant-numeric:tabular-nums}.mb-blog .blog-row-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;line-height:1.7;color:#7488a5}
.mb-blog .blog-row-copy{min-width:0}.mb-blog .blog-row h3{font-size:clamp(19px,2vw,24px);font-weight:500;line-height:1.55;margin:9px 0 10px;color:#2b4266;transition:color .2s}.mb-blog .blog-row p{font-size:14px;line-height:1.85;color:#72829a;margin:0;max-width:52em}.mb-blog .blog-row-arrow{width:20px;height:20px;margin-top:38px;color:#8299bf;transition:transform .2s}
.mb-blog .blog-row:hover h3,.mb-blog .blog-related-item:hover h3{color:#2e5bff}.mb-blog .blog-row:hover .blog-row-arrow{transform:translateX(4px)}
.mb-blog .blog-post-heading{width:min(920px,calc(100% - 48px));margin:0 auto;padding:76px 0 56px;text-align:center}.mb-blog .blog-post-meta,.mb-blog .blog-byline{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 20px;font-size:13px;line-height:1.7;color:#7488a5}
.mb-blog .blog-post-heading h1{font-size:clamp(30px,3.8vw,48px);font-weight:700;line-height:1.4;letter-spacing:-.025em;color:#243f67;margin:22px 0}.mb-blog .blog-post-deck{font-size:16px;line-height:1.9;color:#6b7e99;max-width:720px;margin:0 auto 26px}.mb-blog .blog-byline{font-size:12px}.mb-blog .blog-byline>span:first-child{color:#425d83}
.mb-blog .blog-reading{width:min(744px,calc(100% - 48px));margin-inline:auto;min-width:0}.mb-blog .blog-body{font-size:16px;line-height:1.95;color:#3f526d;min-width:0}.mb-blog .blog-body>*{margin-top:0;margin-bottom:26px;max-width:100%}.mb-blog .blog-body h2{font-size:clamp(24px,2.7vw,30px);line-height:1.5;font-weight:600;letter-spacing:-.02em;margin:56px 0 22px;padding-top:0;scroll-margin-top:100px;color:#2b4263}.mb-blog .blog-body h3{font-size:21px;line-height:1.6;font-weight:600;margin:36px 0 18px;padding-top:0;color:#304868}.mb-blog .blog-body>p,.mb-blog .blog-body li{font-size:16px;line-height:1.95;color:#455870}.mb-blog .blog-body li+li{margin-top:10px}.mb-blog .blog-body blockquote{border-left:2px solid #a6bde4;padding:12px 0 12px 24px;background:transparent;border-radius:0;font-style:normal;color:#6780a4;font-size:17px;line-height:1.9;margin-block:34px}.mb-blog .blog-body blockquote footer{font-size:12px;color:#8292a9;margin-top:12px}
.mb-blog .blog-body .not-prose{border-left-width:2px;border-radius:0;padding:20px;background:#edf3fc}.mb-blog .blog-body .not-prose p{line-height:1.85}
.mb-blog .blog-table-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #dfe7f2;border-radius:8px;margin-block:32px;-webkit-overflow-scrolling:touch}.mb-blog .blog-table-scroll table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px}.mb-blog .blog-table-scroll th{background:#edf3fc;color:#3d577a;font-weight:500;white-space:normal;min-width:120px;padding:15px 18px}.mb-blog .blog-table-scroll td{color:#556981;line-height:1.8;padding:16px 18px;border-top:1px solid #e2e9f3}.mb-blog .blog-table-scroll:focus-visible{outline:2px solid #2e5bff;outline-offset:4px}
.mb-blog .blog-author{margin-top:52px;padding-top:28px;border-top:1px solid #dfe7f2;font-size:13px;line-height:1.9;color:#7b8ca5}.mb-blog .blog-author p{margin:0 0 8px}.mb-blog .blog-author .blog-author-name{font-size:15px;font-weight:500;color:#3c5579}.mb-blog .blog-author .blog-author-org{font-size:12px}.mb-blog .blog-keywords{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:24px;font-size:12px;color:#7c8ca3}.mb-blog .blog-keywords>span{font-weight:400}.mb-blog .blog-keywords>span:first-child{margin-right:4px}
.mb-blog .blog-related{margin-top:100px;padding-top:32px;border-top:1px solid #dce5f2}.mb-blog .blog-related-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.mb-blog .blog-related-heading h2{font-size:24px;font-weight:500;margin:0}.mb-blog .blog-related-heading a,.mb-blog .blog-read-more{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:#4772ba}.mb-blog .blog-related svg{width:16px;height:16px;flex-shrink:0}.mb-blog .blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.mb-blog .blog-related-item{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-decoration:none}.mb-blog .blog-related-item h3{font-size:19px;line-height:1.6;font-weight:500;color:#324c73;margin:16px 0 12px;transition:color .2s}.mb-blog .blog-related-item>p{font-size:13px;line-height:1.85;color:#7a8ba3;margin:0 0 24px}.mb-blog .blog-read-more{margin-top:auto;min-height:36px}.mb-blog .blog-draft{padding-block:16px;font-size:13px;line-height:1.8;color:#85672d}
@media(max-width:640px){.mb-blog .blog-shell,.mb-blog .blog-reading,.mb-blog .blog-post-heading{width:calc(100% - 40px)}.mb-blog .blog-index-heading{padding:58px 20px 64px}.mb-blog .blog-index-heading>p:last-child{font-size:15px}.mb-blog .blog-row{grid-template-columns:minmax(0,1fr) 20px;gap:12px 16px;padding:28px 0}.mb-blog .blog-row>time{grid-column:1/-1;padding:0}.mb-blog .blog-row-arrow{margin-top:28px}.mb-blog .blog-archive-heading{align-items:flex-start;flex-wrap:wrap;gap:8px}.mb-blog .blog-post-heading{padding:50px 0 40px;text-align:left}.mb-blog .blog-post-meta,.mb-blog .blog-byline{justify-content:flex-start}.mb-blog .blog-post-deck{font-size:15px}.mb-blog .blog-body>p,.mb-blog .blog-body li{font-size:15px}.mb-blog .blog-body h2{margin-top:42px}.mb-blog .blog-body blockquote{padding-left:18px;font-size:16px}.mb-blog .blog-related{margin-top:72px}.mb-blog .blog-related-grid{grid-template-columns:minmax(0,1fr);gap:0}.mb-blog .blog-related-item{padding:26px 0;border-bottom:1px solid #e1e8f2}.mb-blog .blog-related-heading{margin-bottom:0}.mb-blog .blog-related-item:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){.mb-blog .blog-row,.mb-blog .blog-row h3,.mb-blog .blog-row-arrow,.mb-blog .blog-related-item h3{transition:none}}

/* v12: route endings share the footer canvas. Select verified terminal blocks only. */
#main-content{background-color:#f8faff}
#main-content + .dc-page > footer{background:#f8faff!important;border-top:0!important}
/* SSR CTA: direct children (download/security/etc.) or the review page's final wrapper. */
#main-content > .mb-cta:last-child,
#main-content > div:last-child > .mb-cta:last-child{
  background:linear-gradient(180deg,#edf4ff 0%,#edf4ff 38%,#f3f7fd 72%,#f8faff 100%);
  padding-bottom:clamp(80px,9vw,128px);
}
#main-content > .mb-cta:last-child > .mb-cta-bg,
#main-content > div:last-child > .mb-cta:last-child > .mb-cta-bg{
  background:radial-gradient(ellipse at 50% 0%,#d9e8ff88,transparent 60%);
  mask-image:linear-gradient(#000,transparent 72%);
}
/* Board-derived write page has an inline blue section; keep its content intact. */
#main-content > .dc-page:last-child > section[aria-labelledby="write-cta-title"]:last-child{
  background:linear-gradient(180deg,#eaf0ff 0%,#edf4ff 40%,#f8faff 100%)!important;
  padding-bottom:clamp(120px,14vw,190px)!important;
}
/* FAQ has no final CTA; legal pages end with an article wrapper. */
#main-content > section:last-child:not(.mb-cta):not(.bg-gradient-hero){
  background:#f8faff;padding-bottom:clamp(40px,6vw,80px);
}
#main-content > div:last-child:not(.mb-blog):has(> div > article){
  background:#f8faff;padding-bottom:clamp(96px,12vw,160px);
}
#main-content > .bg-gradient-hero:last-child{
  background:linear-gradient(180deg,#edf4ff,#f8faff 85%);padding-bottom:clamp(64px,8vw,112px);
}
/* The blog already owns generous terminal whitespace; no extra section or overlay. */
.mb-blog.mb-blog-index{
  background:radial-gradient(ellipse 900px 380px at 50% 0%,rgba(214,230,255,.6),transparent 100%),#f8faff;
}
.mb-blog.mb-blog-post{background:#f8faff}

/* v12 top continuity: keep the fixed-header safety space, color it with the hero. */
#main-content{background:linear-gradient(180deg,#eef5ff 0 64px,#f8faff 420px)}
/* Standard heroes start at #eef5ff; these roots do not use PageHero. */
.mb-blog.mb-blog-index{background:linear-gradient(180deg,#eef5ff 0px,#eaf2ff 150px,#f2f7ff 300px,#f8faff 440px)}
.mb-blog.mb-blog-post{background:linear-gradient(180deg,#eef5ff,#f8faff 360px)}
#main-content > .bg-gradient-hero:last-child{background:linear-gradient(180deg,#eef5ff,#f8faff 85%)}
.mb-header [data-nav][aria-current="page"]{background:#e7effc;color:#315caa;font-weight:500}
.mb-header [data-nav]:not([aria-current="page"]){background:transparent;color:#62738e}
.mb-header [data-nav]:not([aria-current="page"]):hover{background:#edf3fc;color:#315caa}
.mb-header a[href="#/download"]{background:#2e5bff;color:#fff;border-radius:999px;box-shadow:none}
.mb-header a[href="#/download"]:hover{background:#244bd9}

/* Nested capsules: 52px outer = 36px button + 2 × 7px inset + 2 × 1px border. */
.mb-header[data-scrolled]>div{height:52px;box-sizing:border-box;padding-top:0;padding-bottom:0;padding-right:7px;align-items:center}
.mb-header[data-scrolled]>div>div:has(>a[href="#/download"]){padding:0;margin:0;gap:0;align-items:center}
.mb-header[data-scrolled] a[href="#/download"]{height:36px;min-height:36px;max-height:36px;box-sizing:border-box;margin:0;align-self:center;translate:none;scale:1;transform:none}
/* Preserve the mobile menu's 44px target: 52 = 44 + 2 × 3 + 2 × 1. */
@media(max-width:767px){
  .mb-header[data-scrolled]>div{padding-right:3px}
  .mb-header[data-scrolled] [data-open-nav]{width:44px;height:44px;min-height:44px;max-height:44px;box-sizing:border-box;margin:0;padding:0;align-self:center;translate:none;scale:1;transform:none}
}

/* FAQ is one section containing both its heading and details, unlike CTA pages. */
#main-content > section.bg-background:only-child:has(> div > div > details){
  background:linear-gradient(180deg,#eef5ff 0px,#f8faff 420px);
}
/* v14: let the actual first hero paint behind the transparent fixed header.
   Keep the 64px content clearance inside that hero, rather than above it. */
#main-content:has(> .mb-page-hero:first-child),
#main-content:has(> div:first-child > section:first-child > canvas[data-flowfield]){padding-top:0}
#main-content > .mb-page-hero:first-child{padding-top:64px}
#main-content > div:first-child > section:first-child:has(> canvas[data-flowfield]){
  padding-top:64px;
  min-height:100svh;
  box-sizing:border-box;
}

/* Site typography: no added or negative character tracking, including inline board styles. */
html, body, body *, body *::before, body *::after{letter-spacing:0!important}

/* v16: shared capsule shape for buttons and button-styled links across all routes. */
button,
input[type="button"],input[type="submit"],input[type="reset"],
[role="button"],[data-slot="button"],
a.mb-btn,a.rounded-full,
a[style*="inline-flex"][style*="border-radius"]{
  border-radius:999px!important;
}

/* v17: macOS-inspired glass chrome; the reading surface stays quiet and opaque. */
/* Selectable evidence cards retain a card shape instead of the CTA capsule. */
.mb-review [data-ev-root] button[data-ev-item]{border-radius:24px!important}

.mp-preview{
  position:relative;
  border:1px solid rgba(255,255,255,.88);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(226,237,253,.38));
  backdrop-filter:blur(28px) saturate(1.35);
  -webkit-backdrop-filter:blur(28px) saturate(1.35);
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 0 0 1px rgba(115,140,178,.12),0 32px 72px -24px rgba(42,65,109,.26),0 8px 20px -12px rgba(42,65,109,.18);
}
.mp-preview::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 1px #fff,inset 1px 0 0 #ffffff7a,inset -1px 0 0 #ffffff42}
.mp-preview .mp-windowbar{height:48px;padding-inline:22px;background:linear-gradient(180deg,#ffffffb8,#ffffff48);border-bottom:1px solid #ffffffb3;box-shadow:0 1px 0 #8da5c512;color:#536580}
.mp-preview .mp-window-dots{gap:7px}.mp-preview .mp-window-dots i{width:10px;height:10px;box-shadow:inset 0 0 0 1px #0000000a,0 1px 1px #ffffff80}
.mp-preview .mp-toolbar-tab{background:linear-gradient(#ffffffeb,#ffffff85);border:1px solid #ffffffed;border-radius:9px;box-shadow:0 2px 5px #4d688a0d,0 0 0 1px #859cb314;color:#30435f}
.mp-preview .mp-workspace{gap:0;background:transparent}
.mp-preview .mp-sidebar{background:linear-gradient(155deg,#ffffff85,#e4edfb70 65%,#e9effb85);border-right:1px solid #ffffff9c;box-shadow:inset 1px 0 0 #ffffff70;padding-top:24px}
.mp-preview .mp-main{background:rgba(255,255,255,.94);border-radius:16px 0 0 0;box-shadow:-1px -1px 0 #ffffffba,0 -1px 12px #6980a208}
.mp-preview .mp-tabs-mode{padding:4px;gap:4px;border:1px solid #ffffffbb;border-radius:999px;background:#b9cbe526;box-shadow:inset 0 1px 3px #6a82a515,0 1px 0 #ffffff80}
.mp-preview .mp-tabs-mode button{border:1px solid transparent;background:transparent;min-height:36px;color:#52647c;transition:background-color .18s,box-shadow .18s}
.mp-preview .mp-tabs-mode button[aria-selected=true]{color:#fff;background:linear-gradient(180deg,#527aff,#315bf0);border-color:#6286ff;box-shadow:inset 0 1px 0 #ffffff5c,0 3px 8px #315bf02b}
.mp-preview .mp-tabs-mode button:not([aria-selected=true]):hover{background:#ffffff80}
.mp-preview .mp-tabs-mode button:focus-visible{outline:2px solid #244bd9;outline-offset:3px}
.mp-preview .mp-project-active{background:linear-gradient(110deg,#ffffffb3,#eef4ff9c);border-radius:10px;box-shadow:inset 0 0 0 1px #ffffffc9,0 2px 5px #57739c0b;color:#365483}
.mp-preview .mp-review-heading{border-color:#e9edf4}.mp-preview .mp-review-status{background:linear-gradient(#f5f8ff,#edf2ff);box-shadow:inset 0 0 0 1px #e8efff;color:#4266d6}
.mp-preview .mp-progress-card,.mp-preview .mp-write-cards article{background:linear-gradient(155deg,#fff,#f8faff);border-color:#e4eaf4;box-shadow:0 1px 2px #455b7e04,inset 0 1px 0 #fff}
.mp-preview .mp-progress-track{background:#e8edf6;box-shadow:inset 0 1px 2px #6d84ab14}
.mp-preview .mp-progress-track>span{background:linear-gradient(90deg,#527bff,#315bff);box-shadow:inset 0 1px 0 #ffffff3d}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.mp-preview{background:#eaf0fa}.mp-preview .mp-sidebar{background:#edf3fb}.mp-preview .mp-windowbar{background:#f2f6fc}}
@media(prefers-reduced-transparency:reduce){.mp-preview{background:#edf3fb;backdrop-filter:none;-webkit-backdrop-filter:none}.mp-preview .mp-windowbar{background:#f4f7fc}.mp-preview .mp-sidebar{background:#eef3fa}.mp-preview .mp-main{background:#fff}}

/* v19: editorial images and concise homepage; other routes keep their content. */
.mh .mc-crop:has(> .mc-editorial){padding:0;mask-image:none;-webkit-mask-image:none;background:#f8faff}
.mh .mc-editorial{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.mh .mh-audience{margin:16px 0 0;text-align:left;color:#425b7b;font-size:15px;line-height:1.8;letter-spacing:0}
.mh .mh-compute .mh-inline-links{margin-top:28px}
.mh .mh-compute .mh-sales-button,.mh .mc-section-foot .mh-review-button{box-sizing:border-box;min-height:48px;border-radius:999px;border-color:#5678ab;color:#315583;font-weight:500;letter-spacing:0}
.mh .mh-compute-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:center}
.mh .mh-compute figure{margin:0;min-width:0}.mh .mh-compute img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.mh .mh-compute-copy{min-width:0}.mh .mh-compute .mh-title{text-align:left;font-size:clamp(28px,3.2vw,42px);line-height:1.3}
.mh .mh-compute .mh-lead{font-size:15px;line-height:1.9}.mh .mh-compute-note{font-size:13px;line-height:1.8;color:#6d7f99;margin:16px 0 24px}
@media(max-width:760px){.mh .mh-compute-grid{grid-template-columns:minmax(0,1fr);gap:28px}.mh .mh-compute figure{max-width:540px;margin:auto}.mh .mh-compute .mh-inline-links{flex-wrap:wrap;gap:18px}.mh .mc-crop:has(>.mc-editorial){height:auto;aspect-ratio:3/2}}

/* Marketing typography: role-specific overrides after all generated page CSS.
   Keep existing type sizes/alignment and the separate article/legal/mock systems. */
#features.mc-section > .mh-wrap > .mh-head{max-width:none}
#features .mh-head > .mh-lead{max-width:none;white-space:normal;overflow-wrap:break-word;text-wrap:wrap}

.mb-hero-title,.mb-page-title,.mh-title,.pv-title,.mb-cta-title,.mh-start-title,
.mb-blog .blog-index-heading h1,
#main-content h1.font-black,
#main-content h2.font-bold.tracking-tight:not(.blog-body *){font-weight:700}
/* The board source uses inline declarations; override only its named marketing roles. */
#write-hero-title{font-weight:700!important}

.mc-card > header > h3,.mh-step-name,.mh-app-function h3,
.mh .pv-compact .pv-subtitle,.pv-summary-band .pv-subtitle,
.mb-blog .blog-row h3,.mb-blog .blog-related-item h3,
#platforms h2.text-xl{font-weight:600}
#main-content > .dc-page section[aria-labelledby^="write-"] h3{font-weight:600!important}

.mb-hero-lead,.mb-page-title + p,.mh-lead,.mh-start-lead,.mb-cta-sub,.pv-lead,
.mc-card > header > p,.mh .mh-compute .mh-lead,
.mb-blog .blog-index-heading > p:last-child,
#main-content h2.font-bold.tracking-tight:not(.blog-body *) + p,
#main-content h3.font-semibold + p:not(article *){
  font-weight:400;line-height:1.8;
}
.mb-hero-lead,.mb-page-title + p,.mh-lead,.mh-start-lead,.mb-cta-sub,
.mc-card > header > p,
#main-content h2.font-bold.tracking-tight:not(.blog-body *) + p{
  margin-top:24px;
}
#main-content h3.font-semibold + p:not(article *){margin-top:20px}
/* Inline board typography stays within its marketing sections, never the book mock. */
#main-content > .dc-page section[aria-labelledby^="write-"] > div > h2 + p,
#write-hero-title + p{
  margin-top:24px!important;font-weight:400!important;line-height:1.8!important;
}
#main-content > .dc-page section[aria-labelledby^="write-"] li > h3 + p,
#main-content > .dc-page section[aria-labelledby^="write-"] li > div:has(> h3) + p{
  margin-top:20px!important;font-weight:400!important;line-height:1.8!important;
}

/* Review adopts the accepted home palette; shared components remain route-scoped. */
.mb-review{
  --mr-canvas:#f8faff;--mr-tint:#f0f5fc;--mr-title:#263d61;
  --mr-copy:#62718a;--mr-border:#dfe7f1;--mr-accent:#2e5bff;
  --mr-card:linear-gradient(150deg,#fcfdff,#f0f5fd);
  background:var(--mr-canvas);color:var(--mr-title);letter-spacing:0;
}
.mb-review :is(.mr-container,.mb-cta>div.relative){max-width:1200px;margin-inline:auto;padding:clamp(64px,8vw,112px) 24px}
.mb-review .mr-section{background:var(--mr-canvas)}
.mb-review .mr-section:nth-of-type(odd){background:var(--mr-tint)}
.mb-review .mr-section .grid>*{min-width:0}
.mb-review .mr-section img{max-width:100%;height:auto;object-fit:contain}
#main-content:has(>.mb-review){padding-top:0}
#main-content>.mb-review:first-child>.mr-hero:first-child{
  isolation:isolate;min-height:auto;padding-top:112px;
  background:linear-gradient(180deg,#eef5ff 0%,#f5f9ff 72%,var(--mr-canvas) 100%);
}
.mb-review .mr-hero .mb-mist-canvas{opacity:.35}
.mb-review .mr-hero>div.relative{max-width:1200px;padding:32px 24px 48px;gap:40px}
#main-content .mb-review .mr-hero h1{font-size:clamp(36px,5.3vw,70px);line-height:1.23;font-weight:700;color:#16305a;text-wrap:balance}
.mb-review .mr-hero h1 span{color:inherit}
.mb-review .mr-hero h1+p{max-width:none;margin-top:24px;font-size:clamp(15px,1.6vw,18px);line-height:1.8;color:var(--mr-copy)}
#main-content .mb-review h2{font-size:clamp(28px,3.5vw,44px);line-height:1.3;font-weight:700;color:var(--mr-title);text-wrap:balance}
.mb-review :is(.text-foreground,.text-muted-strong){color:var(--mr-title)}
.mb-review .text-muted-foreground{color:var(--mr-copy)}
.mb-review .mr-section h2+p{margin-top:24px;line-height:1.8}
.mb-review .mr-section li>p.font-semibold{font-weight:600;color:var(--mr-title)}
.mb-review .mr-section li>p+p{line-height:1.8}
.mb-review .mr-section li>span:has(>svg){background:#eaf0ff;color:var(--mr-accent);border-radius:12px}
#main-content .mb-review :is(li.border,details,[data-ev-root]){
  border:1px solid var(--mr-border);border-radius:16px;background:var(--mr-card);box-shadow:none;
}
.mb-review .mr-section li.border{padding:24px;gap:12px}
.mb-review #policy li.border{border-radius:22px;padding:28px 24px}
.mb-review #faq summary{padding:24px;font-size:17px;line-height:1.5;font-weight:500}
.mb-review #faq summary+p{padding:0 24px 24px;line-height:1.8}
.mb-review #faq summary>span{background:#fff;border:1px solid var(--mr-border);color:var(--mr-copy)}
.mb-review .animate-hero-marquee{
  padding:1px;border-radius:17px;
  background:conic-gradient(from var(--hero-marquee-angle,0deg),#dfe7f1,#bbcee8,#dfe7f1,#eaf0ff,#dfe7f1);
}
.mb-review .animate-hero-marquee>div{background:var(--mr-card);border-radius:16px!important;box-shadow:none}
#main-content .mb-review [data-slot="button"]{
  min-height:48px;height:auto;max-width:100%;padding:12px 24px;
  border-radius:999px;white-space:normal;text-align:center;box-shadow:none;
}
#main-content .mb-review [data-slot="button"]:is([data-variant="default"],[data-variant="gradient"]){background:var(--mr-accent);color:#fff}
#main-content .mb-review [data-slot="button"]:is([data-variant="default"],[data-variant="gradient"]):hover{background:#244bd9}
#main-content .mb-review [data-slot="button"][data-variant="outline"]{border-color:#bbcee8;color:#315583;background:#ffffff70}
#main-content .mb-review [data-slot="button"][data-variant="outline"]:hover{background:#fff;border-color:#8ca8cf}
.mb-review [data-ev-root] .border-divider{border-color:var(--mr-border);box-shadow:none}
/* Match the terminal-block selectors above; only the inner container owns spacing. */
#main-content>.mb-review:last-child>.mb-cta:last-child{padding:0;background:linear-gradient(180deg,var(--mr-canvas),#edf4ff 25%,#edf4ff 48%,var(--mr-canvas) 100%)}
.mb-review>.mb-cta>div.relative{padding-bottom:clamp(140px,16vw,220px)}
#main-content>.mb-review:last-child>.mb-cta:last-child>.mb-cta-bg{mask-image:linear-gradient(transparent,#000 25%,transparent 85%)}
#main-content:has(>.mb-review)+.dc-page footer{background:#f8faff!important;border-top:0!important}
@media(max-width:767px){
  .mb-review :is(.mr-container,.mb-cta>div.relative){padding-inline:20px}
  #main-content>.mb-review:first-child>.mr-hero:first-child{min-height:auto;padding-top:112px}
  .mb-review .mr-hero>div.relative{padding:16px 20px 40px;gap:32px}
  .mb-review .mr-section li.border{padding:20px}
  .mb-review #faq summary{padding:20px;font-size:16px}
  .mb-review #faq summary+p{padding:0 20px 20px}
  .mb-review [data-ev-pane]>div:first-child{flex-wrap:wrap;gap:4px}
  .mb-review [data-ev-root] button>div:first-child{flex-wrap:wrap}
  .mb-review [data-ev-root] button>div:first-child>span:last-child{margin-left:0}
}

/* Security-only normalization. The build inserts #leaves inside this wrapper. */
.mb-security{
  --ms-canvas:#f8faff;--ms-title:#263d61;--ms-copy:#62718a;
  --ms-border:#dfe7f1;--ms-accent:#2e5bff;
  background:var(--ms-canvas);color:var(--ms-title);letter-spacing:0;
}
#main-content:has(>.mb-security){padding-top:0}
#main-content>.mb-security>.mb-page-hero:first-child{
  padding-top:64px;background:linear-gradient(180deg,#eef5ff 0%,#f5f9ff 72%,var(--ms-canvas) 100%);
}
.mb-security>.mb-page-hero>.mb-hero-bg{background:inherit}
.mb-security>.mb-page-hero>.mb-hero-bg::before{mask-image:linear-gradient(#000,transparent 90%)}
.mb-security>.mb-page-hero>.mb-hero-bg::after{mask-image:linear-gradient(#0008,transparent 75%)}
.mb-security>.mb-page-hero>div.relative{
  max-width:1200px;padding:48px 24px clamp(64px,8vw,112px);margin-inline:auto;
}
.mb-security .mb-page-title{color:#16305a;font-size:clamp(36px,4.5vw,60px);font-weight:700;line-height:1.25}
.mb-security .mb-page-title+p{max-width:800px;font-size:clamp(15px,1.6vw,18px)}
.mb-security>.mb-page-hero+section.pv{background:var(--ms-canvas);padding:clamp(64px,8vw,112px) 0}
.mb-security .pv-wrap{max-width:1200px;padding-inline:24px}
.mb-security>.pv+div{
  max-width:1200px;margin-inline:auto;padding:clamp(64px,8vw,112px) 24px;
}
.mb-security article>section+section{margin-top:clamp(64px,8vw,112px)}
#main-content .mb-security h2{color:var(--ms-title);font-size:clamp(28px,3.5vw,44px);font-weight:700;line-height:1.3;text-wrap:balance}
#main-content .mb-security h3{color:var(--ms-title);font-size:20px;font-weight:700;line-height:1.5}
#main-content .mb-security :is(h1,h2,h3)[class]+p{margin-top:24px;font-weight:400;line-height:1.8}
.mb-security :is(.text-muted-foreground,.mb-cta-sub,.pv-summary){color:var(--ms-copy)}
.mb-security :is(.text-foreground,.mb-cta-offer){color:var(--ms-title)}
.mb-security .pv-subtitle{margin-top:24px}
.mb-security .pv-summary{margin-top:24px;line-height:1.8}
.mb-security article section>div.grid{gap:24px;grid-template-columns:minmax(0,1fr)}
#main-content .mb-security article .border-divider.rounded-2xl{
  min-width:0;padding:28px;border:1px solid var(--ms-border);border-radius:24px;
  background:linear-gradient(150deg,#fcfdff,#f0f5fd);box-shadow:none;
}
.mb-security article .bg-primary-soft{background:#eaf0ff;color:var(--ms-accent);border-radius:12px;margin-bottom:20px}
.mb-security :is(.pv-copy,.pv-figure,article .grid>div){min-width:0;overflow-wrap:break-word}
.mb-security img{max-width:100%;height:auto}
#main-content .mb-security [data-slot="button"]{
  min-height:48px;height:auto;max-width:100%;padding:12px 24px;border-radius:999px;
  white-space:normal;text-align:center;box-shadow:none;
}
#main-content .mb-security [data-slot="button"]:is([data-variant="default"],[data-variant="gradient"]){background:var(--ms-accent);color:#fff}
#main-content .mb-security [data-slot="button"]:is([data-variant="default"],[data-variant="gradient"]):hover{background:#244bd9}
#main-content .mb-security [data-slot="button"][data-variant="outline"]{background:#ffffff70;color:#315583;border-color:#bbcee8}
#main-content .mb-security [data-slot="button"][data-variant="outline"]:hover{background:#fff;border-color:#8ca8cf}
/* Outer CTA owns the canvas; inner container alone owns vertical whitespace. */
#main-content>.mb-security:last-child>.mb-cta:last-child{
  padding:0;background:linear-gradient(180deg,var(--ms-canvas),#edf4ff 25%,#edf4ff 48%,var(--ms-canvas) 100%);
}
.mb-security>.mb-cta>div.relative{
  max-width:1200px;margin-inline:auto;padding:clamp(64px,8vw,112px) 24px clamp(140px,16vw,220px);
}
#main-content>.mb-security:last-child>.mb-cta:last-child>.mb-cta-bg{mask-image:linear-gradient(transparent,#000 25%,transparent 85%)}
#main-content:has(>.mb-security)+.dc-page footer{background:#f8faff!important;border-top:0!important}
@media(min-width:640px){.mb-security article section>div.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.mb-security article section>div.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){
  .mb-security>.mb-page-hero>div.relative{padding:48px 20px 64px}
  .mb-security :is(.pv-wrap,.mb-cta>div.relative),.mb-security>.pv+div{padding-inline:20px}
  #main-content .mb-security article .border-divider.rounded-2xl{padding:24px}
  .mb-security>.mb-page-hero [data-slot="button"],.mb-security>.mb-cta [data-slot="button"]{width:100%}
}

/* Full container width fits the 14px desktop lead; wrapping remains safe at narrow widths. */
.mb-review .mr-hero-lead{white-space:normal;overflow-wrap:break-word}

/* Auxiliary pages opt in explicitly; home/review/security/blog never use mb-info. */
.mb-info{
  --mi-canvas:#f8faff;--mi-title:#263d61;--mi-copy:#62718a;--mi-border:#dfe7f1;
  position:relative;isolation:isolate;background:var(--mi-canvas);color:var(--mi-title);
}
#main-content:has(>.mb-info){padding-top:0}
.mb-info>section{background:var(--mi-canvas)}
.mb-info>section:not(:first-child):not(.mb-cta){background:linear-gradient(180deg,var(--mi-canvas),#f0f5fc 50%,var(--mi-canvas))}
#main-content>.mb-info>.mb-page-hero:first-child{
  padding-top:64px;background:linear-gradient(180deg,#eef5ff,#f5f9ff 72%,var(--mi-canvas));
}
.mb-info>.mb-page-hero>.mb-hero-bg{background:inherit}
.mb-info>.mb-page-hero>.mb-hero-bg::before{mask-image:linear-gradient(#000,transparent 90%)}
.mb-info>section>div:not(.mb-hero-bg):not(.mb-cta-bg){
  max-width:1200px;margin-inline:auto;padding:clamp(64px,8vw,112px) 24px;
}
.mb-info>section.mb-page-hero>div.relative{padding-top:48px}
#main-content .mb-info h1{font-size:clamp(36px,4.5vw,60px);line-height:1.25;font-weight:700;color:#16305a;text-wrap:balance}
#main-content .mb-info h2{font-size:clamp(28px,3.5vw,44px);line-height:1.3;font-weight:700;color:var(--mi-title);text-wrap:balance}
#main-content .mb-info :is(h3,h4){font-size:20px;line-height:1.5;font-weight:700;color:var(--mi-title)}
#main-content .mb-info #platforms h2{font-size:24px}
#main-content .mb-info :is(h1,h2,h3,h4)[class]+p{margin-top:24px;line-height:1.8}
.mb-info .text-muted-foreground,.mb-info .mb-cta-sub{color:var(--mi-copy)}
.mb-info .text-foreground,.mb-info .mb-cta-offer{color:var(--mi-title)}
.mb-info .grid{gap:24px}
.mb-info .grid>*,.mb-info .flex>div{min-width:0}
.mb-info :is(p,dd,dt){overflow-wrap:break-word}
#main-content .mb-info :is(div,li).border-divider{
  border:1px solid var(--mi-border);border-radius:24px;padding:28px;
  background:linear-gradient(150deg,#fcfdff,#f0f5fd);box-shadow:0 8px 24px -24px #7797c5;
}
.mb-info .bg-primary-soft{background:#eaf0ff;color:#2e5bff}
#main-content .mb-info [data-slot="button"]{
  min-height:48px;height:auto;max-width:100%;padding:12px 24px;border-radius:999px;
  white-space:normal;text-align:center;box-shadow:none;
}
#main-content .mb-info [data-slot="button"]:is([data-variant="default"],[data-variant="gradient"]){background:#2e5bff;color:#fff}
#main-content .mb-info [data-slot="button"]:is([data-variant="default"],[data-variant="gradient"]):hover{background:#244bd9}
#main-content .mb-info [data-slot="button"][data-variant="outline"]{background:#ffffff70;color:#315583;border-color:#bbcee8}
#main-content .mb-info [data-slot="button"][data-variant="outline"]:hover{background:#fff;border-color:#8ca8cf}
/* Keep the closing canvas on the section and spacing solely on its inner container. */
#main-content>.mb-info:last-child>.mb-cta:last-child{padding:0;background:linear-gradient(180deg,var(--mi-canvas),#edf4ff 25%,#edf4ff 48%,var(--mi-canvas))}
.mb-info>section.mb-cta>div.relative{padding-bottom:clamp(140px,16vw,220px)}
#main-content>.mb-info:last-child>.mb-cta:last-child>.mb-cta-bg{mask-image:linear-gradient(transparent,#000 25%,transparent 85%)}
#main-content:has(>.mb-info)+.dc-page footer{background:#f8faff!important;border-top:0!important}

/* FAQ and legal pages have no CTA: the root supplies the same top-to-footer canvas. */
.mb-info:is(.mb-faq,.mb-legal){padding-top:112px;background:linear-gradient(180deg,#eef5ff 0,var(--mi-canvas) 560px,var(--mi-canvas) 90%,#f3f7fd 95%,var(--mi-canvas))}
.mb-info:is(.mb-faq,.mb-legal)::before{content:"";position:absolute;inset:0 0 auto;height:560px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 25%,#a9cefa66,transparent 55%),radial-gradient(ellipse at 80% 15%,#b9d6ff77,transparent 50%);mask-image:linear-gradient(#000,transparent)}
.mb-info.mb-faq>section{background:transparent}
.mb-info.mb-faq>section>div:first-child{padding-top:0;padding-bottom:clamp(140px,16vw,220px)}
.mb-info .mi-faq-list{border-top:1px solid var(--mi-border)}
#main-content>.mb-info.mb-faq .mi-faq-item{margin:0;border:0;border-bottom:1px solid var(--mi-border);border-radius:0;background:transparent;box-shadow:none}
.mb-info .mi-faq-item summary{padding:24px 0;gap:24px;font-size:17px;line-height:1.5;font-weight:500;color:var(--mi-title)}
.mb-info .mi-faq-item summary>span{width:32px;height:32px;border:1px solid var(--mi-border);background:#fff;color:var(--mi-copy);box-shadow:none}
.mb-info .mi-faq-item[open] summary>span{background:#eaf0ff;color:#2e5bff;transform:rotate(45deg)}
.mb-info .mi-faq-item>p{margin:0;padding:0 56px 24px 0;line-height:1.8}

/* Legal text remains verbatim. Only the reading measure and vertical rhythm change. */
.mb-info.mb-legal>div{max-width:1200px;margin-inline:auto;padding:64px 24px clamp(140px,16vw,220px)}
.mb-info.mb-legal article>div{max-width:840px;margin-inline:auto;overflow-wrap:break-word}
.mb-info.mb-legal header{padding-bottom:32px;border-color:var(--mi-border)}
.mb-info.mb-legal header+div{margin-top:32px}
.mb-info.mb-legal article section+section{margin-top:48px}
#main-content .mb-info.mb-legal h2{font-size:24px;line-height:1.5}
#main-content .mb-info.mb-legal h3{font-size:18px}
.mb-info.mb-legal section>div{margin-top:28px}
.mb-info.mb-legal :is(p,ul){line-height:1.9}
.mb-info.mb-legal p+p{margin-top:16px}
.mb-info.mb-legal li+li{margin-top:12px}
@media(max-width:767px){
  #main-content .mb-info :is(div,li).border-divider{padding:24px}
  .mb-info.mb-solutions .border-divider.flex{flex-direction:column}
  .mb-info>.mb-page-hero [data-slot="button"],.mb-info>.mb-cta [data-slot="button"]{width:100%}
  .mb-info .mi-faq-item summary{font-size:16px;gap:16px}
  .mb-info .mi-faq-item>p{padding-right:0}
  #main-content .mb-info.mb-legal h2{font-size:22px}
}
/* Final type-size contract, loaded after utility, component and route CSS.
   Change only font-size: layout, weight, line-height and tracking stay with owners.
   Body = 14px; explicit metadata stays 12–13px; headings and display numbers retain hierarchy. */
:root{--mb-body-size:14px;--mb-caption-min:12px}

/* Utility-based prose, including responsive hero leads and dialog descriptions.
   A p can be a card title or a price: never normalize bold/semibold/medium roles here.
   text-xs is an explicit auxiliary role, not body copy. */
:where(#main-content,#contact-dialog,footer) p:is(.text-sm,.text-base,.text-muted-foreground):not(:where(.font-medium,.font-semibold,.font-bold,.font-extrabold,.font-black,.text-xs)){
  font-size:var(--mb-body-size)!important;
}

/* Named marketing prose. Keep eyebrow, metadata, card names, step numbers,
   progress readouts and pricing amounts out of this list. */
:is(.mb-hero-lead,.mb-page-title+p,.mb-cta-sub,.mr-hero-lead,
    .mh-lead,.mh-product-desc,.mh-step-desc,.mh-start-lead,.mh-audience,
    .mh-compute-note,.mh-app-foot p,.mh-app-notify p,.mh-start-card p,
    .mh-modes p,.mh-spec>div,.mh-features li,.mh-checks li,
    .mh-roles span:last-child,.mh-when span:last-child,.mh-safety span:last-child,
    .mh-qa-body p,.mc-card>header>p,.pv-lead,.pv-summary,.pv-facts li>span:last-child,
    .blog-index-heading>p:last-child,.blog-post-deck,.blog-row p,.blog-related-item>p,
    .blog-author>p:not(.blog-author-name,.blog-author-org),.proto-toast){
  font-size:var(--mb-body-size)!important;
}

/* Article/legal text, FAQ answers and tables. Headings and highlighted callout
   titles keep their own sizes, including p.font-semibold in blog articles. */
.blog-body :is(p,li,blockquote,td,dd):not(:where(.font-medium,.font-semibold,.font-bold,.font-extrabold,.font-black,.text-xs)),
:where(#main-content) details>p:not(:where(.font-medium,.font-semibold,.font-bold)),
:where(#main-content) :is(td,dd).text-sm{
  font-size:var(--mb-body-size)!important;
}

/* Board source is read-only and carries inline CSS. Override prose alone:
   inline font-weight marks card titles/booking emphasis, 12px marks captions.
   b/strong and nested heading/price spans are deliberately not selected. */
.dc-page p:not([class]):not([style*="font-weight"]):not([style*="font-size: 12px"]),
.dc-page dd:not([style*="font-weight"]),
.dc-page footer :is(p,a):not([style*="font-weight"]):not([style*="font-size: 12px"]){
  font-size:var(--mb-body-size)!important;
}

/* Client mock: explanations use body size; toolbar/status/page labels stay 12px.
   Do not touch canvas glyph fonts, .mp-progress-number, its percentage or status icons. */
:is(.mp-result>p:not(.mp-overline),.mp-coming>p:not(.mp-overline),
    .mp-write-empty>p:not(.mp-write-foot),.mp-write-heading>p,
    .mp-write-cards p,.mp-privacy-notice p,.mp-library-info p,
    .mp-progress-readout p,.mp-review-heading p,.mp-evidence p,
    .mc-verdict p,.mc-library p,.mc-compare p,.mc-compare blockquote){
  font-size:var(--mb-body-size)!important;
}

/* Browser percentage defaults must not make readable auxiliary text smaller
   than 12px. The mock's large progress percentage is an intentional exception. */
small:not(.mp-progress-number small){font-size:max(var(--mb-caption-min),.857143em)}
sub,sup{font-size:max(var(--mb-caption-min),.75em)}


/* Reserve the grid illustration before its lazy image is decoded. */
.mh-compute-grid>figure{width:100%;aspect-ratio:3/2}