/* Webbec design system | Shared semantic tokens (used by page components) */
:root{--wb-primary-blue:#0066FF;--wb-brand-navy:#111F31;--wb-border-light:#DFEAFA;--wb-radius-card:18px;--wb-radius-button:12px;--wb-content-width:1280px;}


/* -------------------------------------------------------------
   base-1
   ------------------------------------------------------------- */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:optional;src:url("assets/0e27d08b528e18e959e088.woff2")format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:optional;src:url("assets/a2e0ac81e5504e288a2916.woff2")format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:optional;src:url("assets/b126670cf49e4606869610.woff2")format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:optional;src:url("assets/4da080c3af806cf038cd22.woff2")format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:optional;src:url("assets/5e5f38e2f1e42cf0d9f48b.woff2")format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:optional;src:url("assets/9ab84ea2f4f7eb3ee29b9b.woff2")format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:optional;src:url("assets/7a87a8619165882301eb84.woff2")format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.QAWh7W_className{font-family:Inter,Inter Fallback;font-style:normal}.QAWh7W_variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:optional;src:url("assets/12fced8dcaabda6422616d.woff2")format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:optional;src:url("assets/e32f775cd18d29437969f5.woff2")format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:optional;src:url("assets/bb49460ca9c80c6a2154db.woff2")format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.OjrZ-W_className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.OjrZ-W_variable{--font-space-grotesk:"Space Grotesk", "Space Grotesk Fallback"}
@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-border-spacing-x:0;--tw-border-spacing-y:0;--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-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--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}}}@layer theme{:root,:host{--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--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-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-inter), Arial, Helvetica, sans-serif;--default-mono-font-family:ui-monospace, SFMono-Regular, Menlo, monospace}@supports (color:lab(0% 0 0)){:root,:host{--color-slate-100:lab(96.286% -.852436 -2.46847);--color-slate-200:lab(91.7353% -.998765 -4.76968)}}}@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;-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}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.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}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-3\.5{top:calc(var(--spacing) * -3.5)}.-top-32{top:calc(var(--spacing) * -32)}.-top-40{top:calc(var(--spacing) * -40)}.top-\[61px\]{top:61px}.-right-40{right:calc(var(--spacing) * -40)}.-left-32{left:calc(var(--spacing) * -32)}.left-1\/2{left:50%}.z-10{z-index:10}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.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-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-36{height:calc(var(--spacing) * 36)}.h-96{height:calc(var(--spacing) * 96)}.h-\[34rem\]{height:34rem}.h-full{height:100%}.min-h-\[3rem\]{min-height:3rem}.min-h-full{min-height:100%}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-20{width:calc(var(--spacing) * 20)}.w-96{width:calc(var(--spacing) * 96)}.w-\[22\%\]{width:22%}.w-\[34rem\]{width:34rem}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x:calc(var(--spacing) * 0);--tw-border-spacing-y:calc(var(--spacing) * 0);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);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,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-white\/10>:not(:last-child)){border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){:where(.divide-white\/10>:not(:last-child)){border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}:where(.divide-white\/15>:not(:last-child)){border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){:where(.divide-white\/15>:not(:last-child)){border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.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-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-\[\#0b2a4d\]{background-color:#0b2a4d}.bg-\[\#0b111d\]{background-color:#0b111d}.bg-\[\#0c1b33\]{background-color:#0c1b33}.bg-\[\#0f1829\]{background-color:#0f1829}.bg-\[\#5DB4FF\]{background-color:#5db4ff}.bg-\[\#067EEC\]{background-color:#067eec}.bg-\[\#080c14\]{background-color:#080c14}.bg-\[\#111c30\]{background-color:#111c30}.bg-\[\#0568D0\]{background-color:#0568d0}.bg-\[\#12273C\]{background-color:#12273c}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(closest-side\,rgba\(6\,126\,236\,0\.3\)\,transparent\)\]{background-image:radial-gradient(closest-side,#067eec4d,#0000)}.bg-\[radial-gradient\(closest-side\,rgba\(6\,126\,236\,0\.18\)\,transparent\)\]{background-image:radial-gradient(closest-side,#067eec2e,#0000)}.from-\[\#0a1a3a\]{--tw-gradient-from:#0a1a3a;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#3b9cff\]{--tw-gradient-from:#3b9cff;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#067EEC\]{--tw-gradient-from:#067eec;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#080c14\]{--tw-gradient-via:#080c14;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#00d2ff\]{--tw-gradient-to:#00d2ff;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#5DB4FF\]{--tw-gradient-to:#5db4ff;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#080c14\]{--tw-gradient-to:#080c14;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.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)}.p-8{padding:calc(var(--spacing) * 8)}.px-2{padding-inline:calc(var(--spacing) * 2)}.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)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[0\.98rem\]{font-size:.98rem}.text-\[1\.05rem\]{font-size:1.05rem}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.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)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-\[\#5DB4FF\]{color:#5db4ff}.text-\[\#94a3b8\]{color:#94a3b8}.text-\[\#12273C\]{color:#12273c}.text-\[\#cbd5e1\]{color:#cbd5e1}.text-slate-100{color:var(--color-slate-100)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-\[0_12px_30px_-10px_rgba\(6\,126\,236\,0\.8\)\]{--tw-shadow:0 12px 30px -10px var(--tw-shadow-color,#067eeccc);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_50px_-30px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow:0 18px 50px -30px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_30px_70px_-25px_rgba\(0\,0\,0\,0\.7\)\]{--tw-shadow:0 30px 70px -25px var(--tw-shadow-color,#000000b3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_40px_80px_-30px_rgba\(0\,0\,0\,0\.45\)\]{--tw-shadow:0 40px 80px -30px var(--tw-shadow-color,#00000073);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--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-2{--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)}.ring-\[\#067EEC\]{--tw-ring-color:#067eec}.ring-white\/5{--tw-ring-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.ring-white\/5{--tw-ring-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.ring-white\/10{--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.ring-white\/10{--tw-ring-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.ring-white\/15{--tw-ring-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.ring-white\/15{--tw-ring-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-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{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;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}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.group-hover\:bg-white\/5:is(:where(.group):hover *){background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-white\/5:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:bg-\[\#0558B5\]:hover{background-color:#0558b5}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:text-white:hover{color:var(--color-white)}.hover\:shadow-\[0_24px_50px_-30px_rgba\(0\,0\,0\,0\.4\)\]:hover{--tw-shadow:0 24px 50px -30px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_30px_60px_-30px_rgba\(0\,0\,0\,0\.4\)\]:hover{--tw-shadow:0 30px 60px -30px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-\[\#00d2ff\]:hover{--tw-ring-color:#00d2ff}}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-20{padding-block:calc(var(--spacing) * 20)}.sm\:py-24{padding-block:calc(var(--spacing) * 24)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:48rem){.md\:block{display:block}.md\:hidden{display:none}}@media (min-width:64rem){.lg\:-my-4{margin-block:calc(var(--spacing) * -4)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.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\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.lg\:gap-7{gap:calc(var(--spacing) * 7)}.lg\:py-11{padding-block:calc(var(--spacing) * 11)}.lg\:py-28{padding-block:calc(var(--spacing) * 28)}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.site-header{z-index:100;-webkit-backdrop-filter:blur(20px);background:#080c14eb;border-bottom:1px solid #ffffff12;transition:background .3s;position:fixed;top:0;left:0;right:0}.site-header.scrolled{background:#080c14f7}.site-header-spacer{flex-shrink:0;height:73px}.site-header-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;max-width:1400px;margin:0 auto;padding:.9rem 3.5rem;transition:padding .3s;display:grid}.site-header.scrolled .site-header-inner{padding-top:.6rem;padding-bottom:.6rem}.site-header-logo-link{justify-self:start;display:flex}.site-header-logo{width:auto;height:44px;transition:height .3s;display:block}.site-header.scrolled .site-header-logo{height:38px}.site-nav-links{justify-content:center;align-items:center;gap:.15rem;display:flex}.site-nav-link{font-family:var(--font-space-grotesk), sans-serif;color:#eef2ff9e;white-space:nowrap;border-radius:100px;padding:.42rem .9rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s;position:relative}.site-nav-mobile-only{display:none}@media (max-width:768px){.site-nav-mobile-only{display:block}}.site-nav-dropdown{position:relative}.site-nav-dropdown-btn{cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;display:inline-flex}.site-nav-chevron{transition:transform .2s}.site-nav-dropdown-btn[aria-expanded=true] .site-nav-chevron{transform:rotate(180deg)}.site-nav-menu{opacity:0;visibility:hidden;z-index:110;background:#0a0f1afa;border:1px solid #ffffff17;border-radius:14px;min-width:270px;margin-top:.35rem;padding:.5rem;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 24px 60px #0000008c}.site-nav-menu:before{content:"";height:.5rem;position:absolute;top:-.5rem;left:0;right:0}.site-nav-menu.open{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.site-nav-menu-item{border-radius:10px;flex-direction:column;gap:.1rem;padding:.65rem .85rem;text-decoration:none;transition:background .15s;display:flex}.site-nav-menu-item:hover,.site-nav-menu-item:focus-visible{background:#ffffff0f}.site-nav-menu-item.active .site-nav-menu-label{color:#00d2ff}.site-nav-menu-label{font-family:var(--font-space-grotesk), sans-serif;color:#eef2ff;font-size:.9rem;font-weight:600}.site-nav-menu-note{color:#eef2ff8c;font-size:.78rem}.site-nav-dropdown-btn:focus-visible,.site-nav-menu-item:focus-visible{outline-offset:2px;outline:2px solid #00d2ff}.site-nav-link:hover{color:#eef2ff;background:#ffffff0f}.site-nav-link.active{color:#eef2ff;background:#ffffff0a}.site-nav-link.active:after{content:"";background:#00d2ff;border-radius:2px;height:2px;animation:.25s forwards nav-underline-grow;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}@keyframes nav-underline-grow{0%{opacity:0;width:0}to{opacity:1;width:18px}}.site-nav-mobile-cta-wrap{display:none}.site-nav-cta{color:#fff;font-family:var(--font-space-grotesk), sans-serif;white-space:nowrap;background:linear-gradient(90deg,#06f,#004bcc 50%,#00d2ff);border-radius:8px;justify-self:end;align-items:center;padding:.55rem 1.3rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:filter .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 0 20px #0066ff59}.site-nav-cta:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 0 32px #00d2ff80}.site-nav-progress{width:100%;height:2px;transform:scaleX(var(--progress,0));transform-origin:0;will-change:transform;pointer-events:none;background:linear-gradient(90deg,#06f,#00d2ff);border-radius:0 2px 2px 0;position:absolute;bottom:0;left:0}.site-nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;justify-self:end;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:11px;display:none}.site-nav-hamburger span{background:#eef2ffb3;border-radius:2px;width:22px;height:2px;transition:transform .25s,opacity .25s;display:block}@media (max-width:768px){.site-header-spacer{height:61px}.site-header-inner{grid-template-columns:auto auto;padding:.65rem 1.5rem}.site-header.scrolled .site-header-inner{padding-top:.5rem;padding-bottom:.5rem}.site-header-logo{height:36px}.site-header.scrolled .site-header-logo{height:32px}.site-nav-links{-webkit-backdrop-filter:blur(20px);z-index:99;background:#080c14fa;border-bottom:1px solid #ffffff12;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;max-height:calc(100vh - 61px);padding:.5rem 0 1.5rem;display:none;position:fixed;top:61px;left:0;right:0;overflow-y:auto}.site-nav-links.open{display:flex}.site-nav-link{color:#eef2ffb3;border-radius:0;padding:.9rem 1.5rem;font-size:.95rem}.site-nav-link:hover{color:#eef2ff;background:#ffffff0a}.site-nav-link.active:after{display:none}.site-nav-dropdown-btn{pointer-events:none;justify-content:space-between;width:100%;padding-bottom:.4rem}.site-nav-chevron{display:none}.site-nav-menu{opacity:1;visibility:visible;min-width:0;box-shadow:none;background:0 0;border:0;margin:0;padding:0 0 .4rem;position:static;transform:none}.site-nav-menu:before{display:none}.site-nav-menu-item{border-radius:0;padding:.65rem 1.5rem .65rem 2.4rem}.site-nav-menu-note{display:none}.site-nav-mobile-cta-wrap{border-top:1px solid #ffffff12;margin-top:.75rem;padding:1.1rem 1.5rem 0;display:block}.site-nav-cta-mobile{text-align:center;color:#fff;width:100%;font-family:var(--font-space-grotesk), sans-serif;background:linear-gradient(90deg,#06f,#004bcc 50%,#00d2ff);border-radius:8px;padding:.85rem 1.5rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:filter .2s;display:block;box-shadow:0 0 20px #0066ff4d}.site-nav-cta-mobile:hover{filter:brightness(1.12)}.site-nav-cta{display:none}.site-nav-hamburger{display:flex}}.site-footer{-webkit-backdrop-filter:blur(10px);background:#080c14f2;border-top:1px solid #ffffff0f;padding:4rem 3.5rem 2rem;box-shadow:0 -1px 40px #0066ff0f}.site-foot-grid{flex-direction:column;gap:2.5rem;max-width:1100px;margin:0 auto 3rem;display:flex}@media (min-width:641px){.site-foot-grid{grid-template-columns:1fr 1fr;gap:2rem 3rem;display:grid}.site-foot-brand{flex-flow:wrap;grid-column:1/-1;gap:1.5rem 3rem}.site-foot-tagline{max-width:280px}}@media (min-width:901px){.site-foot-grid{grid-template-columns:1.1fr 1fr 1.1fr;gap:3rem}.site-foot-brand{flex-flow:column;grid-column:auto;gap:1.1rem}.site-foot-tagline{max-width:220px}}.site-foot-brand,.site-foot-col{min-width:0}.site-foot-brand{flex-direction:column;align-items:flex-start;gap:1.1rem;display:flex}.site-foot-logo{display:block}.site-foot-tagline{color:#7c8db5;max-width:220px;margin:0;font-size:.82rem;line-height:1.7}.site-foot-socials{gap:.6rem;display:flex}.site-foot-social{color:#eef2ff8c;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:flex}.site-foot-social:hover{color:#eef2ff;background:#0066ff26;border-color:#00d2ff4d}.site-foot-col{flex-direction:column;gap:0;display:flex}.site-foot-heading{letter-spacing:.08em;text-transform:uppercase;color:#00d2ff;margin-bottom:1rem;font-size:.75rem;font-weight:700;display:block}.site-foot-links{flex-direction:column;gap:.1rem;display:flex}.site-foot-link{color:#7c8db5;align-items:center;gap:.35rem;padding:.3rem 0;font-size:.82rem;text-decoration:none;transition:color .2s,padding-left .2s;display:flex}.site-foot-link:before{content:"→";opacity:0;color:#00d2ff;font-size:.7rem;transition:opacity .2s,transform .2s;transform:translate(-4px)}.site-foot-link:hover{color:#eef2ff;padding-left:4px}.site-foot-link:hover:before{opacity:1;transform:translate(0)}.site-foot-contact-list{flex-direction:column;gap:.85rem;display:flex}.site-foot-contact-row{color:#7c8db5;overflow-wrap:break-word;word-break:break-word;align-items:center;gap:.75rem;min-width:0;font-size:.82rem;text-decoration:none;display:flex}.site-foot-contact-link{transition:color .2s}.site-foot-contact-link:hover{color:#eef2ff}.site-foot-contact-link:hover .site-foot-contact-icon{color:#60a5fa;background:#06f3;border-color:#00d2ff66}.site-foot-contact-icon{color:#00d2ff;background:#0066ff14;border:1px solid #00d2ff2e;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,border-color .2s,color .2s;display:flex}.site-foot-explore{border-top:1px solid #ffffff0d;flex-wrap:wrap;align-items:center;gap:1rem 2.5rem;max-width:1100px;margin-top:2rem;margin-left:auto;margin-right:auto;padding:1.25rem 0;display:flex}.site-foot-explore-group{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.site-foot-explore-label{text-transform:uppercase;letter-spacing:.09em;color:#7c8db5;white-space:nowrap;font-size:.75rem;font-weight:700}.site-foot-explore-link{color:#94a3b8;font-size:.78rem;text-decoration:none;transition:color .15s}.site-foot-explore-link:hover{color:#eef2ff}.site-foot-bottom{color:#7c8db5;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding-top:1.5rem;font-size:.72rem;display:flex}@media (max-width:900px){.site-footer{padding:3.5rem 2rem 2rem}}@media (max-width:640px){.hero-player-wrap{display:none}.site-footer{padding:2.5rem 1.5rem 1.75rem}.site-foot-link{padding:.5rem 0}.site-foot-explore{flex-direction:column;gap:1.25rem}.site-foot-explore-link{padding:.35rem 0;display:inline-block}.site-foot-bottom{flex-direction:column;align-items:flex-start;gap:.4rem}}.skip-link{z-index:10000;color:#fff;background:#2563eb;border-radius:8px;padding:.7rem 1.1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:top .15s;position:absolute;top:-4rem;left:1rem}.skip-link:focus{outline-offset:2px;outline:2px solid #fff;top:1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@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-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@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}
.ps-wrap{--blue-bright:#3b82f6;--text-dark-muted:#7c8db5;--border-dark:#ffffff12;--text-dark:#eef2ff;flex-direction:column;align-items:center;gap:.9rem;min-width:0;display:flex}.ps-pcar{--pw:250px;width:100%;max-width:560px;height:calc(var(--pw) * 2.3);touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;position:relative}.ps-pcar:focus-visible{outline:2px solid var(--blue-bright);outline-offset:6px;border-radius:18px}.ps-pitem{width:var(--pw);margin-left:calc(var(--pw) / -2);transform-origin:50% 100%;cursor:pointer;will-change:transform;transition:transform .85s cubic-bezier(.22,.8,.24,1),opacity .6s;position:absolute;bottom:0;left:50%}.ps-pitem .ps-phone{width:100%}.ps-pitem[data-pos="0"]{z-index:5;opacity:1;cursor:default;transform:translate(0)scale(1)}.ps-pitem[data-pos="1"]{transform:translateX(calc(var(--pw) * .62)) scale(.74);z-index:4;opacity:.9}.ps-pitem[data-pos="4"]{transform:translateX(calc(var(--pw) * -.62)) scale(.74);z-index:4;opacity:.9}.ps-pitem[data-pos="2"]{transform:translateX(calc(var(--pw) * 1)) scale(.56);z-index:3;opacity:.5}.ps-pitem[data-pos="3"]{transform:translateX(calc(var(--pw) * -1)) scale(.56);z-index:3;opacity:.5}.ps-pitem:not([data-pos="0"]):hover{opacity:1}.ps-pscroll{width:100%;transform:translateY(0)}.ps-pscroll[data-state=run],.ps-pscroll[data-state=hold]{animation:ps-scroll var(--pdur) cubic-bezier(.4,.05,.6,.95) var(--pdelay) both}.ps-pscroll[data-state=hold]{animation-play-state:paused}@keyframes ps-scroll{0%{transform:translateY(0)}to{transform:translateY(var(--pend))}}.ps-pscroll img{-webkit-user-drag:none;width:100%;height:auto;display:block}.ps-pcaption{text-align:center;flex-direction:column;align-items:center;gap:.1rem;min-height:1.7rem;display:flex}.ps-pcaption strong{font-family:var(--font-space-grotesk),sans-serif;color:#fff;font-size:.95rem}.ps-pcaption a{color:var(--text-dark-muted);font-size:.8rem;text-decoration:none}.ps-pcaption a:hover{color:var(--blue-bright)}.ps-pnav{align-items:center;gap:1rem;display:flex}.ps-parrow{border:1px solid var(--border-dark);width:38px;height:38px;color:var(--text-dark);cursor:pointer;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.ps-parrow:hover{background:#ffffff1a;border-color:#ffffff40;transform:scale(1.06)}.ps-pdots{gap:0;display:flex}.ps-pdot{cursor:pointer;background:0 0;border:none;width:24px;height:24px;padding:0;position:relative}.ps-pdot:after{content:"";background:#ffffff40;border-radius:50%;width:8px;height:8px;transition:background .2s,transform .2s;position:absolute;top:8px;left:8px}.ps-pdot.active:after{background:var(--blue-bright);transform:scale(1.3)}@media (max-width:1100px){.ps-pcar{--pw:200px}}@media (min-width:901px) and (max-height:760px){.ps-pcar{--pw:190px}}@media (max-width:900px){.ps-pcar{--pw:250px}}@media (max-width:640px){.ps-pcar{--pw:min(250px, 66vw)}.ps-pitem[data-pos="1"]{transform:translateX(calc(var(--pw) * .6)) scale(.74)}.ps-pitem[data-pos="4"]{transform:translateX(calc(var(--pw) * -.6)) scale(.74)}}@media (prefers-reduced-motion:reduce){.ps-pitem{transition:none}.ps-pscroll[data-state]{animation:none;transform:none}}.ps-phone{filter:drop-shadow(0 48px 80px #000000d9);flex-shrink:0;width:224px;transition:transform .18s ease-out;position:relative}.ps-phone-btn-action{z-index:10;background:linear-gradient(#3a3a3c,#2c2c2e);border-radius:2px 0 0 2px;width:3.5px;height:32px;position:absolute;top:72px;left:-3.5px;box-shadow:-1px 0 2px #00000080}.ps-phone-btn-vol1{z-index:10;background:linear-gradient(#3a3a3c,#2c2c2e);border-radius:2px 0 0 2px;width:3.5px;height:52px;position:absolute;top:118px;left:-3.5px;box-shadow:-1px 0 2px #00000080}.ps-phone-btn-vol2{z-index:10;background:linear-gradient(#3a3a3c,#2c2c2e);border-radius:2px 0 0 2px;width:3.5px;height:52px;position:absolute;top:180px;left:-3.5px;box-shadow:-1px 0 2px #00000080}.ps-phone-btn-power{z-index:10;background:linear-gradient(#3a3a3c,#2c2c2e);border-radius:0 2px 2px 0;width:3.5px;height:64px;position:absolute;top:130px;right:-3.5px;box-shadow:1px 0 2px #00000080}.ps-phone-frame{background:linear-gradient(160deg,#2a2a2c 0%,#1c1c1e 40%,#26262a 100%);border:1.5px solid #ffffff1f;border-radius:52px;padding:7px;position:relative;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0006,0 0 0 1px #0009}.ps-phone-bezel{background:#000;border-radius:46px;position:relative;overflow:hidden}.ps-phone-island{z-index:10;background:#000;border-radius:20px;width:88px;height:30px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff0f}.ps-phone-island:after{content:"";background:#3c3c50cc;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:10px;transform:translateY(-50%);box-shadow:inset 0 0 0 2px #ffffff0f}.ps-phone-screen{aspect-ratio:9/19.5;background-color:#0b1020;background-position:top;background-size:cover;display:block;position:relative;overflow:hidden}.ps-phone-screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.ps-phone-bar{z-index:10;background:#ffffff40;border-radius:3px;width:100px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}
:root{--base:#080c14;--surface:#0d131f;--elev:#141c2e;--line:#ffffff12;--cyan:#00d2ff;--cyan-dim:#47d6ff;--blue:#06f;--text:#f8fafc;--muted:#94a3b8;--body:#cbd5e1;--green:#10b981;--red:#f87171;--grad:linear-gradient(90deg,#06f,#004bcc 50%,#00d2ff)}@keyframes m-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes m-orb{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,30px)scale(1.08)}}@keyframes m-shimmer{0%{background-position:0%}to{background-position:300%}}@keyframes m-pulse{0%,to{box-shadow:0 8px 28px #0066ff52}50%{box-shadow:0 8px 40px #00d2ff80}}.m-page{background:var(--base);color:var(--body);font-family:var(--font-inter),sans-serif;min-height:100vh;font-size:15px;line-height:1.7;overflow-x:hidden}.m-page h1,.m-page h2,.m-page h3{font-family:var(--font-space-grotesk),sans-serif;color:var(--text)}.m-page a{text-decoration:none}.m-wrap{z-index:1;max-width:1280px;margin:0 auto;padding:0 2rem;position:relative}.m-sec{padding:5.5rem 0;position:relative}.m-sec-alt{background:#0d131fb3}.m-head{text-align:center;max-width:760px;margin:0 auto 3rem}.m-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin-bottom:.6rem;font-size:.75rem;font-weight:700;display:inline-block}.m-h2{letter-spacing:-1px;margin-bottom:.9rem;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:700;line-height:1.12}.m-sub{color:var(--muted);font-size:1rem;line-height:1.75}.m-grad{background:linear-gradient(90deg,#06f,#00d2ff,#47d6ff,#00d2ff,#06f) 0 0/300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite m-shimmer}.m-hero{text-align:center;padding:5rem 0 4rem;position:relative;overflow:hidden}.m-orb{pointer-events:none;border-radius:50%;animation:22s ease-in-out infinite m-orb;position:absolute}.m-orb-a{background:radial-gradient(#0066ff47,#06f0 70%);width:760px;height:420px;margin-left:-380px;top:-140px;left:50%}.m-orb-b{background:radial-gradient(#00d2ff26,#00d2ff00 70%);width:420px;height:300px;animation-duration:28s;top:140px;right:4%}.m-hero h1{letter-spacing:-2px;max-width:880px;margin:0 auto 1.25rem;font-size:clamp(2.3rem,5vw,4rem);font-weight:700;line-height:1.08;animation:.65s cubic-bezier(.16,1,.3,1) .1s both m-fade-up}.m-hero .m-sub{max-width:640px;margin:0 auto 2rem;font-size:1.05rem;animation:.65s cubic-bezier(.16,1,.3,1) .2s both m-fade-up}.m-hero-ctas{flex-wrap:wrap;justify-content:center;gap:1rem;animation:.65s cubic-bezier(.16,1,.3,1) .3s both m-fade-up;display:flex}.m-crumbs{color:var(--muted);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.78rem;display:inline-flex}.m-crumbs a{color:var(--cyan-dim)}.m-crumbs a:hover{text-decoration:underline}.m-btn{font-family:var(--font-space-grotesk),sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.95rem 1.9rem;font-size:.85rem;font-weight:700;transition:transform .2s,filter .2s,background .2s,color .2s;display:inline-flex}.m-btn-primary{background:var(--grad);color:#fff;animation:2.6s ease-in-out infinite m-pulse}.m-btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.m-btn-ghost{color:var(--text);background:#141c2ed9}.m-btn-ghost:hover{color:var(--cyan);background:#1c2640;transform:translateY(-2px)}.m-card{background:var(--surface);border-radius:20px;padding:2rem;transition:background .25s,transform .25s;box-shadow:0 12px 36px #00000047}.m-card:hover{background:var(--elev);transform:translateY(-4px)}.m-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;display:flex}.m-icon-blue{color:var(--cyan);background:#06f3}.m-icon-violet{color:#a5b4fc;background:#818cf82e}.m-icon-green{color:var(--green);background:#10b9812e}.m-icon-cyan{color:var(--cyan);background:#00d2ff24}.m-icon-amber{color:#fbbf24;background:#f59e0b29}.m-icon-rose{color:#f472b6;background:#f472b629}.m-card h3{letter-spacing:-.2px;margin-bottom:.55rem;font-size:1.2rem;font-weight:600}.m-card p{color:var(--muted);font-size:.9rem;line-height:1.75}.m-list{flex-direction:column;gap:.55rem;margin-top:1.1rem;list-style:none;display:flex}.m-list li{color:var(--body);align-items:flex-start;gap:.6rem;font-size:.88rem;display:flex}.m-list svg{color:var(--cyan);flex-shrink:0;margin-top:4px}.m-flag{background:linear-gradient(135deg,var(--elev),var(--surface));border-radius:24px;grid-template-columns:1.4fr 1fr;gap:3rem;padding:3rem;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #0006}.m-flag:after{content:"";pointer-events:none;background:radial-gradient(circle,#0066ff40,#06f0 70%);border-radius:50%;width:420px;height:420px;position:absolute;bottom:-180px;right:-140px}.m-flag-badge{background:var(--grad);color:#fff;letter-spacing:.08em;text-transform:uppercase;z-index:2;border-radius:0 0 0 14px;padding:.5rem 1.1rem;font-size:.7rem;font-weight:800;position:absolute;top:0;right:0}.m-flag h2{letter-spacing:-.6px;margin-bottom:.8rem;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:700}.m-flag p{color:var(--muted);margin-bottom:1.5rem;font-size:1rem;line-height:1.8}.m-flag p b{color:var(--cyan)}.m-flag-side{z-index:1;background:#080c1499;border-radius:18px;align-self:start;padding:1.75rem;position:relative}.m-flag-price{font-family:var(--font-space-grotesk),sans-serif;color:var(--text);letter-spacing:-1.5px;font-size:2.6rem;font-weight:700;line-height:1.1}.m-flag-price small{font-family:var(--font-inter),sans-serif;color:var(--muted);letter-spacing:0;font-size:.85rem;font-weight:400}.m-grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.m-grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.m-steps{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.m-step{background:var(--surface);border-radius:18px;padding:1.75rem;transition:transform .25s,background .25s}.m-step:hover{background:var(--elev);transform:translateY(-4px)}.m-step-top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.m-step-n{color:var(--tone,#00d2ff);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2rem;font-weight:700;line-height:1}.m-step-badge{color:var(--muted);background:var(--base);white-space:nowrap;border-radius:6px;padding:.25rem .65rem;font-size:.75rem;font-weight:600}.m-step h3{margin-bottom:.5rem;font-size:1.12rem;font-weight:600}.m-step p{color:var(--muted);font-size:.85rem;line-height:1.7}.m-plans{grid-template-columns:repeat(3,1fr);align-items:center;gap:1.5rem;max-width:1100px;margin:0 auto;display:grid}.m-plan{background:var(--surface);border-radius:20px;padding:2.25rem;position:relative;box-shadow:0 18px 50px #00000059}.m-plan.featured{background:var(--elev);border:1px solid #00d2ff66;padding:2.75rem 2.25rem;box-shadow:0 0 50px #0066ff40,0 24px 60px #00000073}.m-plan-flag{background:var(--grad);color:#fff;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:100px;padding:.35rem 1rem;font-size:.75rem;font-weight:800;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.m-plan-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.m-plan-name{font-family:var(--font-space-grotesk),sans-serif;color:var(--text);font-size:1.25rem;font-weight:600}.m-plan.featured .m-plan-name{color:var(--cyan)}.m-plan-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--elev);border-radius:100px;padding:.25rem .65rem;font-size:.75rem;font-weight:700}.m-plan.featured .m-plan-badge{color:var(--cyan-dim);background:#0066ff40}.m-price{font-family:var(--font-space-grotesk),sans-serif;letter-spacing:-2px;color:var(--text);font-size:3.4rem;font-weight:700;line-height:1}.m-price small{font-family:var(--font-inter),sans-serif;letter-spacing:0;color:var(--muted);margin-left:.35rem;font-size:.85rem;font-weight:400}.m-plan-blurb{color:var(--muted);margin:.9rem 0 1.5rem;font-size:.9rem;line-height:1.65}.m-plan .m-list{margin:0 0 2rem}.m-plan .m-btn{width:100%}.m-plan .m-btn-plain{background:var(--elev);color:var(--text)}.m-plan .m-btn-plain:hover{color:var(--cyan);background:#1c2640;transform:translateY(-2px)}.m-note{text-align:center;color:var(--muted);margin-top:2.25rem;font-size:.85rem}.m-faqs{flex-direction:column;gap:.75rem;max-width:800px;margin:0 auto;display:flex}.m-faq{background:var(--surface);border-radius:14px;transition:background .25s,box-shadow .25s;overflow:hidden}.m-faq[open]{background:var(--elev);box-shadow:inset 3px 0 0 var(--cyan)}.m-faq summary{cursor:pointer;font-family:var(--font-space-grotesk),sans-serif;color:var(--text);justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.5rem;font-size:1.02rem;font-weight:500;list-style:none;display:flex}.m-faq summary::-webkit-details-marker{display:none}.m-faq summary:after{content:"";border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);flex-shrink:0;width:10px;height:10px;margin-right:4px;transition:transform .3s;transform:rotate(45deg)}.m-faq[open] summary:after{transform:rotate(-135deg)}.m-faq-a{color:var(--muted);padding:0 1.5rem 1.3rem;font-size:.92rem;line-height:1.85}.m-cta{text-align:center;background:linear-gradient(135deg,#0a1a3a,#07182e 50%,#0a2050);border:1px solid #00d2ff2e;border-radius:24px;padding:3.5rem 2rem;position:relative;overflow:hidden}.m-cta:before{content:"";pointer-events:none;background:radial-gradient(#00d2ff2e,#00d2ff00 70%);width:520px;height:300px;margin-left:-260px;position:absolute;top:-120px;left:50%}.m-cta h2{letter-spacing:-.8px;margin-bottom:.7rem;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700;position:relative}.m-cta p{color:var(--muted);max-width:560px;margin:0 auto 1.75rem;position:relative}.m-cta .m-hero-ctas{animation:none;position:relative}.m-guarantees{flex-wrap:wrap;justify-content:center;gap:.5rem 1.75rem;margin-top:1.5rem;display:flex;position:relative}.m-guarantees span{color:var(--cyan-dim);align-items:center;gap:.4rem;font-size:.82rem;font-weight:500;display:inline-flex}.m-guarantees svg{color:var(--green)}@media (max-width:1000px){.m-flag{grid-template-columns:1fr;gap:2rem;padding:2.25rem}.m-grid-3,.m-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.m-plans{grid-template-columns:1fr;gap:2rem}.m-plan.featured{padding:2.25rem}}@media (max-width:640px){.m-wrap{padding:0 1.2rem}.m-sec{padding:3.75rem 0}.m-hero{padding:3rem 0 2.5rem}.m-orb{display:none}.m-grid-3,.m-grid-2,.m-steps{grid-template-columns:1fr}.m-hero-ctas .m-btn{width:100%}.m-cta{padding:2.5rem 1.25rem}.m-page{font-size:14.5px}.m-head{margin-bottom:2rem}.m-hero h1{letter-spacing:-1px}.m-hero .m-sub{font-size:.98rem}.m-card,.m-step{padding:1.5rem}.m-flag{border-radius:20px;padding:3.25rem 1.4rem 1.6rem}.m-flag-side{padding:1.35rem}.m-flag-price{font-size:2.2rem}.m-plan,.m-plan.featured{padding:1.9rem 1.4rem}.m-price{font-size:2.8rem}.m-faq summary{padding:1rem 1.15rem;font-size:.96rem}.m-faq-a{padding:0 1.15rem 1.1rem}.m-guarantees{flex-direction:column;align-items:center;gap:.5rem}}.n-chips{flex-wrap:wrap;gap:.4rem;display:flex}.n-chip{background:var(--base);color:var(--cyan-dim);border-radius:8px;padding:.3rem .7rem;font-size:.72rem;font-weight:600}.n-works{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.n-work{background:var(--surface);will-change:transform;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 14px 40px #00000059}.n-work:hover{box-shadow:0 0 0 1px #00d2ff4d,0 24px 60px #00000080,0 0 40px #0066ff26}.n-work-thumb{background:var(--base);height:240px;position:relative;overflow:hidden}.n-work-img{transition:transform .5s}.n-work-thumb:hover .n-work-img{transform:scale(1.05)}.n-scroll-img{opacity:0;will-change:transform;width:100%;height:auto;transition:opacity .4s,transform .6s ease-out;display:block;transform:translateY(0)}.n-scroll-img.loaded{opacity:1}@media (hover:hover){.n-scroll-img{transition:opacity .4s ease, transform calc(var(--scroll-dur,8s) * .75) cubic-bezier(.45,.05,.4,.95)}.n-work-thumb:hover .n-scroll-img{transition:opacity .4s ease, transform var(--scroll-dur,8s) cubic-bezier(.45,.05,.4,.95);transform:translateY(calc(240px - 100%))}}@media (hover:none){.n-scroll-img.loaded{animation:n-autoscroll var(--scroll-dur,8s) ease-in-out infinite alternate;animation-play-state:paused}.n-work-thumb.in-view .n-scroll-img.loaded{animation-play-state:running}}@keyframes n-autoscroll{0%,8%{transform:translateY(0)}92%,to{transform:translateY(calc(240px - 100%))}}@media (prefers-reduced-motion:reduce){.n-scroll-img.loaded{animation:none!important}}.n-work-ph{justify-content:center;align-items:center;width:100%;height:100%;font-size:2.6rem;display:flex}.n-work-tag{-webkit-backdrop-filter:blur(8px);letter-spacing:.04em;color:var(--cyan-dim);z-index:2;background:#080c14d1;border-radius:100px;padding:.25rem .7rem;font-size:.68rem;font-weight:700;position:absolute;top:.9rem;right:.9rem}.n-work-body{flex-direction:column;flex:1;justify-content:space-between;gap:1.25rem;padding:1.5rem;display:flex}.n-work-title{letter-spacing:-.2px;margin-bottom:.4rem;font-size:1.2rem;font-weight:600}.n-work-desc{color:var(--muted);margin-bottom:1rem;font-size:.85rem;line-height:1.7}.n-work-link{color:var(--cyan);align-items:center;gap:.4rem;width:fit-content;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.n-work-link:hover{text-decoration:underline}.n-center{text-align:center;margin-top:2.5rem}.n-gbadge{background:#0d131fd9;border:1px solid #ffffff17;border-radius:12px;align-items:center;gap:.9rem;margin-bottom:2.5rem;padding:.75rem 1.2rem;text-decoration:none;transition:border-color .2s;display:inline-flex}.n-gbadge:hover{border-color:#00d2ff59}@media (max-width:1000px){.n-works{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.n-works{grid-template-columns:1fr;gap:1.25rem}.n-work-body{padding:1.25rem}.n-work-link{padding:.35rem 0}}@media (min-width:1001px){.n-works>.n-work:last-child:nth-child(3n+1){grid-column:2}}.m-page :focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}.m-prose{max-width:760px;color:var(--body);margin:0 auto;font-size:1.02rem;line-height:1.85}.m-prose>*+*{margin-top:1.1rem}.m-prose h2{font-family:var(--font-space-grotesk),sans-serif;color:var(--text);letter-spacing:-.5px;margin-top:3.2rem;scroll-margin-top:96px;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.2}.m-prose h3{font-family:var(--font-space-grotesk),sans-serif;color:var(--text);margin-top:2rem;scroll-margin-top:96px;font-size:1.2rem;font-weight:600;line-height:1.3}.m-prose ul,.m-prose ol{flex-direction:column;gap:.55rem;padding-left:1.35rem;display:flex}.m-prose li::marker{color:var(--cyan);font-weight:700}.m-prose a{color:var(--cyan);text-underline-offset:3px;text-decoration:underline}.m-prose a:hover{color:#fff}.m-prose strong{color:var(--text)}.m-prose code{background:var(--elev);color:var(--cyan-dim);border-radius:6px;padding:.1rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.m-callout{border:1px solid #00d2ff38;border-left:4px solid var(--cyan);background:#0066ff1a;border-radius:14px;padding:1.25rem 1.4rem}.m-callout.warn{background:#f59e0b14;border-color:#f59e0b40 #f59e0b40 #f59e0b40 #fbbf24}.m-callout>:first-child{margin-top:0}.m-callout p{margin:0;font-size:.97rem;line-height:1.75}.m-callout p+p{margin-top:.7rem}.m-callout-title{font-family:var(--font-space-grotesk),sans-serif;color:var(--text);margin-bottom:.4rem;font-size:1rem;font-weight:700;display:block}.m-toc{background:var(--surface);border-radius:16px;max-width:760px;margin:0 auto 2.5rem;padding:1.4rem 1.6rem}.m-toc-title{font-family:var(--font-space-grotesk),sans-serif;color:var(--text);margin-bottom:.75rem;font-size:1rem;font-weight:700;display:block}.m-toc ol{columns:2;column-gap:2.25rem;margin:0;padding-left:1.3rem;font-size:.93rem;line-height:1.5}.m-toc li{break-inside:avoid;padding:.22rem 0}.m-toc li::marker{color:var(--cyan);font-weight:700}.m-toc a{color:var(--body);text-decoration:none}.m-toc a:hover{color:var(--cyan);text-decoration:underline}.m-table-wrap{border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow-x:auto}.m-table{border-collapse:collapse;width:100%;min-width:520px;font-size:.92rem}.m-table th,.m-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:.8rem 1rem}.m-table th{color:var(--text);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#ffffff08;font-size:.8rem;font-weight:600}.m-table td{color:var(--body)}.m-table td:first-child{color:var(--text);font-weight:600}.m-table tbody tr:last-child td{border-bottom:none}.m-chip{background:var(--base);color:var(--cyan-dim);border-radius:100px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.74rem;font-weight:600;display:inline-flex}.m-meta{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin-top:1.4rem;font-size:.85rem;display:flex}.m-about-grid{grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:center;gap:3.25rem;display:grid}.m-photo{aspect-ratio:4/5;background:var(--elev);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000073}.m-quote{border-left:3px solid var(--cyan);color:var(--text);margin:1.4rem 0;padding:.4rem 0 .4rem 1.25rem;font-size:1.05rem;font-style:italic;line-height:1.75}.m-quote cite,.m-quote footer{color:var(--muted);margin-top:.5rem;font-size:.85rem;font-style:normal;display:block}.m-facts{background:var(--line);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.m-fact{background:var(--surface);padding:1.1rem 1.3rem}.m-fact dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.25rem;font-size:.72rem;font-weight:700}.m-fact dd{color:var(--text);margin:0;font-weight:500}.m-fact dd a{color:var(--cyan)}.m-az{flex-wrap:wrap;justify-content:center;gap:.4rem;max-width:760px;margin:0 auto 2.5rem;display:flex}.m-az a{background:var(--surface);min-width:40px;height:40px;color:var(--text);border-radius:10px;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:inline-flex}.m-az a:hover{background:var(--elev);color:var(--cyan)}.m-az span{color:#64748b;border-radius:10px;justify-content:center;align-items:center;min-width:40px;height:40px;font-size:.9rem;display:inline-flex}.m-terms{max-width:820px;margin:0 auto}.m-letter{font-family:var(--font-space-grotesk),sans-serif;color:var(--cyan);border-bottom:1px solid var(--line);margin:2.5rem 0 .6rem;padding-bottom:.4rem;scroll-margin-top:96px;font-size:2.2rem;font-weight:700}.m-term{border-bottom:1px solid var(--line);padding:1.15rem 0;scroll-margin-top:96px}.m-term h3{font-family:var(--font-space-grotesk),sans-serif;color:var(--text);margin:0 0 .4rem;font-size:1.15rem;font-weight:600}.m-term p{color:var(--body);margin:0;line-height:1.8}.m-term-links{flex-wrap:wrap;gap:.4rem 1rem;margin-top:.6rem;font-size:.88rem;display:flex}.m-term-links a{color:var(--cyan);text-underline-offset:3px;text-decoration:underline}.m-term-links a:hover{color:#fff}.m-dir-search{max-width:560px;margin:0 auto 2.5rem}.m-dir-group{margin-bottom:3rem}.m-dir-group h3{font-family:var(--font-space-grotesk),sans-serif;color:var(--text);letter-spacing:-.3px;margin:0 0 .4rem;font-size:1.45rem;font-weight:700}.m-dir-group>p{color:var(--muted);max-width:720px;margin:0 0 1.2rem}.m-dir-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.m-dir-list a{background:var(--surface);height:100%;color:var(--body);border-radius:12px;padding:.8rem 1rem;font-size:.9rem;line-height:1.45;transition:background .2s,color .2s,transform .2s;display:block}.m-dir-list a:hover{background:var(--elev);color:var(--cyan);transform:translateY(-2px)}.m-dir-group{scroll-margin-top:96px}.m-dir-jump{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:900px;margin:0 auto 2.75rem;display:flex}.m-dir-jump a{background:var(--surface);min-height:40px;color:var(--body);border-radius:100px;align-items:center;gap:.5rem;padding:.45rem .9rem;font-size:.85rem;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.m-dir-jump a:hover{background:var(--elev);color:var(--cyan)}.m-dir-jump a span{color:var(--muted);font-size:.78rem}.m-dir-more{margin-top:.8rem}.m-dir-more summary{cursor:pointer;color:var(--cyan);width:fit-content;padding:.4rem 0;font-size:.9rem;font-weight:600}.m-dir-more .m-dir-list{margin-top:.8rem}.tool{background:var(--surface);border-radius:24px;grid-template-columns:minmax(0,370px) minmax(0,1fr);align-items:start;gap:2.25rem;padding:2rem;display:grid;box-shadow:0 24px 60px #0006}.tool-panel{flex-direction:column;gap:1.5rem;display:flex}.tool-panel h2{font-family:var(--font-space-grotesk),sans-serif;color:var(--text);margin:0;font-size:1.25rem}.tool fieldset{border:none;min-width:0;margin:0;padding:0}.tool legend,.tool-label{color:var(--text);margin-bottom:.55rem;padding:0;font-size:.92rem;font-weight:600;display:block}.tool-hint{color:var(--muted);margin-top:.4rem;font-size:.8rem;line-height:1.55}.tool-seg{flex-wrap:wrap;gap:.45rem;display:flex}.tool-seg label{position:relative}.tool-seg input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.tool-seg span{background:var(--base);min-height:44px;color:var(--body);border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;padding:.55rem 1rem;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.tool-seg input:checked+span{color:#fff;background:#0066ff40;border-color:#00d2ff8c}.tool-seg input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}.tool-seg label:hover span{border-color:#00d2ff66}.tool-input{background:var(--base);width:100%;min-height:44px;color:var(--text);font:inherit;border:1px solid #ffffff24;border-radius:12px;padding:.65rem .9rem;font-size:.95rem}.tool-input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.tool-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.tool-details{background:var(--base);border-radius:14px;padding:.2rem 1rem}.tool-details summary{cursor:pointer;color:var(--cyan);padding:.8rem 0;font-size:.9rem;font-weight:600}.tool-details[open] summary{margin-bottom:.4rem}.tool-assume{grid-template-columns:1fr;gap:1rem;padding-bottom:1rem;display:grid}.tool-assume h4{color:var(--text);margin:0 0 .4rem;font-size:.85rem;font-weight:600}.tool-reset{color:var(--cyan);text-underline-offset:3px;cursor:pointer;font:inherit;background:0 0;border:none;width:fit-content;padding:.3rem 0;font-size:.88rem;text-decoration:underline}.tool-out{flex-direction:column;gap:1.5rem;min-width:0;display:flex}.tool-out h2{font-family:var(--font-space-grotesk),sans-serif;color:var(--text);margin:0;font-size:1.25rem}.res-rows{flex-direction:column;gap:1rem;display:flex}.res-row{background:var(--base);border-radius:16px;padding:1rem 1.15rem}.res-row.hl{background:#0066ff24;box-shadow:inset 0 0 0 1px #00d2ff66}.res-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.res-name{color:var(--text);font-weight:700}.res-name small{color:var(--muted);font-size:.78rem;font-weight:400;display:block}.res-total{font-family:var(--font-space-grotesk),sans-serif;color:var(--text);text-align:right;font-size:1.2rem;font-weight:700}.res-total small{font-family:var(--font-inter),sans-serif;color:var(--muted);font-size:.74rem;font-weight:400;display:block}.res-track{background:#ffffff12;border-radius:100px;height:12px;margin-top:.8rem;position:relative;overflow:hidden}.res-fill{background:linear-gradient(90deg,#64748b,#94a3b8);border-radius:100px;min-width:6px;position:absolute;top:0;bottom:0}.res-row.hl .res-fill{background:var(--grad)}.res-sub{color:var(--muted);flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:.6rem;font-size:.8rem;display:flex}.chart-card{background:var(--base);border-radius:16px;padding:1rem 1.15rem 1.15rem}.chart-card h3{color:var(--text);margin:0 0 .6rem;font-size:.95rem;font-weight:600}.chart-svg{width:100%;height:auto;display:block}.chart-legend{color:var(--body);flex-wrap:wrap;gap:.4rem 1.1rem;margin-top:.7rem;font-size:.8rem;display:flex}.chart-legend span{align-items:center;gap:.4rem;display:inline-flex}.chart-legend i{border-radius:2px;width:14px;height:4px;display:inline-block}.insights{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.insights li{color:var(--body);align-items:flex-start;gap:.7rem;font-size:.93rem;line-height:1.65;display:flex}.insights svg{color:var(--cyan);flex-shrink:0;margin-top:4px}.tool-fine{color:var(--muted);font-size:.8rem;line-height:1.6}.hc{max-width:900px;margin:0 auto}.hc-progress{z-index:5;-webkit-backdrop-filter:blur(8px);background:#080c14eb;border-radius:14px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.8rem 1.1rem;display:flex;position:sticky;top:72px}.hc-progress-bar{background:#ffffff1a;border-radius:100px;flex:1;height:8px;overflow:hidden}.hc-progress-bar i{background:var(--grad);border-radius:100px;height:100%;transition:width .25s;display:block}.hc-progress span{color:var(--body);white-space:nowrap;font-size:.82rem}.hc-cat{background:var(--surface);border-radius:20px;margin-bottom:1.25rem;padding:1.6rem}.hc-cat>h2{font-family:var(--font-space-grotesk),sans-serif;color:var(--text);margin:0 0 .3rem;font-size:1.3rem}.hc-cat>p{color:var(--muted);margin:0 0 1.2rem;font-size:.9rem}.hc-q{min-width:0;box-shadow:0 -1px 0 var(--line);border:0;margin:0;padding:1.1rem 0}.hc-q legend{float:left;width:100%;padding:0}.hc-q legend+*{clear:both}.hc-q p{color:var(--text);margin:0 0 .7rem;font-weight:500;line-height:1.6}.hc-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.75rem;display:flex}.hc-result{background:var(--surface);border-radius:24px;padding:2rem;scroll-margin-top:96px;box-shadow:0 24px 60px #0006}.hc-result:focus{outline:none}.hc-score{flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:1.75rem;display:flex}.hc-ring{flex-shrink:0;width:150px;height:150px;position:relative}.hc-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.hc-ring b{font-family:var(--font-space-grotesk),sans-serif;color:var(--text);flex-direction:column;justify-content:center;align-items:center;font-size:2.4rem;line-height:1;display:flex;position:absolute;inset:0}.hc-ring b small{font-family:var(--font-inter),sans-serif;color:var(--muted);margin-top:.3rem;font-size:.72rem;font-weight:500}.hc-cats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin-bottom:1.75rem;display:grid}.hc-cats>div{background:var(--base);border-radius:14px;padding:.8rem 1rem}.hc-cats b{color:var(--text);margin-bottom:.4rem;font-size:.82rem;display:block}.hc-cats .bar{background:#ffffff1a;border-radius:100px;height:6px;overflow:hidden}.hc-cats .bar i{background:var(--grad);height:100%;display:block}.hc-cats span{color:var(--muted);margin-top:.35rem;font-size:.8rem;display:block}.hc-fix{background:var(--base);border-radius:16px;margin-bottom:.85rem;padding:1.15rem 1.3rem}.hc-fix h4{color:var(--text);margin:0 0 .35rem;font-size:1rem;font-weight:600;line-height:1.45}.hc-fix p{color:var(--body);margin:.2rem 0;font-size:.9rem;line-height:1.7}.hc-fix a{color:var(--cyan);text-underline-offset:3px;text-decoration:underline}.hc-tag{letter-spacing:.06em;text-transform:uppercase;color:#fca5a5;background:#f8717126;border-radius:100px;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.hc-tag.unsure{color:#fcd34d;background:#fbbf2424}@media (max-width:1000px){.tool{grid-template-columns:1fr;padding:1.5rem}.m-about-grid{grid-template-columns:1fr;gap:2rem}.m-photo{width:100%;max-width:420px;margin:0 auto}}@media (max-width:640px){.m-prose{font-size:1rem}.m-toc ol{columns:1}.m-facts{grid-template-columns:1fr}.tool{border-radius:20px;padding:1.15rem}.tool-row{grid-template-columns:1fr}.hc-cat{padding:1.2rem}.hc-result{padding:1.25rem}.hc-ring{width:120px;height:120px}.hc-ring b{font-size:2rem}.hc-progress{top:64px}.m-dir-list{grid-template-columns:1fr}.res-total{text-align:left}}
.fd-hero{padding:3.5rem 0 4.5rem;position:relative;overflow:hidden}.fd-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 65% at 50% 25%,#000 25%,#0000 100%);mask-image:radial-gradient(75% 65% at 50% 25%,#000 25%,#0000 100%)}.fd-hero-grid{z-index:1;grid-template:"copy card""points card"1fr/minmax(0,1fr) minmax(0,.92fr);align-items:start;column-gap:3.5rem;display:grid;position:relative}.fd-copy{grid-area:copy}.fd-points{grid-area:points}.fd-card{grid-area:card}.fd-chip{letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);background:#00d2ff1a;border:1px solid #00d2ff40;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.4rem .9rem;font-size:.75rem;font-weight:700;display:inline-flex}.fd-hero h1{letter-spacing:-1.8px;text-wrap:balance;margin:0 0 1.15rem;font-size:clamp(2.2rem,4.4vw,3.5rem);font-weight:700;line-height:1.08}.fd-lead{color:var(--muted);max-width:560px;margin:0 0 1.75rem;font-size:1.08rem;line-height:1.8}.fd-checks{flex-direction:column;gap:.75rem;margin:0 0 1.75rem;padding:0;list-style:none;display:flex}.fd-checks li{color:var(--body);align-items:flex-start;gap:.7rem;font-size:.98rem;line-height:1.6;display:flex}.fd-checks svg{color:var(--green);flex-shrink:0;margin-top:4px}.fd-direct{color:var(--muted);margin:0;font-size:.92rem}.fd-direct a{color:var(--cyan);text-underline-offset:3px;font-weight:600;text-decoration:underline}.fd-card{background:var(--surface);border:1px solid #00d2ff29;border-radius:24px;padding:2.1rem 2rem 1.75rem;scroll-margin-top:96px;position:relative;box-shadow:0 24px 60px #00000073}.fd-card:before{content:"";background:var(--grad);border-radius:0 0 4px 4px;height:2px;position:absolute;top:0;left:2rem;right:2rem}.fd-card h2,.fd-card h3{letter-spacing:-.5px;color:var(--text);margin:0 0 .3rem;font-size:1.45rem;font-weight:700}.fd-row-one{grid-template-columns:1fr}.fd-card-sub{color:var(--muted);margin:0 0 1.5rem;font-size:.9rem}.fd-form{flex-direction:column;gap:1.05rem;display:flex}.fd-row{grid-template-columns:1fr 1fr;align-items:start;gap:1.05rem 1rem;display:grid}.fd-row>.fd-field{min-width:0}.fd-field{flex-direction:column;gap:.4rem;display:flex}.fd-field>label:not(.fd-check){color:var(--text);font-size:.82rem;font-weight:600}.fd-opt{color:var(--muted);font-weight:400}.fd-input{background:var(--base);width:100%;font-family:var(--font-inter),sans-serif;color:var(--text);border:1px solid #ffffff24;border-radius:12px;padding:.8rem 1rem;font-size:1rem;line-height:1.4;transition:border-color .2s,box-shadow .2s}.fd-input::placeholder{color:#94a3b8b3}.fd-input:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #00d2ff33}.fd-input[aria-invalid=true]{border-color:var(--red)}textarea.fd-input{resize:vertical;min-height:92px}select.fd-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.6rem}.fd-help{color:var(--muted);margin:0;font-size:.8rem}.fd-suggest{font:inherit;color:var(--cyan);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.fd-err{color:#fca5a5;margin:0;font-size:.84rem}.fd-check{cursor:pointer;color:var(--body);align-items:flex-start;gap:.7rem;font-size:.86rem;line-height:1.6;display:flex}.fd-check input{width:18px;height:18px;accent-color:var(--cyan);cursor:pointer;flex-shrink:0;margin:2px 0 0}.fd-check a{color:var(--cyan);text-underline-offset:3px;text-decoration:underline}.fd-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.fd-alert{color:#fecaca;background:#f871711a;border:1px solid #f871714d;border-radius:12px;padding:.85rem 1rem;font-size:.88rem;line-height:1.6}.fd-alert a{color:#fff;text-underline-offset:3px;text-decoration:underline}.fd-submit{width:100%;margin-top:.35rem}.fd-submit:disabled{opacity:.6;cursor:not-allowed;filter:none;animation:none;transform:none}.fd-fine{color:var(--muted);text-align:center;margin:0;font-size:.8rem;line-height:1.6}.fd-fine a{color:var(--cyan);text-underline-offset:3px;text-decoration:underline}.fd-success{text-align:center;padding:1rem .25rem .5rem}.fd-success-icon{width:64px;height:64px;color:var(--green);background:#10b98129;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex}.fd-success h2{margin:0 0 .6rem;font-size:1.55rem}.fd-success h2:focus{outline:none}.fd-success>p{color:var(--body);margin:0 0 1.4rem}.fd-next{text-align:left;background:var(--base);color:var(--body);border-radius:14px;flex-direction:column;gap:.75rem;margin:0 0 1.4rem;padding:1.15rem 1.3rem;font-size:.92rem;line-height:1.6;list-style:none;display:flex}.fd-next li{align-items:flex-start;gap:.65rem;display:flex}.fd-next svg{color:var(--green);flex-shrink:0;margin-top:4px}.fd-next a{color:var(--cyan);text-underline-offset:3px;text-decoration:underline}.fd-steps{grid-template-columns:repeat(3,1fr);max-width:1000px;margin:0 auto}.fd-cover{max-width:1000px;margin:0 auto}.fd-cover .m-card h3{margin-top:0}.fd-cta-note{color:var(--muted);margin:1.5rem 0 0;font-size:.92rem;position:relative}.fd-cta-note a{color:var(--cyan);text-underline-offset:3px;font-weight:600;text-decoration:underline}@media (max-width:1000px){.fd-hero-grid{grid-template:"copy""card""points"/1fr;row-gap:2.25rem}.fd-lead,.fd-card{max-width:640px}.fd-steps{grid-template-columns:1fr;max-width:640px}}@media (max-width:600px){.fd-row{grid-template-columns:1fr}.fd-hero{padding:2.25rem 0 3rem}.fd-card{border-radius:20px;padding:1.6rem 1.25rem 1.4rem}.fd-card:before{left:1.25rem;right:1.25rem}.fd-lead{margin-bottom:0;font-size:1rem}}@media (prefers-reduced-motion:reduce){.fd-input{transition:none}}



/* -------------------------------------------------------------
   webbec-overrides
   ------------------------------------------------------------- */

/* Webbec brand adjustments. Original WebDevise layout, geometry and responsive CSS retained. */
:root{--webbec-navy:var(--wb-brand-navy);--webbec-blue:var(--wb-primary-blue)}
#testimonials img[src*="569699"],#testimonials img[src*="90b7"],#testimonials img[src*="10c404"]{display:none}



/* -------------------------------------------------------------
   base-3
   ------------------------------------------------------------- */

/* Webbec — logos clients en cartes, sur une seule ligne */
.n-logos{margin-top:clamp(2.25rem,3vw,3.5rem)}
.n-logos .n-logos-label{text-align:center;margin-bottom:1.25rem}
.n-logos .n-viewport{overflow-x:auto;overflow-y:hidden;padding:.25rem 0 .6rem;scrollbar-width:none;-ms-overflow-style:none}
.n-logos .n-viewport::-webkit-scrollbar{display:none}
.n-logos .webbec-client-track{display:flex;flex-wrap:nowrap;align-items:stretch;gap:1rem;width:max-content;animation:none!important;padding-inline:0}
.n-logos .webbec-client-repeat{display:none!important}
.n-logos .n-logo-item{flex:0 0 clamp(148px,10.2vw,182px);min-width:clamp(148px,10.2vw,182px);min-height:96px;padding:12px;border-radius:18px;justify-content:center;align-items:center;background:linear-gradient(180deg,rgba(18,28,49,.96),rgba(8,14,27,.98));border:1px solid rgba(64,92,145,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 28px rgba(0,0,0,.18)}
.n-logos .n-logo-item::before{display:none}
.n-logos .n-logo-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:72px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.04)}
.n-logos .n-logo-item img{width:auto!important;height:auto!important;max-height:58px!important;max-width:128px!important;object-fit:contain;filter:none}
.n-logos .n-logo-link:hover{transform:none}
@media (max-width:1100px){
  .n-logos .webbec-client-track{gap:.85rem}
  .n-logos .n-logo-item{flex-basis:160px;min-width:160px}
}
@media (max-width:768px){
  .n-logos .n-logos-label{text-align:left}
  .n-logos .n-logo-item{flex-basis:148px;min-width:148px;min-height:88px;padding:10px}
  .n-logos .n-logo-item img{max-height:50px!important;max-width:118px!important}
}
@media (prefers-reduced-motion:reduce){.n-logos .webbec-client-track{animation:none!important}}



/* -------------------------------------------------------------
   webbec-carousel-fix
   ------------------------------------------------------------- */

/* Carrousel Webbec : 4 projets uniques et défilement réel des captures. */
.ps-pcar .ps-pitem[data-pos="0"] { z-index: 5; opacity: 1; transform: translateX(0) scale(1); }
.ps-pcar .ps-pitem[data-pos="1"] { z-index: 4; opacity: .85; transform: translateX(calc(var(--pw)*.69)) scale(.74); }
.ps-pcar .ps-pitem[data-pos="2"] { z-index: 3; opacity: .54; transform: translateX(calc(var(--pw)*1.14)) scale(.55); }
.ps-pcar .ps-pitem[data-pos="3"] { z-index: 4; opacity: .85; transform: translateX(calc(var(--pw)*-.69)) scale(.74); }
.ps-pcar .ps-phone-screen { overflow: hidden; }
.ps-pcar .ps-pscroll { animation: none !important; transform: translate3d(0,0,0); will-change: transform; }
.ps-pcar .ps-pscroll img { width: 100%; height: auto; display: block; image-rendering: auto; }
.ps-pcar .ps-pitem[data-pos="0"] .ps-phone-screen { background-image: none !important; }
.ps-pcar .ps-pitem { -webkit-tap-highlight-color:transparent; }
@media (prefers-reduced-motion: reduce) { .ps-pcar .ps-pitem { transition: none !important; } }



/* -------------------------------------------------------------
   base-5
   ------------------------------------------------------------- */

/* Authentic Webbec screenshots: fit one actual screenshot per device. */
.n-hero-phones .ps-pitem .ps-pscroll img {display:block;width:100%;height:auto;max-width:none;}
.n-hero-phones .ps-pitem .ps-pscroll {will-change:auto;}
@media(max-width:900px){.site-header.menu-open .site-nav-links,.site-nav-links.is-open{display:flex!important;}}
.site-nav-dropdown.open .site-nav-menu{display:block!important;}



/* -------------------------------------------------------------
   design-system.css
   ------------------------------------------------------------- */
/* Webbec — système unique de typographie et de largeur (référence 1440 px).
   Inter, fonte sans-serif de Google Fonts, déjà fournie localement dans les fichiers.
   Ce fichier est volontairement chargé APRÈS les styles historiques. */
:root {
  --wb-container:1280px;
  --wb-gutter:clamp(1rem,2.5vw,2.25rem);
  --wb-font:"Inter",Arial,Helvetica,sans-serif;
  --wb-size-xs:clamp(.75rem,.72rem + .1vw,.8rem);
  --wb-size-sm:clamp(.875rem,.84rem + .12vw,.925rem);
  --wb-size-body:clamp(1rem,.96rem + .14vw,1.075rem);
  --wb-size-lead:clamp(1.1rem,1.02rem + .22vw,1.2rem);
  --wb-size-card:clamp(1.28rem,1.18rem + .32vw,1.5rem);
  --wb-size-h2:clamp(1.8rem,1.45rem + 1.16vw,2.45rem);
  --wb-size-h1:clamp(2.35rem,1.72rem + 2.12vw,3.6rem);
  --default-font-family:var(--wb-font);
  --font-inter:var(--wb-font);
  --font-space-grotesk:var(--wb-font);
}
html,body {font-family:var(--wb-font)!important}
/* No other family can sneak back from inline elements or old utility CSS. */
body :where(*) {font-family:var(--wb-font)!important}
body :where(p,li,input,textarea,select,label,summary,blockquote,.n-work-desc,.n-plan-blurb,.n-founder-bio,.n-work-link){font-size:var(--wb-size-body)!important}
body :where(.n-lead,.n-sub,.wb-review__quote){font-size:var(--wb-size-lead)!important;line-height:1.6}
body :where(h1,.n-h1){font-size:var(--wb-size-h1)!important;line-height:1.12;letter-spacing:-.035em}
body :where(h2,.n-h2,.n-founder-h){font-size:var(--wb-size-h2)!important;line-height:1.2;letter-spacing:-.025em}
body :where(h3,.n-work-title,.n-plan-name,.wb-review__name){font-size:var(--wb-size-card)!important;line-height:1.3;letter-spacing:-.018em}
body :where(.n-price){font-size:var(--wb-size-h2)!important}
body :where(.n-eyebrow,.n-pill,.n-badge,.n-work-tag,.n-plan-badge,.n-logos-label,.n-logo-label,.wb-review__source,.wb-review__badge,.site-foot-heading,.site-foot-explore-label,small){font-size:var(--wb-size-sm)!important}
body :where(.site-nav-link,.site-nav-cta,.site-foot-link,.site-foot-explore-link,.n-btn,.n-more,.n-ind,.n-faq-q,.n-plan-cta,.wb-review__quote,.site-foot-contact-row){font-size:var(--wb-size-body)!important}
body :where(.wb-review__mark,.wb-review__stars){font-size:var(--wb-size-card)!important}
body :where(.n-price small){font-size:var(--wb-size-sm)!important}
/* Same box geometry across all major section containers, header and footer. */
body :where(.n-wrap,.site-header-inner,.site-foot-grid,.site-foot-explore,.site-foot-bottom){
  box-sizing:border-box;width:100%;max-width:var(--wb-container)!important;
  margin-inline:auto!important;padding-inline:var(--wb-gutter)!important;
}
body :where(.n-sec,.n-hero,.site-header,.site-footer){width:100%;max-width:100%;box-sizing:border-box}
/* Headline column should use the same outer boundaries rather than a narrower independent box. */
.n-sec-head{width:100%;max-width:100%!important}
/* Preserve intentional narrow measure of long paragraphs within the shared section grid. */
.n-sec-head .n-sub{max-width:68ch;margin-inline:auto}
body :where(.n-hero-split,.n-works,.n-plans,.wb-reviews,.n-inds,.n-services,.n-process,.n-about-grid,.n-contact-grid){max-width:100%;min-width:0}
body :where(.n-works,.n-plans,.wb-reviews)>*{min-width:0}
@media(max-width:640px){:root{--wb-gutter:1.125rem}}
@media(max-width:375px){:root{--wb-gutter:.875rem}}



/* -------------------------------------------------------------
   webbec-solid-text-colors
   ------------------------------------------------------------- */

/* Uniformisation des textes : aucun dégradé, même sur les anciennes classes du modèle. */
.n-grad-text, .m-grad, .n-stat-v, .bg-clip-text, .text-transparent {
  background-image:none!important;
  background-color:transparent!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;
  animation:none!important;
}
.n-grad-text, .m-grad { color:#29c9f3!important; }
.n-stat-v { color:#f8fafc!important; }
.bg-clip-text, .text-transparent { color:#f8fafc!important; }



/* -------------------------------------------------------------
   webbec-hide-header-progress
   ------------------------------------------------------------- */
.site-nav-progress{display:none!important}


/* -------------------------------------------------------------
   webbec-pricing-breakdown
   ------------------------------------------------------------- */
#pricing .n-price small{display:block;margin-top:.2rem}


/* -------------------------------------------------------------
   webbec-process-brand-unify
   ------------------------------------------------------------- */

#process .n-wrap{width:100%!important;max-width:var(--wb-container)!important;padding-inline:var(--wb-gutter)!important;margin-inline:auto!important;}
#process .n-sec-head{max-width:940px;margin-inline:auto;}
#process .n-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,1.8vw,28px);align-items:stretch;}
#process .n-step{background:linear-gradient(180deg,rgba(13,19,31,.96),rgba(10,16,28,.98));border:1px solid rgba(0,210,255,.10);border-radius:22px;padding:clamp(1.5rem,1.2rem + .8vw,2rem);box-shadow:0 14px 38px rgba(0,0,0,.22);transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;}
#process .n-step:hover{transform:translateY(-4px);background:linear-gradient(180deg,rgba(20,28,46,.98),rgba(11,18,31,.99));border-color:rgba(0,210,255,.22);box-shadow:0 18px 44px rgba(0,0,0,.28),0 0 0 1px rgba(0,210,255,.06);}
#process .n-step-top{margin-bottom:1.35rem;}
#process .n-step-n{color:var(--cyan)!important;text-shadow:none;font-size:clamp(2.15rem,1.85rem + .7vw,2.65rem);font-weight:700;letter-spacing:-.04em;}
#process .n-step-badge{color:#c9d7ea;background:rgba(5,12,22,.88);border:1px solid rgba(0,210,255,.12);border-radius:10px;padding:.42rem .78rem;font-size:.74rem;font-weight:600;}
#process .n-step h3{font-size:clamp(1.52rem,1.2rem + .45vw,1.9rem);line-height:1.15;font-weight:700;letter-spacing:-.03em;margin-bottom:.9rem;color:#f8fafc;}
#process .n-step p{font-size:clamp(1rem,.95rem + .08vw,1.05rem);line-height:1.72;color:#b6c3d7;max-width:26ch;}
#process .n-tone-cyan,#process .n-tone-violet,#process .n-tone-green{--tone:var(--cyan)!important;}
@media(max-width:1100px){#process .n-steps{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:680px){#process .n-wrap{padding-inline:var(--wb-gutter)!important;}#process .n-steps{grid-template-columns:minmax(0,1fr);}#process .n-step p{max-width:none;}}



/* -------------------------------------------------------------
   webbec-hero-heading-semantics
   ------------------------------------------------------------- */
.n-hero .wb-hero-eyebrow{margin:0;padding:0;font:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;text-transform:inherit}.n-hero h2.n-h1{display:block}


/* -------------------------------------------------------------
   wb-equal-price-cards
   ------------------------------------------------------------- */

/* Forfaits : mêmes bords hauts et bas, CTA alignés */
#pricing>.n-wrap{width:100%!important;max-width:var(--wb-container)!important;padding-inline:var(--wb-gutter)!important;margin-inline:auto!important;}
#pricing .n-sec-head{max-width:1100px;margin-inline:auto;}
#pricing .n-plans{align-items:stretch!important;max-width:100%;width:100%;margin-inline:auto;gap:clamp(16px,1.8vw,28px)!important;}
#pricing .n-plan,#pricing .n-plan.featured{display:flex;flex-direction:column;align-self:stretch;min-height:100%;padding:clamp(1.6rem,1.15rem + 1vw,2.3rem)!important;transform:none!important;}
#pricing .n-plan .n-feats{margin-bottom:clamp(1.5rem,1rem + 1vw,2rem);}
#pricing .n-plan .n-btn{margin-top:auto;min-height:3.6rem;display:flex;align-items:center;justify-content:center;gap:.6rem;text-align:center;}
#pricing .n-plan .n-price{margin-bottom:clamp(1.5rem,1.2rem + 1vw,2rem);}
#pricing .n-plan .n-plan-blurb{min-height:3.4em;}
#pricing .n-plan-flag{z-index:2;}
#pricing .wb-hosting-summary{width:100%;max-width:100%;margin:clamp(2rem,2.5vw,3rem) auto 0;padding:clamp(1.25rem,1rem + 1vw,2rem);display:flex;align-items:center;justify-content:space-between;gap:clamp(1rem,2vw,2.5rem);border:1px solid rgba(151,183,224,.24);background:rgba(17,31,49,.8);border-radius:16px;}
#pricing .wb-hosting-summary__copy{min-width:0;flex:1;}
#pricing .wb-hosting-summary__copy>strong{color:#fff;font-size:clamp(1.1rem,1rem + .3vw,1.3rem);font-weight:700;}
#pricing .wb-hosting-summary__copy p{color:var(--body);line-height:1.6;margin:.4rem 0 0;font-size:clamp(.95rem,.9rem + .15vw,1.05rem);max-width:75ch;}
#pricing .wb-hosting-summary__price{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;flex:none;}
#pricing .wb-hosting-summary__price strong{font-size:clamp(1.6rem,1.2rem + 1vw,2rem);color:#fff;white-space:nowrap;line-height:1.15;}
#pricing .wb-hosting-summary__price span{color:var(--muted);font-size:clamp(.85rem,.8rem + .15vw,.95rem);}
@media(max-width:760px){#pricing>.n-wrap{padding-inline:var(--wb-gutter)!important}#pricing .wb-hosting-summary{flex-direction:column;align-items:flex-start}#pricing .wb-hosting-summary__price{align-items:flex-start}#pricing .n-plan .n-plan-blurb{min-height:0}}



/* -------------------------------------------------------------
   webbec-founder-photo-and-plan-badges
   ------------------------------------------------------------- */

#about .n-founder.compact .n-photo{background:#101827;}
#about .n-founder.compact .n-photo img.wb-founder-portrait{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 37%;}
#pricing .n-plan-badge{white-space:nowrap;font-size:clamp(.65rem,.6rem + .1vw,.75rem);}
@media(max-width:640px){#about .n-founder.compact .n-photo img.wb-founder-portrait{object-position:center 36%;}}



/* -------------------------------------------------------------
   webbec-brand-logo-contrast
   ------------------------------------------------------------- */

/* Logos clients :
   - mode sombre = cartes foncées
   - mode clair = cartes blanches avec contour #DFEAFA */
html:not([data-theme="light"]) .n-logos .n-logo-item {
  background:linear-gradient(180deg,rgba(18,28,49,.96),rgba(8,14,27,.98))!important;
  border:1px solid rgba(64,92,145,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 28px rgba(0,0,0,.18)!important;
}
html:not([data-theme="light"]) .n-logos .n-logo-link,
html:not([data-theme="light"]) .n-logos .n-logo-link.tile {
  background:rgba(255,255,255,.03)!important;
  border:1px solid rgba(255,255,255,.04)!important;
  box-shadow:none!important;
}
html[data-theme="light"] .n-logos .n-logo-item {
  background:#FFFFFF!important;
  border:1px solid var(--wb-border-light)!important;
  box-shadow:0 8px 24px rgba(27,57,100,.055)!important;
}
html[data-theme="light"] .n-logos .n-logo-link,
html[data-theme="light"] .n-logos .n-logo-link.tile {
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.n-logos .n-logo-item img {filter:none!important;}
/* Logo Webbec en bleu, dans l'entête et le pied de page. */
.site-header-logo, .wb-footer-brand img[src*="logo-webbec.png"] {
  filter:brightness(0) saturate(100%) invert(36%) sepia(70%) saturate(1045%) hue-rotate(174deg) brightness(91%) contrast(92%)!important;
}
html[data-theme="light"] .site-header-logo-link,
html[data-theme="light"] .wb-footer-brand img[src*="logo-webbec.png"] {
  background:transparent!important;
  border-radius:0!important;
}



/* -------------------------------------------------------------
   webbec-faq-static-grid
   ------------------------------------------------------------- */

/* FAQ sans menus : question puis réponse, sur deux colonnes */
#faq>.n-wrap{max-width:1280px!important;width:100%;}
#faq .wb-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,1.8vw,26px);width:100%;margin:0 auto;align-items:stretch;}
#faq .wb-faq-card{min-width:0;padding:clamp(24px,2.4vw,34px);background:var(--surface);border:1px solid rgba(130,159,195,.12);border-radius:18px;}
#faq .wb-faq-card h3{font-family:var(--font-inter),sans-serif;font-size:clamp(1.08rem,1rem + .3vw,1.27rem);line-height:1.4;font-weight:700;letter-spacing:-.02em;color:var(--text);margin:0 0 12px;}
#faq .wb-faq-card p{font-size:clamp(.93rem,.89rem + .16vw,1.02rem);line-height:1.75;color:var(--body);margin:0;}
html[data-theme="light"] #faq .wb-faq-card,body[data-theme="light"] #faq .wb-faq-card,html.light #faq .wb-faq-card{background:#fff;border-color:#DFEAFA;box-shadow:0 4px 18px rgba(12,33,68,.035);}
@media(max-width:720px){#faq .wb-faq-grid{grid-template-columns:minmax(0,1fr);}#faq .wb-faq-card{padding:24px;}}



/* -------------------------------------------------------------
   webbec-industries-blue-icons
   ------------------------------------------------------------- */

/* Uniform service icons: Webbec brand blue in both themes. */
.n-inds .n-ind-ico{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;color:#0066FF!important;font-size:0;line-height:1}
.n-inds .n-ind-ico svg{display:block;width:26px;height:26px;color:#0066FF!important;stroke:#0066FF!important;fill:none!important;flex:none}



/* -------------------------------------------------------------
   webbec-last-cta
   ------------------------------------------------------------- */

/* Dernier appel à l'action, directement avant le footer. */
.wb-final-cta-section{padding:clamp(3.5rem,6vw,6rem) 0;background:var(--base);}
.wb-final-cta-section>.n-wrap{max-width:1280px;width:100%;}
.wb-final-cta-panel{display:flex;justify-content:space-between;align-items:center;gap:clamp(1.5rem,4vw,4rem);background:#111f31;border:1px solid rgba(0,102,255,.24);border-radius:24px;padding:clamp(2rem,4vw,3.75rem);box-shadow:0 18px 55px rgba(0,0,0,.14);}
.wb-final-cta-copy{flex:1;min-width:0;}
.wb-final-cta-eyebrow{display:block;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#47d6ff;margin-bottom:.85rem;}
.wb-final-cta-panel h2{font-size:clamp(1.85rem,3vw,2.6rem);line-height:1.14;letter-spacing:-.045em;font-weight:750;color:#fff;margin:0 0 .8rem;max-width:22ch;}
.wb-final-cta-panel p{font-size:clamp(.98rem,1.2vw,1.08rem);line-height:1.65;color:#b6c6dc;margin:0;max-width:61ch;}
.wb-final-cta-button{flex:none;white-space:nowrap;min-height:3.6rem;text-decoration:none;}
html[data-theme="light"] .wb-final-cta-section{background:var(--base);}
html[data-theme="light"] .wb-final-cta-panel{background:#fff;border-color:#DFEAFA;box-shadow:0 14px 38px rgba(19,45,82,.065);}
html[data-theme="light"] .wb-final-cta-eyebrow{color:#0066FF;}
html[data-theme="light"] .wb-final-cta-panel h2{color:#111F31;}
html[data-theme="light"] .wb-final-cta-panel p{color:#526987;}
@media(max-width:820px){.wb-final-cta-panel{flex-direction:column;align-items:flex-start;}.wb-final-cta-button{width:100%;justify-content:center;}}
@media(max-width:600px){.wb-final-cta-section{padding:3rem 0;}.wb-final-cta-panel{padding:1.75rem;border-radius:18px;}.wb-final-cta-panel h2{font-size:clamp(1.75rem,8vw,2.15rem);}}



/* -------------------------------------------------------------
   base-18
   ------------------------------------------------------------- */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --base:#080c14; --surface:#0d131f; --elev:#141c2e; --line:rgba(255,255,255,0.07);
  --cyan:#00d2ff; --cyan-dim:#47d6ff; --blue:#0066ff; --blue-deep:#004bcc;
  --text:#f8fafc; --muted:#94a3b8; --body:#cbd5e1; --green:#10b981; --red:#f87171; --violet:#818cf8;
  --grad:linear-gradient(90deg,#0066ff,#004bcc 50%,#00d2ff);
}
html { scroll-behavior:smooth; }
body { font-family:var(--font-inter),sans-serif; font-size:15px; line-height:1.7; overflow-x:hidden; background:var(--base); color:var(--body); }
h1,h2,h3 { font-family:var(--font-space-grotesk),sans-serif; color:var(--text); }

/* ── ANIMATIONS (kept from previous design) ── */
@keyframes fadeUp { from{opacity:0;transform:translateY(24px);} to{opacity:1;transform:translateY(0);} }
@keyframes orbFloat1 { 0%{transform:translate(0,0) scale(1);} 25%{transform:translate(-60px,40px) scale(1.08);} 50%{transform:translate(-30px,80px) scale(.95);} 75%{transform:translate(40px,30px) scale(1.05);} 100%{transform:translate(0,0) scale(1);} }
@keyframes orbFloat2 { 0%{transform:translate(0,0) scale(1);} 20%{transform:translate(50px,-40px) scale(1.1);} 50%{transform:translate(80px,20px) scale(.92);} 80%{transform:translate(20px,-60px) scale(1.06);} 100%{transform:translate(0,0) scale(1);} }
@keyframes gridPulse { 0%,100%{opacity:.4;} 50%{opacity:.75;} }
@keyframes slowDrift { 0%,100%{transform:translate(0,0);} 50%{transform:translate(30px,20px);} }
@keyframes ping { 75%,100%{transform:scale(2.2);opacity:0;} }
@keyframes trustScroll { 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }
@keyframes ctaGlow { 0%,100%{opacity:0;} 50%{opacity:1;} }

.fade-up { opacity:0; animation:fadeUp .65s cubic-bezier(.16,1,.3,1) forwards; }
@keyframes slideUp { from{transform:translateY(16px);} to{transform:translateY(0);} }
/* The intro paragraph is the largest text above the fold, so it must paint straight away (LCP): slide it in, never fade it from opacity 0. */
.n-lead.fade-up { opacity:1; animation-name:slideUp; animation-fill-mode:both; }
.d1{animation-delay:.05s} .d2{animation-delay:.15s} .d3{animation-delay:.25s} .d4{animation-delay:.35s} .d5{animation-delay:.48s}
.reveal { opacity:0; transform:translateY(20px); transition:opacity .55s ease, transform .55s ease; }
.reveal.visible { opacity:1; transform:none; }

/* ── LAYOUT ── */
.n-wrap { max-width:1280px; margin:0 auto; padding:0 2rem; position:relative; z-index:1; }
.n-sec { padding:6rem 0; position:relative; overflow:hidden; }
.n-sec-surface { background:rgba(13,19,31,.7); }
.n-sec-head { text-align:center; max-width:760px; margin:0 auto 3.5rem; }
.n-sec-head.left { text-align:left; margin:0; }
.n-eyebrow { display:inline-block; font-size:.72rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--cyan); margin-bottom:.6rem; }
.n-eyebrow.red { color:var(--red); }
.n-h2 { font-size:clamp(1.9rem,3.6vw,2.75rem); font-weight:700; letter-spacing:-1px; line-height:1.12; margin-bottom:.9rem; }
.n-sub { color:var(--muted); font-size:1rem; line-height:1.75; }
.n-grad-text { background:linear-gradient(90deg,#0066ff,#00d2ff,#47d6ff); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }

/* ── BUTTONS ── */
.n-btn { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; font-family:var(--font-space-grotesk),sans-serif; font-size:.85rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:1rem 2rem; border-radius:12px; text-decoration:none; border:none; cursor:pointer; transition:transform .2s, filter .2s, box-shadow .2s, background .2s; }
.n-btn-primary { position:relative; background:var(--grad); color:#fff; box-shadow:0 8px 28px rgba(0,102,255,.32); }
.n-btn-primary::after { content:''; position:absolute; inset:0; border-radius:inherit; box-shadow:0 8px 40px rgba(0,210,255,.5); opacity:0; pointer-events:none; animation:ctaGlow 2.6s ease-in-out infinite; }
.n-btn-primary:hover { transform:translateY(-2px); filter:brightness(1.1); }
.n-btn-ghost { background:rgba(20,28,46,.85); color:var(--text); }
.n-btn-ghost:hover { background:#1c2640; color:var(--cyan); transform:translateY(-2px); }
.n-wp { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:3rem; align-items:center; }
.n-wp .n-sub { margin-bottom:1.4rem; }
.n-wp-list { list-style:none; margin:0 0 1.75rem; padding:0; display:flex; flex-direction:column; gap:.65rem; }
.n-wp-list li { display:flex; gap:.65rem; align-items:flex-start; color:var(--body); line-height:1.6; }
.n-wp-list svg { color:#10b981; flex-shrink:0; margin-top:4px; }
.n-wp-ctas { display:flex; flex-wrap:wrap; gap:.85rem; }
.n-wp-visual { display:flex; flex-direction:column; align-items:center; gap:.6rem; }
.n-wp-card { width:100%; max-width:380px; border-radius:16px; padding:1.1rem 1.3rem; display:flex; flex-direction:column; gap:.3rem; border:1px solid rgba(255,255,255,.1); background:#0b1220; }
.n-wp-card span { font-size:.78rem; color:var(--muted); }
.n-wp-card b { font-size:1.05rem; }
.n-wp-bad { border-color:rgba(248,113,113,.35); } .n-wp-bad b { color:#fca5a5; }
.n-wp-good { border-color:rgba(16,185,129,.4); } .n-wp-good b { color:#6ee7b7; }
.n-wp-arrow { color:var(--cyan); font-size:1.3rem; }
@media (max-width:900px) { .n-wp { grid-template-columns:1fr; gap:2rem; } .n-wp-visual { align-items:stretch; } .n-wp-card { max-width:none; } }
@media (max-width:640px) { .n-wp-ctas .n-btn { width:100%; } }
.n-btn:disabled { opacity:.6; cursor:not-allowed; animation:none; }
.n-btn:disabled::after { animation:none; opacity:0; }

/* ── HERO ── */
.n-hero { position:relative; overflow:hidden; padding:5rem 0 4.5rem; text-align:center; }
.n-grid-bg { position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(0,210,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,210,255,.035) 1px,transparent 1px); background-size:80px 80px; animation:gridPulse 8s ease-in-out infinite; -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 80%); mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 80%); }
.n-orb { position:absolute; border-radius:50%; pointer-events:none; }
.n-orb1 { width:760px; height:420px; top:-120px; left:50%; margin-left:-380px; background:radial-gradient(ellipse,rgba(0,102,255,.28) 0%,rgba(0,102,255,0) 70%); animation:orbFloat1 20s ease-in-out infinite; }
.n-orb2 { width:460px; height:340px; top:200px; right:3%; background:radial-gradient(ellipse,rgba(0,210,255,.16) 0%,rgba(0,210,255,0) 70%); animation:orbFloat2 24s ease-in-out infinite; }
.n-orb3 { width:380px; height:300px; bottom:-60px; left:4%; background:radial-gradient(ellipse,rgba(0,102,255,.14) 0%,rgba(0,102,255,0) 70%); animation:slowDrift 22s ease-in-out infinite; }
.n-pill { display:inline-flex; align-items:center; gap:.65rem; padding:.45rem 1.1rem; border-radius:100px; background:rgba(20,28,46,.9); box-shadow:0 8px 24px rgba(0,0,0,.4); margin-bottom:1.75rem; font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--cyan-dim); }
.n-ping { position:relative; width:8px; height:8px; border-radius:50%; background:var(--green); flex-shrink:0; }
.n-ping::after { content:''; position:absolute; inset:0; border-radius:50%; background:var(--green); animation:ping 1.8s cubic-bezier(0,0,.2,1) infinite; }
.n-h1 { font-size:clamp(2.5rem,5.6vw,4.6rem); font-weight:700; line-height:1.06; letter-spacing:-2.2px; max-width:900px; margin:0 auto 1.4rem; }
.n-lead { max-width:680px; margin:0 auto 2.25rem; font-size:1.08rem; line-height:1.8; color:var(--muted); }
.n-lead b { color:var(--cyan); font-weight:600; }
.n-cta-row { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; margin-bottom:1.75rem; }
.n-badges { display:flex; gap:.5rem 1.75rem; justify-content:center; flex-wrap:wrap; margin-bottom:3.5rem; }
.n-badge { display:inline-flex; align-items:center; gap:.4rem; font-size:.85rem; font-weight:500; color:var(--cyan-dim); }
.n-badge svg { color:var(--green); }
.n-hero-split { display:grid; grid-template-columns:1fr; gap:2.5rem; align-items:center; margin-bottom:3rem; }
.n-hero-split .n-badges { margin-bottom:0; }
.n-hero-phones { min-width:0; }
.n-hero-phones-link { margin-top:1rem; font-size:.9rem; }
.n-hero-phones-link a { color:var(--cyan); text-decoration:underline; text-underline-offset:3px; }
@media (min-width:1181px) {
  .n-hero { text-align:left; padding-top:4rem; }
  .n-hero-split { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:1rem; margin-bottom:3.5rem; }
  .n-hero-split .n-h1 { font-size:clamp(2.4rem,4vw,3.7rem); margin-left:0; letter-spacing:-1.8px; }
  .n-hero-split .n-lead { margin-left:0; max-width:520px; }
  .n-hero-phones .ps-pcar { --pw:205px; }
  .n-hero-split .n-cta-row, .n-hero-split .n-badges { justify-content:flex-start; }
  .n-hero-phones { text-align:center; }
  .n-hero .n-stats, .n-hero .n-logos { text-align:center; }
}
.n-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; max-width:1020px; margin:0 auto; }
.n-stat { background:rgba(13,19,31,.9); border:1px solid rgba(0,210,255,.1); border-radius:14px; padding:1.5rem 1rem; display:flex; flex-direction:column; align-items:center; box-shadow:0 10px 30px rgba(0,0,0,.3); transition:transform .25s, border-color .25s; }
.n-stat:hover { transform:translateY(-3px); border-color:rgba(0,210,255,.3); }
.n-stat-v { font-family:var(--font-space-grotesk),sans-serif; font-size:2.4rem; font-weight:700; line-height:1.1; letter-spacing:-1px; background:linear-gradient(180deg,#f8fafc,var(--tone)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.n-stat-l { font-size:.68rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); margin-top:.4rem; text-align:center; }
.n-tone-cyan { --tone:#00d2ff; } .n-tone-blue { --tone:#3b82f6; } .n-tone-green { --tone:#10b981; } .n-tone-violet { --tone:#818cf8; }

/* ── LOGO MARQUEE ── */
.n-logos { margin-top:4rem; padding-top:2rem; border-top:1px solid var(--line); overflow:hidden; position:relative; }
.n-logos-label { font-size:.7rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin-bottom:1.5rem; }
.n-viewport { overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 120px,#000 calc(100% - 120px),transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 120px,#000 calc(100% - 120px),transparent 100%); }
.n-track { display:flex; align-items:center; width:max-content; animation:trustScroll 34s linear infinite; }
.n-track:hover { animation-play-state:paused; }
.n-logo-item { display:inline-flex; align-items:center; gap:2.5rem; padding:0 1.25rem; }
.n-logo-link { display:inline-flex; align-items:center; transition:transform .3s; }
.n-logo-link:hover { transform:translateY(-3px); }
.n-logo-link.tile { background:#fff; padding:6px 10px; border-radius:10px; box-shadow:0 2px 10px rgba(0,0,0,.25); }
.n-logo-item + .n-logo-item::before { content:''; width:4px; height:4px; border-radius:50%; background:rgba(0,210,255,.35); }

/* ── FOUNDER ── */
.n-founder { display:grid; grid-template-columns:5fr 7fr; gap:4rem; align-items:center; }
.n-founder.compact { grid-template-columns:300px minmax(0,1fr); gap:3rem; }
.n-founder.compact .n-photo { height:380px; }
.n-founder.compact .n-photo-pill { left:1rem; right:1rem; bottom:1rem; }
.n-founder.compact .n-photo-pill div span { display:none; }
.n-founder-ctas { display:flex; align-items:center; gap:.85rem; flex-wrap:wrap; margin-top:1.5rem; }
.n-wp-strip { display:flex; align-items:center; justify-content:space-between; gap:2.5rem; }
.n-wp-strip .n-h2 { font-size:clamp(1.35rem,2.4vw,1.85rem); margin-bottom:.6rem; }
.n-wp-strip .n-sub { margin-bottom:0; max-width:680px; }
.n-wp-strip .n-btn { flex-shrink:0; }
.n-demo-card { grid-area:auto; scroll-margin-top:96px; }
.n-photo-card { position:relative; border-radius:20px; background:var(--elev); padding:.5rem; box-shadow:0 30px 70px rgba(0,0,0,.5); }
.n-photo { position:relative; width:100%; height:480px; border-radius:14px; overflow:hidden; }
.n-photo img { object-fit:cover; object-position:top; }
.n-photo-pill { position:absolute; left:1.5rem; right:1.5rem; bottom:1.5rem; display:flex; align-items:center; gap:.9rem; background:rgba(8,12,20,.9); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); padding:.9rem 1rem; border-radius:14px; box-shadow:0 12px 30px rgba(0,0,0,.45); }
.n-photo-pill-ico { width:40px; height:40px; border-radius:10px; background:var(--blue); display:flex; align-items:center; justify-content:center; color:#fff; flex-shrink:0; }
.n-photo-pill b { display:block; font-family:var(--font-space-grotesk),sans-serif; font-size:.9rem; color:var(--text); }
.n-photo-pill span { font-size:.8rem; color:var(--cyan-dim); }
.n-founder-h { font-size:clamp(1.7rem,3vw,2.3rem); font-weight:700; letter-spacing:-.8px; line-height:1.15; margin:.5rem 0 1.1rem; }
.n-founder-h em { font-style:normal; font-weight:400; color:var(--cyan-dim); }
.n-p { color:var(--muted); font-size:.95rem; line-height:1.85; margin-bottom:1rem; }
.n-p b { color:var(--text); font-weight:600; }
.n-quote { position:relative; background:rgba(20,28,46,.9); border-radius:14px; padding:1.4rem 1.6rem 1.4rem 1.9rem; margin:1.5rem 0; overflow:hidden; }
.n-quote::before { content:''; position:absolute; left:0; top:0; bottom:0; width:5px; background:linear-gradient(180deg,#00d2ff,#0066ff); }
.n-quote p { color:var(--text); font-style:italic; margin-bottom:.5rem; line-height:1.7; }
.n-quote span { font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--cyan-dim); }
.n-creds { display:grid; grid-template-columns:repeat(3,1fr); gap:.8rem; }
.n-cred { background:var(--base); border-radius:10px; padding:.9rem 1rem; display:flex; flex-direction:column; gap:.15rem; }
.n-cred b { font-size:.72rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--cyan-dim); }
.n-cred span { font-size:.85rem; color:var(--muted); line-height:1.5; }

/* ── PROBLEM / FIX ── */
.n-problems { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
.n-problem { background:var(--surface); border-radius:20px; padding:2rem; display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 14px 40px rgba(0,0,0,.3); transition:background .25s, transform .25s; }
.n-problem:hover { background:var(--elev); transform:translateY(-4px); }
.n-problem-ico { width:48px; height:48px; border-radius:12px; background:rgba(248,113,113,.14); color:var(--red); display:flex; align-items:center; justify-content:center; margin-bottom:1.25rem; transition:transform .25s; }
.n-problem:hover .n-problem-ico { transform:scale(1.1) rotate(-3deg); }
.n-problem-tag { font-size:.7rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--red); }
.n-problem h3 { font-size:1.25rem; font-weight:600; letter-spacing:-.3px; line-height:1.3; margin:.4rem 0 .7rem; }
.n-problem p { font-size:.88rem; color:var(--muted); line-height:1.75; }
.n-fix { background:var(--base); border-radius:14px; padding:1rem 1.1rem; margin-top:1.5rem; }
.n-fix-tag { display:flex; align-items:center; gap:.4rem; font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--green); margin-bottom:.35rem; }
.n-fix p { color:var(--body); font-weight:500; font-size:.85rem; }
.n-red { color:var(--red); text-decoration:underline; text-decoration-color:rgba(248,113,113,.5); text-underline-offset:5px; }

/* ── SERVICES ── */
.n-svc-head { display:flex; justify-content:space-between; align-items:flex-end; gap:2rem; margin-bottom:3rem; flex-wrap:wrap; }
.n-svc-head .n-sub { max-width:420px; }
.n-bento { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
.n-flag { grid-column:span 2; position:relative; overflow:hidden; background:linear-gradient(135deg,var(--elev),var(--surface)); border-radius:20px; padding:2.5rem; display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 24px 60px rgba(0,0,0,.4); }
.n-flag::after { content:''; position:absolute; width:380px; height:380px; right:-120px; bottom:-160px; border-radius:50%; background:radial-gradient(circle,rgba(0,102,255,.25),rgba(0,102,255,0) 70%); pointer-events:none; }
.n-flag-badge { position:absolute; top:0; right:0; padding:.5rem 1.1rem; background:var(--grad); color:#fff; font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; border-radius:0 0 0 14px; }
.n-ico { width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:1.5rem; transition:transform .25s; }
.n-ico.lg { width:56px; height:56px; border-radius:16px; }
.n-ico-blue { background:rgba(0,102,255,.2); color:var(--cyan); }
.n-ico-violet { background:rgba(129,140,248,.18); color:#a5b4fc; }
.n-ico-green { background:rgba(16,185,129,.18); color:var(--green); }
.n-ico-cyan { background:rgba(0,210,255,.14); color:var(--cyan); }
.n-flag h3 { font-size:1.65rem; font-weight:700; letter-spacing:-.5px; margin-bottom:.7rem; }
.n-flag p { color:var(--muted); font-size:1.02rem; line-height:1.75; max-width:560px; margin-bottom:1.4rem; }
.n-flag p b { color:var(--cyan); }
.n-flag-foot { display:flex; justify-content:space-between; align-items:center; margin-top:2rem; gap:1rem; flex-wrap:wrap; position:relative; z-index:1; }
.n-flag-price { font-family:var(--font-space-grotesk),sans-serif; font-size:1.2rem; font-weight:600; color:var(--cyan-dim); }
.n-flag-link { display:inline-flex; align-items:center; gap:.4rem; color:var(--cyan); font-weight:600; font-size:.9rem; text-decoration:none; }
.n-flag-link:hover { text-decoration:underline; }
.n-svc { background:var(--surface); border-radius:20px; padding:2rem; display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 10px 30px rgba(0,0,0,.25); transition:background .25s, transform .25s; }
.n-svc:hover { background:var(--elev); transform:translateY(-4px); }
.n-svc:hover .n-ico { transform:scale(1.1); }
.n-svc h3 { font-size:1.15rem; font-weight:600; letter-spacing:-.2px; margin-bottom:.6rem; }
.n-svc p { color:var(--muted); font-size:.88rem; line-height:1.75; margin-bottom:1.25rem; }
.n-more { display:inline-flex; align-items:center; gap:.4rem; font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--cyan-dim); text-decoration:none; transition:color .2s, gap .2s; }
.n-more:hover { color:var(--cyan); gap:.65rem; }


/* ── TESTIMONIALS ── */

/* ── PRICING ── */
.n-pricing { background:linear-gradient(180deg,rgba(0,102,255,.07),rgba(8,12,20,0) 55%),var(--surface); }
.n-plans { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; align-items:center; max-width:1100px; margin:0 auto; }
.n-plan { position:relative; background:var(--base); border-radius:var(--wb-radius-card); padding:2.25rem; box-shadow:0 18px 50px rgba(0,0,0,.35); }
.n-plan.featured { background:var(--elev); padding:2.75rem 2.25rem; border:1px solid rgba(0,210,255,.4); box-shadow:0 0 50px rgba(0,102,255,.25),0 24px 60px rgba(0,0,0,.45); }
.n-plan-flag { position:absolute; top:-14px; left:50%; transform:translateX(-50%); background:var(--grad); color:#fff; font-size:.68rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; padding:.35rem 1rem; border-radius:100px; white-space:nowrap; }
.n-plan-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem; }
.n-plan-name { font-family:var(--font-space-grotesk),sans-serif; font-size:1.25rem; font-weight:600; color:var(--text); }
.n-plan.featured .n-plan-name { color:var(--cyan); }
.n-plan-badge { font-size:.68rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); background:var(--elev); padding:.25rem .65rem; border-radius:100px; }
.n-plan.featured .n-plan-badge { background:rgba(0,102,255,.25); color:var(--cyan-dim); }
.n-price { font-family:var(--font-space-grotesk),sans-serif; font-size:3.4rem; font-weight:700; letter-spacing:-2px; color:var(--text); line-height:1; }
.n-price small { font-family:var(--font-inter),sans-serif; font-size:.85rem; font-weight:400; letter-spacing:0; color:var(--muted); margin-left:.35rem; }
.n-plan-blurb { font-size:.88rem; color:var(--muted); margin:.9rem 0 1.5rem; line-height:1.65; }
.n-feats { list-style:none; display:flex; flex-direction:column; gap:.7rem; margin-bottom:2rem; }
.n-feats li { display:flex; align-items:flex-start; gap:.6rem; font-size:.9rem; color:var(--body); }
.n-feats svg { color:var(--cyan); flex-shrink:0; margin-top:3px; }
.n-plan .n-btn { width:100%; }
.n-plan .n-btn-plain { background:var(--elev); color:var(--text); }
.n-plan .n-btn-plain:hover { background:#1c2640; color:var(--cyan); transform:translateY(-2px); }
.n-fineprint { text-align:center; color:var(--muted); font-size:.85rem; margin-top:2.5rem; }

/* ── PROCESS ── */
.n-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:1.25rem; }
.n-step { background:var(--surface); border-radius:18px; padding:1.75rem; box-shadow:0 10px 30px rgba(0,0,0,.25); transition:transform .25s, background .25s; }
.n-step:hover { transform:translateY(-4px); background:var(--elev); }
.n-step-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.25rem; gap:.5rem; }
.n-step-n { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:2.1rem; font-weight:700; line-height:1; color:var(--tone); }
.n-step-badge { font-size:.68rem; font-weight:600; color:var(--muted); background:var(--base); padding:.25rem .65rem; border-radius:6px; white-space:nowrap; }
.n-step h3 { font-size:1.15rem; font-weight:600; margin-bottom:.5rem; }
.n-step p { font-size:.85rem; color:var(--muted); line-height:1.7; }

/* ── INDUSTRIES ── */
.n-inds { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.n-ind { display:flex; align-items:center; gap:.85rem; background:var(--surface); border-radius:14px; padding:1.1rem 1.25rem; text-decoration:none; color:var(--text); font-family:var(--font-space-grotesk),sans-serif; font-weight:600; font-size:.92rem; transition:background .25s, transform .25s, box-shadow .25s; }
.n-ind:hover { background:var(--elev); transform:translateY(-3px); box-shadow:0 0 0 1px rgba(0,210,255,.25); }
.n-ind-ico { font-size:1.35rem; }
.n-note { text-align:center; color:var(--muted); font-size:.85rem; margin-top:1.5rem; }

/* ── FAQ ── */
.n-faqs { max-width:800px; margin:0 auto; display:flex; flex-direction:column; gap:.75rem; }
.n-faq { background:var(--surface); border-radius:14px; overflow:hidden; transition:background .25s, box-shadow .25s; }
.n-faq:hover { background:#101827; }
.n-faq.open { background:var(--elev); box-shadow:inset 3px 0 0 var(--cyan); }
.n-faq-q { width:100%; display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1.25rem 1.5rem; background:none; border:none; cursor:pointer; text-align:left; font-family:var(--font-space-grotesk),sans-serif; font-size:1.02rem; font-weight:500; color:var(--text); }
.n-faq-chev { color:var(--cyan); flex-shrink:0; transition:transform .4s cubic-bezier(.16,1,.3,1); }
.n-faq.open .n-faq-chev { transform:rotate(180deg); }
.n-faq-a { max-height:0; overflow:hidden; transition:max-height .5s cubic-bezier(.16,1,.3,1); }
.n-faq-a-inner { padding:0 1.5rem 1.35rem; color:var(--muted); font-size:.92rem; line-height:1.85; }

/* ── CONTACT ── */
.n-contact { display:grid; grid-template-columns:5fr 7fr; gap:4rem; align-items:start; }
.n-channels { display:flex; flex-direction:column; gap:.9rem; margin:2rem 0; }
.n-channel { display:flex; align-items:center; gap:1rem; background:var(--surface); border-radius:14px; padding:1rem 1.25rem; text-decoration:none; transition:background .25s, transform .25s; }
a.n-channel:hover { background:var(--elev); transform:translateX(4px); }
.n-channel-ico { width:44px; height:44px; border-radius:12px; background:rgba(0,102,255,.2); color:var(--cyan); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.n-channel small { display:block; font-size:.68rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }
.n-channel span { color:var(--text); font-weight:600; font-size:.98rem; }
.n-guarantee { display:flex; align-items:center; gap:1rem; background:rgba(16,185,129,.1); border:1px solid rgba(16,185,129,.25); border-radius:14px; padding:1rem 1.25rem; }
.n-guarantee svg { color:var(--green); flex-shrink:0; }
.n-guarantee b { display:block; color:var(--text); font-size:.92rem; }
.n-guarantee span { color:var(--muted); font-size:.82rem; }
.n-form { background:var(--surface); border-radius:24px; padding:2.5rem; display:flex; flex-direction:column; gap:1.1rem; box-shadow:0 24px 60px rgba(0,0,0,.4); }
.n-row { display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; }
.n-field { display:flex; flex-direction:column; gap:.4rem; }
.n-field label { font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }
.n-input { width:100%; background:var(--base); border:1px solid transparent; color:var(--text); padding:.85rem 1rem; border-radius:12px; font-family:var(--font-inter),sans-serif; font-size:.92rem; outline:none; box-shadow:inset 0 2px 6px rgba(0,0,0,.35); transition:border-color .2s, box-shadow .2s; }
.n-input:focus { border-color:rgba(0,210,255,.6); box-shadow:0 0 0 3px rgba(0,210,255,.12); }
.n-input::placeholder { color:#64748b; }
.n-input option { background:#141c2e; color:#e2e8f0; }
textarea.n-input { min-height:120px; resize:none; }
.n-ok { color:#10b981; font-weight:600; background:rgba(16,185,129,.12); padding:1rem; border-radius:12px; text-align:center; }
.n-err { color:#f87171; font-size:.9rem; }
.n-trust { display:flex; flex-wrap:wrap; gap:.5rem; }
.n-trust span { display:inline-flex; align-items:center; gap:.35rem; font-size:.72rem; font-weight:600; color:var(--green); background:rgba(16,185,129,.08); border:1px solid rgba(16,185,129,.2); padding:.3rem .75rem; border-radius:100px; }
.n-abn { font-size:.75rem; color:var(--muted); }

/* ── RESPONSIVE ── */
@media (max-width:1000px) {
  .n-founder, .n-founder.compact { grid-template-columns:1fr; gap:2.5rem; }
  .n-founder.compact .n-photo-card { max-width:320px; margin:0 auto; width:100%; }
  .n-wp-strip { flex-direction:column; align-items:flex-start; gap:1.5rem; }
  .n-photo { height:420px; }
  .n-bento { grid-template-columns:repeat(2,1fr); }
  .n-flag { grid-column:span 2; }
  .n-works { grid-template-columns:repeat(2,1fr); }
  .n-steps { grid-template-columns:repeat(2,1fr); }
  .n-inds { grid-template-columns:repeat(2,1fr); }
  .n-contact { grid-template-columns:1fr; gap:2.5rem; }
}
@media (max-width:820px) {
  .n-problems { grid-template-columns:1fr; }
  .n-plans { grid-template-columns:1fr; gap:2rem; }
  .n-plan.featured { padding:2.25rem; }
}
@media (max-width:640px) {
  .n-wrap { padding:0 1.2rem; }
  .n-sec { padding:4rem 0; }
  .n-hero { padding:3rem 0 3rem; }
  .n-orb1,.n-orb2,.n-orb3 { display:none; }
  .n-stats { grid-template-columns:repeat(2,1fr); }
  .n-stat-v { font-size:1.9rem; }
  .n-cta-row .n-btn, .n-founder-ctas .n-btn, .n-wp-strip .n-btn { width:100%; }
  .n-bento { grid-template-columns:1fr; }
  .n-flag { grid-column:span 1; padding:2rem 1.5rem; }
  .n-flag h3 { font-size:1.35rem; }
  .n-works { grid-template-columns:1fr; }
  .n-steps { grid-template-columns:1fr; }
  .n-creds { grid-template-columns:1fr; }
  .n-row { grid-template-columns:1fr; }
  .n-form { padding:1.5rem; }
  .n-photo { height:360px; }
}
      


/* -------------------------------------------------------------
   webbec-reviews-editorial
   ------------------------------------------------------------- */

.wb-reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,1vw + .8rem,1.5rem);align-items:stretch;margin-top:clamp(2rem,2vw + 1rem,2.8rem)}
.wb-review{position:relative;display:flex;flex-direction:column;min-width:0;min-height:clamp(18rem,19vw,20rem);padding:clamp(1.45rem,1rem + 1vw,1.9rem);background:radial-gradient(circle at top right,rgba(40,78,152,.22),transparent 34%),linear-gradient(180deg,rgba(17,31,56,.97),rgba(6,12,28,.99));border:1px solid rgba(108,138,197,.2);border-radius:1.55rem;box-shadow:0 18px 42px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
.wb-review:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#28d6ff,#5c8cff 55%,transparent)}
.wb-review:after{content:'“';position:absolute;right:1.15rem;bottom:.9rem;font-size:4.75rem;line-height:1;color:rgba(79,109,178,.15);font-weight:700;pointer-events:none}
.wb-review__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.15rem}
.wb-review__person{display:flex;align-items:center;gap:.95rem;min-width:0}
.wb-review__mark{display:grid;place-items:center;flex:none;width:3.95rem;height:3.95rem;border-radius:999px;color:#fff;font-size:1.6rem;font-weight:800;letter-spacing:-.02em;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.wb-review__mark--green{background:linear-gradient(180deg,#6bc13e,#438f2d)}
.wb-review__mark--lime{background:linear-gradient(180deg,#b2d53b,#88b829)}
.wb-review__mark--pink{background:linear-gradient(180deg,#ea4a9f,#c8327f)}
.wb-review__meta{min-width:0}
.wb-review__name{display:block;color:#f6f9ff;font-size:clamp(1.25rem,1.05rem + .55vw,1.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;max-width:10ch}
.wb-review__source{display:block;color:#aebbd0;font-size:.95rem;line-height:1.45;margin-top:.38rem}
.wb-review__g{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.75rem;height:2.75rem;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(120,146,198,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.wb-review__g svg{width:1.45rem;height:1.45rem;display:block}
.wb-review__stars{color:#ffc93b;font-size:1.55rem;line-height:1;letter-spacing:.17rem;margin-bottom:1rem}
.wb-review__quote{margin:0;color:#eef3ff;font-size:clamp(1.03rem,.96rem + .2vw,1.12rem);font-weight:500;line-height:1.58;max-width:28ch}
@media(max-width:1100px){.wb-reviews{grid-template-columns:1fr}.wb-review{min-height:0;max-width:46rem;margin-inline:auto;width:100%}.wb-review__quote,.wb-review__name{max-width:none}}
@media(max-width:640px){.wb-review{padding:1.25rem;border-radius:1.25rem}.wb-review__top{align-items:flex-start}.wb-review__mark{width:3.5rem;height:3.5rem;font-size:1.4rem}.wb-review__g{width:2.5rem;height:2.5rem}.wb-review__stars{font-size:1.4rem;letter-spacing:.12rem}.wb-review:after{font-size:3.85rem;right:.8rem;bottom:.7rem}}



/* -------------------------------------------------------------
   wb-footer-clean-design
   ------------------------------------------------------------- */

/* Footer volontairement simple, même conteneur que le reste du site. */
.site-footer.wb-footer-simple{background:#080c14!important;border-top:1px solid rgba(255,255,255,.075)!important;padding:0!important;color:#94a3b8!important;}
.wb-footer-simple .wb-footer-container{width:100%;max-width:1280px;margin:0 auto;padding:clamp(46px,5vw,66px) 32px 0;box-sizing:border-box;}
.wb-footer-simple .wb-footer-grid{display:grid!important;grid-template-columns:minmax(240px,1.55fr) repeat(3,minmax(125px,1fr))!important;align-items:start;gap:clamp(24px,3.5vw,60px);margin:0 0 clamp(44px,4.5vw,64px)!important;max-width:none!important;}
.wb-footer-simple .wb-footer-brand img{display:block;width:auto;height:52px;max-width:230px;object-fit:contain;}
.wb-footer-simple .wb-footer-brand p{font-size:14px;line-height:1.75;color:#94a3b8;max-width:275px;margin:22px 0 0;}
.wb-footer-simple .wb-footer-col h2{font-size:15px!important;font-weight:700!important;line-height:1.4;color:#f8fafc!important;margin:0 0 17px!important;letter-spacing:0;}
.wb-footer-simple .wb-footer-col nav,.wb-footer-simple .wb-footer-contact{display:flex;flex-direction:column;gap:9px;}
.wb-footer-simple .wb-footer-col a,.wb-footer-simple .wb-footer-contact span{color:#94a3b8!important;text-decoration:none!important;font-size:14px;line-height:1.55;overflow-wrap:anywhere;}
.wb-footer-simple .wb-footer-col a:hover,.wb-footer-simple .wb-footer-bottom a:hover{color:#00d2ff!important;}
.wb-footer-simple .wb-footer-bottom{border-top:1px solid rgba(255,255,255,.095);padding:22px 0 25px!important;display:flex!important;align-items:center;justify-content:space-between;gap:16px;max-width:none!important;margin:0!important;font-size:12px;color:#7e8ba1;}
.wb-footer-simple .wb-footer-bottom div{display:flex;gap:7px;align-items:center;}
.wb-footer-simple .wb-footer-bottom a{color:#7e8ba1;text-decoration:none;}
@media(max-width:900px){.wb-footer-simple .wb-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:36px 28px;}.wb-footer-simple .wb-footer-brand{grid-column:1/-1;}.wb-footer-simple .wb-footer-brand p{max-width:420px;margin-top:12px;}}
@media(max-width:600px){.wb-footer-simple .wb-footer-container{padding:40px 20px 0;}.wb-footer-simple .wb-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 20px;}.wb-footer-simple .wb-footer-brand{grid-column:1/-1;}.wb-footer-simple .wb-footer-bottom{flex-direction:column;align-items:flex-start;gap:9px;}}



/* -------------------------------------------------------------
   webbec-responsive-1440
   ------------------------------------------------------------- */
/* Webbec · mise en page de référence 1440 px · adaptation progressive */
:root{--wb-container:1280px;--wb-gutter:clamp(16px,3vw,36px);--wb-section-space:clamp(52px,5.2vw,88px)}
html{scroll-padding-top:90px;-webkit-text-size-adjust:100%}
body{min-width:320px;overflow-x:clip}
img,svg,video{max-width:100%}
.n-wrap{width:100%;max-width:var(--wb-container);padding-inline:var(--wb-gutter);margin-inline:auto}
.n-sec{padding-block:var(--wb-section-space)}
.n-sec-head{max-width:760px;margin-inline:auto;margin-bottom:clamp(28px,3.1vw,48px)}
.n-hero{overflow:hidden}
.n-hero-split{min-width:0}
.n-hero-copy,.n-hero-phones{min-width:0}
.n-lead{max-width:64ch}
.n-cta-row{align-items:stretch}
.n-btn,.site-nav-cta,.site-nav-cta-mobile{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.site-header-inner{width:100%;max-width:1440px;padding-inline:var(--wb-gutter);gap:clamp(12px,1.5vw,24px)}
.site-header-logo-link{min-width:0}
.site-header-logo{max-width:min(220px,28vw)!important;object-fit:contain}
.n-works{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,28px)}
.n-work{min-width:0}
.n-work-title,.n-work-desc{overflow-wrap:break-word}
.n-work-thumb{height:clamp(190px,17vw,240px)}
.n-work-body{min-width:0}
.n-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,28px)}
.n-plan{min-width:0;padding:clamp(20px,2vw,32px)}
.n-plan.featured{padding:clamp(22px,2.2vw,36px)}
.wb-reviews{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,28px)}
.wb-review{min-width:0}
.wb-review__top{gap:12px;flex-wrap:wrap}
.wb-review__person{min-width:0;flex:1 1 180px}
.wb-review__name{overflow-wrap:anywhere}
.wb-review__quote{max-width:none}
.n-viewport,.n-track{min-width:0}
.ps-wrap{width:100%;max-width:100%}
.ps-pcar{width:min(100%,560px)}
.site-footer{overflow:hidden}
.site-foot-grid,.site-foot-explore{max-width:var(--wb-container);padding-inline:var(--wb-gutter)}
.site-foot-explore-group{min-width:0}
@media(max-width:1180px){
 .n-hero-split{grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,56px)}
 .n-hero-copy{text-align:center}
 .n-hero-copy .n-lead{margin-inline:auto}
 .n-hero-copy .n-cta-row,.n-hero-copy .n-badges{justify-content:center}
 .n-hero-phones{width:100%;margin-inline:auto;max-width:600px}
 .n-works{grid-template-columns:repeat(2,minmax(0,1fr))}
 .n-plans{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
 .n-plan.featured{transform:none;grid-row:auto}
 .wb-reviews{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wb-review{max-width:none;width:auto}
}
@media(max-width:900px){
 .site-header-inner{min-height:70px}
 .n-sec-head{margin-bottom:32px}
 .site-foot-grid{gap:24px}
}
@media(max-width:640px){
 :root{--wb-gutter:18px;--wb-section-space:clamp(44px,8vw,58px)}
 html{scroll-padding-top:72px}
 .site-header-inner{min-height:64px}
 .site-header-logo{height:36px!important;max-width:166px!important}
 .site-header.scrolled .site-header-logo{height:34px!important}
 .n-hero{padding-top:clamp(28px,6vw,52px)}
 .n-h1{max-width:16ch;margin-inline:auto;overflow-wrap:normal}
 .n-lead{line-height:1.6}
 .n-cta-row{gap:12px}
 .n-cta-row .n-btn{flex:1 1 100%;width:100%;white-space:normal;text-align:center}
 .n-badges{gap:10px;justify-content:center}
 .n-works,.n-plans,.wb-reviews{grid-template-columns:minmax(0,1fr);gap:18px}
 .n-work-thumb{height:clamp(185px,51vw,260px)}
 .n-work-body{padding:clamp(20px,5vw,28px)}
 .n-work-title{line-height:1.22}
 .n-plan,.n-plan.featured{padding:clamp(20px,5vw,28px)}
 .wb-review{width:100%;max-width:none;min-height:0}
 .wb-review__top{align-items:center;flex-direction:row}
 .wb-review__badge{flex:0 0 auto}
 .ps-pcar{max-width:100%;--pw:min(235px,62vw)}
 .ps-pcaption{text-align:center}
 .site-foot-explore{gap:22px}
 .site-foot-explore-group{width:100%;flex-wrap:wrap}
 .site-footer a,.site-footer button{min-height:40px}
}
@media(max-width:375px){
 :root{--wb-gutter:14px}
 .wb-review__person{flex-basis:100%}
 .wb-review__top{align-items:flex-start;flex-direction:column}
 .wb-review__badge{font-size:.9rem}
 .ps-pcar{--pw:min(205px,60vw)}
 .n-hero-copy .n-pill{max-width:100%;white-space:normal}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}



/* -------------------------------------------------------------
   webbec-header-footer-dimensions
   ------------------------------------------------------------- */

/* Webbec · alignement commun header/contenu/footer · base 1440 px */
:root{--wb-container:1280px;--wb-gutter:clamp(16px,3vw,36px)}
.site-header{width:100%;max-width:100%}
.site-header-inner{box-sizing:border-box;width:100%;max-width:var(--wb-container);margin-inline:auto;padding-inline:var(--wb-gutter);min-width:0;gap:clamp(8px,1vw,18px)}
.site-header-logo-link{display:flex;align-items:center;min-width:0;flex-shrink:0}
.site-header-logo{width:auto!important;max-width:clamp(138px,12vw,200px)!important;height:clamp(34px,3.4vw,44px)!important;object-fit:contain}
.site-header.scrolled .site-header-logo{height:clamp(32px,3vw,42px)!important}
.site-nav-links{min-width:0;gap:0}
.site-nav-link{padding-inline:clamp(7px,.7vw,12px);font-size:clamp(.76rem,.72rem + .14vw,.88rem)}
.site-nav-cta{padding-inline:clamp(10px,1vw,18px);font-size:clamp(.76rem,.7rem + .15vw,.88rem)}
.site-footer{box-sizing:border-box;width:100%;max-width:100%;padding:clamp(36px,4vw,60px) 0 clamp(22px,2.5vw,36px)}
.site-foot-grid,.site-foot-explore,.site-foot-bottom{box-sizing:border-box;width:100%;max-width:var(--wb-container);margin-left:auto;margin-right:auto;padding-left:var(--wb-gutter);padding-right:var(--wb-gutter)}
.site-foot-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);column-gap:clamp(24px,3vw,48px);row-gap:clamp(24px,2.5vw,40px);margin-bottom:clamp(26px,3vw,44px)}
.site-foot-grid>*{min-width:0}
.site-foot-brand,.site-foot-col{min-width:0}
.site-foot-explore{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:clamp(16px,2vw,30px);padding-top:clamp(22px,2vw,32px);padding-bottom:clamp(22px,2vw,32px);margin-top:0}
.site-foot-explore-group{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;min-width:0;width:auto}
.site-foot-explore-link{white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.site-foot-explore-label{white-space:normal}
.site-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-direction:row;padding-top:clamp(18px,2vw,26px)}
@media(max-width:1250px){
 .site-header-inner{grid-template-columns:auto 1fr auto}
 .site-nav-links{display:none}
 .site-nav-hamburger{display:flex;justify-self:end}
 .site-nav-cta{display:none}
 .site-nav-links.open,.site-header.menu-open .site-nav-links,.site-nav-links.is-open{display:flex!important;position:fixed;top:clamp(64px,5.6vw,76px);left:0;right:0;bottom:auto;max-height:calc(100dvh - 64px);overflow-y:auto;flex-direction:column;align-items:stretch;z-index:99;padding:clamp(12px,2vw,24px) var(--wb-gutter)}
 .site-nav-links .site-nav-link{font-size:1rem;padding:.9rem 1rem}
 .site-nav-links .site-nav-mobile-cta-wrap{display:block}
 .site-foot-explore{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
 .site-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .site-foot-brand{grid-column:1/-1}
}
@media(max-width:640px){
 :root{--wb-gutter:18px}
 .site-header-inner{min-height:64px;padding-inline:var(--wb-gutter)}
 .site-header-logo{height:36px!important;max-width:166px!important}
 .site-header.scrolled .site-header-logo{height:34px!important}
 .site-nav-links.open,.site-header.menu-open .site-nav-links,.site-nav-links.is-open{top:64px;max-height:calc(100dvh - 64px)}
 .site-foot-grid{grid-template-columns:minmax(0,1fr);gap:clamp(22px,6vw,34px)}
 .site-foot-brand{grid-column:auto}
 .site-foot-explore{grid-template-columns:minmax(0,1fr);gap:clamp(18px,5vw,28px)}
 .site-foot-bottom{flex-direction:column;align-items:flex-start}
}
@media(max-width:375px){:root{--wb-gutter:14px}}



/* -------------------------------------------------------------
   webbec-pricing-portfolio-alignment
   ------------------------------------------------------------- */

/* Les forfaits utilisent exactement le conteneur et les gouttières des réalisations. */
#pricing > .n-wrap {
  box-sizing: border-box;
  width: 100% !important;
  max-width: var(--wb-container, 1280px) !important;
  padding-inline: var(--wb-gutter, clamp(16px, 3vw, 36px)) !important;
  margin-inline: auto !important;
}
#pricing .n-plans {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 1.8vw, 28px) !important;
  margin-inline: 0 !important;
  align-items: stretch !important;
}
#pricing .wb-hosting-summary {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
}
@media (max-width: 1100px) and (min-width: 641px) {
  #pricing .n-plans { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  #pricing .n-plans { grid-template-columns: minmax(0, 1fr); }
}



/* -------------------------------------------------------------
   webbec-container-consistency-final
   ------------------------------------------------------------- */

/* Tous les conteneurs partagent la même largeur extérieure, repère 1440px. */
:root{--wb-container:1280px;--wb-gutter:clamp(16px,2.5vw,36px)}
body .n-wrap,
body #process>.n-wrap,
body #pricing>.n-wrap,
body .site-header-inner,
body .site-foot-grid,
body .site-foot-explore,
body .site-foot-bottom{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:var(--wb-container)!important;
  margin-inline:auto!important;
  padding-inline:var(--wb-gutter)!important;
}
body #process .n-steps,
body #pricing .n-plans,
body #pricing .wb-hosting-summary,
body .n-works{
  width:100%;max-width:100%;min-width:0;margin-inline:auto;
}
body #pricing .n-plans{gap:clamp(16px,1.8vw,28px)!important}
@media(max-width:640px){:root{--wb-gutter:18px}}
@media(max-width:375px){:root{--wb-gutter:14px}}



/* -------------------------------------------------------------
   hero-reference.css
   ------------------------------------------------------------- */
/* WEBBEC — Hero établi sur la capture du client.
   Base de conception : 1440px, contenu maximum partagé : 1280px.
   Réglages regroupés ici pour éviter les anciennes règles contradictoires. */
@media (min-width:1101px) {
  .n-hero {text-align:left;padding-block:clamp(3.75rem,4.1vw,4.7rem)!important;}
  .n-hero > .n-wrap {box-sizing:border-box;width:100%!important;max-width:var(--wb-container,1280px)!important;margin-inline:auto!important;padding-inline:var(--wb-gutter,clamp(1rem,2.5vw,2.25rem))!important;}
  .n-hero .n-hero-split {display:grid!important;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)!important;gap:clamp(1.5rem,2vw,2.5rem)!important;align-items:center!important;margin-bottom:clamp(2.5rem,3.5vw,3.75rem)!important;}
  .n-hero .n-hero-copy {min-width:0;text-align:left!important;}
  .n-hero .n-pill {margin:0 0 clamp(1.55rem,2vw,2.05rem)!important;padding:.58rem 1rem!important;max-width:max-content;gap:.55rem;font-size:clamp(.82rem,.75rem + .16vw,.95rem)!important;line-height:1.2;letter-spacing:.055em;white-space:nowrap;box-shadow:none;}
  .n-hero .wb-hero-eyebrow {font-size:inherit!important;line-height:inherit!important;white-space:inherit;letter-spacing:inherit;}
  .n-hero h2.n-h1 {font-size:clamp(3.1rem,4.25vw,3.85rem)!important;line-height:1.07!important;letter-spacing:-.04em!important;max-width:100%!important;margin:0 0 clamp(1.7rem,2.25vw,2.15rem)!important;font-weight:750!important;}
  .n-hero .n-lead {width:100%;max-width:34.5rem!important;margin:0!important;font-size:clamp(1.04rem,1.35vw,1.2rem)!important;line-height:1.78!important;color:#9cabc0;}
  .n-hero .n-cta-row {display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:clamp(.7rem,1.2vw,1rem)!important;margin-top:clamp(2rem,2.5vw,2.75rem)!important;}
  .n-hero .n-cta-row .n-btn {flex:0 1 auto;white-space:nowrap;min-height:clamp(3.5rem,4.25vw,4rem)!important;padding-inline:clamp(1.2rem,1.6vw,1.7rem)!important;font-size:clamp(.84rem,.84vw + .12rem,1rem)!important;line-height:1.2!important;}
  .n-hero .n-badges {display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important;column-gap:clamp(.75rem,1.65vw,1.5rem)!important;row-gap:.55rem!important;margin-top:clamp(1.3rem,1.7vw,1.7rem)!important;}
  .n-hero .n-badge {font-size:clamp(.76rem,.7rem + .16vw,.89rem)!important;line-height:1.45;color:#29c9f3;white-space:normal;}
  .n-hero .n-badge svg {flex:none;}
  .n-hero .n-hero-phones {min-width:0;width:100%;max-width:100%;justify-self:center;text-align:center;}
  .n-hero .ps-wrap {width:100%;max-width:100%;margin-inline:auto;}
  .n-hero .ps-pcar {--pw:clamp(183px,15.1vw,222px);max-width:100%;margin-inline:auto;}
  .n-hero .ps-pcaption {margin-top:.25rem;}
}
@media (min-width:1101px) and (max-width:1279px) {
  .n-hero .n-hero-split {grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:1rem!important;}
  .n-hero h2.n-h1 {font-size:clamp(2.85rem,4vw,3.2rem)!important;}
  .n-hero .n-lead {font-size:1.02rem!important;line-height:1.65!important;}
  .n-hero .n-pill {font-size:.76rem!important;}
  .n-hero .ps-pcar {--pw:clamp(164px,14.9vw,191px);}
  .n-hero .n-cta-row .n-btn {font-size:.82rem!important;padding-inline:1rem!important;}
}
@media (max-width:1100px) {
  .n-hero > .n-wrap {width:100%;max-width:var(--wb-container,1280px)!important;padding-inline:var(--wb-gutter,1.125rem)!important;}
  .n-hero .n-hero-split {grid-template-columns:minmax(0,1fr)!important;gap:clamp(2rem,4vw,3.5rem)!important;}
  .n-hero .n-hero-copy {text-align:center;}
  .n-hero .n-hero-copy .n-pill {margin-inline:auto;max-width:100%;white-space:normal;}
  .n-hero .wb-hero-eyebrow {font-size:clamp(.74rem,1.55vw,.95rem)!important;}
  .n-hero h2.n-h1 {font-size:clamp(2.5rem,5.3vw,3.6rem)!important;max-width:16ch;margin-inline:auto;line-height:1.1!important;}
  .n-hero .n-hero-copy .n-lead {max-width:40rem;margin-inline:auto;font-size:clamp(1rem,1.8vw,1.15rem)!important;line-height:1.7;}
  .n-hero .n-hero-copy .n-cta-row,.n-hero .n-hero-copy .n-badges {justify-content:center;}
  .n-hero .n-hero-phones {max-width:600px;margin-inline:auto;}
}
@media (max-width:640px) {
  .n-hero h2.n-h1 {font-size:clamp(2.25rem,8.1vw,3.15rem)!important;}
  .n-hero .n-hero-copy .n-lead {font-size:1rem!important;line-height:1.65;}
  .n-hero .n-hero-copy .n-cta-row {display:flex;flex-direction:column;align-items:stretch;gap:.75rem;}
  .n-hero .n-hero-copy .n-cta-row .n-btn {width:100%;}
  .n-hero .n-hero-copy .n-badges {gap:.7rem 1rem;}
}



/* -------------------------------------------------------------
   webbec-light-mode
   ------------------------------------------------------------- */

/* Webbec : thème clair réversible, isolé du thème sombre historique */
.wb-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;flex:0 0 43px;border:1px solid rgba(124,154,191,.28);border-radius:12px;background:#141c2e;color:#e8f5ff;cursor:pointer;transition:background .2s,color .2s,border-color .2s;justify-self:end}
.wb-theme-toggle:hover{border-color:#00b8e7;background:#1d2b43}.wb-theme-toggle:focus-visible{outline:3px solid #00b8e7;outline-offset:3px}
.wb-theme-toggle svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.wb-theme-toggle .wb-sun{display:block}.wb-theme-toggle .wb-moon{display:none}
.site-header-inner{grid-template-columns:auto 1fr auto auto!important;gap:clamp(.65rem,1.6vw,1.5rem)!important}
@media(max-width:768px){.site-header-inner{grid-template-columns:1fr auto auto!important}.wb-theme-toggle{width:39px;height:39px;flex-basis:39px}.site-nav-hamburger{grid-column:3!important;grid-row:1!important}.wb-theme-toggle{grid-column:2!important;grid-row:1!important}}
html[data-theme="light"]{color-scheme:light;--base:#f6f9fe;--surface:#edf3fb;--elev:#e1eaf7;--line:rgba(18,45,81,.14);--text:#0b1931;--body:#34465e;--muted:#526780;--cyan:#0076b8;--cyan-dim:#006caa;--green:#087d69;--red:#be3341;--grad:linear-gradient(90deg,#005dea,#006ec8 55%,#00a9e8)}
html[data-theme="light"] body,html[data-theme="light"] .m-page{background:var(--base);color:var(--body)}
html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3{color:var(--text)}
html[data-theme="light"] .site-header,html[data-theme="light"] .site-header.scrolled{background:rgba(250,252,255,.97)!important;border-bottom-color:rgba(31,54,91,.15)!important}
html[data-theme="light"] .site-nav-link{color:#243650!important}html[data-theme="light"] .site-nav-link:hover{color:#0066bb!important}
html[data-theme="light"] .site-header-logo-link{background:#080c14;border-radius:10px;padding:4px 7px;margin:-4px -7px}
html[data-theme="light"] .site-nav-hamburger span{background:#223957!important}
@media(max-width:768px){html[data-theme="light"] .site-nav-links{background:var(--base)!important}}
html[data-theme="light"] .wb-theme-toggle{background:#e8f0fa;color:#143052;border-color:#bdcee2}
html[data-theme="light"] .wb-theme-toggle .wb-sun{display:none}html[data-theme="light"] .wb-theme-toggle .wb-moon{display:block}
html[data-theme="light"] .n-hero{background:radial-gradient(ellipse at 60% 22%,rgba(0,110,225,.10),transparent 56%),#f7faff!important}
html[data-theme="light"] .n-hero .n-grid-bg{opacity:.12}html[data-theme="light"] .n-hero .n-orb{opacity:.16}
html[data-theme="light"] .n-hero .n-h1,html[data-theme="light"] .n-hero h2.n-h1{color:#0b1931!important}
html[data-theme="light"] .n-pill{background:#e7f0ff!important;color:#0069aa!important;border-color:#c7def5!important}
html[data-theme="light"] .n-pill .wb-hero-eyebrow{color:#0069aa!important}
html[data-theme="light"] .n-lead,html[data-theme="light"] .n-sub,html[data-theme="light"] .n-p{color:#51657f!important}
html[data-theme="light"] .n-btn-ghost,html[data-theme="light"] .n-btn-plain{background:#dfe9f7!important;color:#123254!important;border:1px solid #c4d5e9!important}
html[data-theme="light"] .n-btn-ghost:hover,html[data-theme="light"] .n-btn-plain:hover{background:#cfddf0!important}
html[data-theme="light"] .n-btn-primary,html[data-theme="light"] .site-nav-cta{color:#fff!important}
html[data-theme="light"] .n-badge{color:#076c9f!important}
html[data-theme="light"] .n-sec-surface{background:#edf3fb!important}
html[data-theme="light"] .n-problem,html[data-theme="light"] .n-svc,html[data-theme="light"] .n-work,html[data-theme="light"] .n-step,html[data-theme="light"] .n-ind,html[data-theme="light"] .n-faq,html[data-theme="light"] .n-channel,html[data-theme="light"] .n-form,html[data-theme="light"] .n-cred{background:#fff!important;border:1px solid #dbe5f0!important;box-shadow:0 12px 34px rgba(20,48,82,.07)!important}
html[data-theme="light"] .n-problem:hover,html[data-theme="light"] .n-svc:hover,html[data-theme="light"] .n-step:hover,html[data-theme="light"] .n-faq:hover,html[data-theme="light"] .n-work:hover{background:#f9fbff!important}
html[data-theme="light"] .n-fix,html[data-theme="light"] .n-quote,html[data-theme="light"] .n-step-badge{background:#eaf2fb!important}
html[data-theme="light"] .n-step h3,html[data-theme="light"] .n-problem h3,html[data-theme="light"] .n-work-title,html[data-theme="light"] .n-svc h3{color:#0b1931!important}
html[data-theme="light"] #process .n-step{background:linear-gradient(180deg,#fff,#f5f9ff)!important;border-color:#dbe6f4!important;box-shadow:0 12px 32px rgba(30,58,94,.08)!important}
html[data-theme="light"] #process .n-step:hover{background:#edf5ff!important}
html[data-theme="light"] #process .n-step h3{color:#14243c!important}
html[data-theme="light"] #process .n-step p{color:#51657f!important}
html[data-theme="light"] #process .n-step-n{color:#0077ba!important}
html[data-theme="light"] #process .n-step-badge{color:#365471!important;background:#e5edf8!important;border-color:#d0ddee!important}
html[data-theme="light"] .n-pricing{background:linear-gradient(180deg,rgba(2,98,210,.07),transparent 55%),#eef4fc!important}
html[data-theme="light"] #pricing .n-plan,html[data-theme="light"] #pricing .n-plan.featured{background:#fff!important;border:1px solid #d8e4f1!important;box-shadow:0 16px 40px rgba(25,57,94,.09)!important}
html[data-theme="light"] #pricing .n-plan.featured{background:#eaf3ff!important;border-color:#1689c7!important;box-shadow:0 14px 38px rgba(0,105,200,.11)!important}
html[data-theme="light"] .n-price,html[data-theme="light"] .n-plan-name{color:#11233c!important}
html[data-theme="light"] .n-plan-badge{background:#e7effb!important;color:#385a7a!important}
html[data-theme="light"] .n-plan.featured .n-plan-badge{background:#d6e9ff!important;color:#0569b0!important}
html[data-theme="light"] #pricing .wb-hosting-summary{background:#fff!important;border-color:#d3e2f1!important}
html[data-theme="light"] #pricing .wb-hosting-summary__copy>strong,html[data-theme="light"] #pricing .wb-hosting-summary__price strong{color:#152742!important}
html[data-theme="light"] #pricing .wb-hosting-summary__copy p{color:#50647c!important}
html[data-theme="light"] .n-faq.open{background:#eff6ff!important}
html[data-theme="light"] .n-faq-q,html[data-theme="light"] .n-quote p{color:#17314f!important}
html[data-theme="light"] .n-input{background:#f6f9fd!important;color:#14263e!important;border-color:#ccd9e7!important;box-shadow:none!important}
html[data-theme="light"] .n-input option{background:#fff;color:#162a43}
html[data-theme="light"] .n-flag{background:linear-gradient(135deg,#eaf2ff,#dce9fb)!important}
html[data-theme="light"] .n-photo-card{background:#dce8f6!important;box-shadow:0 18px 45px rgba(27,55,91,.14)!important}
html[data-theme="light"] .n-photo-pill{background:rgba(9,22,43,.9)!important}
html[data-theme="light"] .n-photo-pill b{color:#fff!important}
html[data-theme="light"] .wb-review{background:linear-gradient(145deg,#fff,#edf5ff)!important;border-color:#d9e5f2!important;box-shadow:0 12px 32px rgba(31,58,95,.07)!important}
html[data-theme="light"] .wb-review__name,html[data-theme="light"] .wb-review__quote{color:#1a2b45!important}
html[data-theme="light"] .wb-review__source{color:#597089!important}
html[data-theme="light"] .wb-review__g{background:#fff!important;border-color:#e1e9f2!important}
html[data-theme="light"] .n-work-thumb{background:#e9eff8!important}
html[data-theme="light"] .n-work-tag{background:#edf3fb!important;color:#335777!important}
html[data-theme="light"] .n-works .n-work-link{color:#006fb0!important}
html[data-theme="light"] .site-footer,html[data-theme="light"] .wb-footer-simple{background:#eaf1fa!important;color:#34465f!important;border-top:1px solid #d4e1ef!important}
html[data-theme="light"] .wb-footer-brand img{background:#080c14;border-radius:10px;padding:6px 10px}
html[data-theme="light"] .wb-footer-col h2{color:#182944!important}
html[data-theme="light"] .wb-footer-col a,html[data-theme="light"] .wb-footer-col span,html[data-theme="light"] .wb-footer-brand p,html[data-theme="light"] .wb-footer-bottom{color:#536982!important}
html[data-theme="light"] .wb-footer-bottom{border-color:#cfdce9!important}
html[data-theme="light"] .n-photo img,html[data-theme="light"] .ps-phone img{filter:none!important}


/* Webbec: formulaire court, mêmes composants et palette que le site */
#contact .n-demo-card{padding:clamp(20px,2vw,28px);}
#contact .fd-card-sub{margin-bottom:1rem;}
#contact .wb-contact-form{gap:.7rem;}
#contact .wb-contact-form .fd-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;}
#contact .wb-contact-form .fd-field{gap:.25rem;}
#contact .wb-contact-form .fd-input{padding:.64rem .8rem;min-height:43px;border-radius:10px;}
#contact .wb-contact-form textarea.fd-input{min-height:68px;height:68px;resize:vertical;}
#contact .wb-contact-form .fd-check{gap:.65rem;line-height:1.45;font-size:.82rem;}
#contact .wb-contact-form .fd-submit{min-height:46px;width:100%;margin-top:.15rem;}
@media(max-width:600px){#contact .wb-contact-form .fd-row{grid-template-columns:1fr;gap:.7rem;}}

/* Carrousel du hero : contraste lisible en mode clair.
   Aucune modification des dimensions/positions ni du mode sombre. */
html[data-theme="light"] .n-hero .ps-pcaption strong {
  color:#111F31!important;
  text-shadow:none!important;
}
html[data-theme="light"] .n-hero .ps-pcaption a {
  color:#0066FF!important;
}
html[data-theme="light"] .n-hero .ps-parrow {
  color:#111F31!important;
  background:#FFFFFF!important;
  border-color:#CAD8EC!important;
  box-shadow:0 2px 8px rgba(17,31,49,.08)!important;
}
html[data-theme="light"] .n-hero .ps-parrow:hover,
html[data-theme="light"] .n-hero .ps-parrow:focus-visible {
  background:#EAF2FF!important;
  border-color:#0066FF!important;
}
html[data-theme="light"] .n-hero .ps-pdot::after {
  background:#8196B1!important;
}
html[data-theme="light"] .n-hero .ps-pdot.active::after,
html[data-theme="light"] .n-hero .ps-pdot[aria-selected="true"]::after {
  background:#0066FF!important;
}


/* Footer : sélecteur clair/sombre dans la dernière ligne, plus dans l'en-tête. */
.site-header-inner{grid-template-columns:auto 1fr auto!important;}
@media(max-width:768px){.site-header-inner{grid-template-columns:1fr auto!important;}.site-nav-hamburger{grid-column:2!important;grid-row:1!important;}}
.wb-footer-bottom-actions{display:flex;align-items:center;gap:clamp(.45rem,1vw,.8rem);flex-wrap:wrap;}
.wb-footer-bottom-actions .wb-theme-toggle{width:38px;height:38px;flex:0 0 38px;border-radius:10px;}
.wb-footer-bottom-actions .wb-theme-toggle svg{width:18px;height:18px;}
.wb-footer-theme-label{font-size:.83rem;color:var(--muted);}
.wb-form-feedback{font-size:.92rem;line-height:1.5;padding:.7rem .9rem;border-radius:10px;background:rgba(0,102,255,.08);color:var(--text);margin-top:.65rem;}
.wb-form-feedback[hidden]{display:none!important;}
.wb-form-feedback--success{border:1px solid rgba(0,102,255,.38);}
.wb-form-feedback--error{border:1px solid rgba(199,56,56,.48);color:#e77676;}
html[data-theme="light"] .wb-form-feedback--error{color:#a72736;}
.wb-contact-form .fd-submit:disabled{opacity:.68;cursor:wait;}

/* Photo du fondateur : contraste de l’icône sur son carré bleu.
   La règle générale .n-photo-pill span rendait aussi l’icône cyan. */
#about .n-photo-pill .n-photo-pill-ico {
  color:#FFFFFF!important;
  background:#0066FF;
}
#about .n-photo-pill .n-photo-pill-ico svg {
  display:block;
  color:#FFFFFF!important;
  stroke:#FFFFFF!important;
  stroke-width:2.25;
  fill:none!important;
}

/* Webbec — Section contact rééquilibrée, responsive, sans modifier le formulaire */
#contact .n-contact{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(32px,4vw,64px);align-items:center;}
#contact .n-contact>div:first-child{min-width:0;}
#contact .n-contact .n-sub{max-width:37ch;margin-bottom:0;}
#contact .n-channels{margin:clamp(24px,2.4vw,34px) 0 0;gap:14px;}
#contact .n-channel{border:1px solid var(--wb-card-border,rgba(130,159,195,.16));border-radius:18px;padding:16px 18px;min-height:84px;}
#contact .n-channel .n-channel-ico{flex:0 0 auto;}
#contact .n-channel>div{min-width:0;}
#contact .n-channel>div>span{overflow-wrap:anywhere;}
#contact .wb-contact-note{font-size:14px;line-height:1.6;color:var(--muted);margin:clamp(20px,2vw,26px) 0 0;max-width:44ch;}
#contact .n-demo-card{width:100%;min-width:0;}
@media(max-width:920px){#contact .n-contact{grid-template-columns:1fr;align-items:start;gap:32px;}#contact .n-contact .n-sub{max-width:58ch;}#contact .n-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px;}}
@media(max-width:580px){#contact .n-channels{grid-template-columns:1fr;}#contact .n-contact{gap:26px;}#contact .n-channel{min-height:76px;}}
html[data-theme="light"] #contact .n-channel{border-color:#DFEAFA;}