/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--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-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}}}@layer theme{:root,:host{--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--color-amber-400:oklch(82.8% .189 84.429);--color-amber-600:oklch(66.6% .179 58.318);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-300:oklch(86.5% .127 207.078);--color-blue-100:oklch(93.2% .032 255.585);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-950:oklch(12.9% .042 264.695);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-7xl:80rem;--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: 1.5 ;--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: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--blur-sm:8px;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Rajdhani", "Inter", ui-sans-serif, system-ui, sans-serif;--color-canvas:#f4f7fb;--color-surface:#fff;--color-ink:#0d1726;--color-ink-soft:#334155;--color-ink-faint:#64748b;--color-edge:#d7e1ec;--color-edge-soft:#eaf0f6;--color-cobalt-050:#eef5ff;--color-cobalt-400:#60a5fa;--color-cobalt-500:#0b63ce;--color-cobalt-600:#0956b4;--color-cyan-neon:#00d9e8;--color-live:#14b8a6;--color-live-deep:#0f766e;--color-warn:#d97706;--color-danger:#dc2626;--shadow-lift:0 18px 50px -34px #0f234161;--shadow-pop:0 28px 75px -46px #0f23417a;--radius-card:1rem;--animate-pulse-live:pulse-live 2.4s ease-in-out infinite}}@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%;-moz-tab-size:4;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;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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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{.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}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{inset-inline:0}.top-0{top:0}.isolate{isolation:isolate}.z-10{z-index:10}.z-\[100\]{z-index:100}.z-\[9999\]{z-index:9999}.col-span-2{grid-column:span 2/span 2}.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-4{margin-inline:calc(var(--spacing) * -4)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.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-9{margin-top:calc(var(--spacing) * 9)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.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-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-11{height:calc(var(--spacing) * 11)}.h-14{height:calc(var(--spacing) * 14)}.h-full{height:100%}.min-h-\[5rem\]{min-height:5rem}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-11{width:calc(var(--spacing) * 11)}.w-14{width:calc(var(--spacing) * 14)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-\[18rem\]{min-width:18rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.resize{resize:both}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-14{gap:calc(var(--spacing) * 14)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-7>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}: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-edge-soft>:not(:last-child)){border-color:var(--color-edge-soft)}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-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-cobalt-500\/20{border-color:#0b63ce33}@supports (color:color-mix(in lab,red,red)){.border-cobalt-500\/20{border-color:color-mix(in oklab,var(--color-cobalt-500) 20%,transparent)}}.border-cyan-300\/20{border-color:#53eafd33}@supports (color:color-mix(in lab,red,red)){.border-cyan-300\/20{border-color:color-mix(in oklab,var(--color-cyan-300) 20%,transparent)}}.border-danger\/20{border-color:#dc262633}@supports (color:color-mix(in lab,red,red)){.border-danger\/20{border-color:color-mix(in oklab,var(--color-danger) 20%,transparent)}}.border-edge{border-color:var(--color-edge)}.border-edge-soft{border-color:var(--color-edge-soft)}.border-live\/30{border-color:#14b8a64d}@supports (color:color-mix(in lab,red,red)){.border-live\/30{border-color:color-mix(in oklab,var(--color-live) 30%,transparent)}}.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)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-\[\#0b1020\]{background-color:#0b1020}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black) 30%,transparent)}}.bg-cobalt-500{background-color:var(--color-cobalt-500)}.bg-cobalt-500\/5{background-color:#0b63ce0d}@supports (color:color-mix(in lab,red,red)){.bg-cobalt-500\/5{background-color:color-mix(in oklab,var(--color-cobalt-500) 5%,transparent)}}.bg-cobalt-500\/10{background-color:#0b63ce1a}@supports (color:color-mix(in lab,red,red)){.bg-cobalt-500\/10{background-color:color-mix(in oklab,var(--color-cobalt-500) 10%,transparent)}}.bg-cyan-300{background-color:var(--color-cyan-300)}.bg-cyan-300\/10{background-color:#53eafd1a}@supports (color:color-mix(in lab,red,red)){.bg-cyan-300\/10{background-color:color-mix(in oklab,var(--color-cyan-300) 10%,transparent)}}.bg-danger\/5{background-color:#dc26260d}@supports (color:color-mix(in lab,red,red)){.bg-danger\/5{background-color:color-mix(in oklab,var(--color-danger) 5%,transparent)}}.bg-edge-soft{background-color:var(--color-edge-soft)}.bg-edge-soft\/40{background-color:#eaf0f666}@supports (color:color-mix(in lab,red,red)){.bg-edge-soft\/40{background-color:color-mix(in oklab,var(--color-edge-soft) 40%,transparent)}}.bg-live\/10{background-color:#14b8a61a}@supports (color:color-mix(in lab,red,red)){.bg-live\/10{background-color:color-mix(in oklab,var(--color-live) 10%,transparent)}}.bg-slate-950\/65{background-color:#020618a6}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/65{background-color:color-mix(in oklab,var(--color-slate-950) 65%,transparent)}}.bg-surface{background-color:var(--color-surface)}.bg-surface\/50{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.bg-surface\/50{background-color:color-mix(in oklab,var(--color-surface) 50%,transparent)}}.bg-surface\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-surface\/60{background-color:color-mix(in oklab,var(--color-surface) 60%,transparent)}}.bg-surface\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.bg-surface\/70{background-color:color-mix(in oklab,var(--color-surface) 70%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/\[0\.08\]{background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[0\.08\]{background-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.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)}.p-10{padding:calc(var(--spacing) * 10)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-28{padding-block:calc(var(--spacing) * 28)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pb-0{padding-bottom:0}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.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-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-\[10px\]{font-size:10px}.text-\[15px\]{font-size:15px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-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-\[\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-amber-600{color:var(--color-amber-600)}.text-blue-100\/85{color:#dbeafed9}@supports (color:color-mix(in lab,red,red)){.text-blue-100\/85{color:color-mix(in oklab,var(--color-blue-100) 85%,transparent)}}.text-cobalt-500{color:var(--color-cobalt-500)}.text-cobalt-600{color:var(--color-cobalt-600)}.text-cyan-50{color:var(--color-cyan-50)}.text-cyan-200{color:var(--color-cyan-200)}.text-cyan-neon{color:var(--color-cyan-neon)}.text-danger{color:var(--color-danger)}.text-edge{color:var(--color-edge)}.text-ink{color:var(--color-ink)}.text-ink-faint{color:var(--color-ink-faint)}.text-ink-soft{color:var(--color-ink-soft)}.text-live-deep{color:var(--color-live-deep)}.text-slate-300{color:var(--color-slate-300)}.text-warn{color:var(--color-warn)}.text-white{color:var(--color-white)}.text-white\/65{color:#ffffffa6}@supports (color:color-mix(in lab,red,red)){.text-white\/65{color:color-mix(in oklab,var(--color-white) 65%,transparent)}}.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\/72{color:#ffffffb8}@supports (color:color-mix(in lab,red,red)){.text-white\/72{color:color-mix(in oklab,var(--color-white) 72%,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)}}.text-white\/84{color:#ffffffd6}@supports (color:color-mix(in lab,red,red)){.text-white\/84{color:color-mix(in oklab,var(--color-white) 84%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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-live\/20{--tw-ring-color:#14b8a633}@supports (color:color-mix(in lab,red,red)){.ring-live\/20{--tw-ring-color:color-mix(in oklab, var(--color-live) 20%, transparent)}}.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-blur-2xl{--tw-backdrop-blur:blur(var(--blur-2xl));-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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:border-cobalt-500\/50:hover{border-color:#0b63ce80}@supports (color:color-mix(in lab,red,red)){.hover\:border-cobalt-500\/50:hover{border-color:color-mix(in oklab,var(--color-cobalt-500) 50%,transparent)}}.hover\:bg-edge-soft:hover{background-color:var(--color-edge-soft)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.hover\:text-ink:hover{color:var(--color-ink)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}}@media(min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:mt-24{margin-top:calc(var(--spacing) * 24)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-12{padding:calc(var(--spacing) * 12)}.sm\:p-14{padding:calc(var(--spacing) * 14)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:py-16{padding-block:calc(var(--spacing) * 16)}.sm\:py-20{padding-block:calc(var(--spacing) * 20)}.sm\:py-28{padding-block:calc(var(--spacing) * 28)}.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-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--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\:inline{display:inline}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-24{top:calc(var(--spacing) * 24)}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:mx-0{margin-inline:0}.lg\:mb-0{margin-bottom:0}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.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-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-\[\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.lg\:grid-cols-\[\.78fr_1\.22fr\]{grid-template-columns:.78fr 1.22fr}.lg\:grid-cols-\[\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.lg\:grid-cols-\[1\.02fr_\.98fr\]{grid-template-columns:1.02fr .98fr}.lg\:grid-cols-\[1\.15fr_\.85fr\]{grid-template-columns:1.15fr .85fr}.lg\:grid-cols-\[1fr_\.9fr\]{grid-template-columns:1fr .9fr}.lg\:grid-cols-\[220px_1fr\]{grid-template-columns:220px 1fr}.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:items-start{align-items:flex-start}.lg\:gap-10{gap:calc(var(--spacing) * 10)}.lg\:gap-12{gap:calc(var(--spacing) * 12)}.lg\:overflow-visible{overflow:visible}.lg\:px-0{padding-inline:0}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:py-12{padding-block:calc(var(--spacing) * 12)}.lg\:py-20{padding-block:calc(var(--spacing) * 20)}.lg\:py-24{padding-block:calc(var(--spacing) * 24)}}@media(min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.dark\:block:where(.dark,.dark *){display:block}.dark\:hidden:where(.dark,.dark *){display:none}.dark\:text-amber-400:where(.dark,.dark *){color:var(--color-amber-400)}.dark\:text-cobalt-400:where(.dark,.dark *){color:var(--color-cobalt-400)}.dark\:text-live:where(.dark,.dark *){color:var(--color-live)}@media(hover:hover){.dark\:hover\:text-white:where(.dark,.dark *):hover{color:var(--color-white)}}}:root{color-scheme:light;--mouse-x:50vw;--mouse-y:20vh;--parallax-x:0px;--parallax-y:0px;--scroll-progress:0%;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.22, 1.4, .36, 1);--dur-reveal:.85s;--pt-dark-bg:#050913;--pt-dark-panel:#0b1423;--pt-dark-panel-soft:#101d31;--pt-dark-text:#f4f9ff;--pt-dark-muted:#b8c7d9;--pt-dark-edge:#7dd3fc2e}.dark{color-scheme:dark;--color-canvas:#070b12;--color-surface:#0d1420;--color-raised:#121c2a;--color-ink:#eef5ff;--color-ink-soft:#bac7d8;--color-ink-faint:#8494aa;--color-edge:#253246;--color-edge-soft:#182435;--shadow-lift:0 20px 58px -34px #000000b8;--shadow-pop:0 34px 88px -50px #000000db}[x-cloak]{display:none}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;scroll-padding-top:6rem}body{background:var(--color-canvas);min-width:320px;color:var(--color-ink);font-family:var(--font-sans);font-feature-settings:"cv11","ss01";overflow-x:hidden}::selection{background:var(--color-cobalt-500);color:#fff}:focus-visible{outline:3px solid #488ada}@supports (color:color-mix(in lab,red,red)){:focus-visible{outline:3px solid color-mix(in oklab,var(--color-cobalt-500) 75%,white)}}:focus-visible{outline-offset:3px;border-radius:.35rem}img,svg{max-width:100%}button,input,textarea,select{font:inherit}button:disabled,[aria-disabled=true]{cursor:not-allowed;opacity:.62}body.futuristic-body{isolation:isolate;background:radial-gradient(circle at 90% 8%,#2563eb0e,#0000 30rem),linear-gradient(#f8fafc,#eef4fa 48%,#f8fafc);position:relative}.dark body.futuristic-body{background:radial-gradient(circle at 88% 10%,#e83eae13,#0000 32rem),linear-gradient(#050913,#07101c 46%,#050913)}body.futuristic-body:before{content:"";z-index:-2;pointer-events:none;opacity:.5;background-image:linear-gradient(#0b63ce08 1px,#0000 1px),linear-gradient(90deg,#0b63ce08 1px,#0000 1px);background-size:84px 84px;position:fixed;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 80%,#0000);mask-image:linear-gradient(#0000,#000 12%,#000 80%,#0000)}.dark body.futuristic-body:before{opacity:.55;background-image:linear-gradient(#00d9e80e 1px,#0000 1px),linear-gradient(90deg,#00d9e80b 1px,#0000 1px)}body.futuristic-body:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#ffffff29);position:fixed;top:0;right:0;bottom:0;left:0}.dark body.futuristic-body:after{background:linear-gradient(#0000,#00000029)}.mouse-glow{z-index:-3;pointer-events:none;opacity:0;background:radial-gradient(34rem 34rem at var(--mouse-x) var(--mouse-y),#0b63ce12,transparent 68%);transition:opacity .8s;position:fixed;top:0;right:0;bottom:0;left:0}.dark .mouse-glow{background:radial-gradient(34rem 34rem at var(--mouse-x) var(--mouse-y),#00d9e817,transparent 68%)}.pt-loaded .mouse-glow{opacity:1}.site-orb{z-index:-4;aspect-ratio:1;pointer-events:none;opacity:.42;filter:blur(80px);will-change:transform;border-radius:50%;width:34rem;position:fixed}.site-orb-one{animation:orb-drift-a 30s var(--ease-out) infinite alternate;background:radial-gradient(circle,#0b63ce57,#0000 68%);top:-12rem;left:-10rem}.site-orb-two{animation:orb-drift-b 38s var(--ease-out) infinite alternate;background:radial-gradient(circle,#00d9e842,#0000 68%);bottom:-14rem;right:-12rem}.dark .site-orb{opacity:.55}@keyframes orb-drift-a{0%{transform:translate(0)scale(1)}to{transform:translate(7rem,5rem)scale(1.14)}}@keyframes orb-drift-b{0%{transform:translate(0)scale(1.1)}to{transform:translate(-6rem,-4rem)scale(1)}}.pt-js.pt-motion-ready [data-reveal]{opacity:0;transition:opacity var(--dur-reveal) var(--ease-out),transform var(--dur-reveal) var(--ease-out),clip-path var(--dur-reveal) var(--ease-out),filter var(--dur-reveal) var(--ease-out)}.pt-js.pt-motion-ready [data-reveal=up]{transform:translateY(30px)}.pt-js.pt-motion-ready [data-reveal=down]{transform:translateY(-24px)}.pt-js.pt-motion-ready [data-reveal=left]{transform:translate(-34px)}.pt-js.pt-motion-ready [data-reveal=right]{transform:translate(34px)}.pt-js.pt-motion-ready [data-reveal=scale]{transform:scale(.94)}.pt-js.pt-motion-ready [data-reveal=rise]{transform:translateY(46px)scale(.97)}.pt-js.pt-motion-ready [data-reveal=blur]{filter:blur(14px);transform:translateY(18px)}.pt-js.pt-motion-ready [data-reveal=clip]{clip-path:inset(0 100% 0 0);transform:translateY(12px)}.pt-js.pt-motion-ready [data-reveal].is-revealed{opacity:1;filter:none;clip-path:inset(0);transform:none}[data-decode]{font-variant-ligatures:none}[data-scroll-float]{transform:translate3d(0,var(--float-y,0),0);will-change:transform}[data-pointer-card]{transform-style:preserve-3d;transition:transform .4s var(--ease-out),border-color .3s ease,box-shadow .4s var(--ease-out);position:relative}[data-pointer-card]:before{content:"";z-index:0;border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(16rem 16rem at var(--card-x,50%) var(--card-y,50%),#0b63ce26,transparent 60%);position:absolute;top:0;right:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){[data-pointer-card]:before{background:radial-gradient(16rem 16rem at var(--card-x,50%) var(--card-y,50%),color-mix(in oklab,var(--color-cobalt-500) 15%,transparent),transparent 60%)}}[data-pointer-card]:before{transition:opacity .35s}.dark [data-pointer-card]:before{background:radial-gradient(16rem 16rem at var(--card-x,50%) var(--card-y,50%),#00d9e821,transparent 60%)}[data-pointer-card]>*{z-index:1;position:relative}[data-pointer-card].is-pointed:before{opacity:1}[data-pointer-card].is-pointed{transform:perspective(1000px) rotateX(var(--card-tilt-x,0deg)) rotateY(var(--card-tilt-y,0deg)) translate3d(0,-4px,0);border-color:#81acdf}@supports (color:color-mix(in lab,red,red)){[data-pointer-card].is-pointed{border-color:color-mix(in oklab,var(--color-cobalt-500) 42%,var(--color-edge))}}[data-pointer-card].is-pointed{box-shadow:var(--shadow-pop)}.magnetic{transform:translate3d(var(--magnet-x,0),var(--magnet-y,0),0);transition:transform .4s var(--ease-out)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.pt-js.pt-motion-ready [data-reveal]{opacity:1;clip-path:none;filter:none;transform:none}.site-orb,.mouse-glow{display:none}}.pt-section{padding-block:clamp(4.5rem,8vw,7.5rem);scroll-margin-top:5.5rem;position:relative}.pt-section-tight{padding-block:clamp(3rem,5vw,4.5rem)}.pt-shell{width:100%;max-width:80rem;margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.pt-shell-narrow{max-width:52rem}.snap-screen,.pt-section-shell{align-items:center;padding-block:clamp(4.5rem,8vw,7.5rem);scroll-margin-top:5.5rem;display:grid;position:relative}.wow-hero.snap-screen,.pt-home-section,.store-play-hero{min-height:min(56rem,100svh - 5rem)}.pt-head{gap:1.15rem;max-width:46rem;display:grid}.pt-head-wide{max-width:62rem}.pt-head-center{text-align:center;justify-items:center;margin-inline:auto}.display,.wow-display,.wow-section-title{font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;font-weight:700;line-height:1.02}.wow-display{letter-spacing:-.065em;font-size:clamp(3.2rem,8vw,6.8rem);line-height:.9}.wow-section-title{max-width:18ch;font-size:clamp(2.35rem,5vw,4.4rem);line-height:.98}.pt-head-center .wow-section-title{max-width:22ch}.eyebrow{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-cobalt-500);align-items:center;gap:.55rem;font-size:.7rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";opacity:.55;background:currentColor;width:1.6rem;height:1px}.pt-head-center .eyebrow:before{display:none}.wow-hero .eyebrow,.store-play-hero .eyebrow,.cta-vault .eyebrow,.core-console .eyebrow{color:#67e8f9}.wow-hero .wow-section-title,.store-play-hero .wow-section-title{color:#fff}.mono{font-family:var(--font-mono)}.tabular{font-variant-numeric:tabular-nums}.wow-text-gradient,.neon-gradient-text{color:#0000;background:linear-gradient(96deg,#67e8f9,#60a5fa 42%,#f0abfc 76%,#bef264);-webkit-background-clip:text;background-clip:text}.card,.premium-card,.neo-tile,.architecture-node,.rail-card,.product-wow-card,.service-card,.play-card,.hightech-panel,.quote-panel{border:1px solid var(--color-edge);background:#fffffff0}@supports (color:color-mix(in lab,red,red)){.card,.premium-card,.neo-tile,.architecture-node,.rail-card,.product-wow-card,.service-card,.play-card,.hightech-panel,.quote-panel{background:color-mix(in oklab,var(--color-surface) 94%,transparent)}}.card,.premium-card,.neo-tile,.architecture-node,.rail-card,.product-wow-card,.service-card,.play-card,.hightech-panel,.quote-panel{color:var(--color-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-lift)}.card,.premium-card,.neo-tile,.architecture-node,.rail-card,.product-wow-card,.service-card,.play-card,.hightech-panel{transition:transform .3s var(--ease-out),border-color .25s ease,box-shadow .3s var(--ease-out)}.card-hover:hover,.premium-card:hover,.neo-tile:hover,.architecture-node:hover,.rail-card:hover,.product-wow-card:hover,.service-card:hover,.play-card:hover{border-color:#89b1e1;transform:translateY(-4px)}@supports (color:color-mix(in lab,red,red)){.card-hover:hover,.premium-card:hover,.neo-tile:hover,.architecture-node:hover,.rail-card:hover,.product-wow-card:hover,.service-card:hover,.play-card:hover{border-color:color-mix(in oklab,var(--color-cobalt-500) 38%,var(--color-edge))}}.card-hover:hover,.premium-card:hover,.neo-tile:hover,.architecture-node:hover,.rail-card:hover,.product-wow-card:hover,.service-card:hover,.play-card:hover{box-shadow:var(--shadow-pop)}.dark .card,.dark .premium-card,.dark .neo-tile,.dark .architecture-node,.dark .rail-card,.dark .product-wow-card,.dark .service-card,.dark .play-card,.dark .hightech-panel,.dark .quote-panel{background:#ffffffeb}@supports (color:color-mix(in lab,red,red)){.dark .card,.dark .premium-card,.dark .neo-tile,.dark .architecture-node,.dark .rail-card,.dark .product-wow-card,.dark .service-card,.dark .play-card,.dark .hightech-panel,.dark .quote-panel{background:color-mix(in oklab,var(--color-surface) 92%,transparent)}}.btn,.wow-btn-primary,.wow-btn-secondary{white-space:nowrap;cursor:pointer;min-height:2.75rem;transition:transform .2s var(--ease-out),background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .3s ease;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.15rem;font-size:.92rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary:after,.wow-btn-primary:after{content:"";pointer-events:none;transition:transform .7s var(--ease-out);background:linear-gradient(105deg,#0000 38%,#ffffff57,#0000 62%);position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-120%)}.btn-primary:hover:after,.wow-btn-primary:hover:after{transform:translate(120%)}.btn:active,.wow-btn-primary:active,.wow-btn-secondary:active{transform:translateY(1px)scale(.99)}.magnetic:active{transform:translate3d(var(--magnet-x,0),var(--magnet-y,0),0) scale(.98)}.btn-primary,.wow-btn-primary{color:#fff;background:linear-gradient(135deg,#0b63ce,#087f8f);border:1px solid #0000;box-shadow:0 14px 34px -20px #0b63ceb8,inset 0 1px #fff3}.btn-primary:hover,.wow-btn-primary:hover{background:linear-gradient(135deg,#084a9b,#066a77);box-shadow:0 20px 44px -20px #0b63ced9}.btn-ghost,.wow-btn-secondary{border:1px solid var(--color-edge);background:#ffffffe0}@supports (color:color-mix(in lab,red,red)){.btn-ghost,.wow-btn-secondary{background:color-mix(in oklab,var(--color-surface) 88%,transparent)}}.btn-ghost,.wow-btn-secondary{color:var(--color-ink)}.btn-ghost:hover,.wow-btn-secondary:hover{border-color:var(--color-cobalt-400);background:var(--color-surface)}.btn-danger{color:var(--color-danger);background:#dc26260f;border:1px solid #dc262647}.btn-danger:hover{background:#dc26261f}.btn-sm{border-radius:.62rem;min-height:2.25rem;padding:.5rem .8rem;font-size:.8rem}.wow-hero .wow-btn-primary,.store-play-hero .wow-btn-primary,.cta-vault .wow-btn-primary{color:#04111a;background:linear-gradient(135deg,#22d3ee,#60a5fa 52%,#a3e635)}.wow-hero .wow-btn-secondary,.store-play-hero .wow-btn-secondary,.cta-vault .wow-btn-secondary{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border-color:#ffffff2e}.wow-hero .wow-btn-secondary:hover,.store-play-hero .wow-btn-secondary:hover,.cta-vault .wow-btn-secondary:hover{background:#ffffff21;border-color:#ffffff4d}.label{color:var(--color-ink-soft);margin-bottom:.4rem;font-size:.8rem;font-weight:700;display:block}.field{border:1px solid var(--color-edge);background:var(--color-surface);width:100%;min-height:2.75rem;color:var(--color-ink);border-radius:.75rem;padding:.68rem .85rem;font-size:.92rem;transition:border-color .2s,box-shadow .2s,background-color .2s;box-shadow:inset 0 1px 1px #0f172a06}textarea.field{resize:vertical;min-height:7rem}.field::placeholder{color:var(--color-ink-faint);opacity:.9}.field:focus{border-color:var(--color-cobalt-500);outline:none;box-shadow:0 0 0 3px #0b63ce24}.form-readonly{background:var(--color-edge-soft);color:var(--color-ink-soft)}.quote-panel{color:#0d1726;background:#fff;box-shadow:0 35px 90px -48px #000000a6}.quote-panel .field{color:#0d1726;background:#fff;border-color:#cbd7e4}.quote-panel .label,.quote-panel .text-ink-soft{color:#334155}.quote-panel .display{color:#0d1726}.badge,.app-pill{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .62rem;font-size:.66rem;font-weight:700;display:inline-flex}.badge-active,.app-pill{color:var(--color-live-deep);background:#14b8a61a;border-color:#14b8a659}.dark .badge-active,.dark .app-pill{color:#5eead4}.badge-muted{border-color:var(--color-edge);background:var(--color-edge-soft);color:var(--color-ink-faint)}.badge-warn{color:#a24f03;background:#d977061a;border-color:#d977064d}.badge-danger{color:var(--color-danger);background:#dc262614;border-color:#dc26264d}.dot-live{background:var(--color-live);width:.5rem;height:.5rem;animation:var(--animate-pulse-live);border-radius:50%}.site-header{color:#eaf5ff;-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease,transform .35s var(--ease-out);background:linear-gradient(90deg,#050913d6,#081424c2 52%,#050913d6);border-bottom:1px solid #7dd3fc14;box-shadow:inset 0 -1px #ffffff06}.site-header:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(26rem 7rem at 18% -30%,#22d3ee1c,#0000 72%);position:absolute;top:0;right:0;bottom:0;left:0}.site-header.is-scrolled{background:#050a13f2;border-bottom-color:#7dd3fc29;box-shadow:0 16px 48px -30px #000000eb,inset 0 -1px #7dd3fc0d}.site-header .nav-link{color:#e2f0ffb3}.site-header .nav-link:hover,.site-header .nav-link.is-active{color:#7dd3fc}.site-header .theme-toggle,.site-header button[aria-label*="quick links"],.site-header .btn-ghost{color:#ebf6ffdb;background:#ffffff0b;border-color:#7dd3fc29}.site-header .theme-toggle:hover,.site-header button[aria-label*="quick links"]:hover,.site-header .btn-ghost:hover{color:#fff;background:#22d3ee14;border-color:#22d3ee66}.site-header #mobile-navigation{background:#050a13f5;border-color:#7dd3fc1f}.site-header #mobile-navigation a:not(.btn){color:#e2f0ffc7}.site-header #mobile-navigation a:not(.btn):hover{color:#fff;background:#22d3ee14}.scroll-progress{width:var(--scroll-progress);background:linear-gradient(90deg,#0b63ce,#00a8b8,#74c91f);height:2px;position:absolute;inset:auto auto 0 0;box-shadow:0 0 12px #00a8b899}.nav-link{color:var(--color-ink-soft);transition:color .25s;position:relative}.nav-link:hover,.nav-link.is-active{color:var(--color-cobalt-500)}.nav-link:after{content:"";transform-origin:0;height:2px;transition:transform .35s var(--ease-out);background:currentColor;border-radius:99px;position:absolute;bottom:.3rem;left:.75rem;right:.75rem;transform:scaleX(0)}.nav-link:hover:after,.nav-link.is-active:after{transform:scaleX(1)}.theme-toggle{border:1px solid var(--color-edge);background:var(--color-surface);width:2.65rem;height:2.65rem;color:var(--color-ink);transition:border-color .25s ease,color .25s ease,transform .35s var(--ease-spring);border-radius:.75rem;place-items:center;display:inline-grid}.theme-toggle:hover{border-color:var(--color-cobalt-400);color:var(--color-cobalt-500);transform:rotate(-18deg)}.skip-link{z-index:100000;background:var(--color-cobalt-500);color:#fff;border-radius:.65rem;padding:.65rem 1rem;font-weight:700;transition:transform .18s;position:fixed;top:.75rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.section-rail{z-index:70;flex-direction:column;gap:.85rem;display:none;position:fixed;top:50%;right:1.15rem;transform:translateY(-50%)}.rail-dot{justify-content:flex-end;align-items:center;gap:.6rem;text-decoration:none;display:flex}.rail-dot-mark{background:var(--color-ink-faint);opacity:.4;width:.45rem;height:.45rem;transition:height .4s var(--ease-spring),opacity .3s ease,background-color .3s ease;border-radius:99px}.rail-dot.is-current .rail-dot-mark{opacity:1;background:linear-gradient(#22d3ee,#0b63ce);height:1.6rem}.rail-dot:hover .rail-dot-mark{opacity:.85}.rail-dot-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-soft);opacity:0;transition:opacity .3s ease,transform .3s var(--ease-out);font-size:.62rem;font-weight:700;transform:translate(8px)}.rail-dot:hover .rail-dot-label,.rail-dot:focus-visible .rail-dot-label,.rail-dot.is-current .rail-dot-label{opacity:1;transform:none}@media(min-width:1360px){.pt-js .section-rail:not([hidden]){display:flex}}.parmtech-logo{color:var(--color-ink);white-space:nowrap;align-items:center;gap:.6rem;line-height:1;display:inline-flex}.parmtech-logo-ondark{color:#f7fbff}.parmtech-vector-mark{background:radial-gradient(circle at 70% 24%,#ffffff42,#0000 30%),linear-gradient(145deg,#0ea5e9,#2563eb 56%,#7c3aed);border-radius:.72rem;flex:none;place-items:center;width:2.25rem;height:2.25rem;display:grid;position:relative;transform:rotate(-3deg);box-shadow:inset 0 1px #ffffff47,0 8px 24px -13px #0ea5e9cc}.parmtech-mark-letter{color:#fff;font-family:var(--font-display);letter-spacing:-.12em;text-shadow:0 1px 5px #0000003d;font-size:1.72rem;font-weight:800;transform:translate(-.04em)}.parmtech-pixel{z-index:2;background:#22d3ee;border:1px solid #ffffff8c;width:.34rem;height:.34rem;position:absolute;box-shadow:0 0 10px #22d3eeb3}.pixel-one{top:-.08rem;left:-.16rem}.pixel-two{top:.36rem;left:-.43rem;transform:scale(.72)}.pixel-three{top:.78rem;left:-.16rem;transform:scale(.55)}.parmtech-wordmark{font-family:var(--font-display);letter-spacing:.16em;align-items:baseline;font-size:1.28rem;font-weight:700;display:inline-flex}.parmtech-wordmark b{color:currentColor}@supports (color:color-mix(in lab,red,red)){.parmtech-wordmark b{color:color-mix(in oklab,currentColor 72%,var(--color-cyan-neon))}}.parmtech-wordmark b{font-weight:700}.parmtech-logo-header .parmtech-vector-mark{border-radius:.62rem;width:2rem;height:2rem}.parmtech-logo-header .parmtech-mark-letter{font-size:1.5rem}.parmtech-logo-header .parmtech-wordmark{font-size:1.08rem}.parmtech-logo-footer .parmtech-vector-mark{width:2.45rem;height:2.45rem}.parmtech-logo-footer .parmtech-wordmark{font-size:1.35rem}.parmtech-logo-console .parmtech-vector-mark{width:2rem;height:2rem}.parmtech-logo-console .parmtech-wordmark{font-size:1rem}.parmtech-logo-stacked{flex-direction:column;align-items:flex-start}.parmtech-logo-icon{gap:0}.site-header a[aria-label="ParmTech home"]{line-height:0}.site-header .parmtech-logo{transition:transform .4s var(--ease-out),filter .4s ease}.site-header a:hover .parmtech-logo{filter:drop-shadow(0 0 14px #38bdf852);transform:translateY(-1px)scale(1.02)}.prose-pt{max-width:46rem;color:var(--color-ink-soft);font-size:1rem;line-height:1.78}.prose-pt h2{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.025em;margin:2.2rem 0 .75rem;font-size:1.65rem;font-weight:700}.prose-pt h3{color:var(--color-ink);margin:1.7rem 0 .5rem;font-size:1.15rem;font-weight:700}.prose-pt p{margin:.9rem 0}.prose-pt a{color:var(--color-cobalt-500);text-underline-offset:3px;text-decoration:underline}.prose-pt ul,.prose-pt ol{margin:.9rem 0;padding-left:1.3rem}.prose-pt ul{list-style:outside}.prose-pt ol{list-style:decimal}.prose-pt li{margin:.35rem 0}.prose-pt strong{color:var(--color-ink);font-weight:700}.prose-pt code{border:1px solid var(--color-edge);background:var(--color-edge-soft);font-family:var(--font-mono);border-radius:.35rem;padding:.1rem .35rem;font-size:.85em}.prose-pt pre{background:#07101c;border:1px solid #243247;border-radius:.85rem;margin:1.3rem 0;padding:1.1rem 1.25rem;overflow-x:auto}.prose-pt pre code{color:#d4e2f2;background:0 0;border:0;padding:0}.table-pt{border-collapse:separate;border-spacing:0;width:100%;font-size:.86rem}.table-pt th{border-bottom:1px solid var(--color-edge);background:var(--color-edge-soft);color:var(--color-ink-soft);text-align:left;letter-spacing:.05em;text-transform:uppercase;padding:.78rem 1rem;font-size:.72rem;font-weight:700}.table-pt td{border-bottom:1px solid var(--color-edge-soft);color:var(--color-ink-soft);vertical-align:middle;padding:.82rem 1rem}.table-pt tbody tr:hover td{background:#eef5ff8f}@supports (color:color-mix(in lab,red,red)){.table-pt tbody tr:hover td{background:color-mix(in oklab,var(--color-cobalt-050) 56%,transparent)}}.dark .table-pt tbody tr:hover td{background:#60a5fa0f}.entitlement-card,.core-console{border:1px solid var(--pt-dark-edge);color:var(--pt-dark-text);background:linear-gradient(150deg,#0c1728,#050913 72%);border-radius:1.35rem;position:relative;overflow:hidden;box-shadow:0 36px 95px -48px #000000db,inset 0 1px #ffffff0e}.entitlement-card{font-family:var(--font-mono)}.token-key{color:#7dd3fc}.token-str{color:#d5e4f6}.token-live{color:#5eead4}.token-num{color:#f0abfc}.token-dim{color:#7f93ad}.console-line{border-bottom:1px dashed #ffffff17;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.7rem;display:flex}.console-line:last-child{border-bottom:0;padding-bottom:0}.console-line-in{opacity:0;transform:translate(-10px)}.pt-loaded .console-line-in{animation:console-in .5s var(--ease-out) forwards}.console-line-in:first-child{animation-delay:.5s}.console-line-in:nth-child(2){animation-delay:.66s}.console-line-in:nth-child(3){animation-delay:.82s}.console-line-in:nth-child(4){animation-delay:.98s}.console-line-in:nth-child(5){animation-delay:1.14s}.console-line-in:nth-child(6){animation-delay:1.3s}@keyframes console-in{to{opacity:1;transform:none}}.wow-hero{isolation:isolate;color:var(--pt-dark-text);background:radial-gradient(circle at 18% 28%,#22d3ee38,#0000 28rem),radial-gradient(circle at 82% 20%,#e83eae29,#0000 31rem),linear-gradient(135deg,#050913,#0a2035 55%,#071712);position:relative;overflow:hidden}.wow-hero-grid,.cyber-bg{z-index:-2;pointer-events:none;transform:translate3d(calc(var(--parallax-x) * -1),calc(var(--parallax-y) * -1),0);transition:transform .9s var(--ease-out);background-image:linear-gradient(#7dd3fc14 1px,#0000 1px),linear-gradient(90deg,#7dd3fc11 1px,#0000 1px);background-size:64px 64px;position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;-webkit-mask-image:radial-gradient(circle at 50% 44%,#000,#0000 78%);mask-image:radial-gradient(circle at 50% 44%,#000,#0000 78%)}.wow-hero-noise{z-index:-1;pointer-events:none;background:linear-gradient(115deg,#0000 20%,#ffffff06,#0000 70%);position:absolute;top:0;right:0;bottom:0;left:0}.wow-hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(100deg,#0000 42%,#7dd3fc12,#0000 58%) 0 0/260% 100%;animation:9s linear infinite hero-scan;position:absolute;top:0;right:0;bottom:0;left:0}@keyframes hero-scan{0%{background-position:140% 0}to{background-position:-140% 0}}.wow-chip{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:4rem;transition:border-color .3s ease,background-color .3s ease,transform .35s var(--ease-out);background:#fff1;border:1px solid #ffffff21;border-radius:.9rem;flex-direction:column;justify-content:center;padding:.72rem .85rem;display:flex}.wow-chip:hover{background:#ffffff1a;border-color:#7dd3fc6b;transform:translateY(-3px)}.wow-chip strong{font-family:var(--font-display);font-size:1.1rem}.wow-chip span{color:#ffffffa8;font-size:.72rem}.orbital-stage{min-height:39rem;transform:translate3d(var(--parallax-x),var(--parallax-y),0);transition:transform 1s var(--ease-out);place-items:center;display:grid;position:relative}.orbital-glow{aspect-ratio:1;filter:blur(12px);background:radial-gradient(circle,#22d3ee33,#60a5fa12 42%,#0000 70%);border-radius:50%;width:72%;position:absolute}.orbital-ring{border:1px solid #7dd3fc2e;border-radius:50%;animation:24s linear infinite pt-spin;position:absolute}.ring-one{aspect-ratio:1;width:78%}.ring-two{aspect-ratio:1;width:62%;animation-duration:31s;animation-direction:reverse}.ring-three{aspect-ratio:1;width:92%;animation-duration:38s}@keyframes pt-spin{to{transform:rotate(360deg)}}.core-console{z-index:2;width:min(100%,31rem);padding:1.45rem}.orbit-card{z-index:3;color:#eaf7ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06101cd1;border:1px solid #ffffff1f;border-radius:.85rem;min-width:8.5rem;padding:.65rem .8rem;font-size:.74rem;animation:7s ease-in-out infinite orbit-bob;position:absolute;box-shadow:0 18px 50px -30px #000}.orbit-card strong{font-family:var(--font-display);font-size:.95rem;display:block}.orbit-card span{color:#ffffff8c;letter-spacing:.1em;text-transform:uppercase;font-size:.66rem}.orbit-a{animation-delay:-.4s;top:12%;left:2%}.orbit-b{animation-delay:-2.1s;top:8%;right:1%}.orbit-c{animation-delay:-3.6s;bottom:13%;left:0}.orbit-d{animation-delay:-5.2s;bottom:10%;right:0}@keyframes orbit-bob{0%,to{transform:translateY(-5px)}50%{transform:translateY(6px)}}.wow-progress-bar{background:linear-gradient(90deg,#22d3ee,#60a5fa,#e879f9,#a3e635);width:56%;animation:3.8s ease-in-out infinite pt-flow}@keyframes pt-flow{0%,to{width:55%;transform:translate(-18%)}50%{width:35%;transform:translate(72%)}}.wow-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8%,#000 92%,#0000)}.marquee-track{width:max-content;color:var(--color-ink-soft);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;gap:2.5rem;font-size:.75rem;animation:38s linear infinite pt-marquee;display:flex}.wow-marquee.is-held .marquee-track{animation-play-state:paused}.marquee-track span{white-space:nowrap;align-items:center;gap:2.5rem;display:inline-flex}.marquee-track span:after{content:"◆";color:var(--color-cobalt-500);opacity:.7;font-size:.5rem}@keyframes pt-marquee{to{transform:translate(-50%)}}.neo-tile,.service-card,.product-wow-card,.rail-card,.architecture-node{flex-direction:column;padding:1.6rem;display:flex}.neo-icon{background:var(--color-cobalt-050);width:2.75rem;height:2.75rem;color:var(--color-cobalt-500);font-family:var(--font-mono);transition:transform .4s var(--ease-spring),border-color .3s ease;border:1px solid #0b63ce2e;border-radius:.8rem;place-items:center;font-size:.75rem;font-weight:700;display:inline-grid}.dark .neo-icon{color:#7dd3fc;background:#60a5fa14;border-color:#60a5fa38}.neo-tile:hover .neo-icon,.service-card:hover .neo-icon{border-color:#0b63ce73;transform:translateY(-2px)rotate(-8deg)scale(1.06)}.neo-tile h3,.service-card h3,.product-wow-card h3,.rail-card h3,.architecture-node h3{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.015em;margin-top:1rem;font-size:1.25rem;font-weight:700}.neo-tile p,.service-card p,.product-wow-card p,.rail-card p,.architecture-node p{color:var(--color-ink-soft);margin-top:.55rem;line-height:1.68}.architecture-section{background:#ffffffb8}@supports (color:color-mix(in lab,red,red)){.architecture-section{background:color-mix(in oklab,var(--color-surface) 72%,transparent)}}.architecture-map{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.architecture-node{position:relative}.node-number{background:var(--color-cobalt-050);width:2rem;height:2rem;color:var(--color-cobalt-500);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.72rem;font-weight:700;display:inline-grid}.dark .node-number{color:#7dd3fc;background:#60a5fa1a}@media(min-width:1024px){.architecture-node:not(:last-child):after{content:"";background:linear-gradient(90deg,var(--color-cobalt-500),transparent);width:1rem;height:1px;position:absolute;top:2.6rem;right:-1rem}}.motion-rail-wrap{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;overflow-x:auto}.motion-rail-wrap::-webkit-scrollbar{display:none}.motion-rail{gap:1rem;min-width:max-content;padding:.35rem .25rem 1.2rem;display:flex}.rail-card{scroll-snap-align:start;width:min(80vw,24rem);min-height:18rem}.rail-card>span,.product-wow-card>span{color:var(--color-cobalt-500);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:700}.rail-card-line{background:linear-gradient(90deg,var(--color-cobalt-500),var(--color-live));width:4rem;height:3px;transition:width .45s var(--ease-out);border-radius:99px;margin-top:auto}.rail-card:hover .rail-card-line{width:7rem}.rail-nav{gap:.5rem;display:inline-flex}.rail-nav button{border:1px solid var(--color-edge);background:var(--color-surface);width:2.4rem;height:2.4rem;color:var(--color-ink-soft);cursor:pointer;transition:border-color .25s ease,color .25s ease,transform .25s var(--ease-out);border-radius:.7rem;place-items:center;display:grid}.rail-nav button:hover:not([disabled]){border-color:var(--color-cobalt-400);color:var(--color-cobalt-500);transform:translateY(-2px)}.rail-nav button[disabled]{cursor:default;opacity:.35}.rail-progress{background:var(--color-edge-soft);border-radius:99px;height:2px;position:relative;overflow:hidden}.rail-progress:after{content:"";width:max(12%,var(--rail-progress,0%));border-radius:inherit;background:linear-gradient(90deg,var(--color-cobalt-500),var(--color-cyan-neon));transition:width .2s linear;position:absolute;inset:0 auto 0 0}.mini-proof{border:1px solid var(--color-edge);background:var(--color-surface);transition:border-color .25s ease,transform .3s var(--ease-out);border-radius:.85rem;padding:.95rem}.mini-proof:hover{border-color:var(--color-cobalt-400);transform:translateY(-2px)}.mini-proof span{color:var(--color-ink-faint);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;display:block}.mini-proof strong{color:var(--color-ink);overflow-wrap:anywhere;margin-top:.35rem;font-size:.9rem;display:block}.stats-orbit{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.stat-planet{text-align:center;place-content:center;min-height:9.5rem;padding:1rem;display:grid}.stat-planet strong{color:var(--color-cobalt-500);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(2rem,4vw,3.2rem);line-height:1}.stat-planet span{color:var(--color-ink-soft);margin-top:.5rem;font-size:.8rem}.product-wow-card{min-height:18rem}.product-wow-card a{color:var(--color-cobalt-500);margin-top:auto;padding-top:1.3rem;font-weight:700}.cta-vault{color:#fff;background:radial-gradient(circle at 20% 10%,#22d3ee2e,#0000 22rem),linear-gradient(135deg,#07101c,#0a2440 55%,#071713);position:relative;overflow:hidden;box-shadow:0 40px 100px -52px #050913e6}.cta-vault:before{content:"";pointer-events:none;background-image:linear-gradient(#7dd3fc0f 1px,#0000 1px),linear-gradient(90deg,#7dd3fc0d 1px,#0000 1px);background-size:52px 52px;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 76%);mask-image:radial-gradient(circle,#000,#0000 76%)}.hightech-panel{padding:1.75rem}.wow-hero .hightech-panel{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050f1bad;border-color:#ffffff21;box-shadow:0 34px 90px -52px #000}.service-matrix{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:1rem;display:grid}.process-step{transition:border-color .3s ease,background-color .3s ease,transform .35s var(--ease-out);background:#ffffff0d;border:1px solid #7dd3fc26;border-radius:1rem;padding:1.15rem 1.25rem}.process-step:hover{background:#ffffff17;border-color:#7dd3fc66;transform:translate(5px)}.store-play-hero{isolation:isolate;color:#fff;background:radial-gradient(circle at 16% 24%,#22d3ee2e,#0000 27rem),radial-gradient(circle at 82% 18%,#e83eae24,#0000 30rem),linear-gradient(135deg,#050913,#0b2035 58%,#061713);position:relative;overflow:hidden}.store-device{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050d18c7;border:1px solid #ffffff24;border-radius:2rem;padding:1.1rem;position:relative;box-shadow:0 45px 110px -54px #000}.store-device-top{border-bottom:1px solid #ffffff17;align-items:center;gap:.45rem;min-height:2.25rem;margin-bottom:1rem;padding:0 .15rem .85rem;display:flex}.store-device-top span{background:#ffffff40;border-radius:50%;width:.55rem;height:.55rem}.store-device-top span:first-child{background:#fb7185}.store-device-top span:nth-child(2){background:#fbbf24}.store-device-top span:nth-child(3){background:#34d399}.store-device-top strong{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;margin-left:auto;font-size:.72rem}.store-search{color:#ffffff9e;background:#ffffff0f;border:1px solid #ffffff1c;border-radius:.75rem;padding:.72rem .9rem;font-size:.82rem}.store-feature-card{color:#04111a;background:linear-gradient(135deg,#22d3ee,#60a5fa 58%,#a3e635);border-radius:1.1rem;grid-template-columns:minmax(0,1fr) 5rem;align-items:center;gap:1rem;margin-top:1rem;padding:1.25rem;display:grid}.store-feature-card>div>span{letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:800}.store-feature-card h2,.store-feature-card h3{font-family:var(--font-display);margin-top:.35rem;font-size:1.6rem;font-weight:800}.store-feature-card p{color:#04111ac2;margin-top:.4rem;font-size:.82rem;line-height:1.5}.store-feature-card .store-feature-mark{width:100%}.store-feature-card .store-feature-mark .parmtech-logo-on-dark{display:none}.store-feature-card .store-feature-mark .parmtech-logo-on-light{display:block}.store-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.75rem;display:grid}.store-mini-grid>*{color:#e6f0fb;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:.85rem;flex-direction:column;justify-content:center;min-height:4.5rem;padding:.85rem;font-size:.82rem;font-weight:700;transition:border-color .3s,background-color .3s;display:flex}.store-mini-grid>:hover{background:#ffffff17;border-color:#7dd3fc59}.store-mini-grid small{color:#ffffff85;margin-top:.2rem;font-size:.68rem;font-weight:500}.matte-store-section{background:#ffffffa6}@supports (color:color-mix(in lab,red,red)){.matte-store-section{background:color-mix(in oklab,var(--color-surface) 65%,transparent)}}.store-tabs{flex-wrap:wrap;gap:.55rem;display:flex}.store-tabs>*{border:1px solid var(--color-edge);background:var(--color-surface);color:var(--color-ink-soft);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease,transform .25s var(--ease-out);border-radius:999px;padding:.55rem .95rem;font-size:.78rem;font-weight:700}.store-tabs>:hover{border-color:var(--color-cobalt-400);color:var(--color-cobalt-500);transform:translateY(-2px)}.store-tabs>.is-active{border-color:var(--color-cobalt-500);background:var(--color-cobalt-500);color:#fff;box-shadow:0 10px 24px -16px #0b63ced9}.store-tabs>:focus-visible{outline-offset:2px;outline:3px solid #3b82f647}.play-card{flex-direction:column;min-height:21rem;padding:1.45rem;display:flex}.play-card-head{justify-content:flex-start;align-items:flex-start;gap:1rem;display:flex}.play-icon{border:1px solid var(--color-edge);background:var(--color-edge-soft);width:3.2rem;height:3.2rem;transition:transform .4s var(--ease-spring);border-radius:.9rem;place-items:center;display:grid;overflow:hidden}.play-card:hover .play-icon{transform:scale(1.07)rotate(-4deg)}.play-icon .parmtech-logo{width:74%}.play-icon-muted{color:var(--color-ink-faint);font-size:1.3rem}.play-card h3{color:var(--color-ink);font-family:var(--font-display);margin:0;font-size:1.3rem;font-weight:700}.play-card-head p{color:var(--color-ink-faint);margin-top:.18rem;font-size:.75rem}.play-card[hidden]{display:none}.play-summary{color:var(--color-ink-soft);margin-top:.7rem;line-height:1.65}.play-meta{color:var(--color-ink-faint);flex-wrap:wrap;gap:.45rem .85rem;margin-top:1rem;font-size:.72rem;display:flex}.play-card .play-actions{margin-top:auto;padding-top:1.4rem}.coming-card{background:#f4f7fa;border-style:dashed}@supports (color:color-mix(in lab,red,red)){.coming-card{background:color-mix(in oklab,var(--color-edge-soft) 52%,var(--color-surface))}}.is-refiltered{animation:refilter-in .45s var(--ease-out) both;animation-delay:var(--refilter-delay,0s)}@keyframes refilter-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.flow-stack{gap:.9rem;display:grid}.flow-step{border:1px solid var(--color-edge);background:var(--color-surface);transition:border-color .25s ease,transform .3s var(--ease-out);border-radius:1rem;grid-template-columns:2.5rem 1fr;gap:1rem;padding:1.15rem;display:grid}.flow-step:hover{border-color:var(--color-cobalt-400);transform:translate(5px)}.flow-step>span{background:var(--color-cobalt-050);width:2.4rem;height:2.4rem;color:var(--color-cobalt-500);font-family:var(--font-mono);border-radius:.75rem;place-items:center;font-weight:700;display:grid}.dark .flow-step>span{color:#7dd3fc;background:#60a5fa1a}.flow-step h3{color:var(--color-ink);font-weight:700}.flow-step p{color:var(--color-ink-soft);margin-top:.25rem;font-size:.86rem;line-height:1.55}.floating-contact{z-index:80;justify-items:end;gap:.65rem;display:grid;position:fixed;bottom:1rem;right:1rem}.floating-whatsapp,.floating-ai{color:#fff;min-height:3rem;transition:transform .3s var(--ease-out),box-shadow .3s ease;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.55rem;padding:.72rem 1rem;font-size:.82rem;font-weight:700;display:inline-flex;position:relative;box-shadow:0 18px 45px -25px #000}.floating-whatsapp:hover,.floating-ai:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 24px 55px -25px #000}.floating-whatsapp{background:#128c64}.floating-ai{background:linear-gradient(135deg,#0b63ce,#7c3aed)}.floating-pulse{z-index:-1;border-radius:inherit;background:inherit;opacity:.25;animation:2.5s ease-out infinite pulse-live;position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px}.ai-chat-card{color:#fff;background:#07101c;border:1px solid #7dd3fc2e;border-radius:1.15rem;width:min(22rem,100vw - 2rem);overflow:hidden;box-shadow:0 35px 90px -45px #000}.premium-footer{background:#ffffffdb;position:relative}@supports (color:color-mix(in lab,red,red)){.premium-footer{background:color-mix(in oklab,var(--color-surface) 86%,transparent)}}.premium-footer{color:var(--color-ink)}.premium-footer:before{content:"";background:linear-gradient(90deg,transparent,var(--color-cobalt-500),transparent);opacity:.5;height:1px;position:absolute;inset:0 0 auto}.footer-link{color:var(--color-ink-soft);transition:color .25s ease,padding-left .25s var(--ease-out);position:relative}.footer-link:hover{color:var(--color-cobalt-500);padding-left:.45rem}.footer-link:before{content:"";opacity:0;background:currentColor;border-radius:50%;width:.25rem;height:.25rem;transition:opacity .25s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.footer-link:hover:before{opacity:1}.command-palette{opacity:0;transition:opacity .2s}.command-palette:not(.hidden){opacity:1}.command-palette-panel{animation:pt-dialog-in .25s var(--ease-out) forwards;transform:translateY(-8px)scale(.98)}@keyframes pt-dialog-in{to{transform:none}}main .bg-white,.dark main .bg-white,main .bg-slate-50,main .bg-gray-50{color:#0d1726}main table{max-width:100%}main input,main select,main textarea{accent-color:var(--color-cobalt-500)}.fallback-logo{letter-spacing:.08em;color:#f4fbff;align-items:center;font-size:20px;font-weight:900;display:inline-flex}.fallback-logo-mark{color:#38bdf8;margin-right:4px;font-size:32px}.fallback-logo-accent{color:#38bdf8}.fallback-console-logo{text-align:center;letter-spacing:.08em;color:#f4fbff;font-size:28px;font-weight:900;display:block}.fallback-console-logo .fallback-logo-mark{font-size:48px}@media(max-width:1023px){.orbital-stage{min-height:33rem}.orbit-card{display:none}.motion-rail{min-width:max-content;display:flex}.rail-card{width:min(82vw,23rem);min-height:16rem}.rail-nav{display:none}.roadmap-status{grid-template-columns:auto 1fr}.roadmap-hint{display:none}}@media(max-width:767px){.wow-display{font-size:clamp(2.9rem,14vw,4.6rem)}.wow-section-title{font-size:clamp(2.1rem,10vw,3.4rem)}.snap-screen,.pt-section-shell,.pt-section{padding-block:clamp(3.5rem,11vw,4.75rem)}.wow-hero.snap-screen,.pt-home-section,.store-play-hero{min-height:auto}.orbital-stage{min-height:26rem}.stats-orbit{grid-template-columns:1fr 1fr}.floating-contact{bottom:.75rem;right:.75rem}.site-orb{filter:blur(60px);width:20rem}}@media(max-width:479px){.stats-orbit{grid-template-columns:1fr}.wow-chip{min-height:3.5rem}.core-console{padding:1rem}}[data-live-health][data-health=healthy] .core-console,.core-console[data-health=healthy]{border-color:#34d39947}.dot-live.is-degraded{background:#fb7185;box-shadow:0 0 #fb71856b}.orbital-beam{z-index:1;opacity:.46;transform-origin:50%;background:linear-gradient(90deg,#0000,#22d3ee9e,#0000);width:74%;height:1px;position:absolute;overflow:hidden}.orbital-beam:after{content:"";filter:blur(1px);background:linear-gradient(90deg,#0000,#fff,#0000);width:18%;animation:4.8s linear infinite orbital-packet;position:absolute;inset:-2px auto -2px -18%}.beam-one{transform:rotate(24deg)}.beam-two{opacity:.28;transform:rotate(-31deg)}.beam-two:after{animation-delay:-2.2s}.orbital-node{z-index:2;background:#06111f;border:2px solid #a5f3fcd1;border-radius:50%;width:.7rem;height:.7rem;animation:2.8s ease-in-out infinite node-pulse;position:absolute;box-shadow:0 0 0 6px #22d3ee12,0 0 22px #22d3eeb3}.node-one{top:25%;left:18%}.node-two{animation-delay:-1.4s;bottom:27%;right:16%}@keyframes orbital-packet{to{transform:translate(660%)}}@keyframes node-pulse{50%{opacity:.68;transform:scale(1.25)}}.roadmap-section{padding-block:0}.roadmap-stage{padding-block:clamp(4.5rem,8vw,7.5rem)}.roadmap-section.is-roadmap-pinned .roadmap-stage{z-index:2;position:sticky;overflow:hidden}.roadmap-section.is-roadmap-pinned .motion-rail-wrap{overscroll-behavior:auto;scroll-snap-type:none;overflow:hidden}.roadmap-section.is-roadmap-pinned .motion-rail{will-change:transform;transition:none}.roadmap-section.is-roadmap-pinned .rail-nav{visibility:hidden}.roadmap-section.is-roadmap-pinned .rail-card{opacity:.66;transition:opacity .35s ease,transform .5s var(--ease-out),border-color .35s ease,box-shadow .45s var(--ease-out);transform:scale(.965)}.roadmap-section.is-roadmap-pinned .rail-card.is-roadmap-current{opacity:1;border-color:#22d3ee57;transform:scale(1);box-shadow:0 30px 75px -50px #0ea5e9b3}.roadmap-status{color:var(--color-ink-faint);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;grid-template-columns:auto minmax(8rem,1fr) auto;align-items:center;gap:1rem;font-size:.68rem;display:grid}.roadmap-status strong{color:var(--color-cobalt-500);font-size:.82rem}.roadmap-status .rail-progress{margin:0}.roadmap-status .rail-progress:after{width:max(5%,var(--roadmap-progress,var(--rail-progress,0%)))}.roadmap-hint{text-align:right}@media(min-width:1024px)and (min-height:720px){.wow-hero.pt-home-section{align-items:center;min-height:100svh;display:grid}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-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-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}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse-live{0%,to{box-shadow:0 0 #14b8a66b}60%{box-shadow:0 0 0 7px #14b8a600}}

/* ParmTech v6.9.13 compiled motion and precision overrides */
/* Content is fully visible by default; JavaScript opts it into animating.
   Direction-aware recipes replay in reverse when the visitor scrolls upward. */
.pt-js.pt-motion-ready [data-reveal] {
    --reveal-x: 0px;
    --reveal-y: 0px;
    --reveal-scale: 1;
    --reveal-rotate: 0deg;
    --reveal-skew: 0deg;
    opacity: 0;
    transform:
        perspective(1100px)
        translate3d(var(--reveal-x), var(--reveal-y), 0)
        scale(var(--reveal-scale))
        rotate(var(--reveal-rotate))
        skewX(var(--reveal-skew));
    transition:
        opacity var(--dur-reveal) var(--ease-out),
        transform var(--dur-reveal) var(--ease-out),
        clip-path var(--dur-reveal) var(--ease-out),
        filter var(--dur-reveal) var(--ease-out);
    will-change: opacity, transform, clip-path, filter;
}
.pt-js.pt-motion-ready [data-reveal='up'] { --reveal-y: 38px; }
.pt-js.pt-motion-ready [data-reveal='down'] { --reveal-y: -32px; }
.pt-js.pt-motion-ready [data-reveal='left'] { --reveal-x: -46px; }
.pt-js.pt-motion-ready [data-reveal='right'] { --reveal-x: 46px; }
.pt-js.pt-motion-ready [data-reveal='scale'] { --reveal-scale: .91; }
.pt-js.pt-motion-ready [data-reveal='rise'] { --reveal-y: 54px; --reveal-scale: .96; }
.pt-js.pt-motion-ready [data-reveal='blur'] { filter: blur(15px) saturate(.75); --reveal-y: 22px; }
.pt-js.pt-motion-ready [data-reveal='zoom'] { --reveal-scale: .78; filter: blur(5px); }
.pt-js.pt-motion-ready [data-reveal='rotate'] { --reveal-x: -28px; --reveal-rotate: -4deg; --reveal-scale: .94; }
.pt-js.pt-motion-ready [data-reveal='flip'] { transform: perspective(1100px) rotateX(18deg) translate3d(0, 36px, 0) scale(.96); transform-origin: 50% 100%; }
.pt-js.pt-motion-ready [data-reveal='skew'] { --reveal-x: -32px; --reveal-skew: -5deg; filter: blur(4px); }

/* Reverse recipes mirror the original vector instead of replaying the same
   direction. This makes upward scrolling feel like the scene rewinds. */
.pt-js.pt-motion-ready [data-reveal-direction='up'][data-reveal='up'] { --reveal-y: -38px; }
.pt-js.pt-motion-ready [data-reveal-direction='up'][data-reveal='down'] { --reveal-y: 32px; }
.pt-js.pt-motion-ready [data-reveal-direction='up'][data-reveal='left'] { --reveal-x: 46px; }
.pt-js.pt-motion-ready [data-reveal-direction='up'][data-reveal='right'] { --reveal-x: -46px; }
.pt-js.pt-motion-ready [data-reveal-direction='up'][data-reveal='rise'] { --reveal-y: -54px; }
.pt-js.pt-motion-ready [data-reveal-direction='up'][data-reveal='rotate'] { --reveal-x: 28px; --reveal-rotate: 4deg; }
.pt-js.pt-motion-ready [data-reveal-direction='up'][data-reveal='flip'] { transform: perspective(1100px) rotateX(-18deg) translate3d(0, -36px, 0) scale(.96); transform-origin: 50% 0%; }
.pt-js.pt-motion-ready [data-reveal-direction='up'][data-reveal='skew'] { --reveal-x: 32px; --reveal-skew: 5deg; }

/* Headlines wipe in like a rendering terminal rather than fading. */
.pt-js.pt-motion-ready [data-reveal='clip'] {
    clip-path: inset(0 100% 0 0);
    --reveal-y: 14px;
}
.pt-js.pt-motion-ready [data-reveal-direction='up'][data-reveal='clip'] {
    clip-path: inset(0 0 0 100%);
    --reveal-y: -14px;
}

.pt-js.pt-motion-ready [data-reveal].is-revealed {
    opacity: 1;
    transform: none;
    filter: none;
    clip-path: inset(0 0 0 0);
    will-change: auto;
}
.site-header {
    color: #eaf5ff;
    border-bottom: 1px solid rgb(125 211 252 / .08);
    background:
        linear-gradient(90deg, rgb(5 9 19 / .84), rgb(8 20 36 / .76) 52%, rgb(5 9 19 / .84));
    backdrop-filter: blur(22px) saturate(145%);
    box-shadow: inset 0 -1px rgb(255 255 255 / .025);
    transition: background-color .35s ease, border-color .35s ease, box-shadow .35s ease, transform .35s var(--ease-out);
}
.site-header::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(26rem 7rem at 18% -30%, rgb(34 211 238 / .11), transparent 72%);
}
.site-header.is-scrolled {
    border-bottom-color: rgb(125 211 252 / .16);
    background: rgb(5 10 19 / .95);
    box-shadow: 0 16px 48px -30px rgb(0 0 0 / .92), inset 0 -1px rgb(125 211 252 / .05);
}
.site-header .nav-link { color: rgb(226 240 255 / .7); }
.site-header .nav-link:hover,
.site-header .nav-link.is-active { color: #7dd3fc; }
.site-header .theme-toggle,
.site-header button[aria-label*='quick links'],
.site-header .btn-ghost {
    border-color: rgb(125 211 252 / .16);
    background: rgb(255 255 255 / .045);
    color: rgb(235 246 255 / .86);
}
.site-header .theme-toggle:hover,
.site-header button[aria-label*='quick links']:hover,
.site-header .btn-ghost:hover {
    border-color: rgb(34 211 238 / .4);
    background: rgb(34 211 238 / .08);
    color: #fff;
}
.site-header #mobile-navigation {
    border-color: rgb(125 211 252 / .12);
    background: rgb(5 10 19 / .96);
}
.site-header #mobile-navigation a:not(.btn) { color: rgb(226 240 255 / .78); }
.site-header #mobile-navigation a:not(.btn):hover { background: rgb(34 211 238 / .08); color: #fff; }
.parmtech-logo {
    position: relative;
    display: inline-grid;
    align-items: center;
    line-height: 0;
    isolation: isolate;
}
.parmtech-logo-image {
    grid-area: 1 / 1;
    display: block;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: opacity .25s ease, filter .35s ease, transform .45s var(--ease-out);
}
.parmtech-logo-on-dark { opacity: 0; pointer-events: none; }
.parmtech-logo-on-light { opacity: 1; }
.dark .parmtech-logo-on-dark,
.parmtech-logo-ondark .parmtech-logo-on-dark { opacity: 1; }
.dark .parmtech-logo-on-light,
.parmtech-logo-ondark .parmtech-logo-on-light { opacity: 0; pointer-events: none; }

.parmtech-logo-header .parmtech-logo-image { width: clamp(10.6rem, 12vw, 12.4rem); max-height: 3.35rem; }
.parmtech-logo-footer .parmtech-logo-image { width: min(15rem, 72vw); max-height: 4.8rem; }
.parmtech-logo-console .parmtech-logo-image { width: min(12.5rem, 58vw); max-height: 3.65rem; }
.parmtech-logo-stacked .parmtech-logo-image { width: min(14rem, 72vw); max-height: 8.5rem; }
.parmtech-logo-icon .parmtech-logo-image { width: 2.7rem; height: 2.7rem; object-fit: contain; }
.site-header a[aria-label='ParmTech home'] { line-height: 0; }
.site-header .parmtech-logo { transition: transform .4s var(--ease-out), filter .4s ease; }
.site-header a:hover .parmtech-logo {
    transform: translateY(-1px) scale(1.018);
    filter:
        drop-shadow(0 0 9px rgb(0 217 232 / .36))
        drop-shadow(0 0 18px rgb(37 99 235 / .24));
}
.site-header a:hover .parmtech-logo-image { transform: translateX(1px); }

@media (max-width: 520px) {
    .parmtech-logo-header .parmtech-logo-image { width: 9.2rem; max-height: 2.9rem; }
}
@media (max-width: 1023px) {
    .orbital-stage { min-height: 33rem; }
    .orbit-card { display: none; }
    .motion-rail { display: flex; min-width: max-content; }
    .rail-card { width: min(82vw, 23rem); min-height: 16rem; }
    .rail-nav { display: none; }
    .roadmap-status { grid-template-columns: auto 1fr; }
    .roadmap-hint { display: none; }
}
/* ==================================================================
   v6.9.10 cinematic precision layer
   ================================================================== */

/* The status badge is driven by the real /health endpoint. */
[data-live-health][data-health='healthy'] .core-console,
.core-console[data-health='healthy'] { border-color: rgb(52 211 153 / .28); }
.dot-live.is-degraded { background: #fb7185; box-shadow: 0 0 0 0 rgb(251 113 133 / .42); }

.orbital-beam {
    position: absolute;
    z-index: 1;
    width: 74%;
    height: 1px;
    overflow: hidden;
    background: linear-gradient(90deg, transparent, rgb(34 211 238 / .62), transparent);
    opacity: .46;
    transform-origin: center;
}
.orbital-beam::after {
    content: '';
    position: absolute;
    inset: -2px auto -2px -18%;
    width: 18%;
    background: linear-gradient(90deg, transparent, #fff, transparent);
    filter: blur(1px);
    animation: orbital-packet 4.8s linear infinite;
}
.beam-one { transform: rotate(24deg); }
.beam-two { transform: rotate(-31deg); opacity: .28; }
.beam-two::after { animation-delay: -2.2s; }
.orbital-node {
    position: absolute;
    z-index: 2;
    width: .7rem;
    height: .7rem;
    border: 2px solid rgb(165 243 252 / .82);
    border-radius: 50%;
    background: #06111f;
    box-shadow: 0 0 0 6px rgb(34 211 238 / .07), 0 0 22px rgb(34 211 238 / .7);
    animation: node-pulse 2.8s ease-in-out infinite;
}
.node-one { top: 25%; left: 18%; }
.node-two { right: 16%; bottom: 27%; animation-delay: -1.4s; }
@keyframes orbital-packet { to { transform: translateX(660%); } }
@keyframes node-pulse { 50% { transform: scale(1.25); opacity: .68; } }

/* The roadmap uses normal page scroll as its timeline; no wheel or touch event
   is cancelled. Mobile and short viewports stay native horizontal rails. */
.roadmap-section { padding-block: 0; }
.roadmap-stage { padding-block: clamp(4.5rem, 8vw, 7.5rem); }
.roadmap-section.is-roadmap-pinned .roadmap-stage {
    position: sticky;
    z-index: 2;
    overflow: hidden;
}
.roadmap-section.is-roadmap-pinned .motion-rail-wrap {
    overflow: hidden;
    overscroll-behavior: auto;
    scroll-snap-type: none;
}
.roadmap-section.is-roadmap-pinned .motion-rail {
    will-change: transform;
    transition: none;
}
.roadmap-section.is-roadmap-pinned .rail-nav { visibility: hidden; }
.roadmap-section.is-roadmap-pinned .rail-card {
    opacity: .66;
    transform: scale(.965);
    transition: opacity .35s ease, transform .5s var(--ease-out), border-color .35s ease, box-shadow .45s var(--ease-out);
}
.roadmap-section.is-roadmap-pinned .rail-card.is-roadmap-current {
    opacity: 1;
    transform: scale(1);
    border-color: rgb(34 211 238 / .34);
    box-shadow: 0 30px 75px -50px rgb(14 165 233 / .7);
}
.roadmap-status {
    display: grid;
    grid-template-columns: auto minmax(8rem, 1fr) auto;
    align-items: center;
    gap: 1rem;
    color: var(--color-ink-faint);
    font-family: var(--font-mono);
    font-size: .68rem;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.roadmap-status strong { color: var(--color-cobalt-500); font-size: .82rem; }
.roadmap-status .rail-progress { margin: 0; }
.roadmap-status .rail-progress::after { width: max(5%, var(--roadmap-progress, var(--rail-progress, 0%))); }
.roadmap-hint { text-align: right; }

/* The hero fills the opening viewport without trapping smaller screens. */
@media (min-width: 1024px) and (min-height: 720px) {
    .wow-hero.pt-home-section { min-height: 100svh; display: grid; align-items: center; }
}


/* ==================================================================
   v6.9.13 Neon Gaming Interface layer
   ================================================================== */

:root {
    --pt-electric-cyan: #00ecff;
    --pt-electric-blue: #087cff;
    --pt-neon-violet: #7a5cff;
    --pt-neon-magenta: #ef4bd8;
    --pt-hud-edge: rgb(0 236 255 / .24);
    --pt-hud-edge-soft: rgb(122 92 255 / .14);
}

/* Fine scan lines and diagonal circuitry add a gaming-console feel without
   reducing readability. */
body.futuristic-body::after {
    background:
        repeating-linear-gradient(180deg, transparent 0 3px, rgb(8 124 255 / .012) 4px),
        linear-gradient(180deg, transparent, rgb(255 255 255 / .12));
}
.dark body.futuristic-body::after {
    background:
        repeating-linear-gradient(180deg, transparent 0 3px, rgb(0 236 255 / .018) 4px),
        linear-gradient(180deg, transparent, rgb(0 0 0 / .16));
}

/* A faint gaming HUD grid moves independently from the page. */
body.futuristic-body .site-orb-one {
    background:
        conic-gradient(from 140deg, transparent, rgb(0 236 255 / .16), transparent 34%),
        radial-gradient(circle, rgb(8 124 255 / .22), transparent 68%);
}
body.futuristic-body .site-orb-two {
    background:
        conic-gradient(from 320deg, transparent, rgb(239 75 216 / .13), transparent 38%),
        radial-gradient(circle, rgb(122 92 255 / .17), transparent 68%);
}

.site-header {
    border-bottom-color: rgb(0 236 255 / .13);
    background:
        linear-gradient(90deg, rgb(3 8 18 / .9), rgb(7 20 39 / .82) 48%, rgb(13 7 31 / .88)),
        repeating-linear-gradient(90deg, transparent 0 76px, rgb(0 236 255 / .022) 77px);
}
.site-header::after {
    content: '';
    position: absolute;
    right: clamp(1rem, 5vw, 5rem);
    bottom: -1px;
    width: clamp(7rem, 18vw, 17rem);
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, var(--pt-electric-cyan), var(--pt-neon-violet), transparent);
    box-shadow: 0 0 12px rgb(0 236 255 / .65);
}
.site-header.is-scrolled {
    background:
        linear-gradient(90deg, rgb(3 8 18 / .97), rgb(7 18 34 / .95) 48%, rgb(12 7 28 / .96));
}
.scroll-progress {
    height: 2px;
    background: linear-gradient(90deg, var(--pt-electric-cyan), var(--pt-electric-blue), var(--pt-neon-violet), var(--pt-neon-magenta));
    box-shadow: 0 0 14px rgb(0 236 255 / .66), 0 0 24px rgb(122 92 255 / .28);
}

/* Gaming HUD card silhouette. Corner cuts stay subtle in light mode and become
   brighter on dark surfaces. */
:where(.neo-tile, .service-card, .product-wow-card, .rail-card, .architecture-node, .premium-card, .card, .hightech-panel, .core-console, .play-card)[data-gaming-card] {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    clip-path: polygon(0 0, calc(100% - 17px) 0, 100% 17px, 100% 100%, 17px 100%, 0 calc(100% - 17px));
}
:where(.neo-tile, .service-card, .product-wow-card, .rail-card, .architecture-node, .premium-card, .card, .hightech-panel, .core-console, .play-card)[data-gaming-card]::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, var(--pt-electric-cyan), transparent 22%) top left / 42% 1px no-repeat,
        linear-gradient(180deg, var(--pt-neon-violet), transparent 28%) top right / 1px 44% no-repeat,
        linear-gradient(270deg, var(--pt-neon-magenta), transparent 24%) bottom right / 40% 1px no-repeat,
        linear-gradient(0deg, var(--pt-electric-blue), transparent 30%) bottom left / 1px 42% no-repeat;
    opacity: .26;
    transition: opacity .35s ease, filter .35s ease;
}
:where(.neo-tile, .service-card, .product-wow-card, .rail-card, .architecture-node, .premium-card, .card, .hightech-panel, .core-console, .play-card)[data-gaming-card]:hover::after {
    opacity: .72;
    filter: drop-shadow(0 0 8px rgb(0 236 255 / .35));
}
.dark :where(.neo-tile, .service-card, .product-wow-card, .rail-card, .architecture-node, .premium-card, .card, .hightech-panel, .core-console, .play-card)[data-gaming-card] {
    border-color: rgb(0 236 255 / .16);
    background:
        linear-gradient(145deg, rgb(12 23 43 / .86), rgb(10 15 31 / .94)),
        var(--color-surface);
    box-shadow:
        inset 0 1px rgb(255 255 255 / .035),
        0 24px 80px -56px rgb(0 236 255 / .45);
}

/* Section brackets make each scene feel like a level in one continuous
   interface. */
.pt-section[data-motion-scene]::before,
.pt-section[data-motion-scene]::after,
.pt-home-section[data-motion-scene]::before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 3.8rem;
    height: 3.8rem;
    pointer-events: none;
    opacity: .28;
}
.pt-section[data-motion-scene]::before,
.pt-home-section[data-motion-scene]::before {
    top: clamp(1.4rem, 4vw, 3.5rem);
    left: clamp(.55rem, 2vw, 1.7rem);
    border-top: 1px solid var(--pt-electric-cyan);
    border-left: 1px solid var(--pt-electric-cyan);
}
.pt-section[data-motion-scene]::after {
    right: clamp(.55rem, 2vw, 1.7rem);
    bottom: clamp(1.4rem, 4vw, 3.5rem);
    border-right: 1px solid var(--pt-neon-violet);
    border-bottom: 1px solid var(--pt-neon-violet);
}
.pt-section[data-motion-scene] > *,
.pt-home-section[data-motion-scene] > * { position: relative; z-index: 1; }

/* Logo-led cyan/blue/violet palette. */
.wow-text-gradient,
.text-gradient {
    background-image: linear-gradient(100deg, var(--pt-electric-cyan) 0%, #42a5ff 36%, var(--pt-neon-violet) 68%, #f39be7 100%);
}
.wow-btn-primary,
.btn-primary {
    border-color: rgb(0 236 255 / .4);
    background: linear-gradient(110deg, #00dbe9 0%, #087cff 48%, #7a5cff 78%, #d946ef 118%);
    box-shadow: 0 14px 34px -20px rgb(0 124 255 / .8), inset 0 1px rgb(255 255 255 / .35);
    position: relative;
    overflow: hidden;
}
.wow-btn-primary::after,
.btn-primary::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(105deg, transparent 34%, rgb(255 255 255 / .38) 49%, transparent 64%);
    transform: translateX(-130%);
    transition: transform .75s var(--ease-out);
}
.wow-btn-primary:hover::after,
.btn-primary:hover::after { transform: translateX(130%); }

/* Hero receives a professional gaming splash: hex grid, targeting rings and
   cyan-to-violet energy rather than a generic gradient. */
.wow-hero {
    background:
        radial-gradient(circle at 15% 24%, rgb(0 236 255 / .22), transparent 27rem),
        radial-gradient(circle at 83% 19%, rgb(122 92 255 / .24), transparent 32rem),
        radial-gradient(circle at 72% 82%, rgb(239 75 216 / .1), transparent 25rem),
        linear-gradient(135deg, #020712 0%, #071a31 48%, #120a2c 100%);
}
.wow-hero-grid,
.cyber-bg {
    background-image:
        linear-gradient(rgb(0 236 255 / .075) 1px, transparent 1px),
        linear-gradient(90deg, rgb(122 92 255 / .06) 1px, transparent 1px),
        linear-gradient(30deg, rgb(0 236 255 / .025) 12%, transparent 12.5%, transparent 87%, rgb(0 236 255 / .025) 87.5%, rgb(0 236 255 / .025)),
        linear-gradient(150deg, rgb(122 92 255 / .02) 12%, transparent 12.5%, transparent 87%, rgb(122 92 255 / .02) 87.5%, rgb(122 92 255 / .02));
    background-size: 58px 58px, 58px 58px, 82px 142px, 82px 142px;
}
.wow-hero::before {
    content: '';
    position: absolute;
    inset: 7% 2.5% 8%;
    z-index: -1;
    pointer-events: none;
    border: 1px solid rgb(0 236 255 / .06);
    clip-path: polygon(0 0, 22% 0, 22% 1px, 78% 1px, 78% 0, 100% 0, 100% 100%, 82% 100%, 82% calc(100% - 1px), 18% calc(100% - 1px), 18% 100%, 0 100%);
}
.orbital-ring { border-color: rgb(0 236 255 / .2); box-shadow: inset 0 0 22px rgb(122 92 255 / .035); }
.ring-two { border-color: rgb(122 92 255 / .24); }
.ring-three { border-color: rgb(239 75 216 / .11); }
.orbit-card {
    border-color: rgb(0 236 255 / .18);
    background: linear-gradient(140deg, rgb(5 17 34 / .91), rgb(18 9 40 / .85));
    box-shadow: 0 18px 54px -28px rgb(0 124 255 / .52);
}
.wow-progress-bar {
    background: linear-gradient(90deg, var(--pt-electric-cyan), var(--pt-electric-blue), var(--pt-neon-violet), var(--pt-neon-magenta));
}

/* Current section rail glows like a game waypoint. */
.rail-dot.is-current .rail-dot-mark {
    background: var(--pt-electric-cyan);
    box-shadow: 0 0 0 4px rgb(0 236 255 / .1), 0 0 15px rgb(0 236 255 / .7);
}
.rail-dot.is-current .rail-dot-label { color: #a5f3fc; }

/* Keep the gaming layer economical on mobile and accessibility modes. */
@media (max-width: 720px) {
    .pt-section[data-motion-scene]::before,
    .pt-section[data-motion-scene]::after,
    .pt-home-section[data-motion-scene]::before { width: 2.2rem; height: 2.2rem; opacity: .18; }
    :where(.neo-tile, .service-card, .product-wow-card, .rail-card, .architecture-node, .premium-card, .card, .hightech-panel, .core-console, .play-card)[data-gaming-card] {
        clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 11px, 100% 100%, 11px 100%, 0 calc(100% - 11px));
    }
}
@media (prefers-reduced-motion: reduce) {
    :where(.neo-tile, .service-card, .product-wow-card, .rail-card, .architecture-node, .premium-card, .card, .hightech-panel, .core-console, .play-card)[data-gaming-card]::after {
        transition: none;
    }
}

/* ParmTech v6.9.15 compiled motion and precision overrides */
/* Content is fully visible by default; JavaScript opts it into animating.
   Direction-aware recipes replay in reverse when the visitor scrolls upward. */
.pt-js.pt-motion-ready [data-reveal] {
    --reveal-x: 0px;
    --reveal-y: 0px;
    --reveal-scale: 1;
    --reveal-rotate: 0deg;
    --reveal-skew: 0deg;
    opacity: 0;
    transform:
        perspective(1100px)
        translate3d(var(--reveal-x), var(--reveal-y), 0)
        scale(var(--reveal-scale))
        rotate(var(--reveal-rotate))
        skewX(var(--reveal-skew));
    transition:
        opacity var(--dur-reveal) var(--ease-out),
        transform var(--dur-reveal) var(--ease-out),
        clip-path var(--dur-reveal) var(--ease-out),
        filter var(--dur-reveal) var(--ease-out);
    will-change: opacity, transform, clip-path, filter;
}
.pt-js.pt-motion-ready [data-reveal='up'] { --reveal-y: 38px; }
.pt-js.pt-motion-ready [data-reveal='down'] { --reveal-y: -32px; }
.pt-js.pt-motion-ready [data-reveal='left'] { --reveal-x: -46px; }
.pt-js.pt-motion-ready [data-reveal='right'] { --reveal-x: 46px; }
.pt-js.pt-motion-ready [data-reveal='scale'] { --reveal-scale: .91; }
.pt-js.pt-motion-ready [data-reveal='rise'] { --reveal-y: 54px; --reveal-scale: .96; }
.pt-js.pt-motion-ready [data-reveal='blur'] { filter: blur(15px) saturate(.75); --reveal-y: 22px; }
.pt-js.pt-motion-ready [data-reveal='zoom'] { --reveal-scale: .78; filter: blur(5px); }
.pt-js.pt-motion-ready [data-reveal='rotate'] { --reveal-x: -28px; --reveal-rotate: -4deg; --reveal-scale: .94; }
.pt-js.pt-motion-ready [data-reveal='flip'] { transform: perspective(1100px) rotateX(18deg) translate3d(0, 36px, 0) scale(.96); transform-origin: 50% 100%; }
.pt-js.pt-motion-ready [data-reveal='skew'] { --reveal-x: -32px; --reveal-skew: -5deg; filter: blur(4px); }

/* Reverse recipes mirror the original vector instead of replaying the same
   direction. This makes upward scrolling feel like the scene rewinds. */
.pt-js.pt-motion-ready [data-reveal-direction='up'][data-reveal='up'] { --reveal-y: -38px; }
.pt-js.pt-motion-ready [data-reveal-direction='up'][data-reveal='down'] { --reveal-y: 32px; }
.pt-js.pt-motion-ready [data-reveal-direction='up'][data-reveal='left'] { --reveal-x: 46px; }
.pt-js.pt-motion-ready [data-reveal-direction='up'][data-reveal='right'] { --reveal-x: -46px; }
.pt-js.pt-motion-ready [data-reveal-direction='up'][data-reveal='rise'] { --reveal-y: -54px; }
.pt-js.pt-motion-ready [data-reveal-direction='up'][data-reveal='rotate'] { --reveal-x: 28px; --reveal-rotate: 4deg; }
.pt-js.pt-motion-ready [data-reveal-direction='up'][data-reveal='flip'] { transform: perspective(1100px) rotateX(-18deg) translate3d(0, -36px, 0) scale(.96); transform-origin: 50% 0%; }
.pt-js.pt-motion-ready [data-reveal-direction='up'][data-reveal='skew'] { --reveal-x: 32px; --reveal-skew: 5deg; }

/* Headlines wipe in like a rendering terminal rather than fading. */
.pt-js.pt-motion-ready [data-reveal='clip'] {
    clip-path: inset(0 100% 0 0);
    --reveal-y: 14px;
}
.pt-js.pt-motion-ready [data-reveal-direction='up'][data-reveal='clip'] {
    clip-path: inset(0 0 0 100%);
    --reveal-y: -14px;
}

.pt-js.pt-motion-ready [data-reveal].is-revealed {
    opacity: 1;
    transform: none;
    filter: none;
    clip-path: inset(0 0 0 0);
    will-change: auto;
}
.site-header {
    color: #eaf5ff;
    border-bottom: 1px solid rgb(125 211 252 / .08);
    background:
        linear-gradient(90deg, rgb(5 9 19 / .84), rgb(8 20 36 / .76) 52%, rgb(5 9 19 / .84));
    backdrop-filter: blur(22px) saturate(145%);
    box-shadow: inset 0 -1px rgb(255 255 255 / .025);
    transition: background-color .35s ease, border-color .35s ease, box-shadow .35s ease, transform .35s var(--ease-out);
}
.site-header::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(26rem 7rem at 18% -30%, rgb(34 211 238 / .11), transparent 72%);
}
.site-header.is-scrolled {
    border-bottom-color: rgb(125 211 252 / .16);
    background: rgb(5 10 19 / .95);
    box-shadow: 0 16px 48px -30px rgb(0 0 0 / .92), inset 0 -1px rgb(125 211 252 / .05);
}
.site-header .nav-link { color: rgb(226 240 255 / .7); }
.site-header .nav-link:hover,
.site-header .nav-link.is-active { color: #7dd3fc; }
.site-header .theme-toggle,
.site-header button[aria-label*='quick links'],
.site-header .btn-ghost {
    border-color: rgb(125 211 252 / .16);
    background: rgb(255 255 255 / .045);
    color: rgb(235 246 255 / .86);
}
.site-header .theme-toggle:hover,
.site-header button[aria-label*='quick links']:hover,
.site-header .btn-ghost:hover {
    border-color: rgb(34 211 238 / .4);
    background: rgb(34 211 238 / .08);
    color: #fff;
}
.site-header #mobile-navigation {
    border-color: rgb(125 211 252 / .12);
    background: rgb(5 10 19 / .96);
}
.site-header #mobile-navigation a:not(.btn) { color: rgb(226 240 255 / .78); }
.site-header #mobile-navigation a:not(.btn):hover { background: rgb(34 211 238 / .08); color: #fff; }
.parmtech-logo {
    position: relative;
    display: inline-grid;
    align-items: center;
    line-height: 0;
    isolation: isolate;
}
.parmtech-logo-image {
    grid-area: 1 / 1;
    display: block;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: opacity .25s ease, filter .35s ease, transform .45s var(--ease-out);
}
.parmtech-logo-on-dark { opacity: 0; pointer-events: none; }
.parmtech-logo-on-light { opacity: 1; }
.dark .parmtech-logo-on-dark,
.parmtech-logo-ondark .parmtech-logo-on-dark { opacity: 1; }
.dark .parmtech-logo-on-light,
.parmtech-logo-ondark .parmtech-logo-on-light { opacity: 0; pointer-events: none; }

.parmtech-logo-header .parmtech-logo-image { width: clamp(10.6rem, 12vw, 12.4rem); max-height: 3.35rem; }
.parmtech-logo-footer .parmtech-logo-image { width: min(15rem, 72vw); max-height: 4.8rem; }
.parmtech-logo-console .parmtech-logo-image { width: min(12.5rem, 58vw); max-height: 3.65rem; }
.parmtech-logo-stacked .parmtech-logo-image { width: min(14rem, 72vw); max-height: 8.5rem; }
.parmtech-logo-icon .parmtech-logo-image { width: 2.7rem; height: 2.7rem; object-fit: contain; }
.site-header a[aria-label='ParmTech home'] { line-height: 0; }
.site-header .parmtech-logo { transition: transform .4s var(--ease-out), filter .4s ease; }
.site-header a:hover .parmtech-logo {
    transform: translateY(-1px) scale(1.018);
    filter:
        drop-shadow(0 0 9px rgb(0 217 232 / .36))
        drop-shadow(0 0 18px rgb(37 99 235 / .24));
}
.site-header a:hover .parmtech-logo-image { transform: translateX(1px); }

@media (max-width: 520px) {
    .parmtech-logo-header .parmtech-logo-image { width: 9.2rem; max-height: 2.9rem; }
}
@media (max-width: 1023px) {
    .orbital-stage { min-height: 33rem; }
    .orbit-card { display: none; }
    .motion-rail { display: flex; min-width: max-content; }
    .rail-card { width: min(82vw, 23rem); min-height: 16rem; }
    .rail-nav { display: none; }
    .roadmap-status { grid-template-columns: auto 1fr; }
    .roadmap-hint { display: none; }
}
/* ==================================================================
   v6.9.10 cinematic precision layer
   ================================================================== */

/* The status badge is driven by the real /health endpoint. */
[data-live-health][data-health='healthy'] .core-console,
.core-console[data-health='healthy'] { border-color: rgb(52 211 153 / .28); }
.dot-live.is-degraded { background: #fb7185; box-shadow: 0 0 0 0 rgb(251 113 133 / .42); }

.orbital-beam {
    position: absolute;
    z-index: 1;
    width: 74%;
    height: 1px;
    overflow: hidden;
    background: linear-gradient(90deg, transparent, rgb(34 211 238 / .62), transparent);
    opacity: .46;
    transform-origin: center;
}
.orbital-beam::after {
    content: '';
    position: absolute;
    inset: -2px auto -2px -18%;
    width: 18%;
    background: linear-gradient(90deg, transparent, #fff, transparent);
    filter: blur(1px);
    animation: orbital-packet 4.8s linear infinite;
}
.beam-one { transform: rotate(24deg); }
.beam-two { transform: rotate(-31deg); opacity: .28; }
.beam-two::after { animation-delay: -2.2s; }
.orbital-node {
    position: absolute;
    z-index: 2;
    width: .7rem;
    height: .7rem;
    border: 2px solid rgb(165 243 252 / .82);
    border-radius: 50%;
    background: #06111f;
    box-shadow: 0 0 0 6px rgb(34 211 238 / .07), 0 0 22px rgb(34 211 238 / .7);
    animation: node-pulse 2.8s ease-in-out infinite;
}
.node-one { top: 25%; left: 18%; }
.node-two { right: 16%; bottom: 27%; animation-delay: -1.4s; }
@keyframes orbital-packet { to { transform: translateX(660%); } }
@keyframes node-pulse { 50% { transform: scale(1.25); opacity: .68; } }

/* The roadmap uses normal page scroll as its timeline; no wheel or touch event
   is cancelled. Mobile and short viewports stay native horizontal rails. */
.roadmap-section { padding-block: 0; }
.roadmap-stage { padding-block: clamp(4.5rem, 8vw, 7.5rem); }
.roadmap-section.is-roadmap-pinned .roadmap-stage {
    position: sticky;
    z-index: 2;
    overflow: hidden;
}
.roadmap-section.is-roadmap-pinned .motion-rail-wrap {
    overflow: hidden;
    overscroll-behavior: auto;
    scroll-snap-type: none;
}
.roadmap-section.is-roadmap-pinned .motion-rail {
    will-change: transform;
    transition: none;
}
.roadmap-section.is-roadmap-pinned .rail-nav { visibility: hidden; }
.roadmap-section.is-roadmap-pinned .rail-card {
    opacity: .66;
    transform: scale(.965);
    transition: opacity .35s ease, transform .5s var(--ease-out), border-color .35s ease, box-shadow .45s var(--ease-out);
}
.roadmap-section.is-roadmap-pinned .rail-card.is-roadmap-current {
    opacity: 1;
    transform: scale(1);
    border-color: rgb(34 211 238 / .34);
    box-shadow: 0 30px 75px -50px rgb(14 165 233 / .7);
}
.roadmap-status {
    display: grid;
    grid-template-columns: auto minmax(8rem, 1fr) auto;
    align-items: center;
    gap: 1rem;
    color: var(--color-ink-faint);
    font-family: var(--font-mono);
    font-size: .68rem;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.roadmap-status strong { color: var(--color-cobalt-500); font-size: .82rem; }
.roadmap-status .rail-progress { margin: 0; }
.roadmap-status .rail-progress::after { width: max(5%, var(--roadmap-progress, var(--rail-progress, 0%))); }
.roadmap-hint { text-align: right; }

/* The hero fills the opening viewport without trapping smaller screens. */
@media (min-width: 1024px) and (min-height: 720px) {
    .wow-hero.pt-home-section { min-height: 100svh; display: grid; align-items: center; }
}


/* ==================================================================
   v6.9.15 Neon Gaming Interface layer
   ================================================================== */

:root {
    --pt-electric-cyan: #00ecff;
    --pt-electric-blue: #087cff;
    --pt-neon-violet: #7a5cff;
    --pt-neon-magenta: #ef4bd8;
    --pt-hud-edge: rgb(0 236 255 / .24);
    --pt-hud-edge-soft: rgb(122 92 255 / .14);
}

/* Fine scan lines and diagonal circuitry add a gaming-console feel without
   reducing readability. */
body.futuristic-body::after {
    background:
        repeating-linear-gradient(180deg, transparent 0 3px, rgb(8 124 255 / .012) 4px),
        linear-gradient(180deg, transparent, rgb(255 255 255 / .12));
}
.dark body.futuristic-body::after {
    background:
        repeating-linear-gradient(180deg, transparent 0 3px, rgb(0 236 255 / .018) 4px),
        linear-gradient(180deg, transparent, rgb(0 0 0 / .16));
}

/* A faint gaming HUD grid moves independently from the page. */
body.futuristic-body .site-orb-one {
    background:
        conic-gradient(from 140deg, transparent, rgb(0 236 255 / .16), transparent 34%),
        radial-gradient(circle, rgb(8 124 255 / .22), transparent 68%);
}
body.futuristic-body .site-orb-two {
    background:
        conic-gradient(from 320deg, transparent, rgb(239 75 216 / .13), transparent 38%),
        radial-gradient(circle, rgb(122 92 255 / .17), transparent 68%);
}

.site-header {
    border-bottom-color: rgb(0 236 255 / .13);
    background:
        linear-gradient(90deg, rgb(3 8 18 / .9), rgb(7 20 39 / .82) 48%, rgb(13 7 31 / .88)),
        repeating-linear-gradient(90deg, transparent 0 76px, rgb(0 236 255 / .022) 77px);
}
.site-header::after {
    content: '';
    position: absolute;
    right: clamp(1rem, 5vw, 5rem);
    bottom: -1px;
    width: clamp(7rem, 18vw, 17rem);
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, var(--pt-electric-cyan), var(--pt-neon-violet), transparent);
    box-shadow: 0 0 12px rgb(0 236 255 / .65);
}
.site-header.is-scrolled {
    background:
        linear-gradient(90deg, rgb(3 8 18 / .97), rgb(7 18 34 / .95) 48%, rgb(12 7 28 / .96));
}
.scroll-progress {
    height: 2px;
    background: linear-gradient(90deg, var(--pt-electric-cyan), var(--pt-electric-blue), var(--pt-neon-violet), var(--pt-neon-magenta));
    box-shadow: 0 0 14px rgb(0 236 255 / .66), 0 0 24px rgb(122 92 255 / .28);
}

/* Gaming HUD card silhouette. Corner cuts stay subtle in light mode and become
   brighter on dark surfaces. */
:where(.neo-tile, .service-card, .product-wow-card, .rail-card, .architecture-node, .premium-card, .card, .hightech-panel, .core-console, .play-card)[data-gaming-card] {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    clip-path: polygon(0 0, calc(100% - 17px) 0, 100% 17px, 100% 100%, 17px 100%, 0 calc(100% - 17px));
}
:where(.neo-tile, .service-card, .product-wow-card, .rail-card, .architecture-node, .premium-card, .card, .hightech-panel, .core-console, .play-card)[data-gaming-card]::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, var(--pt-electric-cyan), transparent 22%) top left / 42% 1px no-repeat,
        linear-gradient(180deg, var(--pt-neon-violet), transparent 28%) top right / 1px 44% no-repeat,
        linear-gradient(270deg, var(--pt-neon-magenta), transparent 24%) bottom right / 40% 1px no-repeat,
        linear-gradient(0deg, var(--pt-electric-blue), transparent 30%) bottom left / 1px 42% no-repeat;
    opacity: .26;
    transition: opacity .35s ease, filter .35s ease;
}
:where(.neo-tile, .service-card, .product-wow-card, .rail-card, .architecture-node, .premium-card, .card, .hightech-panel, .core-console, .play-card)[data-gaming-card]:hover::after {
    opacity: .72;
    filter: drop-shadow(0 0 8px rgb(0 236 255 / .35));
}
.dark :where(.neo-tile, .service-card, .product-wow-card, .rail-card, .architecture-node, .premium-card, .card, .hightech-panel, .core-console, .play-card)[data-gaming-card] {
    border-color: rgb(0 236 255 / .16);
    background:
        linear-gradient(145deg, rgb(12 23 43 / .86), rgb(10 15 31 / .94)),
        var(--color-surface);
    box-shadow:
        inset 0 1px rgb(255 255 255 / .035),
        0 24px 80px -56px rgb(0 236 255 / .45);
}

/* Section brackets make each scene feel like a level in one continuous
   interface. */
.pt-section[data-motion-scene]::before,
.pt-section[data-motion-scene]::after,
.pt-home-section[data-motion-scene]::before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 3.8rem;
    height: 3.8rem;
    pointer-events: none;
    opacity: .28;
}
.pt-section[data-motion-scene]::before,
.pt-home-section[data-motion-scene]::before {
    top: clamp(1.4rem, 4vw, 3.5rem);
    left: clamp(.55rem, 2vw, 1.7rem);
    border-top: 1px solid var(--pt-electric-cyan);
    border-left: 1px solid var(--pt-electric-cyan);
}
.pt-section[data-motion-scene]::after {
    right: clamp(.55rem, 2vw, 1.7rem);
    bottom: clamp(1.4rem, 4vw, 3.5rem);
    border-right: 1px solid var(--pt-neon-violet);
    border-bottom: 1px solid var(--pt-neon-violet);
}
.pt-section[data-motion-scene] > *,
.pt-home-section[data-motion-scene] > * { position: relative; z-index: 1; }

/* Logo-led cyan/blue/violet palette. */
.wow-text-gradient,
.text-gradient {
    background-image: linear-gradient(100deg, var(--pt-electric-cyan) 0%, #42a5ff 36%, var(--pt-neon-violet) 68%, #f39be7 100%);
}
.wow-btn-primary,
.btn-primary {
    border-color: rgb(0 236 255 / .4);
    background: linear-gradient(110deg, #00dbe9 0%, #087cff 48%, #7a5cff 78%, #d946ef 118%);
    box-shadow: 0 14px 34px -20px rgb(0 124 255 / .8), inset 0 1px rgb(255 255 255 / .35);
    position: relative;
    overflow: hidden;
}
.wow-btn-primary::after,
.btn-primary::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(105deg, transparent 34%, rgb(255 255 255 / .38) 49%, transparent 64%);
    transform: translateX(-130%);
    transition: transform .75s var(--ease-out);
}
.wow-btn-primary:hover::after,
.btn-primary:hover::after { transform: translateX(130%); }

/* Hero receives a professional gaming splash: hex grid, targeting rings and
   cyan-to-violet energy rather than a generic gradient. */
.wow-hero {
    background:
        radial-gradient(circle at 15% 24%, rgb(0 236 255 / .22), transparent 27rem),
        radial-gradient(circle at 83% 19%, rgb(122 92 255 / .24), transparent 32rem),
        radial-gradient(circle at 72% 82%, rgb(239 75 216 / .1), transparent 25rem),
        linear-gradient(135deg, #020712 0%, #071a31 48%, #120a2c 100%);
}
.wow-hero-grid,
.cyber-bg {
    background-image:
        linear-gradient(rgb(0 236 255 / .075) 1px, transparent 1px),
        linear-gradient(90deg, rgb(122 92 255 / .06) 1px, transparent 1px),
        linear-gradient(30deg, rgb(0 236 255 / .025) 12%, transparent 12.5%, transparent 87%, rgb(0 236 255 / .025) 87.5%, rgb(0 236 255 / .025)),
        linear-gradient(150deg, rgb(122 92 255 / .02) 12%, transparent 12.5%, transparent 87%, rgb(122 92 255 / .02) 87.5%, rgb(122 92 255 / .02));
    background-size: 58px 58px, 58px 58px, 82px 142px, 82px 142px;
}
.wow-hero::before {
    content: '';
    position: absolute;
    inset: 7% 2.5% 8%;
    z-index: -1;
    pointer-events: none;
    border: 1px solid rgb(0 236 255 / .06);
    clip-path: polygon(0 0, 22% 0, 22% 1px, 78% 1px, 78% 0, 100% 0, 100% 100%, 82% 100%, 82% calc(100% - 1px), 18% calc(100% - 1px), 18% 100%, 0 100%);
}
.orbital-ring { border-color: rgb(0 236 255 / .2); box-shadow: inset 0 0 22px rgb(122 92 255 / .035); }
.ring-two { border-color: rgb(122 92 255 / .24); }
.ring-three { border-color: rgb(239 75 216 / .11); }
.orbit-card {
    border-color: rgb(0 236 255 / .18);
    background: linear-gradient(140deg, rgb(5 17 34 / .91), rgb(18 9 40 / .85));
    box-shadow: 0 18px 54px -28px rgb(0 124 255 / .52);
}
.wow-progress-bar {
    background: linear-gradient(90deg, var(--pt-electric-cyan), var(--pt-electric-blue), var(--pt-neon-violet), var(--pt-neon-magenta));
}

/* Current section rail glows like a game waypoint. */
.rail-dot.is-current .rail-dot-mark {
    background: var(--pt-electric-cyan);
    box-shadow: 0 0 0 4px rgb(0 236 255 / .1), 0 0 15px rgb(0 236 255 / .7);
}
.rail-dot.is-current .rail-dot-label { color: #a5f3fc; }

/* Keep the gaming layer economical on mobile and accessibility modes. */
@media (max-width: 720px) {
    .pt-section[data-motion-scene]::before,
    .pt-section[data-motion-scene]::after,
    .pt-home-section[data-motion-scene]::before { width: 2.2rem; height: 2.2rem; opacity: .18; }
    :where(.neo-tile, .service-card, .product-wow-card, .rail-card, .architecture-node, .premium-card, .card, .hightech-panel, .core-console, .play-card)[data-gaming-card] {
        clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 11px, 100% 100%, 11px 100%, 0 calc(100% - 11px));
    }
}
@media (prefers-reduced-motion: reduce) {
    :where(.neo-tile, .service-card, .product-wow-card, .rail-card, .architecture-node, .premium-card, .card, .hightech-panel, .core-console, .play-card)[data-gaming-card]::after {
        transition: none;
    }
}

/* ==================================================================
   ParmTech v6.9.15 — fluid 3D environment and product assembly story
   ================================================================== */

:root {
    --scene-pointer-x: 0;
    --scene-pointer-y: 0;
    --scene-scroll: 0px;
    --scene-progress: 0;
    --fluid-gutter: clamp(1rem, 3.2vw, 4.75rem);
    --pt-electric-cyan: #00ecff;
    --pt-electric-blue: #087cff;
    --pt-neon-violet: #7a5cff;
    --pt-neon-magenta: #ef4bd8;
}

/* The public canvas follows the viewport instead of sitting in a narrow box. */
.pt-shell,
.pt-nav-shell {
    width: 100%;
    max-width: none;
    margin-inline: auto;
    padding-inline: var(--fluid-gutter);
}

.pt-nav-shell {
    position: relative;
}

#main {
    position: relative;
    z-index: 1;
    width: 100%;
}

#main > section {
    width: 100%;
}

/* Fixed depth scene: perspective grid, energy rings and light tracks move at
   different rates without receiving pointer input or changing page layout. */
.immersive-scene {
    position: fixed;
    inset: 0;
    z-index: -6;
    overflow: hidden;
    pointer-events: none;
    perspective: 900px;
    transform-style: preserve-3d;
}

.scene-perspective-grid {
    position: absolute;
    left: -20%;
    right: -20%;
    bottom: -38vh;
    height: 92vh;
    opacity: .2;
    background-image:
        linear-gradient(rgb(8 124 255 / .16) 1px, transparent 1px),
        linear-gradient(90deg, rgb(0 236 255 / .14) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(to top, #000 12%, transparent 88%);
    transform: rotateX(68deg) translate3d(calc(var(--scene-pointer-x) * -18px), calc(var(--scene-scroll) * .035), -80px);
    transform-origin: center bottom;
    will-change: transform;
}

.dark .scene-perspective-grid {
    opacity: .38;
}

.scene-depth-ring {
    position: absolute;
    width: min(58vw, 62rem);
    aspect-ratio: 1;
    border: 1px solid rgb(0 236 255 / .12);
    border-radius: 50%;
    box-shadow:
        inset 0 0 4rem rgb(8 124 255 / .04),
        0 0 5rem rgb(122 92 255 / .04);
    transform-style: preserve-3d;
    will-change: transform;
}

.scene-depth-ring::before,
.scene-depth-ring::after {
    content: '';
    position: absolute;
    inset: 12%;
    border: 1px dashed rgb(122 92 255 / .16);
    border-radius: inherit;
}

.scene-depth-ring::after {
    inset: 28%;
    border-color: rgb(239 75 216 / .12);
}

.scene-depth-ring-one {
    top: 7vh;
    right: -19vw;
    transform: translate3d(calc(var(--scene-pointer-x) * 24px), calc(var(--scene-pointer-y) * 18px + var(--scene-scroll) * -.012), -120px) rotateX(64deg) rotateZ(calc(12deg + var(--scene-progress) * 45deg));
}

.scene-depth-ring-two {
    bottom: -28vh;
    left: -23vw;
    transform: translate3d(calc(var(--scene-pointer-x) * -18px), calc(var(--scene-pointer-y) * -12px + var(--scene-scroll) * -.02), -180px) rotateX(70deg) rotateZ(calc(-24deg - var(--scene-progress) * 36deg));
}

.scene-energy-line {
    position: absolute;
    width: 44vw;
    height: 1px;
    opacity: .3;
    background: linear-gradient(90deg, transparent, var(--pt-electric-cyan), var(--pt-neon-violet), transparent);
    box-shadow: 0 0 18px rgb(0 236 255 / .45);
    will-change: transform;
}

.scene-energy-line-one {
    top: 24%;
    left: 4%;
    transform: translate3d(calc(var(--scene-pointer-x) * 14px), calc(var(--scene-scroll) * -.018), 0) rotate(-14deg);
}

.scene-energy-line-two {
    right: 2%;
    bottom: 26%;
    transform: translate3d(calc(var(--scene-pointer-x) * -16px), calc(var(--scene-scroll) * -.024), 0) rotate(18deg);
}

.scene-particle-field {
    position: absolute;
    inset: 0;
    opacity: .36;
    background-image:
        radial-gradient(circle at 12% 18%, rgb(0 236 255 / .9) 0 1px, transparent 1.7px),
        radial-gradient(circle at 73% 22%, rgb(122 92 255 / .75) 0 1px, transparent 1.7px),
        radial-gradient(circle at 38% 68%, rgb(8 124 255 / .8) 0 1px, transparent 1.7px),
        radial-gradient(circle at 88% 76%, rgb(239 75 216 / .7) 0 1px, transparent 1.7px);
    background-size: 23rem 19rem, 31rem 27rem, 29rem 25rem, 37rem 33rem;
    transform: translate3d(calc(var(--scene-pointer-x) * -9px), calc(var(--scene-scroll) * -.014), 0);
    will-change: transform;
}

/* Public sections use different spatial compositions rather than one repeated
   card-on-gradient template. */
#main > .pt-section,
#main > .pt-home-section,
#main > .store-play-section,
#main > .roadmap-section {
    overflow: clip;
}

#main > .pt-section:nth-of-type(3n + 1) {
    background:
        radial-gradient(circle at 8% 24%, rgb(0 236 255 / .08), transparent 26rem),
        linear-gradient(115deg, transparent 0 62%, rgb(8 124 255 / .025));
}

#main > .pt-section:nth-of-type(3n + 2) {
    background:
        radial-gradient(circle at 91% 36%, rgb(122 92 255 / .09), transparent 28rem),
        linear-gradient(245deg, transparent 0 64%, rgb(239 75 216 / .025));
}

#main > .pt-section:nth-of-type(3n) {
    background:
        radial-gradient(ellipse at 50% 100%, rgb(8 124 255 / .07), transparent 42rem),
        linear-gradient(180deg, transparent, rgb(0 236 255 / .018), transparent);
}

.dark #main > .pt-section:nth-of-type(3n + 1),
.dark #main > .pt-section:nth-of-type(3n + 2),
.dark #main > .pt-section:nth-of-type(3n) {
    border-block: 1px solid rgb(125 211 252 / .035);
}

/* Each card receives a deterministic shape from JavaScript. Content and links
   stay in the original DOM, so Livewire and forms remain untouched. */
:where(.neo-tile, .service-card, .product-wow-card, .rail-card, .architecture-node, .premium-card, .card, .hightech-panel, .core-console, .play-card)[data-card-shape] {
    position: relative;
    isolation: isolate;
    border: 1px solid color-mix(in oklab, var(--color-edge) 78%, var(--pt-electric-cyan));
    background:
        linear-gradient(145deg, color-mix(in oklab, var(--color-raised) 94%, var(--pt-electric-cyan) 6%), color-mix(in oklab, var(--color-surface) 96%, var(--pt-neon-violet) 4%));
    box-shadow:
        0 1px 0 rgb(255 255 255 / .22) inset,
        0 26px 70px -52px rgb(8 124 255 / .72);
    transform-style: preserve-3d;
}

.dark :where(.neo-tile, .service-card, .product-wow-card, .rail-card, .architecture-node, .premium-card, .card, .hightech-panel, .core-console, .play-card)[data-card-shape] {
    border-color: rgb(0 236 255 / .16);
    background:
        linear-gradient(145deg, rgb(10 24 43 / .88), rgb(16 11 39 / .84));
    box-shadow:
        0 1px 0 rgb(255 255 255 / .06) inset,
        0 30px 80px -50px rgb(0 124 255 / .55);
}

[data-card-shape='notch'] {
    border-radius: .75rem 2.4rem .75rem .75rem;
    clip-path: polygon(0 0, calc(100% - 2.2rem) 0, 100% 2.2rem, 100% 100%, 0 100%);
}

[data-card-shape='blade'] {
    border-radius: .5rem 3rem .5rem 3rem;
    clip-path: polygon(1.2rem 0, 100% 0, calc(100% - 1.2rem) 100%, 0 100%);
}

[data-card-shape='arc'] {
    border-radius: 3.5rem .8rem 3.5rem .8rem;
}

[data-card-shape='prism'] {
    border-radius: .8rem;
    clip-path: polygon(0 1.35rem, 1.35rem 0, calc(100% - 2.8rem) 0, 100% 2.8rem, 100% 100%, 0 100%);
}

[data-card-shape='dock'] {
    border-radius: 1.4rem 1.4rem .35rem .35rem;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1rem), calc(100% - 1rem) 100%, 1rem 100%, 0 calc(100% - 1rem));
}

[data-card-shape='hex'] {
    border-radius: .4rem;
    clip-path: polygon(1.2rem 0, calc(100% - 1.2rem) 0, 100% 50%, calc(100% - 1.2rem) 100%, 1.2rem 100%, 0 50%);
}

[data-card-shape]::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .48;
    background:
        linear-gradient(90deg, var(--pt-electric-cyan), transparent 18%) top left / 42% 1px no-repeat,
        linear-gradient(270deg, var(--pt-neon-violet), transparent 20%) bottom right / 38% 1px no-repeat;
}

/* ======================= Kinetic product story ======================= */
.product-story-section {
    position: relative;
    width: 100%;
    background:
        radial-gradient(circle at 69% 42%, rgb(8 124 255 / .22), transparent 30rem),
        radial-gradient(circle at 38% 62%, rgb(122 92 255 / .14), transparent 26rem),
        linear-gradient(135deg, #01050d 0%, #07172a 48%, #110927 100%);
    color: #f7fbff;
}

.product-story-stage {
    display: none;
    position: relative;
    width: 100%;
    min-height: 36rem;
    overflow: hidden;
}

.product-story-section.is-story-pinned .product-story-stage {
    display: block;
    position: sticky;
    height: min(56rem, calc(100svh - 6.5rem));
}

.product-story-grid {
    position: absolute;
    inset: 0;
    opacity: .42;
    pointer-events: none;
    background-image:
        linear-gradient(rgb(0 236 255 / .08) 1px, transparent 1px),
        linear-gradient(90deg, rgb(122 92 255 / .07) 1px, transparent 1px),
        radial-gradient(circle at center, rgb(8 124 255 / .14), transparent 55%);
    background-size: 64px 64px, 64px 64px, 100% 100%;
    transform: perspective(700px) rotateX(1.6deg) scale(1.03);
}

.product-story-shell {
    position: relative;
    z-index: 1;
    display: grid;
    height: 100%;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: clamp(.8rem, 1.6vw, 1.35rem);
    padding-block: clamp(1.15rem, 2.2vh, 2rem);
}

.product-story-heading {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .75fr);
    align-items: end;
    gap: clamp(1rem, 4vw, 5rem);
}

.product-story-heading h2 {
    max-width: 16ch;
    margin-top: .45rem;
    font-family: var(--font-display);
    font-size: clamp(2rem, 4.2vw, 4.5rem);
    font-weight: 700;
    line-height: .9;
    letter-spacing: -.045em;
    text-wrap: balance;
}

.product-story-heading > p {
    max-width: 42rem;
    color: rgb(219 234 254 / .68);
    font-size: clamp(.88rem, 1.1vw, 1.05rem);
    line-height: 1.65;
}

.product-story-workbench {
    display: grid;
    min-height: 0;
    grid-template-columns: minmax(20rem, .78fr) minmax(28rem, 1.22fr);
    align-items: stretch;
    gap: clamp(1.2rem, 3vw, 4rem);
}

.product-story-copy {
    position: relative;
    min-height: 0;
    overflow: hidden;
    border-left: 1px solid rgb(0 236 255 / .22);
}

.product-story-copy::before,
.product-story-copy::after {
    content: '';
    position: absolute;
    left: -2px;
    z-index: 4;
    width: 4px;
    height: 22%;
    background: linear-gradient(var(--pt-electric-cyan), var(--pt-neon-violet));
    box-shadow: 0 0 20px rgb(0 236 255 / .65);
}

.product-story-copy::before {
    top: 0;
}

.product-story-copy::after {
    bottom: 0;
}

.product-story-copy-rail {
    position: relative;
    height: 100%;
    min-height: 20rem;
    perspective: 1000px;
}

.product-story-panel {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(1.25rem, 3vw, 3.2rem);
    will-change: transform, opacity, filter;
}

.product-story-panel > span {
    color: #67e8f9;
    font-family: var(--font-mono);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.product-story-panel h3 {
    max-width: 14ch;
    margin-top: .85rem;
    font-family: var(--font-display);
    font-size: clamp(2rem, 3.5vw, 4rem);
    font-weight: 700;
    line-height: .94;
    letter-spacing: -.035em;
}

.product-story-panel p {
    max-width: 38rem;
    margin-top: 1rem;
    color: rgb(219 234 254 / .7);
    line-height: 1.7;
}

.product-story-panel strong {
    align-self: flex-start;
    margin-top: 1.35rem;
    border: 1px solid rgb(0 236 255 / .2);
    border-radius: 999px;
    padding: .45rem .8rem;
    color: #a5f3fc;
    background: rgb(0 236 255 / .06);
    font-family: var(--font-mono);
    font-size: .72rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.product-assembly {
    --assembly-complete: 0;
    --story-rotation: 0deg;
    position: relative;
    min-height: 0;
    overflow: hidden;
    border: 1px solid rgb(0 236 255 / .14);
    border-radius: 2.6rem .8rem 2.6rem .8rem;
    background:
        radial-gradient(circle at 50% 47%, rgb(0 236 255 / .12), transparent 27%),
        linear-gradient(145deg, rgb(2 10 22 / .82), rgb(16 8 35 / .72));
    box-shadow:
        inset 0 0 5rem rgb(8 124 255 / .08),
        0 30px 90px -54px rgb(0 124 255 / .8);
    perspective: 1200px;
    transform-style: preserve-3d;
}

.product-assembly::before {
    content: '';
    position: absolute;
    inset: 7%;
    border: 1px dashed rgb(122 92 255 / .2);
    border-radius: 50%;
    transform: rotateX(64deg) rotateZ(var(--story-rotation));
    box-shadow: 0 0 3rem rgb(122 92 255 / .08);
}

.product-assembly::after {
    content: '';
    position: absolute;
    inset: 15%;
    border: 1px solid rgb(0 236 255 / .12);
    clip-path: polygon(50% 0, 100% 28%, 88% 86%, 50% 100%, 12% 86%, 0 28%);
    transform: translateZ(-30px) rotate(var(--story-rotation));
}

.assembly-ambient {
    position: absolute;
    inset: 14%;
    border-radius: 50%;
    opacity: calc(.25 + var(--assembly-complete) * .75);
    background: radial-gradient(circle, rgb(0 236 255 / .22), rgb(122 92 255 / .08) 40%, transparent 68%);
    filter: blur(24px);
    transform: scale(calc(.75 + var(--assembly-complete) * .35));
}

.assembly-coordinate {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    opacity: .22;
    background: linear-gradient(90deg, transparent, var(--pt-electric-cyan), transparent);
}

.coordinate-x {
    width: 84%;
    height: 1px;
    transform: translate(-50%, -50%);
}

.coordinate-y {
    width: 1px;
    height: 84%;
    transform: translate(-50%, -50%);
}

.assembly-part {
    --part-x: 0px;
    --part-y: 0px;
    --part-r: 0deg;
    --part-scale: 1;
    --part-opacity: 0;
    --part-glow: 0%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    opacity: var(--part-opacity);
    color: #eaf9ff;
    background:
        linear-gradient(145deg, rgb(18 37 65 / .96), rgb(15 9 39 / .94));
    border: 1px solid rgb(0 236 255 / .28);
    box-shadow:
        0 0 calc(8px + var(--part-glow)) rgb(0 236 255 / .18),
        inset 0 1px rgb(255 255 255 / .12);
    transform: translate3d(calc(-50% + var(--part-x)), calc(-50% + var(--part-y)), 40px) rotate(var(--part-r)) scale(var(--part-scale));
    transform-style: preserve-3d;
    will-change: transform, opacity;
}

.assembly-core {
    display: grid;
    width: clamp(12rem, 22vw, 20rem);
    aspect-ratio: 1.45;
    place-content: center;
    border-radius: 1.2rem 3.4rem 1.2rem 3.4rem;
    text-align: center;
    clip-path: polygon(0 0, calc(100% - 2.2rem) 0, 100% 2.2rem, 100% 100%, 2.2rem 100%, 0 calc(100% - 2.2rem));
}

.assembly-core > span,
.assembly-core > small {
    font-family: var(--font-mono);
    font-size: .62rem;
    letter-spacing: .18em;
}

.assembly-core > strong {
    margin-block: .2rem;
    font-family: var(--font-display);
    font-size: clamp(2rem, 4vw, 3.6rem);
    line-height: .85;
}

.assembly-core-screen {
    display: flex;
    justify-content: center;
    gap: .35rem;
    margin-top: .8rem;
}

.assembly-core-screen i {
    width: 1.6rem;
    height: .18rem;
    border-radius: 99px;
    background: linear-gradient(90deg, var(--pt-electric-cyan), var(--pt-neon-violet));
    box-shadow: 0 0 10px rgb(0 236 255 / .65);
}

.assembly-wing {
    display: grid;
    width: clamp(7rem, 12vw, 11rem);
    min-height: 5.5rem;
    align-content: center;
    padding: 1rem;
    font-family: var(--font-mono);
    font-size: .62rem;
    letter-spacing: .12em;
    text-align: center;
}

.assembly-wing strong {
    margin-top: .25rem;
    color: #67e8f9;
}

.assembly-wing-left {
    margin-left: clamp(-12rem, -16vw, -7.5rem);
    border-radius: 2rem .5rem .5rem 2rem;
    clip-path: polygon(1.4rem 0, 100% 0, 86% 100%, 0 100%, 0 1.4rem);
}

.assembly-wing-right {
    margin-left: clamp(7.5rem, 16vw, 12rem);
    border-radius: .5rem 2rem 2rem .5rem;
    clip-path: polygon(0 0, calc(100% - 1.4rem) 0, 100% 1.4rem, 100% 100%, 14% 100%);
}

.assembly-crown {
    display: flex;
    width: clamp(9rem, 16vw, 14rem);
    height: 3.2rem;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin-top: clamp(-8rem, -13vw, -5rem);
    clip-path: polygon(1rem 0, calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 1rem 100%, 0 50%);
    font-family: var(--font-mono);
    font-size: .7rem;
}

.assembly-crown i,
.assembly-dock b {
    width: .42rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--pt-electric-cyan);
    box-shadow: 0 0 10px rgb(0 236 255 / .8);
}

.assembly-dock {
    display: flex;
    width: clamp(11rem, 21vw, 18rem);
    height: 3.3rem;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    margin-top: clamp(5.2rem, 10vw, 8rem);
    border-radius: .35rem .35rem 1.8rem 1.8rem;
    font-family: var(--font-mono);
    font-size: .64rem;
    letter-spacing: .12em;
}

.assembly-shield {
    width: clamp(19rem, 37vw, 34rem);
    aspect-ratio: 1.55;
    z-index: 3;
    border: 1px solid rgb(0 236 255 / .32);
    background: linear-gradient(135deg, rgb(0 236 255 / .025), rgb(122 92 255 / .04));
    clip-path: polygon(50% 0, 100% 18%, 92% 78%, 50% 100%, 8% 78%, 0 18%);
    box-shadow: inset 0 0 3rem rgb(0 236 255 / .06);
    pointer-events: none;
}

.assembly-shield span {
    position: absolute;
    right: 9%;
    bottom: 10%;
    color: rgb(165 243 252 / .7);
    font-family: var(--font-mono);
    font-size: .56rem;
    letter-spacing: .16em;
}

.assembly-packet {
    position: absolute;
    z-index: 8;
    width: .42rem;
    aspect-ratio: 1;
    border-radius: 50%;
    opacity: var(--assembly-complete);
    background: #fff;
    box-shadow: 0 0 14px var(--pt-electric-cyan);
}

.packet-one {
    top: 26%;
    left: 18%;
    animation: product-packet-one 3.2s linear infinite;
}

.packet-two {
    right: 17%;
    bottom: 24%;
    animation: product-packet-two 3.8s linear infinite;
}

.assembly-complete {
    position: absolute;
    right: 4%;
    bottom: 5%;
    z-index: 12;
    opacity: var(--assembly-complete);
    color: #67e8f9;
    font-family: var(--font-mono);
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .2em;
    text-shadow: 0 0 14px rgb(0 236 255 / .8);
    transform: translateY(0);
}

.product-story-footer {
    display: grid;
    grid-template-columns: auto minmax(8rem, 1fr) auto;
    align-items: center;
    gap: 1rem;
    color: rgb(219 234 254 / .72);
    font-family: var(--font-mono);
    font-size: .68rem;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.product-story-footer strong {
    color: #67e8f9;
    font-size: .9rem;
}

.product-story-meter {
    height: 2px;
    overflow: hidden;
    background: rgb(255 255 255 / .1);
}

.product-story-meter i {
    display: block;
    width: var(--product-story-meter, 0%);
    height: 100%;
    background: linear-gradient(90deg, var(--pt-electric-cyan), var(--pt-electric-blue), var(--pt-neon-violet), var(--pt-neon-magenta));
    box-shadow: 0 0 16px rgb(0 236 255 / .65);
}

.product-story-mobile {
    display: grid;
    gap: 1rem;
    padding-block: clamp(4rem, 9vw, 7rem);
}

.product-story-section.is-story-pinned .product-story-mobile {
    display: none;
}

.product-story-mobile-step {
    position: relative;
    overflow: hidden;
    border: 1px solid rgb(0 236 255 / .15);
    border-radius: .8rem 2.5rem .8rem .8rem;
    padding: clamp(1.2rem, 5vw, 2rem);
    background: linear-gradient(145deg, rgb(8 24 44 / .92), rgb(20 9 40 / .9));
    clip-path: polygon(0 0, calc(100% - 1.8rem) 0, 100% 1.8rem, 100% 100%, 0 100%);
}

.product-story-mobile-step span {
    color: #67e8f9;
    font-family: var(--font-mono);
    font-size: .68rem;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.product-story-mobile-step h3 {
    margin-top: .55rem;
    font-family: var(--font-display);
    font-size: clamp(1.6rem, 7vw, 2.5rem);
    font-weight: 700;
    line-height: 1;
}

.product-story-mobile-step p {
    margin-top: .7rem;
    color: rgb(219 234 254 / .68);
    line-height: 1.65;
}

@keyframes product-packet-one {
    0% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(18rem, 8rem, 0); }
    100% { transform: translate3d(31rem, 1rem, 0); }
}

@keyframes product-packet-two {
    0% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(-16rem, -7rem, 0); }
    100% { transform: translate3d(-29rem, -1rem, 0); }
}

/* ============================ Responsive ============================ */
@media (max-width: 1180px) {
    .product-story-heading {
        grid-template-columns: 1fr;
    }

    .product-story-heading > p {
        display: none;
    }

    .product-story-workbench {
        grid-template-columns: minmax(17rem, .72fr) minmax(24rem, 1.28fr);
    }
}

@media (max-width: 1023px), (max-height: 699px) {
    .scene-depth-ring {
        opacity: .42;
    }

    .scene-perspective-grid {
        bottom: -48vh;
        opacity: .2;
    }

    .product-story-section.is-story-pinned .product-story-stage {
        display: none;
    }

    .product-story-section.is-story-pinned .product-story-mobile,
    .product-story-mobile {
        display: grid;
    }
}

@media (max-width: 767px) {
    :root {
        --fluid-gutter: clamp(.9rem, 4.5vw, 1.4rem);
    }

    .pt-section,
    .snap-screen,
    .pt-section-shell {
        padding-block: clamp(3.5rem, 12vw, 5rem);
    }

    [data-card-shape='blade'],
    [data-card-shape='hex'] {
        clip-path: polygon(.8rem 0, calc(100% - .8rem) 0, 100% .8rem, 100% calc(100% - .8rem), calc(100% - .8rem) 100%, .8rem 100%, 0 calc(100% - .8rem), 0 .8rem);
    }

    .scene-energy-line {
        width: 72vw;
        opacity: .18;
    }

    .section-rail {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .immersive-scene,
    .scene-perspective-grid,
    .scene-depth-ring,
    .scene-energy-line,
    .scene-particle-field {
        transform: none;
    }

    .assembly-packet {
        animation: none;
    }
}

/* ====================== v6.9.16 assembly UI refinements ====================== */
.pt-js.pt-motion-ready [data-reveal='blur'] { filter: blur(6px) saturate(.92); }
.pt-js.pt-motion-ready [data-reveal='zoom'] { filter: blur(1.5px); }
.pt-js.pt-motion-ready [data-reveal='skew'] { filter: blur(1.8px); }

:where(.mini-proof, .stat-planet, .capability-module, .system-core-hub, .system-node, .product-story-panel, .product-story-mobile-step)[data-card-shape] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid color-mix(in oklab, var(--color-edge) 70%, var(--pt-electric-cyan));
    background:
        linear-gradient(145deg, color-mix(in oklab, var(--color-raised) 96%, var(--pt-electric-cyan) 4%), color-mix(in oklab, var(--color-surface) 94%, var(--pt-neon-violet) 6%));
    box-shadow:
        0 1px 0 rgb(255 255 255 / .2) inset,
        0 26px 70px -52px rgb(8 124 255 / .65);
    transform-style: preserve-3d;
}

.dark :where(.mini-proof, .stat-planet, .capability-module, .system-core-hub, .system-node, .product-story-panel, .product-story-mobile-step)[data-card-shape] {
    border-color: rgb(0 236 255 / .18);
    background:
        linear-gradient(145deg, rgb(8 22 41 / .96), rgb(16 10 37 / .94));
    box-shadow:
        0 1px 0 rgb(255 255 255 / .05) inset,
        0 30px 90px -52px rgb(0 124 255 / .55);
}

:where(.mini-proof, .stat-planet, .capability-module, .system-core-hub, .system-node, .product-story-panel, .product-story-mobile-step)[data-card-shape]::before,
:where(.mini-proof, .stat-planet, .capability-module, .system-core-hub, .system-node, .product-story-panel, .product-story-mobile-step)[data-card-shape]::after {
    content: '';
    position: absolute;
    pointer-events: none;
}

:where(.mini-proof, .stat-planet, .capability-module, .system-core-hub, .system-node, .product-story-panel, .product-story-mobile-step)[data-card-shape]::before {
    inset: 0;
    opacity: .52;
    background:
        linear-gradient(90deg, var(--pt-electric-cyan), transparent 18%) top left / 42% 1px no-repeat,
        linear-gradient(270deg, var(--pt-neon-violet), transparent 18%) bottom right / 42% 1px no-repeat,
        linear-gradient(180deg, rgb(255 255 255 / .11), transparent 24%) top / 100% 100% no-repeat;
}

:where(.mini-proof, .stat-planet, .capability-module, .system-core-hub, .system-node, .product-story-panel, .product-story-mobile-step)[data-card-shape]::after {
    inset: auto auto .8rem .8rem;
    width: 3.6rem;
    height: 1px;
    background: linear-gradient(90deg, var(--pt-electric-cyan), transparent);
    box-shadow: 0 0 14px rgb(0 236 255 / .45);
}

.capability-deck-head,
.pt-head.pt-head-wide {
    max-width: 74rem;
}

.capability-deck {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 2rem;
    align-items: stretch;
}

.capability-module {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 16.5rem;
    padding: 1.1rem 1.15rem 1.25rem;
    color: var(--color-ink);
    transition: transform .35s var(--ease-out), box-shadow .35s ease, border-color .3s ease;
}

.dark .capability-module { color: #eaf6ff; }
.capability-module:hover {
    transform: translateY(-6px) rotateX(2deg) rotateY(-2deg);
    box-shadow: 0 34px 78px -46px rgb(8 124 255 / .45);
}

.capability-module-1 { grid-column: span 4; }
.capability-module-2 { grid-column: span 3; }
.capability-module-3 { grid-column: span 5; }
.capability-module-4 { grid-column: span 5; }
.capability-module-5 { grid-column: span 4; }
.capability-module-6 { grid-column: span 3; }
.capability-module-7 { grid-column: span 3; }
.capability-module-8 { grid-column: span 5; }

.capability-module-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: 1rem;
}

.capability-index {
    color: var(--pt-electric-cyan);
    font-family: var(--font-mono);
    font-size: .76rem;
    letter-spacing: .14em;
}

.capability-signal { display: inline-flex; align-items: center; gap: .25rem; }
.capability-signal i {
    display: block;
    width: .35rem;
    aspect-ratio: 1;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--pt-electric-cyan), var(--pt-neon-violet));
    box-shadow: 0 0 12px rgb(0 236 255 / .5);
    animation: capabilityPulse 2.6s ease-in-out infinite;
}
.capability-signal i:nth-child(2) { animation-delay: -.35s; }
.capability-signal i:nth-child(3) { animation-delay: -.7s; }

.capability-module h3,
.system-node h3,
.product-story-panel h3 {
    color: var(--color-ink);
    text-wrap: balance;
}
.dark .capability-module h3,
.dark .system-node h3,
.dark .product-story-panel h3 { color: #f7fbff; }

.capability-module h3 {
    font-family: var(--font-display);
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1;
    letter-spacing: -.03em;
}

.capability-module p {
    margin-top: .75rem;
    color: var(--color-ink-soft);
    line-height: 1.7;
    font-size: .97rem;
}
.dark .capability-module p { color: rgb(219 234 254 / .72); }

.capability-port {
    margin-top: auto;
    width: 4.2rem;
    height: .4rem;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--pt-electric-cyan), var(--pt-electric-blue), transparent);
    box-shadow: 0 0 15px rgb(0 236 255 / .4);
}

.system-spine-section .pt-head-wide { max-width: 70rem; }
.system-spine {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: minmax(11rem, auto);
    gap: 1rem;
    margin-top: 2rem;
}

.system-spine-lines {
    position: absolute;
    inset: 7% 10% 10%;
    pointer-events: none;
    opacity: .42;
    background:
        linear-gradient(90deg, transparent 0 19%, rgb(0 236 255 / .14) 19% 19.2%, transparent 19.2% 50%, rgb(0 236 255 / .12) 50% 50.2%, transparent 50.2% 81%, rgb(0 236 255 / .14) 81% 81.2%, transparent 81.2%),
        linear-gradient(180deg, transparent 0 24%, rgb(122 92 255 / .12) 24% 24.2%, transparent 24.2% 74%, rgb(122 92 255 / .12) 74% 74.2%, transparent 74.2%);
}

.system-core-hub {
    grid-column: 5 / span 4;
    grid-row: 1 / span 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 23rem;
    padding: 1.5rem;
    color: #f7fbff;
    text-align: left;
}

.system-core-kicker {
    color: var(--pt-electric-cyan);
    font-family: var(--font-mono);
    font-size: .72rem;
    letter-spacing: .18em;
    text-transform: uppercase;
}
.system-core-hub strong {
    margin-top: .75rem;
    font-family: var(--font-display);
    font-size: clamp(2.2rem, 4.1vw, 4rem);
    line-height: .92;
    letter-spacing: -.04em;
}
.system-core-hub small {
    margin-top: .75rem;
    color: rgb(219 234 254 / .72);
    font-size: .95rem;
}
.system-core-pulse {
    position: absolute;
    right: 1.2rem;
    bottom: 1.2rem;
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgb(0 236 255 / .26), transparent 62%);
    filter: blur(2px);
    animation: capabilityPulse 2.8s ease-in-out infinite;
}

.system-node {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 11rem;
    padding: 1.15rem;
    transition: transform .35s var(--ease-out), box-shadow .35s ease;
}
.system-node:hover { transform: translateY(-6px); }
.system-node > span {
    color: var(--pt-electric-cyan);
    font-family: var(--font-mono);
    font-size: .72rem;
    letter-spacing: .16em;
}
.system-node h3 {
    margin-top: .55rem;
    font-family: var(--font-display);
    font-size: clamp(1.3rem, 1.8vw, 1.7rem);
    line-height: 1;
}
.system-node p {
    margin-top: .7rem;
    color: var(--color-ink-soft);
    line-height: 1.65;
}
.dark .system-node p { color: rgb(219 234 254 / .7); }

.system-node-1 { grid-column: 1 / span 4; grid-row: 1; }
.system-node-2 { grid-column: 9 / span 4; grid-row: 1; }
.system-node-3 { grid-column: 1 / span 4; grid-row: 2; }
.system-node-4 { grid-column: 9 / span 4; grid-row: 2; }

.product-story-heading {
    align-items: start;
}
.product-story-heading h2 {
    max-width: 13ch;
}
.product-story-heading > p {
    max-width: 34rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgb(0 236 255 / .14);
    border-radius: 1rem 1.8rem 1rem 1rem;
    background: linear-gradient(145deg, rgb(7 20 35 / .62), rgb(18 9 36 / .5));
    color: rgb(219 234 254 / .82);
}

.product-story-copy {
    display: flex;
    align-items: stretch;
    border-left: 0;
}
.product-story-copy::before,
.product-story-copy::after { display: none; }
.product-story-copy-rail { min-height: 24rem; }
.product-story-panel {
    justify-content: flex-start;
    width: min(100%, 42rem);
    max-width: 42rem;
    margin: auto 0;
    padding: 1.3rem 1.35rem 1.45rem;
    border-radius: 1.25rem 2rem 1.25rem 1.25rem;
    background: linear-gradient(145deg, rgb(7 20 35 / .9), rgb(18 9 36 / .86));
    backdrop-filter: blur(10px);
}
.product-story-panel > span { font-size: .68rem; }
.product-story-panel h3 { max-width: 13ch; margin-top: .7rem; }
.product-story-panel p { margin-top: .85rem; color: rgb(219 234 254 / .82); }
.product-story-panel strong { margin-top: 1rem; }

.product-story-mobile-step {
    border-radius: 1rem 2rem 1rem 1rem;
}

.mini-proof,
.stat-planet,
.product-wow-card {
    transform-style: preserve-3d;
}
.mini-proof { min-height: 7.4rem; }
.stat-planet { min-height: 10rem; }
.product-wow-card { min-height: 19rem; }

@keyframes capabilityPulse {
    0%, 100% { transform: scale(1); opacity: .86; }
    50% { transform: scale(1.22); opacity: 1; }
}

@media (max-width: 1180px) {
    .capability-module-1,
    .capability-module-2,
    .capability-module-3,
    .capability-module-4,
    .capability-module-5,
    .capability-module-6,
    .capability-module-7,
    .capability-module-8 { grid-column: span 6; }

    .system-core-hub { grid-column: 1 / -1; grid-row: auto; min-height: 18rem; }
    .system-node-1,
    .system-node-2,
    .system-node-3,
    .system-node-4 { grid-column: span 6; grid-row: auto; }
    .system-spine-lines { inset: 10% 8%; }
}

@media (max-width: 767px) {
    .capability-deck,
    .system-spine { grid-template-columns: 1fr; }
    .capability-module-1,
    .capability-module-2,
    .capability-module-3,
    .capability-module-4,
    .capability-module-5,
    .capability-module-6,
    .capability-module-7,
    .capability-module-8,
    .system-core-hub,
    .system-node-1,
    .system-node-2,
    .system-node-3,
    .system-node-4 { grid-column: auto; }
    .product-story-heading > p { padding: .9rem 1rem; }
    .product-story-panel { width: 100%; }
}

/* ====================== v6.9.17 sharp HQ motion upgrade ====================== */
@media (pointer: fine) {
    :root {
        --pt-cursor-default: url('/images/parmtech-cursor-light.png') 5 4, auto;
        --pt-cursor-pointer: url('/images/parmtech-cursor-light.png') 5 4, pointer;
    }
    .dark {
        --pt-cursor-default: url('/images/parmtech-cursor-dark.png') 5 4, auto;
        --pt-cursor-pointer: url('/images/parmtech-cursor-dark.png') 5 4, pointer;
    }
    html, body {
        cursor: var(--pt-cursor-default);
    }
    a, button, [role='button'], summary, .btn, input[type='submit'], input[type='button'], .magnetic, [data-pointer-card], .site-header-nav a, .section-rail a {
        cursor: var(--pt-cursor-pointer);
    }
}

.mouse-glow {
    background:
        radial-gradient(28rem 28rem at var(--mouse-x) var(--mouse-y), rgb(11 99 206 / .085), transparent 60%),
        radial-gradient(12rem 12rem at calc(var(--mouse-x) + 2rem) calc(var(--mouse-y) - 1rem), rgb(0 217 232 / .05), transparent 62%);
}
.dark .mouse-glow {
    background:
        radial-gradient(28rem 28rem at var(--mouse-x) var(--mouse-y), rgb(0 217 232 / .11), transparent 60%),
        radial-gradient(12rem 12rem at calc(var(--mouse-x) + 2rem) calc(var(--mouse-y) - 1rem), rgb(37 99 235 / .07), transparent 62%);
}

.site-orb {
    opacity: .5;
    filter: blur(72px) saturate(1.12);
}
.site-orb-one {
    background: radial-gradient(circle, rgb(23 126 255 / .32), rgb(23 126 255 / .12) 38%, transparent 68%);
}
.site-orb-two {
    background: radial-gradient(circle, rgb(0 236 255 / .26), rgb(96 83 255 / .12) 42%, transparent 70%);
}

.scene-floating-panel,
.scene-floating-cube,
.scene-neon-helix {
    position: absolute;
    pointer-events: none;
    will-change: transform, opacity;
}

.scene-floating-panel {
    border: 1px solid rgb(255 255 255 / .16);
    background:
        linear-gradient(145deg, rgb(255 255 255 / .08), rgb(255 255 255 / .015)),
        linear-gradient(180deg, rgb(0 236 255 / .1), transparent 60%);
    box-shadow:
        0 22px 60px -40px rgb(0 0 0 / .4),
        0 0 0 1px rgb(255 255 255 / .06) inset,
        0 0 28px rgb(0 236 255 / .12);
    backdrop-filter: blur(8px);
}
.dark .scene-floating-panel {
    border-color: rgb(0 236 255 / .18);
    background:
        linear-gradient(145deg, rgb(255 255 255 / .05), rgb(255 255 255 / .01)),
        linear-gradient(180deg, rgb(0 236 255 / .12), transparent 62%);
}
.scene-floating-panel::before {
    content: '';
    position: absolute;
    inset: .7rem;
    border: 1px solid rgb(0 236 255 / .16);
    border-radius: inherit;
    opacity: .75;
}
.scene-floating-panel-one {
    top: 7rem;
    left: 6%;
    width: 12rem;
    height: 7rem;
    border-radius: 1.2rem 2.2rem 1.2rem 1.2rem;
    transform: rotate(-12deg) translate3d(calc(var(--scene-pointer-x) * -18px), calc(var(--scene-pointer-y) * 8px), 0);
    animation: floatPanelA 18s ease-in-out infinite alternate;
}
.scene-floating-panel-two {
    right: 8%;
    top: 18rem;
    width: 9rem;
    height: 14rem;
    border-radius: 1.4rem;
    transform: rotate(11deg) translate3d(calc(var(--scene-pointer-x) * 14px), calc(var(--scene-pointer-y) * -6px), 0);
    animation: floatPanelB 22s ease-in-out infinite alternate;
}

.scene-floating-cube {
    width: 5.2rem;
    aspect-ratio: 1;
    border-radius: 1.15rem;
    border: 1px solid rgb(255 255 255 / .12);
    background:
        linear-gradient(145deg, rgb(255 255 255 / .12), rgb(255 255 255 / .02)),
        radial-gradient(circle at 30% 20%, rgb(0 236 255 / .24), transparent 48%),
        linear-gradient(135deg, rgb(37 99 235 / .1), transparent 70%);
    box-shadow: 0 30px 60px -42px rgb(8 124 255 / .42);
}
.dark .scene-floating-cube {
    border-color: rgb(0 236 255 / .14);
}
.scene-floating-cube-one {
    left: 12%;
    bottom: 12rem;
    transform: rotate(18deg) translate3d(calc(var(--scene-pointer-x) * 10px), calc(var(--scene-pointer-y) * -8px), 0);
    animation: floatCubeA 16s ease-in-out infinite alternate;
}
.scene-floating-cube-two {
    right: 16%;
    top: 7rem;
    width: 3.8rem;
    border-radius: .95rem;
    transform: rotate(-20deg) translate3d(calc(var(--scene-pointer-x) * -12px), calc(var(--scene-pointer-y) * 6px), 0);
    animation: floatCubeB 19s ease-in-out infinite alternate;
}

.scene-neon-helix {
    left: 50%;
    top: 9rem;
    width: min(56vw, 54rem);
    height: 18rem;
    transform: translateX(-50%) translate3d(0, calc(var(--scene-scroll) * -.02), 0);
    opacity: .68;
    background:
        radial-gradient(circle at 50% 50%, rgb(37 99 235 / .08), transparent 55%),
        repeating-linear-gradient(90deg, transparent 0 2.4rem, rgb(0 236 255 / .06) 2.4rem 2.48rem),
        linear-gradient(90deg, transparent, rgb(0 236 255 / .14), transparent),
        linear-gradient(180deg, transparent, rgb(122 92 255 / .16), transparent);
    mask: linear-gradient(transparent, black 12%, black 88%, transparent);
    filter: blur(.2px);
    animation: helixSweep 24s linear infinite;
}

.site-header,
.site-footer,
.pt-shell,
.pt-shell-wide,
.pt-shell-narrow,
.service-card,
.product-wow-card,
.capability-module,
.system-node,
.system-core-hub,
.product-story-panel,
.mini-proof,
.stat-planet {
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}

.site-header {
    backdrop-filter: saturate(1.1) blur(16px);
}

.site-header-nav a,
.footer-links a,
.section-rail a {
    position: relative;
    transition: color .24s ease, transform .24s ease;
}
.site-header-nav a::after,
.footer-links a::after,
.section-rail a::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -.38rem;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--pt-electric-cyan), var(--pt-electric-blue), var(--pt-neon-violet));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .24s ease;
    opacity: .9;
}
.site-header-nav a:hover::after,
.site-header-nav a[aria-current='page']::after,
.footer-links a:hover::after,
.section-rail a:hover::after,
.section-rail a.is-active::after {
    transform: scaleX(1);
}
.site-header-nav a:hover,
.footer-links a:hover,
.section-rail a:hover {
    transform: translateY(-1px);
}

.btn,
button,
[role='button'] {
    transition: transform .28s var(--ease-out), box-shadow .28s ease, border-color .24s ease, background-color .24s ease;
}
.btn:hover,
button:hover,
[role='button']:hover {
    transform: translateY(-1px);
}

:where(.service-card, .product-wow-card, .capability-module, .system-node, .system-core-hub, .mini-proof, .stat-planet, .product-story-panel) {
    transition: transform .32s var(--ease-out), box-shadow .32s ease, border-color .26s ease, filter .26s ease;
}
:where(.service-card, .product-wow-card, .capability-module, .system-node, .system-core-hub, .mini-proof, .stat-planet, .product-story-panel):hover {
    box-shadow: 0 30px 90px -56px rgb(8 124 255 / .4);
    filter: saturate(1.04);
}

.parmtech-logo {
    image-rendering: auto;
}
.parmtech-logo-image {
    filter: drop-shadow(0 0 0 transparent);
}
.parmtech-logo-on-light {
    max-width: 100%;
}
body:not(.dark) .parmtech-logo:not(.parmtech-logo-ondark) .parmtech-logo-on-light {
    filter: drop-shadow(0 8px 16px rgb(0 0 0 / .05));
}

@keyframes floatPanelA {
    from { transform: rotate(-12deg) translate3d(-1rem, 0, 0); }
    to { transform: rotate(-6deg) translate3d(1rem, 1.8rem, 0); }
}
@keyframes floatPanelB {
    from { transform: rotate(11deg) translate3d(0, 0, 0); }
    to { transform: rotate(16deg) translate3d(-1.2rem, 1.4rem, 0); }
}
@keyframes floatCubeA {
    from { transform: rotate(18deg) translate3d(0, 0, 0); }
    to { transform: rotate(34deg) translate3d(1.4rem, -1rem, 0); }
}
@keyframes floatCubeB {
    from { transform: rotate(-20deg) translate3d(0, 0, 0); }
    to { transform: rotate(-6deg) translate3d(-1.1rem, 1.1rem, 0); }
}
@keyframes helixSweep {
    from { transform: translateX(-50%) translate3d(0, 0, 0); background-position: 0 0, 0 0, -14rem 0, 0 0; }
    to { transform: translateX(-50%) translate3d(0, -.7rem, 0); background-position: 0 0, 4.8rem 0, 14rem 0, 0 0; }
}

@media (max-width: 1024px) {
    .scene-floating-panel-two,
    .scene-neon-helix {
        display: none;
    }
}

@media (max-width: 767px) {
    .scene-floating-panel,
    .scene-floating-cube,
    .scene-neon-helix {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .scene-floating-panel,
    .scene-floating-cube,
    .scene-neon-helix {
        display: none;
    }
}


/* v6.9.17 selector corrections */
.nav-link,
.footer-link,
.section-rail a {
    position: relative;
    transition: color .24s ease, transform .24s ease;
}
.nav-link::after,
.footer-link::after,
.section-rail a::after {
    content: '';
    position: absolute;
    left: .75rem;
    right: .75rem;
    bottom: .18rem;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--pt-electric-cyan), var(--pt-electric-blue), var(--pt-neon-violet));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .24s ease;
    opacity: .9;
}
.footer-link::after { left: 0; right: 0; bottom: -.2rem; }
.nav-link:hover::after,
.nav-link.is-active::after,
.footer-link:hover::after,
.section-rail a:hover::after,
.section-rail a.is-active::after { transform: scaleX(1); }
.nav-link:hover,
.footer-link:hover,
.section-rail a:hover { transform: translateY(-1px); }
html:not(.dark) .parmtech-logo:not(.parmtech-logo-ondark) .parmtech-logo-on-light {
    filter: drop-shadow(0 8px 16px rgb(0 0 0 / .05));
}

/* ================== v6.9.18 pyramid + product join motion ================== */

@media (pointer: fine) {
    :root {
        --pt-cursor-default: url('/images/parmtech-cursor-light-v18.png') 4 3, auto;
        --pt-cursor-pointer: url('/images/parmtech-cursor-light-v18.png') 4 3, pointer;
    }
    .dark {
        --pt-cursor-default: url('/images/parmtech-cursor-dark-v18.png') 4 3, auto;
        --pt-cursor-pointer: url('/images/parmtech-cursor-dark-v18.png') 4 3, pointer;
    }
}

/* New supplied light-mode lockup remains crisp and visible on white surfaces. */
.parmtech-logo-on-light {
    object-fit: contain;
    image-rendering: auto;
}
html:not(.dark) .parmtech-logo:not(.parmtech-logo-ondark) .parmtech-logo-on-light {
    filter: drop-shadow(0 7px 14px rgb(2 15 34 / .09));
}

/* -------------------------- Capability pyramid -------------------------- */
.capability-pyramid-section {
    position: relative;
    width: 100%;
    color: var(--color-ink);
    background:
        radial-gradient(circle at 28% 42%, rgb(0 203 235 / .13), transparent 28rem),
        radial-gradient(circle at 76% 45%, rgb(74 88 255 / .11), transparent 32rem),
        linear-gradient(145deg, color-mix(in oklab, var(--color-surface) 95%, #eaf8ff 5%), color-mix(in oklab, var(--color-raised) 94%, #eff0ff 6%));
    overflow: clip;
}
.dark .capability-pyramid-section {
    color: #f7fbff;
    background:
        radial-gradient(circle at 30% 42%, rgb(0 236 255 / .15), transparent 28rem),
        radial-gradient(circle at 76% 46%, rgb(85 70 255 / .16), transparent 32rem),
        linear-gradient(145deg, #010712 0%, #07182b 48%, #110a27 100%);
}
.capability-pyramid-section::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .48;
    background-image:
        linear-gradient(rgb(0 139 200 / .07) 1px, transparent 1px),
        linear-gradient(90deg, rgb(80 90 230 / .06) 1px, transparent 1px);
    background-size: 58px 58px;
    mask: radial-gradient(circle at 50% 48%, black 18%, transparent 76%);
}
.dark .capability-pyramid-section::before { opacity: .52; }

.capability-pyramid-stage {
    display: none;
    position: relative;
    width: 100%;
    min-height: 42rem;
    overflow: hidden;
}
.capability-pyramid-section.is-pyramid-pinned .capability-pyramid-stage {
    display: block;
    position: sticky;
    height: min(55rem, calc(100svh - 6.25rem));
}
.capability-pyramid-shell {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100%;
    gap: clamp(.8rem, 1.6vh, 1.35rem);
    padding-block: clamp(1rem, 2vh, 1.8rem);
}
.capability-pyramid-head {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .72fr);
    align-items: end;
    gap: clamp(1rem, 4vw, 4.5rem);
}
.capability-pyramid-head .wow-section-title {
    max-width: 17ch;
    font-size: clamp(2rem, 4.1vw, 4.3rem);
}
.capability-pyramid-head > p {
    max-width: 38rem;
    margin: 0;
    border: 1px solid color-mix(in oklab, var(--color-edge) 72%, var(--pt-electric-cyan));
    border-radius: 1rem 2.2rem 1rem 1rem;
    padding: 1rem 1.15rem;
    color: var(--color-ink-soft);
    background: color-mix(in oklab, var(--color-raised) 82%, transparent);
    line-height: 1.65;
}
.dark .capability-pyramid-head > p {
    color: rgb(219 234 254 / .78);
    background: linear-gradient(145deg, rgb(7 22 39 / .75), rgb(18 9 38 / .68));
}
.capability-pyramid-workbench {
    display: grid;
    min-height: 0;
    grid-template-columns: minmax(31rem, 1.12fr) minmax(21rem, .88fr);
    align-items: stretch;
    gap: clamp(1.2rem, 3vw, 3.8rem);
}

.pyramid-visual {
    --pyramid-rotate-y: 0deg;
    --pyramid-rotate-x: -12deg;
    --pyramid-glow: .48;
    position: relative;
    min-height: 0;
    overflow: hidden;
    border: 1px solid color-mix(in oklab, var(--color-edge) 70%, var(--pt-electric-cyan));
    border-radius: 2.8rem .9rem 2.8rem .9rem;
    background:
        radial-gradient(circle at 50% 48%, rgb(0 221 255 / .14), transparent 28%),
        linear-gradient(145deg, color-mix(in oklab, var(--color-raised) 90%, transparent), color-mix(in oklab, var(--color-surface) 86%, transparent));
    box-shadow:
        inset 0 0 5rem rgb(0 139 255 / .06),
        0 34px 90px -60px rgb(0 84 210 / .42);
    perspective: 1100px;
}
.dark .pyramid-visual {
    border-color: rgb(0 236 255 / .17);
    background:
        radial-gradient(circle at 50% 48%, rgb(0 236 255 / .13), transparent 29%),
        linear-gradient(145deg, rgb(3 13 27 / .93), rgb(18 8 38 / .9));
}
.pyramid-visual::before {
    content: '';
    position: absolute;
    inset: 8%;
    border: 1px dashed rgb(0 198 230 / .19);
    border-radius: 50%;
    transform: rotateX(68deg) rotateZ(var(--pyramid-rotate-y));
    box-shadow: 0 0 4rem rgb(0 236 255 / .08);
}
.pyramid-visual::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 7%;
    width: 68%;
    height: 10%;
    border-radius: 50%;
    opacity: var(--pyramid-glow);
    background: radial-gradient(ellipse, rgb(0 225 255 / .28), transparent 68%);
    filter: blur(18px);
    transform: translateX(-50%);
}
.pyramid-orbit {
    position: absolute;
    left: 50%;
    top: 50%;
    border: 1px solid rgb(0 204 235 / .2);
    border-radius: 50%;
    pointer-events: none;
    transform-style: preserve-3d;
}
.pyramid-orbit-one {
    width: 68%;
    aspect-ratio: 1.9;
    transform: translate(-50%, -50%) rotateX(67deg) rotateZ(calc(var(--pyramid-rotate-y) * .35));
}
.pyramid-orbit-two {
    width: 48%;
    aspect-ratio: 1.65;
    border-style: dashed;
    border-color: rgb(92 78 255 / .22);
    transform: translate(-50%, -50%) rotateX(68deg) rotateZ(calc(var(--pyramid-rotate-y) * -.28));
}
.pyramid-axis {
    position: absolute;
    left: 50%;
    top: 12%;
    bottom: 12%;
    width: 1px;
    opacity: .28;
    background: linear-gradient(transparent, var(--pt-electric-cyan), var(--pt-neon-violet), transparent);
}
.pyramid-core {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    width: clamp(11rem, 20vw, 18rem);
    height: clamp(10rem, 18vw, 16rem);
    transform-style: preserve-3d;
    transform: translate3d(-50%, -48%, 0) rotateX(var(--pyramid-rotate-x)) rotateY(var(--pyramid-rotate-y));
    transition: filter .35s ease;
    filter: drop-shadow(0 24px 34px rgb(0 73 180 / .24));
    will-change: transform;
}
.pyramid-face {
    position: absolute;
    left: 50%;
    bottom: 12%;
    width: 88%;
    height: 83%;
    transform-origin: 50% 100%;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    border: 1px solid rgb(130 238 255 / .34);
    background:
        linear-gradient(145deg, rgb(255 255 255 / .28), transparent 35%),
        linear-gradient(180deg, rgb(0 222 255 / .36), rgb(25 103 255 / .28) 45%, rgb(82 62 255 / .38));
    box-shadow: inset 0 0 2.6rem rgb(255 255 255 / .08);
    backface-visibility: visible;
}
.pyramid-face-front { transform: translateX(-50%) translateZ(4.5rem) rotateX(29deg); }
.pyramid-face-right { transform: translateX(-50%) rotateY(90deg) translateZ(4.5rem) rotateX(29deg); }
.pyramid-face-back { transform: translateX(-50%) rotateY(180deg) translateZ(4.5rem) rotateX(29deg); }
.pyramid-face-left { transform: translateX(-50%) rotateY(-90deg) translateZ(4.5rem) rotateX(29deg); }
.pyramid-base {
    position: absolute;
    left: 50%;
    bottom: 8%;
    width: 68%;
    aspect-ratio: 1;
    border: 1px solid rgb(0 236 255 / .28);
    background: linear-gradient(135deg, rgb(0 236 255 / .13), rgb(94 75 255 / .16));
    transform: translateX(-50%) rotateX(90deg) translateZ(-.5rem) rotateZ(45deg);
}
.pyramid-core-label {
    position: absolute;
    left: 50%;
    top: 56%;
    z-index: 8;
    color: #eefdff;
    font-family: var(--font-mono);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-shadow: 0 0 14px rgb(0 236 255 / .85);
    transform: translate(-50%, -50%) translateZ(6.6rem);
    white-space: nowrap;
}

.pyramid-node-ring { position: absolute; inset: 0; z-index: 8; pointer-events: none; }
.pyramid-node {
    position: absolute;
    display: grid;
    min-width: 8.8rem;
    max-width: 11rem;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: .6rem;
    border: 1px solid color-mix(in oklab, var(--color-edge) 70%, var(--pt-electric-cyan));
    border-radius: .75rem 1.65rem .75rem .75rem;
    padding: .65rem .75rem;
    color: var(--color-ink);
    background: color-mix(in oklab, var(--color-raised) 88%, transparent);
    box-shadow: 0 16px 38px -30px rgb(0 67 170 / .36);
    pointer-events: auto;
    text-align: left;
    transition: transform .3s var(--ease-out), border-color .25s ease, opacity .25s ease, box-shadow .3s ease;
}
.dark .pyramid-node {
    color: #eaf9ff;
    border-color: rgb(0 236 255 / .16);
    background: linear-gradient(145deg, rgb(9 28 49 / .9), rgb(18 9 40 / .86));
}
.pyramid-node span {
    color: var(--pt-electric-cyan);
    font-family: var(--font-mono);
    font-size: .66rem;
    letter-spacing: .1em;
}
.pyramid-node strong {
    overflow: hidden;
    font-family: var(--font-display);
    font-size: .86rem;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pyramid-node:hover,
.pyramid-node.is-active {
    z-index: 20;
    border-color: rgb(0 219 255 / .62);
    box-shadow: 0 18px 46px -28px rgb(0 151 255 / .58), 0 0 18px rgb(0 236 255 / .12);
    transform: translateY(-3px) scale(1.035);
}
.pyramid-node:not(.is-active) { opacity: .72; }
.pyramid-node-1 { left: 5%; top: 12%; }
.pyramid-node-2 { left: 2%; top: 38%; }
.pyramid-node-3 { left: 8%; bottom: 14%; }
.pyramid-node-4 { left: 34%; bottom: 5%; }
.pyramid-node-5 { right: 7%; bottom: 13%; }
.pyramid-node-6 { right: 2%; top: 43%; }
.pyramid-node-7 { right: 6%; top: 14%; }
.pyramid-node-8 { left: 38%; top: 5%; }

.pyramid-detail-stack {
    position: relative;
    min-height: 0;
    overflow: hidden;
    border: 1px solid color-mix(in oklab, var(--color-edge) 70%, var(--pt-electric-cyan));
    border-radius: 1rem 3rem 1rem 1rem;
    background: color-mix(in oklab, var(--color-raised) 86%, transparent);
    box-shadow: 0 34px 90px -60px rgb(0 72 185 / .42);
}
.dark .pyramid-detail-stack {
    border-color: rgb(0 236 255 / .16);
    background: linear-gradient(145deg, rgb(4 16 31 / .92), rgb(19 8 40 / .88));
}
.pyramid-detail-stack::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, var(--pt-electric-cyan), transparent 28%) top left / 54% 1px no-repeat,
        linear-gradient(270deg, var(--pt-neon-violet), transparent 28%) bottom right / 48% 1px no-repeat;
}
.pyramid-detail-card {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(1.35rem, 3vw, 3rem);
    opacity: 0;
    transform: translate3d(12%, 0, 0) scale(.96);
    transition: opacity .34s ease, transform .45s var(--ease-out);
    pointer-events: none;
}
.pyramid-detail-card.is-active {
    z-index: 4;
    opacity: 1;
    transform: none;
    pointer-events: auto;
}
.pyramid-detail-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--pt-electric-cyan);
    font-family: var(--font-mono);
    font-size: .74rem;
    letter-spacing: .16em;
}
.pyramid-detail-topline i {
    width: 5.5rem;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--pt-electric-cyan), var(--pt-neon-violet), transparent);
    box-shadow: 0 0 14px rgb(0 236 255 / .42);
}
.pyramid-detail-card h3 {
    max-width: 13ch;
    margin-top: .85rem;
    color: var(--color-ink);
    font-family: var(--font-display);
    font-size: clamp(2rem, 3.4vw, 3.7rem);
    line-height: .92;
    letter-spacing: -.035em;
}
.dark .pyramid-detail-card h3 { color: #f8fcff; }
.pyramid-detail-card p {
    max-width: 36rem;
    margin-top: 1rem;
    color: var(--color-ink-soft);
    font-size: 1rem;
    line-height: 1.72;
}
.dark .pyramid-detail-card p { color: rgb(219 234 254 / .78); }
.pyramid-detail-tags { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1.2rem; }
.pyramid-detail-tags span {
    border: 1px solid color-mix(in oklab, var(--color-edge) 70%, var(--pt-electric-cyan));
    border-radius: 999px;
    padding: .38rem .7rem;
    color: var(--color-ink-soft);
    font-family: var(--font-mono);
    font-size: .64rem;
    letter-spacing: .09em;
    text-transform: uppercase;
}
.dark .pyramid-detail-tags span { color: rgb(219 234 254 / .78); }
.pyramid-detail-card > a {
    align-self: flex-start;
    margin-top: 1.25rem;
    color: var(--color-cobalt-500);
    font-weight: 700;
}
.dark .pyramid-detail-card > a { color: #67e8f9; }

.pyramid-story-footer,
.product-join-footer {
    display: grid;
    grid-template-columns: auto minmax(8rem, 1fr) minmax(10rem, auto);
    align-items: center;
    gap: 1rem;
    color: var(--color-ink-faint);
    font-family: var(--font-mono);
    font-size: .68rem;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.dark .pyramid-story-footer,
.dark .product-join-footer { color: rgb(219 234 254 / .68); }
.pyramid-story-footer strong,
.product-join-footer strong { color: var(--pt-electric-cyan); font-size: .9rem; }
.pyramid-story-meter,
.product-join-meter { height: 2px; overflow: hidden; background: color-mix(in oklab, var(--color-edge) 65%, transparent); }
.pyramid-story-meter i,
.product-join-meter i {
    display: block;
    width: var(--pyramid-meter, 0%);
    height: 100%;
    background: linear-gradient(90deg, var(--pt-electric-cyan), var(--pt-electric-blue), var(--pt-neon-violet));
    box-shadow: 0 0 14px rgb(0 236 255 / .58);
}
.product-join-meter i { width: var(--product-join-meter, 0%); }
.capability-pyramid-mobile { display: grid; gap: 1rem; padding-block: clamp(4rem, 8vw, 7rem); }
.capability-pyramid-section.is-pyramid-pinned .capability-pyramid-mobile { display: none; }

/* ----------------------- Ecosystem network interaction ----------------------- */
.system-spine-section { overflow: clip; }
.system-spine[data-ecosystem-stage] {
    --network-active: 0;
    isolation: isolate;
}
.system-spine[data-ecosystem-stage]::before {
    content: '';
    position: absolute;
    inset: 8% 12%;
    z-index: -1;
    border: 1px solid color-mix(in oklab, var(--color-edge) 64%, var(--pt-electric-cyan));
    border-radius: 50%;
    opacity: .42;
    transform: rotateX(68deg) rotateZ(calc(var(--network-active) * 18deg));
    transition: transform .6s var(--ease-out), opacity .3s ease;
}
.system-core-hub[data-ecosystem-core] {
    overflow: visible;
}
.system-core-hub[data-ecosystem-core]::before,
.system-core-hub[data-ecosystem-core]::after {
    content: '';
    position: absolute;
    inset: -1rem;
    z-index: -1;
    border: 1px solid rgb(0 217 255 / .18);
    border-radius: 1.5rem 3.2rem 1.5rem 1.5rem;
    pointer-events: none;
    animation: ecosystemPulse 3.8s ease-in-out infinite;
}
.system-core-hub[data-ecosystem-core]::after {
    inset: -2rem;
    border-color: rgb(91 75 255 / .14);
    animation-delay: -1.9s;
}
.system-node[data-ecosystem-node] {
    overflow: visible;
}
.system-node[data-ecosystem-node]::after {
    content: '';
    position: absolute;
    top: 50%;
    z-index: -1;
    width: clamp(4rem, 9vw, 10rem);
    height: 2px;
    opacity: .12;
    background: linear-gradient(90deg, var(--pt-electric-cyan), var(--pt-neon-violet), transparent);
    box-shadow: 0 0 14px rgb(0 236 255 / .38);
    transform-origin: center;
    transition: opacity .25s ease, transform .4s var(--ease-out);
}
.system-node-1::after,
.system-node-3::after { left: 100%; transform: rotate(7deg); }
.system-node-2::after,
.system-node-4::after { right: 100%; transform: rotate(173deg); }
.system-node[data-ecosystem-node].is-network-active {
    z-index: 8;
    border-color: rgb(0 219 255 / .58);
    transform: translateY(-8px) scale(1.025);
    box-shadow: 0 28px 78px -44px rgb(0 128 255 / .5), 0 0 24px rgb(0 236 255 / .1);
}
.system-node[data-ecosystem-node].is-network-active::after { opacity: .92; transform: scaleX(1.06); }
.system-spine.is-network-engaged .system-core-hub[data-ecosystem-core] {
    border-color: rgb(0 219 255 / .5);
    box-shadow: 0 34px 88px -46px rgb(0 133 255 / .52), inset 0 0 3rem rgb(0 236 255 / .07);
}
@keyframes ecosystemPulse {
    0%, 100% { opacity: .25; transform: scale(.98); }
    50% { opacity: .72; transform: scale(1.035); }
}

/* -------------------- Product assembly readability correction -------------------- */
.product-story-workbench { min-height: 25rem; }
.product-story-copy {
    overflow: visible;
    align-self: stretch;
}
.product-story-copy-rail {
    min-height: 25rem;
    height: 100%;
    overflow: visible;
}
.product-story-panel {
    justify-content: center;
    min-height: 100%;
    filter: none;
    background: linear-gradient(145deg, rgb(6 20 38 / .97), rgb(18 8 39 / .95));
    box-shadow: 0 30px 80px -50px rgb(0 126 255 / .48);
}
.product-story-panel h3,
.product-story-panel p,
.product-story-panel strong,
.product-story-panel > span {
    opacity: 1;
    filter: none;
}
.product-story-panel p { color: rgb(226 239 255 / .88); }
.product-story-heading > p { color: rgb(226 239 255 / .86); }

/* -------------------------- Product joining line -------------------------- */
.product-join-section {
    position: relative;
    width: 100%;
    overflow: clip;
    color: var(--color-ink);
    background:
        radial-gradient(circle at 50% 55%, rgb(0 202 234 / .12), transparent 31rem),
        linear-gradient(145deg, color-mix(in oklab, var(--color-surface) 96%, #ecf9ff 4%), color-mix(in oklab, var(--color-raised) 94%, #f1efff 6%));
}
.dark .product-join-section {
    color: #f7fbff;
    background:
        radial-gradient(circle at 50% 55%, rgb(0 236 255 / .13), transparent 31rem),
        linear-gradient(145deg, #010712 0%, #071728 52%, #120a28 100%);
}
.product-join-stage {
    position: relative;
    width: 100%;
    min-height: 42rem;
    overflow: hidden;
}
.product-join-section.is-product-join-pinned .product-join-stage {
    position: sticky;
    height: min(50rem, calc(100svh - 6.25rem));
}
.product-join-shell {
    display: grid;
    height: 100%;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: clamp(1rem, 2vh, 1.5rem);
    padding-block: clamp(1.25rem, 2.5vh, 2.2rem);
}
.product-join-head {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .7fr);
    align-items: end;
    gap: clamp(1rem, 4vw, 4.5rem);
}
.product-join-head .wow-section-title {
    max-width: 17ch;
    font-size: clamp(2rem, 4vw, 4.2rem);
}
.product-join-head > p {
    margin: 0;
    border: 1px solid color-mix(in oklab, var(--color-edge) 70%, var(--pt-electric-cyan));
    border-radius: 1rem 2.2rem 1rem 1rem;
    padding: 1rem 1.15rem;
    color: var(--color-ink-soft);
    background: color-mix(in oklab, var(--color-raised) 82%, transparent);
    line-height: 1.65;
}
.dark .product-join-head > p {
    color: rgb(219 234 254 / .78);
    background: linear-gradient(145deg, rgb(6 20 36 / .72), rgb(18 8 39 / .68));
}
.product-join-viewport {
    position: relative;
    display: flex;
    min-height: 0;
    align-items: center;
    overflow: hidden;
    border-block: 1px solid color-mix(in oklab, var(--color-edge) 70%, var(--pt-electric-cyan));
}
.product-join-viewport::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    opacity: .44;
    background: linear-gradient(90deg, transparent, var(--pt-electric-cyan), var(--pt-electric-blue), var(--pt-neon-violet), transparent);
    box-shadow: 0 0 18px rgb(0 236 255 / .34);
}
.product-join-track {
    position: relative;
    z-index: 2;
    display: flex;
    width: 100%;
    align-items: stretch;
    gap: clamp(.55rem, .8vw, .9rem);
    perspective: 1300px;
}
.product-join-card {
    --join-x: 0px;
    --join-y: 0px;
    --join-r: 0deg;
    --join-scale: 1;
    --join-opacity: 1;
    position: relative;
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    min-height: clamp(16rem, 27vh, 20rem);
    flex-direction: column;
    overflow: hidden;
    border: 1px solid color-mix(in oklab, var(--color-edge) 68%, var(--pt-electric-cyan));
    border-radius: .75rem 2.4rem .75rem .75rem;
    padding: clamp(.9rem, 1.4vw, 1.25rem);
    opacity: var(--join-opacity);
    color: var(--color-ink);
    background:
        linear-gradient(145deg, color-mix(in oklab, var(--color-raised) 94%, var(--pt-electric-cyan) 6%), color-mix(in oklab, var(--color-surface) 95%, var(--pt-neon-violet) 5%));
    box-shadow: 0 28px 68px -50px rgb(0 86 210 / .46);
    clip-path: polygon(0 0, calc(100% - 1.7rem) 0, 100% 1.7rem, 100% 100%, 0 100%);
    transform: translate3d(var(--join-x), var(--join-y), 0) rotateY(var(--join-r)) scale(var(--join-scale));
    transform-origin: center;
    will-change: transform, opacity;
}
.dark .product-join-card {
    color: #f7fbff;
    border-color: rgb(0 236 255 / .17);
    background: linear-gradient(145deg, rgb(8 25 45 / .96), rgb(19 8 41 / .93));
}
.product-join-card::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, var(--pt-electric-cyan), transparent 26%) top left / 60% 1px no-repeat,
        linear-gradient(270deg, var(--pt-neon-violet), transparent 26%) bottom right / 52% 1px no-repeat;
}
.product-join-card-head,
.product-join-card-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}
.product-join-card-head span,
.product-join-card-head strong,
.product-join-card-foot span {
    font-family: var(--font-mono);
    font-size: .62rem;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.product-join-card-head span,
.product-join-card-foot span { color: var(--pt-electric-cyan); }
.product-join-card-head strong { color: var(--color-ink-faint); }
.dark .product-join-card-head strong { color: rgb(219 234 254 / .55); }
.product-join-card h3 {
    margin-top: 1.1rem;
    font-family: var(--font-display);
    font-size: clamp(1.35rem, 1.8vw, 1.85rem);
    line-height: .98;
    letter-spacing: -.03em;
    text-wrap: balance;
}
.product-join-card p {
    margin-top: .75rem;
    color: var(--color-ink-soft);
    font-size: .87rem;
    line-height: 1.62;
}
.dark .product-join-card p { color: rgb(219 234 254 / .72); }
.product-join-card-foot { margin-top: auto; padding-top: 1.15rem; }
.product-join-card-foot a {
    display: grid;
    width: 2rem;
    aspect-ratio: 1;
    place-content: center;
    border: 1px solid color-mix(in oklab, var(--color-edge) 68%, var(--pt-electric-cyan));
    border-radius: .65rem;
    color: var(--color-cobalt-500);
    transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.dark .product-join-card-foot a { color: #67e8f9; }
.product-join-card-foot a:hover {
    border-color: rgb(0 219 255 / .62);
    background: rgb(0 219 255 / .07);
    transform: translateX(2px);
}
.product-join-card.is-joined {
    border-color: rgb(0 219 255 / .42);
    box-shadow: 0 28px 72px -48px rgb(0 136 255 / .52), 0 0 18px rgb(0 236 255 / .06);
}

@media (max-width: 1180px) {
    .capability-pyramid-head,
    .product-join-head { grid-template-columns: 1fr; }
    .capability-pyramid-workbench { grid-template-columns: minmax(26rem, 1fr) minmax(19rem, .75fr); }
    .pyramid-node { min-width: 7.5rem; max-width: 9rem; }
    .pyramid-node strong { font-size: .76rem; }
    .product-join-card { min-height: 17rem; padding: .85rem; }
    .product-join-card p { font-size: .8rem; }
}

@media (max-width: 1023px), (max-height: 699px) {
    .capability-pyramid-stage { display: none; }
    .capability-pyramid-section.is-pyramid-pinned .capability-pyramid-stage { display: none; }
    .capability-pyramid-section.is-pyramid-pinned .capability-pyramid-mobile,
    .capability-pyramid-mobile { display: grid; }
    .product-join-section.is-product-join-pinned .product-join-stage { position: relative; height: auto; }
    .product-join-stage { min-height: auto; }
    .product-join-shell { height: auto; padding-block: clamp(4rem, 9vw, 7rem); }
    .product-join-viewport { overflow-x: auto; scroll-snap-type: x mandatory; padding-block: 1.5rem; }
    .product-join-track { width: max-content; }
    .product-join-card { flex: 0 0 min(78vw, 18rem); scroll-snap-align: center; }
    .product-join-footer { grid-template-columns: auto 1fr; }
    .product-join-footer > :last-child { display: none; }
}

@media (max-width: 767px) {
    .capability-pyramid-mobile { grid-template-columns: 1fr; }
    .product-join-head > p { padding: .9rem 1rem; }
    .product-story-workbench { min-height: auto; }
}

@media (prefers-reduced-motion: reduce) {
    .capability-pyramid-stage { display: none; }
    .capability-pyramid-mobile { display: grid; }
    .product-join-card { opacity: 1; transform: none; }
}
.pyramid-core {
    transform: translate3d(-50%, -48%, 0)
        rotateX(calc(var(--pyramid-rotate-x) + var(--pyramid-hover-x, 0deg)))
        rotateY(calc(var(--pyramid-rotate-y) + var(--pyramid-hover-y, 0deg)));
}

/* ================== v6.9.19 orbital logo + adaptive cursor ================== */

@media (pointer: fine) {
    html.pt-smart-cursor-enabled,
    html.pt-smart-cursor-enabled * {
        cursor: none !important;
    }
}

.pt-smart-cursor {
    --cursor-x: -100px;
    --cursor-y: -100px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 140;
    width: 1.8rem;
    height: 1.8rem;
    pointer-events: none;
    opacity: 0;
    transform: translate3d(calc(var(--cursor-x) - 0.18rem), calc(var(--cursor-y) - 0.16rem), 0);
    transition: opacity .16s ease, transform .16s ease;
    will-change: transform, opacity;
}
.pt-smart-cursor::after {
    content: '';
    position: absolute;
    inset: -.55rem;
    border-radius: 999px;
    opacity: 0;
    background: radial-gradient(circle, rgb(88 212 255 / .18), transparent 72%);
    transition: opacity .18s ease, transform .18s ease;
    transform: scale(.85);
}
.pt-smart-cursor.is-visible { opacity: 1; }
.pt-smart-cursor.is-pointer::after,
.pt-smart-cursor.is-pressed::after {
    opacity: 1;
    transform: scale(1);
}
.pt-smart-cursor-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    transform: scale(.96);
    transition: opacity .16s ease, transform .18s ease, filter .18s ease;
    filter: drop-shadow(0 0 14px rgb(0 236 255 / .22));
}
.pt-smart-cursor.is-on-dark .pt-smart-cursor-light,
.pt-smart-cursor.is-on-light .pt-smart-cursor-dark {
    opacity: 1;
}
.pt-smart-cursor.is-pointer .pt-smart-cursor-image { transform: scale(1.08); }
.pt-smart-cursor.is-pressed .pt-smart-cursor-image { transform: scale(.94); }
@media (pointer: coarse), (prefers-reduced-motion: reduce) {
    .pt-smart-cursor { display: none; }
}

.capability-pyramid-workbench {
    grid-template-columns: minmax(30rem, 1.06fr) minmax(23rem, .94fr);
}
.pyramid-visual {
    overflow: hidden;
}
.pyramid-core.logo-space-scene {
    position: absolute;
    left: 50%;
    top: 52%;
    z-index: 5;
    width: min(86%, 38rem);
    aspect-ratio: 1 / 1;
    transform-style: preserve-3d;
    transform: translate3d(-50%, -50%, 0)
        rotateX(calc(var(--pyramid-rotate-x) + var(--pyramid-hover-x, 0deg)))
        rotateY(calc(var(--pyramid-rotate-y) + var(--pyramid-hover-y, 0deg)));
    filter: drop-shadow(0 24px 44px rgb(0 97 255 / .24));
    will-change: transform;
}
.pyramid-face,
.pyramid-base,
.pyramid-core-label { display: none; }
.logo-space-halo,
.logo-space-orbit,
.logo-space-panel-glow,
.logo-space-satellite,
.logo-space-panel,
.logo-space-panel-edge {
    position: absolute;
    pointer-events: none;
}
.logo-space-halo {
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}
.logo-space-halo-one {
    width: 76%;
    aspect-ratio: 1;
    background: radial-gradient(circle, rgb(0 214 255 / .24), transparent 68%);
    filter: blur(16px);
}
.logo-space-halo-two {
    width: 58%;
    aspect-ratio: 1;
    background: radial-gradient(circle, rgb(88 73 255 / .24), transparent 62%);
    filter: blur(28px);
}
.logo-space-orbit {
    left: 50%;
    top: 50%;
    border: 1px solid rgb(0 214 255 / .16);
    border-radius: 50%;
    transform-style: preserve-3d;
}
.logo-space-orbit-a {
    width: 82%;
    aspect-ratio: 1.7;
    transform: translate(-50%, -50%) rotateX(72deg) rotateZ(calc(var(--pyramid-rotate-y) * .34));
}
.logo-space-orbit-b {
    width: 58%;
    aspect-ratio: 1.4;
    border-style: dashed;
    border-color: rgb(92 79 255 / .2);
    transform: translate(-50%, -50%) rotateX(72deg) rotateZ(calc(var(--pyramid-rotate-y) * -.26));
}
.logo-space-panel-glow {
    left: 50%;
    top: 56%;
    width: 78%;
    height: 18%;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgb(0 223 255 / .28), transparent 70%);
    filter: blur(22px);
    opacity: var(--pyramid-glow);
    transform: translate(-50%, -50%) rotateX(84deg) translateZ(-1rem);
}
.logo-space-panel {
    left: 50%;
    top: 49%;
    width: 84%;
    aspect-ratio: 1.25;
    border-radius: 2rem;
    border: 1px solid rgb(0 214 255 / .2);
    background:
        radial-gradient(circle at 50% 50%, rgb(0 220 255 / .10), transparent 48%),
        linear-gradient(145deg, rgb(4 18 34 / .94), rgb(9 22 45 / .94) 48%, rgb(16 9 40 / .92));
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / .12),
        inset 0 0 5rem rgb(0 145 255 / .10),
        0 30px 90px -54px rgb(0 127 255 / .55);
    overflow: hidden;
    transform: translate(-50%, -50%) rotateX(-2deg) translateZ(1.2rem);
}
.logo-space-panel::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgb(0 236 255 / .62), transparent 24%) top left / 52% 1px no-repeat,
        linear-gradient(270deg, rgb(104 87 255 / .58), transparent 24%) bottom right / 48% 1px no-repeat,
        linear-gradient(180deg, rgb(255 255 255 / .12), transparent 32%);
}
.logo-space-panel-edge {
    inset: 1rem;
    border: 1px solid rgb(130 238 255 / .12);
    border-radius: 1.4rem;
}
.logo-space-image {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 82%;
    max-height: 54%;
    width: 82%;
    transform: translate(-50%, -52%);
    object-fit: contain;
    image-rendering: auto;
    filter: drop-shadow(0 10px 22px rgb(0 0 0 / .22)) drop-shadow(0 0 16px rgb(0 236 255 / .14));
}
.logo-space-image-light { display: none; }
html:not(.dark) .logo-space-image-light { display: block; }
html:not(.dark) .logo-space-image-dark { display: none; }
.logo-space-caption {
    position: absolute;
    left: 50%;
    bottom: 1.1rem;
    transform: translateX(-50%);
    color: rgb(214 239 255 / .74);
    font-family: var(--font-mono);
    font-size: .66rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    white-space: nowrap;
}
.logo-space-satellite {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3.8rem;
    padding: .38rem .7rem;
    border-radius: 999px;
    border: 1px solid rgb(0 236 255 / .18);
    background: linear-gradient(145deg, rgb(5 18 34 / .86), rgb(17 10 38 / .82));
    color: rgb(224 244 255 / .76);
    font-family: var(--font-mono);
    font-size: .58rem;
    letter-spacing: .12em;
    box-shadow: 0 10px 28px -20px rgb(0 128 255 / .46);
}
.satellite-a { left: 10%; top: 21%; transform: translateZ(2rem); }
.satellite-b { right: 12%; top: 18%; transform: translateZ(2.6rem); }
.satellite-c { right: 18%; bottom: 17%; transform: translateZ(2.2rem); }

.pyramid-node {
    min-width: 9rem;
    max-width: 11.5rem;
    backdrop-filter: blur(14px);
}
.pyramid-node.is-active {
    transform: translateY(-4px) scale(1.04);
}
.pyramid-detail-stack {
    min-height: 100%;
}
html.pt-js .pyramid-detail-card {
    visibility: hidden;
}
html.pt-js .pyramid-detail-card.is-active {
    visibility: visible;
}
.pyramid-detail-card h3 {
    max-width: 12ch;
}
.pyramid-detail-card p {
    max-width: 32rem;
}

.product-story-shell {
    position: relative;
    z-index: 3;
}
.product-story-heading {
    position: relative;
    z-index: 7;
    display: grid;
    grid-template-columns: minmax(18rem, .92fr) minmax(18rem, .78fr);
    align-items: end;
    gap: clamp(1rem, 4vw, 4rem);
}
.product-story-heading h2 {
    max-width: 8.5ch;
    font-size: clamp(2.3rem, 4.8vw, 5.2rem);
    line-height: .9;
}
.product-story-heading > p {
    max-width: 32rem;
    justify-self: end;
}
.product-story-workbench {
    position: relative;
    z-index: 5;
    display: grid;
    min-height: 31rem;
    grid-template-columns: minmax(18rem, .82fr) minmax(28rem, 1.18fr);
    align-items: center;
    gap: clamp(1rem, 3vw, 4rem);
}
.product-story-copy {
    min-width: 0;
    max-width: 34rem;
}
.product-story-copy-rail {
    min-height: 22rem;
}
html.pt-js .product-story-panel {
    visibility: hidden;
    transform-origin: left center;
}
html.pt-js .product-story-panel[aria-hidden="false"] {
    visibility: visible;
}
.product-assembly {
    min-height: clamp(24rem, 52vh, 34rem);
}
.product-story-heading,
.product-story-copy,
.product-assembly {
    overflow: visible;
}
.premium-footer {
    width: 100%;
}

@media (max-width: 1180px) {
    .product-story-heading,
    .capability-pyramid-head {
        grid-template-columns: 1fr;
    }
    .product-story-heading > p {
        justify-self: start;
    }
    .product-story-workbench {
        grid-template-columns: 1fr;
        min-height: auto;
    }
    .product-story-copy {
        max-width: none;
    }
}


/* ================== v6.9.20 audit-recovery visual system ================== */

:root {
    --color-canvas: #f4f8ff;
    --color-surface: #ffffff;
    --color-raised: #edf5ff;
    --color-ink: #07182d;
    --color-ink-soft: #314863;
    --color-ink-faint: #63758a;
    --color-edge: #ccdaea;
    --color-edge-soft: #e5edf7;
    --color-cobalt-500: #1668ff;
    --color-cobalt-600: #0b55df;
    --pt-electric-cyan: #00cfe8;
    --pt-electric-blue: #176cff;
    --pt-neon-violet: #7459ff;
    --pt-neon-magenta: #d947c8;
}
.dark {
    --color-canvas: #020711;
    --color-surface: #071426;
    --color-raised: #0d1b32;
    --color-ink: #f5fbff;
    --color-ink-soft: #b9cae0;
    --color-ink-faint: #8195ae;
    --color-edge: #203650;
    --color-edge-soft: #13263c;
    --pt-electric-cyan: #16e1f3;
    --pt-electric-blue: #3282ff;
    --pt-neon-violet: #8b74ff;
    --pt-neon-magenta: #f06bdb;
}

body.futuristic-body {
    background:
        radial-gradient(circle at 86% 8%, rgb(22 104 255 / .09), transparent 30rem),
        radial-gradient(circle at 14% 34%, rgb(0 207 232 / .07), transparent 26rem),
        linear-gradient(180deg, #f8fbff 0%, #edf5ff 52%, #f7faff 100%);
}
.dark body.futuristic-body {
    background:
        radial-gradient(circle at 84% 8%, rgb(116 89 255 / .12), transparent 30rem),
        radial-gradient(circle at 12% 36%, rgb(0 207 232 / .09), transparent 28rem),
        linear-gradient(180deg, #020711 0%, #061225 52%, #020711 100%);
}

.pt-shell-wide {
    width: 100%;
    max-width: none;
    margin-inline: auto;
    padding-inline: clamp(1rem, 3.4vw, 4.5rem);
}

.pt-js.pt-motion-ready [data-reveal='blur'] {
    filter: blur(2px) saturate(.96);
}
.pt-js.pt-motion-ready [data-reveal='zoom'],
.pt-js.pt-motion-ready [data-reveal='skew'] {
    filter: blur(.75px);
}

/* Clean adaptive cursor: transparent mark only, never a square bitmap. */
@media (pointer: fine) {
    :root {
        --pt-cursor-default: url('/images/parmtech-cursor-black-v20.png') 4 3, auto;
        --pt-cursor-pointer: url('/images/parmtech-cursor-black-v20.png') 4 3, pointer;
    }
    .dark {
        --pt-cursor-default: url('/images/parmtech-cursor-white-v20.png') 4 3, auto;
        --pt-cursor-pointer: url('/images/parmtech-cursor-white-v20.png') 4 3, pointer;
    }
    html.pt-smart-cursor-enabled,
    html.pt-smart-cursor-enabled * {
        cursor: none;
    }
}
.pt-smart-cursor {
    --cursor-x: -80px;
    --cursor-y: -80px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100000;
    width: 2rem;
    height: 2rem;
    pointer-events: none;
    opacity: 0;
    transform: translate3d(calc(var(--cursor-x) - .15rem), calc(var(--cursor-y) - .12rem), 0);
    transition: opacity .12s ease;
    will-change: transform, opacity;
}
.pt-smart-cursor.is-visible { opacity: 1; }
.pt-smart-cursor::after {
    content: '';
    position: absolute;
    inset: -.55rem;
    border-radius: 50%;
    opacity: 0;
    background: radial-gradient(circle, rgb(0 207 232 / .18), transparent 72%);
    transform: scale(.78);
    transition: opacity .16s ease, transform .16s ease;
}
.pt-smart-cursor.is-pointer::after { opacity: 1; transform: scale(1); }
.pt-smart-cursor-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    transform: scale(.98);
    filter: drop-shadow(0 1px 2px rgb(0 0 0 / .32)) drop-shadow(0 0 8px rgb(0 207 232 / .2));
    transition: opacity .12s ease, transform .14s ease;
}
.pt-smart-cursor.is-on-dark .pt-smart-cursor-light,
.pt-smart-cursor.is-on-light .pt-smart-cursor-dark { opacity: 1; }
.pt-smart-cursor.is-pointer .pt-smart-cursor-image { transform: scale(1.08); }
.pt-smart-cursor.is-pressed .pt-smart-cursor-image { transform: scale(.9); }
@media (pointer: coarse), (prefers-reduced-motion: reduce) {
    .pt-smart-cursor { display: none; }
}

/* Services page capability line: right-to-left pinned assembly. */
.service-assembly-section {
    position: relative;
    width: 100%;
    overflow: clip;
    color: var(--color-ink);
    background:
        radial-gradient(circle at 16% 44%, rgb(0 207 232 / .10), transparent 26rem),
        radial-gradient(circle at 83% 46%, rgb(116 89 255 / .10), transparent 30rem),
        linear-gradient(145deg, var(--color-canvas), color-mix(in oklab, var(--color-raised) 88%, white));
}
.dark .service-assembly-section {
    color: #f7fbff;
    background:
        radial-gradient(circle at 16% 44%, rgb(0 225 244 / .12), transparent 26rem),
        radial-gradient(circle at 83% 46%, rgb(116 89 255 / .14), transparent 30rem),
        linear-gradient(145deg, #020711, #07172b 52%, #110a27);
}
.service-assembly-stage {
    display: none;
    position: relative;
    width: 100%;
    min-height: 42rem;
    overflow: hidden;
}
.service-assembly-section.is-service-assembly-pinned .service-assembly-stage {
    display: block;
    position: sticky;
    height: min(52rem, calc(100svh - 6.25rem));
}
.service-assembly-shell {
    display: grid;
    height: 100%;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: clamp(.9rem, 2vh, 1.5rem);
    padding-block: clamp(1.2rem, 2.5vh, 2rem);
}
.service-assembly-head {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(20rem, .72fr);
    align-items: end;
    gap: clamp(1rem, 4vw, 5rem);
}
.service-assembly-head .wow-section-title {
    max-width: 18ch;
    font-size: clamp(2.2rem, 4vw, 4.5rem);
}
.service-assembly-head > p {
    margin: 0;
    max-width: 40rem;
    border: 1px solid color-mix(in oklab, var(--color-edge) 68%, var(--pt-electric-cyan));
    border-radius: 1rem 2.2rem 1rem 1rem;
    padding: 1rem 1.15rem;
    color: var(--color-ink-soft);
    background: color-mix(in oklab, var(--color-raised) 84%, transparent);
    line-height: 1.65;
}
.dark .service-assembly-head > p {
    color: rgb(224 239 255 / .8);
    background: linear-gradient(145deg, rgb(7 22 40 / .78), rgb(18 9 40 / .7));
}
.service-assembly-viewport {
    position: relative;
    display: flex;
    min-height: 0;
    align-items: center;
    overflow: hidden;
    border-block: 1px solid color-mix(in oklab, var(--color-edge) 68%, var(--pt-electric-cyan));
}
.service-assembly-guide {
    position: absolute;
    inset: 12% 0;
    pointer-events: none;
    opacity: .5;
    background:
        linear-gradient(90deg, transparent, rgb(0 207 232 / .18), rgb(23 108 255 / .15), rgb(116 89 255 / .18), transparent) center / 100% 2px no-repeat,
        radial-gradient(circle at 50% 50%, rgb(23 108 255 / .08), transparent 60%);
}
.service-assembly-track {
    position: relative;
    z-index: 2;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: clamp(.45rem, .7vw, .8rem);
    perspective: 1400px;
}
.service-assembly-card {
    --service-join-x: 0px;
    --service-join-y: 0px;
    --service-join-r: 0deg;
    --service-join-scale: 1;
    --service-join-opacity: 1;
    position: relative;
    display: flex;
    min-width: 0;
    min-height: clamp(15rem, 29vh, 20rem);
    flex-direction: column;
    overflow: hidden;
    border: 1px solid color-mix(in oklab, var(--color-edge) 68%, var(--pt-electric-cyan));
    border-radius: .75rem 2rem .75rem .75rem;
    padding: clamp(.72rem, 1vw, 1rem);
    opacity: var(--service-join-opacity);
    background:
        linear-gradient(145deg, color-mix(in oklab, var(--color-raised) 94%, var(--pt-electric-cyan) 6%), color-mix(in oklab, var(--color-surface) 95%, var(--pt-neon-violet) 5%));
    box-shadow: 0 24px 64px -48px rgb(0 88 212 / .46);
    clip-path: polygon(0 0, calc(100% - 1.35rem) 0, 100% 1.35rem, 100% 100%, 0 100%);
    transform: translate3d(var(--service-join-x), var(--service-join-y), 0) rotateY(var(--service-join-r)) scale(var(--service-join-scale));
    transform-origin: center;
    will-change: transform, opacity;
}
.dark .service-assembly-card {
    border-color: rgb(22 225 243 / .18);
    background: linear-gradient(145deg, rgb(8 25 45 / .96), rgb(18 9 40 / .94));
}
.service-assembly-card::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, var(--pt-electric-cyan), transparent 30%) top left / 62% 1px no-repeat,
        linear-gradient(270deg, var(--pt-neon-violet), transparent 30%) bottom right / 54% 1px no-repeat;
}
.service-assembly-card-head,
.service-assembly-card-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}
.service-assembly-card-head span,
.service-assembly-card-foot span {
    color: var(--pt-electric-cyan);
    font-family: var(--font-mono);
    font-size: .6rem;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.service-assembly-card-head i,
.service-assembly-card-foot b {
    width: 1.6rem;
    height: .18rem;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--pt-electric-cyan), var(--pt-neon-violet));
    box-shadow: 0 0 12px rgb(0 207 232 / .42);
}
.service-assembly-card h3 {
    margin-top: 1rem;
    font-family: var(--font-display);
    font-size: clamp(1rem, 1.25vw, 1.45rem);
    line-height: 1;
    letter-spacing: -.02em;
    text-wrap: balance;
}
.service-assembly-card p {
    display: -webkit-box;
    margin-top: .7rem;
    overflow: hidden;
    color: var(--color-ink-soft);
    font-size: clamp(.72rem, .76vw, .84rem);
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.dark .service-assembly-card p { color: rgb(219 234 254 / .72); }
.service-assembly-card-foot { margin-top: auto; padding-top: .9rem; }
.service-assembly-card.is-active,
.service-assembly-card.is-joined:hover {
    z-index: 8;
    border-color: rgb(0 207 232 / .58);
    box-shadow: 0 28px 72px -44px rgb(0 126 255 / .54), 0 0 20px rgb(0 207 232 / .08);
}
.service-assembly-footer {
    display: grid;
    grid-template-columns: auto minmax(8rem, 1fr) minmax(12rem, auto);
    align-items: center;
    gap: 1rem;
    color: var(--color-ink-faint);
    font-family: var(--font-mono);
    font-size: .68rem;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.dark .service-assembly-footer { color: rgb(219 234 254 / .68); }
.service-assembly-footer strong { color: var(--pt-electric-cyan); font-size: .9rem; }
.service-assembly-meter { height: 2px; overflow: hidden; background: color-mix(in oklab, var(--color-edge) 64%, transparent); }
.service-assembly-meter i {
    display: block;
    width: var(--service-assembly-meter, 0%);
    height: 100%;
    background: linear-gradient(90deg, var(--pt-electric-cyan), var(--pt-electric-blue), var(--pt-neon-violet));
    box-shadow: 0 0 14px rgb(0 207 232 / .58);
}
.service-assembly-mobile {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding-block: clamp(4rem, 9vw, 7rem);
}
.service-assembly-section.is-service-assembly-pinned .service-assembly-mobile { display: none; }

/* Home capability scene: only one information panel can ever be visible. */
.pyramid-detail-card {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.pyramid-detail-card.is-active,
.pyramid-detail-card[aria-hidden='false'] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(0, 0, 0) scale(1);
}
.pyramid-detail-stack { isolation: isolate; }
.pyramid-node { backdrop-filter: blur(12px); }

/* Platform assembly text and card remain sharp, centred and visible. */
.product-story-heading {
    position: relative;
    z-index: 20;
    grid-template-columns: minmax(18rem, .9fr) minmax(18rem, .72fr);
}
.product-story-heading h2 {
    max-width: 9ch;
    font-size: clamp(2.3rem, 4.8vw, 5.1rem);
    line-height: .9;
}
.product-story-heading > p {
    justify-self: end;
    max-width: 32rem;
    color: rgb(226 239 255 / .88);
}
.product-story-workbench {
    position: relative;
    z-index: 10;
    min-height: 30rem;
    grid-template-columns: minmax(19rem, .78fr) minmax(30rem, 1.22fr);
    align-items: center;
}
.product-story-copy {
    min-width: 0;
    min-height: 22rem;
    overflow: visible;
    border-left: 0;
}
.product-story-copy::before,
.product-story-copy::after { display: none; }
.product-story-copy-rail {
    height: 22rem;
    min-height: 22rem;
    overflow: hidden;
}
.product-story-panel {
    inset: 0;
    min-height: 22rem;
    justify-content: center;
    border: 1px solid rgb(22 225 243 / .18);
    border-radius: 1rem 2.5rem 1rem 1rem;
    padding: clamp(1.25rem, 2.4vw, 2.4rem);
    background: linear-gradient(145deg, rgb(6 20 38 / .97), rgb(18 8 39 / .96));
    box-shadow: 0 28px 80px -48px rgb(0 126 255 / .48);
    filter: none;
}
.product-story-panel h3,
.product-story-panel p,
.product-story-panel strong,
.product-story-panel > span {
    opacity: 1;
    filter: none;
}
.product-story-panel p { color: rgb(226 239 255 / .9); }
.product-assembly { min-height: clamp(25rem, 52vh, 34rem); }

/* Footer and WhatsApp must never cover each other. */
.premium-footer {
    width: 100%;
    margin-inline: 0;
    padding-bottom: clamp(4.8rem, 7vw, 6.5rem);
}
.premium-footer > div {
    width: 100%;
    max-width: none;
}
.floating-contact {
    right: max(1rem, env(safe-area-inset-right));
    bottom: calc(1rem + env(safe-area-inset-bottom) + var(--floating-footer-lift, 0px));
    transition: bottom .2s ease, opacity .2s ease, transform .2s ease;
}
.floating-contact.is-footer-deep {
    opacity: 0;
    transform: translateY(12px);
    pointer-events: none;
}

@media (max-width: 1279px), (max-height: 719px) {
    .service-assembly-stage { display: none; }
    .service-assembly-section.is-service-assembly-pinned .service-assembly-stage { display: none; }
    .service-assembly-mobile,
    .service-assembly-section.is-service-assembly-pinned .service-assembly-mobile { display: grid; }
}
@media (max-width: 1023px) {
    .product-story-heading,
    .service-assembly-head { grid-template-columns: 1fr; }
    .product-story-heading > p { justify-self: start; }
    .product-story-workbench { grid-template-columns: 1fr; min-height: auto; }
    .product-story-copy { min-height: 20rem; }
    .product-story-copy-rail,
    .product-story-panel { min-height: 20rem; height: 20rem; }
}
@media (max-width: 767px) {
    .service-assembly-mobile { grid-template-columns: 1fr; }
    .premium-footer { padding-bottom: 5.75rem; }
    .floating-contact { right: .75rem; }
}
@media (prefers-reduced-motion: reduce) {
    .service-assembly-stage { display: none; }
    .service-assembly-mobile { display: grid; }
}

/* ==================================================================
   ParmTech v6.9.21 — Final game-interface consolidation layer
   ================================================================== */

:root {
    --pt-21-cyan: #00cfe8;
    --pt-21-blue: #176cff;
    --pt-21-violet: #7257ff;
    --pt-21-magenta: #d84ac8;
    --pt-21-navy: #061323;
    --pt-21-deep: #020713;
    --pt-21-panel: #09182b;
    --pt-21-line: rgb(0 207 232 / .24);
    --pt-21-glass: rgb(255 255 255 / .78);
    --pt-21-shadow: 0 28px 80px -50px rgb(19 82 180 / .42);
    --pt-21-cut: polygon(0 0, calc(100% - 1.35rem) 0, 100% 1.35rem, 100% 100%, 1.35rem 100%, 0 calc(100% - 1.35rem));
    --pt-header-height: 5rem;

    --color-canvas: #f3f8ff;
    --color-surface: #ffffff;
    --color-raised: #edf5ff;
    --color-ink: #07182d;
    --color-ink-soft: #304963;
    --color-ink-faint: #60758d;
    --color-edge: #c9d9eb;
    --color-edge-soft: #e3edf8;
}

.dark {
    --pt-21-glass: rgb(7 20 38 / .84);
    --pt-21-shadow: 0 32px 92px -54px rgb(0 0 0 / .82);
    --color-canvas: #020712;
    --color-surface: #071427;
    --color-raised: #0d1b32;
    --color-ink: #f4fbff;
    --color-ink-soft: #b9cce2;
    --color-ink-faint: #8198b2;
    --color-edge: #1c3753;
    --color-edge-soft: #102740;
}

html {
    scroll-padding-top: calc(var(--pt-header-height) + 1rem);
}

body.futuristic-body {
    background:
        radial-gradient(circle at 14% 14%, rgb(0 207 232 / .10), transparent 28rem),
        radial-gradient(circle at 86% 12%, rgb(114 87 255 / .11), transparent 31rem),
        linear-gradient(180deg, #f9fcff 0%, #edf5ff 52%, #f8fbff 100%);
}
.dark body.futuristic-body {
    background:
        radial-gradient(circle at 12% 14%, rgb(0 225 245 / .10), transparent 30rem),
        radial-gradient(circle at 86% 12%, rgb(114 87 255 / .15), transparent 34rem),
        linear-gradient(180deg, #020713 0%, #061427 52%, #020713 100%);
}

body.futuristic-body::before {
    background-size: 72px 72px;
    opacity: .66;
}
.dark body.futuristic-body::before { opacity: .62; }

body.futuristic-body::after {
    background:
        linear-gradient(180deg, rgb(255 255 255 / .03), transparent 22%, transparent 78%, rgb(23 108 255 / .04)),
        repeating-linear-gradient(180deg, transparent 0 4px, rgb(7 24 45 / .012) 4px 5px);
}
.dark body.futuristic-body::after {
    background:
        linear-gradient(180deg, rgb(255 255 255 / .015), transparent 22%, transparent 78%, rgb(0 207 232 / .035)),
        repeating-linear-gradient(180deg, transparent 0 4px, rgb(255 255 255 / .008) 4px 5px);
}

/* Ambient 3D game geometry. */
.game-hud-frame,
.game-holo-prism,
.game-scan-beam {
    position: absolute;
    pointer-events: none;
    will-change: transform, opacity;
}
.game-hud-frame {
    width: clamp(11rem, 19vw, 20rem);
    aspect-ratio: 1.45;
    border: 1px solid rgb(0 207 232 / .13);
    border-radius: 1.2rem 2.8rem 1.2rem 1.2rem;
    box-shadow: inset 0 0 0 1px rgb(114 87 255 / .05), 0 30px 80px -62px rgb(23 108 255 / .55);
    background:
        linear-gradient(90deg, rgb(0 207 232 / .24), transparent 34%) top left / 48% 1px no-repeat,
        linear-gradient(270deg, rgb(114 87 255 / .22), transparent 34%) bottom right / 48% 1px no-repeat;
    opacity: .62;
}
.game-hud-frame::before,
.game-hud-frame::after {
    content: '';
    position: absolute;
    pointer-events: none;
}
.game-hud-frame::before {
    inset: .85rem;
    border: 1px dashed rgb(23 108 255 / .12);
    border-radius: .8rem 2rem .8rem .8rem;
}
.game-hud-frame::after {
    left: 1rem;
    bottom: 1rem;
    width: 3.5rem;
    height: .2rem;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--pt-21-cyan), var(--pt-21-blue), transparent);
    box-shadow: 0 0 15px rgb(0 207 232 / .35);
}
.game-hud-frame-one {
    top: 9rem;
    left: 5%;
    transform: perspective(800px) rotateY(18deg) rotateZ(-8deg) translate3d(calc(var(--scene-pointer-x) * -13px), calc(var(--scene-pointer-y) * 9px), -40px);
    animation: pt21-frame-a 18s ease-in-out infinite alternate;
}
.game-hud-frame-two {
    right: 4%;
    top: 31rem;
    transform: perspective(800px) rotateY(-22deg) rotateZ(9deg) translate3d(calc(var(--scene-pointer-x) * 14px), calc(var(--scene-pointer-y) * -8px), -60px);
    animation: pt21-frame-b 22s ease-in-out infinite alternate;
}
.game-holo-prism {
    width: clamp(3rem, 5vw, 5.5rem);
    aspect-ratio: 1;
    clip-path: polygon(50% 0, 100% 30%, 82% 100%, 18% 100%, 0 30%);
    border: 1px solid rgb(0 207 232 / .12);
    background:
        linear-gradient(145deg, rgb(255 255 255 / .18), transparent 36%),
        linear-gradient(180deg, rgb(0 207 232 / .16), rgb(23 108 255 / .08) 55%, rgb(114 87 255 / .13));
    box-shadow: 0 26px 70px -48px rgb(23 108 255 / .6);
    opacity: .74;
}
.game-holo-prism-one {
    right: 18%;
    top: 7rem;
    animation: pt21-prism-a 15s ease-in-out infinite alternate;
}
.game-holo-prism-two {
    left: 17%;
    bottom: 12rem;
    width: clamp(2.5rem, 4vw, 4.5rem);
    animation: pt21-prism-b 19s ease-in-out infinite alternate;
}
.game-scan-beam {
    left: 0;
    right: 0;
    top: 8rem;
    height: 1px;
    opacity: .35;
    background: linear-gradient(90deg, transparent, var(--pt-21-cyan), var(--pt-21-violet), transparent);
    box-shadow: 0 0 18px rgb(0 207 232 / .25);
    animation: pt21-scan 11s linear infinite;
}

@keyframes pt21-frame-a {
    from { translate: -1rem 0; rotate: -2deg; opacity: .4; }
    to { translate: 1rem 2rem; rotate: 3deg; opacity: .72; }
}
@keyframes pt21-frame-b {
    from { translate: 0 0; rotate: 2deg; opacity: .38; }
    to { translate: -1.3rem -1.2rem; rotate: -3deg; opacity: .7; }
}
@keyframes pt21-prism-a {
    from { transform: translate3d(0, 0, 0) rotateX(10deg) rotateY(0deg); }
    to { transform: translate3d(-1rem, 1.6rem, 0) rotateX(28deg) rotateY(150deg); }
}
@keyframes pt21-prism-b {
    from { transform: translate3d(0, 0, 0) rotateY(0deg); }
    to { transform: translate3d(1rem, -1.2rem, 0) rotateY(-160deg); }
}
@keyframes pt21-scan {
    0% { transform: translateY(-10rem); opacity: 0; }
    12%, 78% { opacity: .34; }
    100% { transform: translateY(calc(100vh + 10rem)); opacity: 0; }
}

/* Header: one compact game HUD that remains usable on phones. */
.site-header {
    min-height: var(--pt-header-height);
    background: linear-gradient(90deg, rgb(2 10 23 / .96), rgb(7 22 42 / .94) 50%, rgb(16 10 38 / .94));
    border-bottom: 1px solid rgb(0 207 232 / .19);
    box-shadow: 0 18px 55px -44px rgb(0 0 0 / .9);
    backdrop-filter: blur(14px) saturate(1.16);
}
.site-header::before {
    background: linear-gradient(90deg, var(--pt-21-cyan), var(--pt-21-blue), var(--pt-21-violet), var(--pt-21-magenta));
    opacity: .88;
}
.site-header::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(120deg, transparent 0 18%, rgb(255 255 255 / .025) 18% 18.2%, transparent 18.2% 72%, rgb(0 207 232 / .035) 72% 72.2%, transparent 72.2%),
        linear-gradient(180deg, rgb(255 255 255 / .025), transparent 46%);
}
.pt-nav-shell {
    width: 100%;
    max-width: none;
    padding-inline: clamp(.8rem, 2.5vw, 3rem);
}
.pt-header-row {
    display: flex;
    min-height: var(--pt-header-height);
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.pt-header-brand {
    display: inline-flex;
    min-width: 0;
    flex: 0 1 auto;
    align-items: center;
    line-height: 0;
}
.pt-desktop-nav {
    display: none;
    align-items: center;
    justify-content: center;
    gap: .18rem;
}
.pt-desktop-nav .nav-link {
    position: relative;
    display: inline-flex;
    min-height: 2.6rem;
    align-items: center;
    border: 1px solid transparent;
    border-radius: .75rem 1.15rem .75rem .75rem;
    padding: .64rem .82rem;
    color: rgb(224 239 255 / .72);
    font-size: .83rem;
    font-weight: 600;
    letter-spacing: .01em;
    transition: color .22s ease, background .22s ease, border-color .22s ease, transform .22s ease;
}
.pt-desktop-nav .nav-link::before {
    content: '';
    position: absolute;
    left: .78rem;
    right: .78rem;
    bottom: .26rem;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--pt-21-cyan), var(--pt-21-blue), var(--pt-21-violet));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .22s ease;
}
.pt-desktop-nav .nav-link:hover,
.pt-desktop-nav .nav-link.is-active {
    border-color: rgb(0 207 232 / .14);
    color: #f5fcff;
    background: linear-gradient(145deg, rgb(0 207 232 / .07), rgb(114 87 255 / .055));
    transform: translateY(-1px);
}
.pt-desktop-nav .nav-link:hover::before,
.pt-desktop-nav .nav-link.is-active::before { transform: scaleX(1); }
.pt-header-actions {
    display: flex;
    min-width: 0;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
}
.pt-search-trigger {
    display: none;
    min-height: 2.55rem;
    align-items: center;
    gap: .48rem;
    border: 1px solid rgb(126 155 190 / .22);
    border-radius: .72rem 1rem .72rem .72rem;
    padding: .55rem .72rem;
    color: rgb(224 239 255 / .72);
    background: rgb(255 255 255 / .035);
}
.pt-search-trigger:hover {
    border-color: rgb(0 207 232 / .3);
    color: #fff;
    background: rgb(0 207 232 / .055);
}
.pt-search-trigger kbd {
    border: 1px solid rgb(126 155 190 / .22);
    border-radius: .35rem;
    padding: .12rem .32rem;
    font-family: var(--font-mono);
    font-size: .6rem;
}
.pt-header-icon,
.pt-menu-toggle {
    display: inline-grid;
    width: 2.55rem;
    height: 2.55rem;
    place-items: center;
    border: 1px solid rgb(126 155 190 / .22);
    border-radius: .72rem 1rem .72rem .72rem;
    color: rgb(224 239 255 / .8);
    background: rgb(255 255 255 / .035);
}
.pt-header-icon:hover,
.pt-menu-toggle:hover {
    border-color: rgb(0 207 232 / .34);
    color: #fff;
    background: rgb(0 207 232 / .06);
}
.pt-desktop-action { display: none; }
.pt-quote-button {
    clip-path: polygon(0 0, calc(100% - .75rem) 0, 100% .75rem, 100% 100%, .75rem 100%, 0 calc(100% - .75rem));
}
.pt-menu-toggle {
    position: relative;
    gap: .22rem;
}
.pt-menu-toggle span {
    display: block;
    width: 1rem;
    height: 1.5px;
    border-radius: 999px;
    background: currentColor;
    transition: transform .2s ease, opacity .2s ease;
}
.pt-menu-toggle[aria-expanded='true'] span:nth-child(1) { transform: translateY(.38rem) rotate(45deg); }
.pt-menu-toggle[aria-expanded='true'] span:nth-child(2) { opacity: 0; }
.pt-menu-toggle[aria-expanded='true'] span:nth-child(3) { transform: translateY(-.38rem) rotate(-45deg); }
.pt-mobile-navigation {
    position: absolute;
    left: clamp(.7rem, 2.5vw, 3rem);
    right: clamp(.7rem, 2.5vw, 3rem);
    top: calc(100% + .55rem);
    overflow: hidden;
    border: 1px solid rgb(0 207 232 / .2);
    border-radius: 1rem 2rem 1rem 1rem;
    padding: .85rem;
    background:
        radial-gradient(circle at 85% 20%, rgb(114 87 255 / .13), transparent 16rem),
        linear-gradient(145deg, rgb(5 17 33 / .985), rgb(16 9 39 / .985));
    box-shadow: 0 28px 80px -42px rgb(0 0 0 / .82);
}
.pt-mobile-navigation-grid { display: grid; gap: .85rem; }
.pt-mobile-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
}
.pt-mobile-links a {
    display: grid;
    min-height: 3.8rem;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: .65rem;
    border: 1px solid rgb(126 155 190 / .13);
    border-radius: .72rem 1.25rem .72rem .72rem;
    padding: .72rem .78rem;
    color: rgb(224 239 255 / .75);
    background: rgb(255 255 255 / .025);
}
.pt-mobile-links a span {
    color: var(--pt-21-cyan);
    font-family: var(--font-mono);
    font-size: .61rem;
}
.pt-mobile-links a strong { font-size: .86rem; }
.pt-mobile-links a:hover,
.pt-mobile-links a.is-active {
    border-color: rgb(0 207 232 / .32);
    color: #fff;
    background: linear-gradient(145deg, rgb(0 207 232 / .07), rgb(114 87 255 / .06));
}
.pt-mobile-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}
.pt-mobile-actions > * { min-width: 0; }
.pt-mobile-search {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    grid-column: 1 / -1;
    border: 1px solid rgb(126 155 190 / .16);
    border-radius: .75rem 1.15rem .75rem .75rem;
    color: rgb(224 239 255 / .75);
    background: rgb(255 255 255 / .03);
}
.pt-mobile-quote { width: 100%; }

/* Shared hero becomes a playable 3D launch deck. */
.wow-hero,
.store-play-hero {
    min-height: clamp(30rem, 70vh, 48rem);
    color: #f5fbff;
    background:
        radial-gradient(circle at 72% 42%, rgb(114 87 255 / .2), transparent 27rem),
        radial-gradient(circle at 25% 40%, rgb(0 207 232 / .18), transparent 25rem),
        linear-gradient(135deg, #020713 0%, #06182d 48%, #130a2b 100%);
}
.wow-hero::before,
.store-play-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgb(0 207 232 / .55), transparent 25%) top left / 52% 1px no-repeat,
        linear-gradient(270deg, rgb(216 74 200 / .45), transparent 24%) bottom right / 46% 1px no-repeat,
        radial-gradient(circle at 76% 48%, transparent 0 17%, rgb(0 207 232 / .09) 17.2% 17.35%, transparent 17.55% 24%, rgb(114 87 255 / .08) 24.2% 24.35%, transparent 24.55%);
}
.wow-hero::after,
.store-play-hero::after {
    content: '';
    position: absolute;
    right: clamp(1rem, 8vw, 9rem);
    top: 50%;
    width: clamp(10rem, 24vw, 23rem);
    aspect-ratio: 1.3;
    border: 1px solid rgb(0 207 232 / .13);
    border-radius: 2rem .8rem 2rem .8rem;
    background:
        linear-gradient(145deg, rgb(255 255 255 / .06), transparent 48%),
        linear-gradient(180deg, rgb(0 207 232 / .07), rgb(114 87 255 / .035));
    box-shadow: inset 0 0 4rem rgb(0 207 232 / .055), 0 32px 90px -60px rgb(23 108 255 / .6);
    transform: translateY(-50%) perspective(900px) rotateY(-20deg) rotateX(8deg);
    opacity: .72;
}
.wow-hero .pt-shell,
.store-play-hero .pt-shell { position: relative; z-index: 3; }
.wow-display,
.wow-section-title,
.display {
    letter-spacing: -.035em;
    text-wrap: balance;
}
.wow-display {
    font-size: clamp(3rem, 7vw, 7rem);
    line-height: .84;
    text-shadow: 0 12px 36px rgb(0 0 0 / .24);
}
.wow-text-gradient,
.neon-gradient-text {
    background: linear-gradient(100deg, #46eaff 0%, #4da1ff 36%, #9a7dff 67%, #f28de2 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: saturate(1.08);
}

/* The site shares one high-quality game-card language. */
:where(.card, .premium-card, .hightech-panel, .service-card, .product-wow-card, .store-device, .store-feature-card, .process-step, .mini-proof, .stat-planet, .blog-card, .command-palette-panel) {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid color-mix(in oklab, var(--color-edge) 72%, var(--pt-21-cyan));
    border-radius: .9rem 2rem .9rem .9rem;
    background:
        linear-gradient(145deg, color-mix(in oklab, var(--color-surface) 91%, white 9%), color-mix(in oklab, var(--color-raised) 94%, var(--pt-21-violet) 6%));
    box-shadow: var(--pt-21-shadow), inset 0 1px 0 rgb(255 255 255 / .5);
    transform-style: preserve-3d;
}
.dark :where(.card, .premium-card, .hightech-panel, .service-card, .product-wow-card, .store-device, .store-feature-card, .process-step, .mini-proof, .stat-planet, .blog-card, .command-palette-panel) {
    border-color: rgb(0 207 232 / .17);
    background:
        radial-gradient(circle at 85% 12%, rgb(114 87 255 / .09), transparent 13rem),
        linear-gradient(145deg, rgb(7 22 41 / .96), rgb(17 9 39 / .94));
    box-shadow: var(--pt-21-shadow), inset 0 1px 0 rgb(255 255 255 / .05);
}
:where(.card, .premium-card, .hightech-panel, .service-card, .product-wow-card, .store-device, .process-step, .mini-proof, .stat-planet, .blog-card)::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, var(--pt-21-cyan), transparent 28%) top left / 52% 1px no-repeat,
        linear-gradient(270deg, var(--pt-21-violet), transparent 28%) bottom right / 48% 1px no-repeat,
        linear-gradient(120deg, transparent 0 42%, rgb(255 255 255 / .14) 48%, transparent 54%) -160% 0 / 70% 100% no-repeat;
    transition: background-position .65s var(--ease-out), opacity .3s ease;
    opacity: .62;
}
:where(.card, .premium-card, .hightech-panel, .service-card, .product-wow-card, .store-device, .process-step, .mini-proof, .stat-planet, .blog-card):hover::after {
    background-position: top left, bottom right, 260% 0;
    opacity: .9;
}
:where(.card, .premium-card, .hightech-panel, .service-card, .product-wow-card, .store-device, .process-step, .mini-proof, .stat-planet, .blog-card):hover {
    border-color: color-mix(in oklab, var(--pt-21-cyan) 48%, var(--color-edge));
    box-shadow: 0 34px 90px -50px rgb(23 108 255 / .5), 0 0 24px rgb(0 207 232 / .07), inset 0 1px 0 rgb(255 255 255 / .18);
}
:where(.card, .premium-card, .hightech-panel, .service-card, .product-wow-card, .store-device, .process-step, .mini-proof, .stat-planet, .blog-card) > * {
    position: relative;
    z-index: 1;
}
.blog-card::before {
    content: '';
    position: absolute;
    right: -2.5rem;
    top: -2.5rem;
    width: 8rem;
    aspect-ratio: 1;
    border: 1px solid rgb(0 207 232 / .13);
    border-radius: 50%;
    box-shadow: inset 0 0 2rem rgb(114 87 255 / .08);
}

/* Buttons and controls feel like game controls without harming readability. */
.btn,
.wow-btn-primary,
.wow-btn-secondary {
    min-height: 2.75rem;
    border-radius: .72rem 1.15rem .72rem .72rem;
    clip-path: polygon(0 0, calc(100% - .72rem) 0, 100% .72rem, 100% 100%, .72rem 100%, 0 calc(100% - .72rem));
    font-weight: 700;
    letter-spacing: .01em;
}
.btn-primary,
.wow-btn-primary {
    color: #03101d;
    background: linear-gradient(100deg, #42eaff, #4f9cff 48%, #9b77ff 100%);
    box-shadow: 0 18px 42px -26px rgb(23 108 255 / .72), inset 0 1px 0 rgb(255 255 255 / .55);
}
.btn-primary:hover,
.wow-btn-primary:hover {
    filter: saturate(1.08) brightness(1.04);
    box-shadow: 0 22px 52px -26px rgb(23 108 255 / .82), 0 0 18px rgb(0 207 232 / .14);
}
.btn-ghost,
.wow-btn-secondary {
    border-color: color-mix(in oklab, var(--color-edge) 75%, var(--pt-21-cyan));
    background: color-mix(in oklab, var(--color-surface) 76%, transparent);
}
.dark .btn-ghost,
.dark .wow-btn-secondary {
    color: rgb(230 244 255 / .84);
    background: rgb(255 255 255 / .035);
}

input:not([type='checkbox']):not([type='radio']),
textarea,
select {
    border-radius: .75rem 1.15rem .75rem .75rem;
    border-color: color-mix(in oklab, var(--color-edge) 78%, var(--pt-21-cyan));
    background: color-mix(in oklab, var(--color-surface) 90%, transparent);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / .28);
}
input:not([type='checkbox']):not([type='radio']):focus,
textarea:focus,
select:focus {
    border-color: var(--pt-21-cyan);
    box-shadow: 0 0 0 3px rgb(0 207 232 / .12), 0 14px 34px -26px rgb(23 108 255 / .45);
}

/* Sections gain depth instead of flat white bands. */
.pt-section {
    overflow: clip;
}
.pt-section::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .42;
    background:
        radial-gradient(circle at 10% 15%, rgb(0 207 232 / .055), transparent 24rem),
        radial-gradient(circle at 90% 70%, rgb(114 87 255 / .055), transparent 26rem);
}
.pt-head .eyebrow,
.eyebrow {
    color: var(--pt-21-blue);
    letter-spacing: .18em;
}
.dark .pt-head .eyebrow,
.dark .eyebrow { color: #50e8f6; }

/* Footer is always an intentional dark command deck, including in light mode. */
.command-footer {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid rgb(0 207 232 / .22);
    color: rgb(226 240 255 / .78);
    background:
        radial-gradient(circle at 14% 18%, rgb(0 207 232 / .11), transparent 24rem),
        radial-gradient(circle at 86% 12%, rgb(114 87 255 / .13), transparent 28rem),
        linear-gradient(145deg, #020713 0%, #07182b 52%, #120a2a 100%);
    padding-bottom: clamp(5.5rem, 8vw, 7rem);
}
.command-footer-grid {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .36;
    background-image:
        linear-gradient(rgb(0 207 232 / .055) 1px, transparent 1px),
        linear-gradient(90deg, rgb(0 207 232 / .045) 1px, transparent 1px);
    background-size: 68px 68px;
    mask: linear-gradient(black, transparent 88%);
}
.command-footer-glow {
    position: absolute;
    left: 50%;
    top: 0;
    width: 70%;
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, var(--pt-21-cyan), var(--pt-21-violet), transparent);
    box-shadow: 0 0 20px rgb(0 207 232 / .35);
}
.command-footer-inner {
    position: relative;
    z-index: 2;
    display: grid;
    width: 100%;
    grid-template-columns: minmax(17rem, 1.1fr) minmax(28rem, 1.4fr) minmax(13rem, .65fr);
    gap: clamp(2rem, 5vw, 6rem);
    padding: clamp(3.5rem, 6vw, 5.5rem) clamp(1rem, 4vw, 4.5rem) 2rem;
}
.command-footer-brand .parmtech-logo-image {
    width: min(18rem, 76vw);
    max-height: 5.6rem;
}
.command-footer-brand > p {
    max-width: 30rem;
    margin-top: 1.25rem;
    color: rgb(209 228 247 / .64);
    font-size: .9rem;
    line-height: 1.75;
}
.command-footer-contact {
    display: grid;
    gap: .45rem;
    margin-top: 1.1rem;
    color: rgb(220 237 255 / .76);
    font-size: .82rem;
}
.command-footer-contact a:hover { color: #6eeaf7; }
.command-footer-navs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(1.3rem, 3vw, 3.5rem);
}
.command-footer-navs h3 {
    color: #6eeaf7;
    font-family: var(--font-mono);
    font-size: .68rem;
    letter-spacing: .17em;
    text-transform: uppercase;
}
.command-footer-navs ul {
    display: grid;
    gap: .65rem;
    margin-top: 1rem;
}
.command-footer-navs a {
    position: relative;
    display: inline-flex;
    color: rgb(209 228 247 / .66);
    font-size: .82rem;
    transition: color .2s ease, transform .2s ease;
}
.command-footer-navs a::before {
    content: '';
    width: 0;
    height: 1px;
    margin-top: .65rem;
    margin-right: 0;
    background: var(--pt-21-cyan);
    transition: width .2s ease, margin-right .2s ease;
}
.command-footer-navs a:hover {
    color: #fff;
    transform: translateX(2px);
}
.command-footer-navs a:hover::before {
    width: .8rem;
    margin-right: .42rem;
}
.command-footer-status {
    align-self: start;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .75rem;
    border: 1px solid rgb(0 207 232 / .16);
    border-radius: .9rem 1.8rem .9rem .9rem;
    padding: 1rem;
    background: linear-gradient(145deg, rgb(255 255 255 / .045), rgb(255 255 255 / .015));
    box-shadow: inset 0 1px 0 rgb(255 255 255 / .05);
}
.command-footer-status-dot {
    width: .58rem;
    height: .58rem;
    margin-top: .22rem;
    border-radius: 50%;
    background: #36e5bd;
    box-shadow: 0 0 0 5px rgb(54 229 189 / .08), 0 0 16px rgb(54 229 189 / .45);
    animation: pulse-live 2.4s ease-in-out infinite;
}
.command-footer-status small,
.command-footer-status strong { display: block; }
.command-footer-status small {
    color: rgb(209 228 247 / .48);
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: .12em;
}
.command-footer-status strong {
    margin-top: .18rem;
    color: #effaff;
    font-size: .88rem;
}
.command-footer-status-code {
    grid-column: 1 / -1;
    color: #6eeaf7;
    font-family: var(--font-mono);
    font-size: .64rem;
    letter-spacing: .15em;
}
.command-footer-bottom {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-inline: clamp(1rem, 4vw, 4.5rem);
    border-top: 1px solid rgb(126 155 190 / .14);
    padding-top: 1.3rem;
    color: rgb(209 228 247 / .45);
    font-family: var(--font-mono);
    font-size: .67rem;
}

/* Floating contact remains clear of footer and small screens. */
.floating-contact {
    z-index: 90;
    right: max(.8rem, env(safe-area-inset-right));
    bottom: calc(.8rem + env(safe-area-inset-bottom) + var(--floating-footer-lift, 0px));
}
.floating-whatsapp,
.floating-ai {
    min-height: 2.9rem;
    border-radius: .8rem 1.3rem .8rem .8rem;
    box-shadow: 0 20px 48px -30px rgb(0 0 0 / .72);
}

/* Sharp reveals: depth comes from geometry, not unreadable blur. */
.pt-js.pt-motion-ready [data-reveal='blur'] { filter: blur(1.25px) saturate(.98); }
.pt-js.pt-motion-ready [data-reveal='zoom'],
.pt-js.pt-motion-ready [data-reveal='skew'] { filter: none; }

@media (min-width: 1180px) {
    .pt-desktop-nav { display: flex; }
    .pt-menu-toggle { display: none; }
    .pt-desktop-action { display: inline-flex; }
}
@media (min-width: 1440px) {
    .pt-search-trigger { display: inline-flex; }
}

@media (max-width: 1179px) {
    :root { --pt-header-height: 4.6rem; }
    .site-header .parmtech-logo-header .parmtech-logo-image {
        width: clamp(8.2rem, 22vw, 10.2rem);
        max-height: 2.7rem;
    }
    main#main { padding-top: var(--pt-header-height); }
    .wow-hero::after,
    .store-play-hero::after { right: -4rem; opacity: .42; }
    .command-footer-inner {
        grid-template-columns: 1fr 1.4fr;
    }
    .command-footer-status { grid-column: 1 / -1; max-width: 24rem; }
}

@media (max-width: 767px) {
    :root { --pt-header-height: 4.25rem; }
    .pt-nav-shell { padding-inline: .72rem; }
    .pt-header-row { gap: .55rem; }
    .site-header .parmtech-logo-header .parmtech-logo-image {
        width: 7.6rem;
        max-height: 2.35rem;
    }
    .pt-header-actions { gap: .35rem; }
    .pt-header-icon,
    .pt-menu-toggle {
        width: 2.4rem;
        height: 2.4rem;
    }
    .pt-mobile-navigation {
        left: .55rem;
        right: .55rem;
        max-height: calc(100svh - var(--pt-header-height) - 1rem);
        overflow-y: auto;
        border-radius: .9rem 1.5rem .9rem .9rem;
    }
    .pt-mobile-links { grid-template-columns: 1fr; }
    .pt-mobile-links a { min-height: 3.3rem; }
    .pt-mobile-actions { grid-template-columns: 1fr; }
    .pt-mobile-search { grid-column: auto; }
    .wow-hero,
    .store-play-hero {
        min-height: auto;
    }
    .wow-hero::after,
    .store-play-hero::after { display: none; }
    .wow-display { font-size: clamp(2.7rem, 14vw, 4.4rem); line-height: .88; }
    .game-hud-frame,
    .game-holo-prism,
    .game-scan-beam { display: none; }
    .command-footer-inner {
        grid-template-columns: 1fr;
        gap: 2.2rem;
        padding-inline: 1rem;
    }
    .command-footer-navs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.8rem 1rem;
    }
    .command-footer-navs nav:last-child { grid-column: 1 / -1; }
    .command-footer-status { grid-column: auto; }
    .command-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        margin-inline: 1rem;
    }
    .floating-contact {
        right: max(.55rem, env(safe-area-inset-right));
        bottom: calc(.55rem + env(safe-area-inset-bottom) + var(--floating-footer-lift, 0px));
    }
    .floating-whatsapp,
    .floating-ai {
        width: 3rem;
        height: 3rem;
        min-height: 3rem;
        padding: 0;
        justify-content: center;
        border-radius: .8rem 1.2rem .8rem .8rem;
    }
}

@media (max-width: 420px) {
    .site-header .parmtech-logo-header .parmtech-logo-image { width: 6.9rem; }
    .pt-header-icon,
    .pt-menu-toggle { width: 2.25rem; height: 2.25rem; }
    .command-footer-navs { grid-template-columns: 1fr; }
    .command-footer-navs nav:last-child { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
    .game-hud-frame,
    .game-holo-prism,
    .game-scan-beam { display: none; }
    :where(.card, .premium-card, .hightech-panel, .service-card, .product-wow-card, .store-device, .process-step, .mini-proof, .stat-planet, .blog-card)::after {
        transition: none;
    }
}

/* v6.9.21 page-hero HUD detail */
.page-hero-hud {
    position: absolute;
    right: clamp(2rem, 8vw, 9rem);
    top: 50%;
    z-index: 2;
    display: grid;
    width: clamp(12rem, 22vw, 22rem);
    grid-template-columns: repeat(3, auto) 1fr;
    align-items: center;
    gap: .45rem;
    border: 1px solid rgb(0 207 232 / .16);
    border-radius: .8rem 1.8rem .8rem .8rem;
    padding: .8rem 1rem;
    color: rgb(224 239 255 / .62);
    background: linear-gradient(145deg, rgb(6 20 38 / .65), rgb(18 9 39 / .52));
    box-shadow: 0 24px 70px -50px rgb(0 0 0 / .8);
    transform: translateY(-50%) perspective(900px) rotateY(-18deg);
}
.page-hero-hud > span,
.page-hero-hud > b {
    grid-column: 1 / -1;
    font-family: var(--font-mono);
    font-size: .6rem;
    letter-spacing: .14em;
}
.page-hero-hud > span { color: #65e8f5; }
.page-hero-hud > b { color: rgb(224 239 255 / .42); font-weight: 500; }
.page-hero-hud > i {
    width: 2.3rem;
    height: .22rem;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--pt-21-cyan), var(--pt-21-blue));
    box-shadow: 0 0 13px rgb(0 207 232 / .34);
}
.page-hero-hud > i:nth-of-type(2) { background: linear-gradient(90deg, var(--pt-21-blue), var(--pt-21-violet)); }
.page-hero-hud > i:nth-of-type(3) { background: linear-gradient(90deg, var(--pt-21-violet), var(--pt-21-magenta)); }
@media (max-width: 1023px) {
    .page-hero-hud { display: none; }
}

/* ==================================================================
   ParmTech v7.0.0 — audited stable 3D game interface
   Final cascade: accessibility, theme parity, responsive stability.
   ================================================================== */

:root {
    --pt7-cyan: #00d6ee;
    --pt7-blue: #1476ff;
    --pt7-violet: #7357ff;
    --pt7-magenta: #d84fc7;
    --pt7-lime: #8ae234;
    --pt7-ink: #07182b;
    --pt7-muted: #36506b;
    --pt7-light-bg: #edf5ff;
    --pt7-light-panel: #ffffff;
    --pt7-light-raised: #f5f9ff;
    --pt7-light-edge: #bfd5ea;
    --pt7-dark-bg: #020712;
    --pt7-dark-panel: #071526;
    --pt7-dark-raised: #0d2038;
    --pt7-dark-edge: #1c3c59;
    --pt7-header: 5rem;
    --pt7-focus: 0 0 0 3px rgb(0 214 238 / .28);
    --pt7-card-shadow: 0 30px 84px -56px rgb(25 87 176 / .42);

    --color-canvas: var(--pt7-light-bg);
    --color-surface: var(--pt7-light-panel);
    --color-raised: var(--pt7-light-raised);
    --color-ink: var(--pt7-ink);
    --color-ink-soft: var(--pt7-muted);
    --color-ink-faint: #566f88;
    --color-edge: var(--pt7-light-edge);
    --color-edge-soft: #ddeaf6;
    --pt-header-height: var(--pt7-header);
}

.dark {
    --color-canvas: var(--pt7-dark-bg);
    --color-surface: var(--pt7-dark-panel);
    --color-raised: var(--pt7-dark-raised);
    --color-ink: #f2f9ff;
    --color-ink-soft: #bfd0e3;
    --color-ink-faint: #8ca2ba;
    --color-edge: var(--pt7-dark-edge);
    --color-edge-soft: #102a43;
    --pt7-card-shadow: 0 34px 96px -58px rgb(0 0 0 / .86);
}

html {
    scroll-padding-top: calc(var(--pt-header-height) + 1rem);
}

body.futuristic-body {
    min-width: 320px;
    background:
        radial-gradient(circle at 10% 8%, rgb(0 214 238 / .12), transparent 28rem),
        radial-gradient(circle at 90% 8%, rgb(115 87 255 / .12), transparent 32rem),
        linear-gradient(180deg, #f9fcff 0%, #edf5ff 48%, #f7fbff 100%);
}
.dark body.futuristic-body {
    background:
        radial-gradient(circle at 10% 8%, rgb(0 214 238 / .105), transparent 30rem),
        radial-gradient(circle at 90% 8%, rgb(115 87 255 / .15), transparent 34rem),
        linear-gradient(180deg, #020712 0%, #061426 50%, #020712 100%);
}

/* Always-dark header: the supplied silver/cyan logo remains legible in both themes. */
.site-header,
html:not(.dark) .site-header,
.dark .site-header {
    min-height: var(--pt-header-height);
    color: #eef9ff;
    background:
        radial-gradient(circle at 10% -120%, rgb(0 214 238 / .2), transparent 24rem),
        radial-gradient(circle at 90% -120%, rgb(115 87 255 / .17), transparent 26rem),
        linear-gradient(90deg, rgb(2 8 19 / .985), rgb(5 18 35 / .985) 52%, rgb(13 7 31 / .985));
    border-bottom: 1px solid rgb(0 214 238 / .2);
    box-shadow: 0 18px 56px -44px rgb(0 0 0 / .94), inset 0 -1px rgb(255 255 255 / .035);
    backdrop-filter: blur(18px) saturate(1.08);
}
.site-header::before {
    inset: auto 0 0;
    z-index: 3;
    height: 2px;
    opacity: .9;
    background: linear-gradient(90deg, var(--pt7-cyan), var(--pt7-blue), var(--pt7-violet), var(--pt7-magenta));
    box-shadow: 0 0 16px rgb(0 214 238 / .34);
}
.site-header::after {
    z-index: 0;
    opacity: .45;
    background:
        linear-gradient(120deg, transparent 0 20%, rgb(255 255 255 / .018) 20% 20.15%, transparent 20.15% 78%, rgb(0 214 238 / .026) 78% 78.15%, transparent 78.15%);
}
.site-header .pt-nav-shell,
.site-header .pt-header-row,
.site-header .pt-header-brand,
.site-header .pt-desktop-nav,
.site-header .pt-header-actions { position: relative; z-index: 4; }
.site-header .parmtech-logo-header .parmtech-logo-on-dark { opacity: 1; visibility: visible; }
.site-header .parmtech-logo-header .parmtech-logo-on-light { opacity: 0; visibility: hidden; }
.site-header .parmtech-logo-header {
    opacity: 1;
    filter: drop-shadow(0 0 8px rgb(0 214 238 / .26)) drop-shadow(0 6px 14px rgb(0 0 0 / .36));
}
.site-header .parmtech-logo-header .parmtech-logo-image {
    width: clamp(10.4rem, 12vw, 12.6rem);
    max-height: 3.25rem;
    object-fit: contain;
}
.pt-nav-shell { width: 100%; max-width: none; padding-inline: clamp(.75rem, 2.4vw, 3rem); }
.pt-header-row { min-width: 0; gap: clamp(.45rem, 1vw, 1rem); }
.pt-header-brand { flex: 0 1 auto; min-width: 0; }
.pt-header-actions { flex: 0 0 auto; min-width: 0; }
.pt-desktop-nav .nav-link { color: rgb(226 241 255 / .76); }
.pt-desktop-nav .nav-link:hover,
.pt-desktop-nav .nav-link.is-active { color: #fff; }
.site-header .pt-header-icon,
.site-header .pt-menu-toggle,
.site-header .pt-search-trigger,
.site-header .btn-ghost {
    border-color: rgb(140 175 210 / .2);
    color: rgb(233 246 255 / .88);
    background: rgb(255 255 255 / .035);
}
.site-header .pt-header-icon:hover,
.site-header .pt-menu-toggle:hover,
.site-header .pt-search-trigger:hover,
.site-header .btn-ghost:hover {
    border-color: rgb(0 214 238 / .34);
    color: #fff;
    background: rgb(0 214 238 / .065);
}
.pt-quote-button,
.pt-mobile-quote {
    color: #02111b;
    background: linear-gradient(105deg, var(--pt7-cyan), #50b7ff 45%, #9e7cff 100%);
    box-shadow: 0 16px 40px -28px rgb(0 214 238 / .8);
}
.pt-mobile-navigation { max-width: min(42rem, calc(100vw - 1.1rem)); margin-inline: auto; }
.pt-mobile-actions .btn,
.pt-mobile-actions form,
.pt-mobile-actions form .btn { width: 100%; min-width: 0; }

/* Stable, high-contrast themes with one shared 3D material language. */
:where(.card, .premium-card, .hightech-panel, .service-card, .product-wow-card, .store-device, .play-card, .process-step, .mini-proof, .stat-planet, .blog-card, .neo-tile) {
    border-color: color-mix(in oklab, var(--color-edge) 82%, var(--pt7-cyan));
    color: var(--color-ink);
    background:
        linear-gradient(145deg, color-mix(in oklab, var(--color-raised) 96%, var(--pt7-cyan) 4%), color-mix(in oklab, var(--color-surface) 96%, var(--pt7-violet) 4%));
    box-shadow: inset 0 1px rgb(255 255 255 / .5), var(--pt7-card-shadow);
    transform-style: preserve-3d;
    backface-visibility: hidden;
}
.dark :where(.card, .premium-card, .hightech-panel, .service-card, .product-wow-card, .store-device, .play-card, .process-step, .mini-proof, .stat-planet, .blog-card, .neo-tile) {
    border-color: rgb(0 214 238 / .17);
    color: #f2f9ff;
    background: linear-gradient(145deg, rgb(7 22 40 / .96), rgb(17 9 39 / .94));
    box-shadow: inset 0 1px rgb(255 255 255 / .05), var(--pt7-card-shadow);
}
:where(.card, .premium-card, .hightech-panel, .service-card, .product-wow-card, .store-device, .play-card, .process-step, .mini-proof, .stat-planet, .blog-card, .neo-tile):hover {
    border-color: color-mix(in oklab, var(--pt7-cyan) 62%, var(--color-edge));
    box-shadow: 0 34px 90px -54px rgb(20 104 215 / .48), 0 0 24px rgb(0 214 238 / .07);
}
.dark :where(.card, .premium-card, .hightech-panel, .service-card, .product-wow-card, .store-device, .play-card, .process-step, .mini-proof, .stat-planet, .blog-card, .neo-tile):hover {
    box-shadow: 0 36px 96px -56px rgb(0 0 0 / .9), 0 0 26px rgb(0 214 238 / .08);
}

/* Page heroes are always dark game scenes, independent from the selected theme. */
.wow-hero,
.store-play-hero,
.page-hero {
    color: #f5fbff;
    background:
        radial-gradient(circle at 72% 42%, rgb(115 87 255 / .21), transparent 27rem),
        radial-gradient(circle at 25% 40%, rgb(0 214 238 / .19), transparent 25rem),
        linear-gradient(135deg, #020713 0%, #06182d 48%, #130a2b 100%);
}
.wow-hero .text-ink,
.wow-hero .text-ink-soft,
.store-play-hero .text-ink,
.store-play-hero .text-ink-soft { color: inherit; }

/* Light panels must not look washed out; dark panels retain readable text. */
html:not(.dark) .system-spine-section,
html:not(.dark) .matte-store-section,
html:not(.dark) .pt-section.bg-surface\/50,
html:not(.dark) .pt-section.bg-surface\/70 {
    background-color: rgb(244 249 255 / .86);
}
.field,
select.field,
textarea.field {
    border-color: color-mix(in oklab, var(--color-edge) 84%, var(--pt7-cyan));
    color: var(--color-ink);
    background: color-mix(in oklab, var(--color-surface) 95%, var(--pt7-cyan) 5%);
}
.field:focus {
    border-color: var(--pt7-cyan);
    box-shadow: var(--pt7-focus);
}
.dark .field,
.dark select.field,
.dark textarea.field {
    color: #f3f9ff;
    background: rgb(4 16 30 / .82);
    border-color: rgb(0 214 238 / .18);
}
.table-pt { overflow: hidden; border: 1px solid var(--color-edge); border-radius: 1rem; }
.table-pt th { background: color-mix(in oklab, var(--color-raised) 92%, var(--pt7-cyan) 8%); }
.dark .table-pt th { background: rgb(12 32 55 / .94); }

/* Orbital product panel is permanently dark, so it always uses the dark-background logo. */
.logo-space-panel .logo-space-image-dark { display: block; opacity: 1; visibility: visible; }
.logo-space-panel .logo-space-image-light { display: none; opacity: 0; visibility: hidden; }

/* Interactions remain reversible and sharp; no heavy text blur. */
.pt-js.pt-motion-ready [data-reveal='blur'] { filter: blur(.75px) saturate(.99); }
.pt-js.pt-motion-ready [data-reveal='zoom'],
.pt-js.pt-motion-ready [data-reveal='skew'] { filter: none; }
.product-story-panel,
.pyramid-detail-card { filter: none; }
.product-story-panel[aria-hidden='true'],
.pyramid-detail-card[aria-hidden='true'] { pointer-events: none; }
.product-story-panel[aria-hidden='false'],
.pyramid-detail-card[aria-hidden='false'] { visibility: visible; }

/* Full-width command footer with safe floating-contact clearance. */
.command-footer,
.premium-footer { width: 100%; max-width: none; margin-inline: 0; }
.command-footer-inner,
.command-footer-bottom { width: 100%; max-width: none; }
.command-footer { padding-bottom: clamp(5.75rem, 8vw, 7.25rem); }
.floating-contact {
    right: max(.85rem, env(safe-area-inset-right));
    bottom: calc(.85rem + env(safe-area-inset-bottom) + var(--floating-footer-lift, 0px));
    transition: bottom .2s ease, opacity .2s ease, transform .2s ease;
}
.floating-contact.is-footer-deep { opacity: 0; transform: translateY(12px); pointer-events: none; }

/* Custom cursor is progressive enhancement; native cursor survives asset/JS failure. */
@media (pointer: fine) {
    html.pt-smart-cursor-enabled,
    html.pt-smart-cursor-enabled * { cursor: none; }
}
.pt-smart-cursor { z-index: 10050; }
.pt-smart-cursor-image { object-fit: contain; }
.pt-smart-cursor.is-on-dark .pt-smart-cursor-light,
.pt-smart-cursor.is-on-light .pt-smart-cursor-dark { opacity: 1; }
.pt-smart-cursor.is-on-dark .pt-smart-cursor-dark,
.pt-smart-cursor.is-on-light .pt-smart-cursor-light { opacity: 0; }

/* Desktop-only pinned stories; smaller screens receive deterministic native layouts. */
@media (min-width: 1200px) {
    .pt-desktop-nav { display: flex; }
    .pt-menu-toggle { display: none; }
    .pt-desktop-action { display: inline-flex; }
}
@media (min-width: 1480px) {
    .pt-search-trigger { display: inline-flex; }
}
@media (max-width: 1199px) {
    :root { --pt-header-height: 4.65rem; }
    .pt-desktop-nav,
    .pt-desktop-action,
    .pt-search-trigger { display: none; }
    .pt-menu-toggle { display: inline-grid; }
    .site-header .parmtech-logo-header .parmtech-logo-image {
        width: clamp(8.4rem, 22vw, 10.3rem);
        max-height: 2.75rem;
    }
    main#main { padding-top: var(--pt-header-height); }
    .section-rail { display: none; }
    .command-footer-inner { grid-template-columns: minmax(16rem, 1fr) minmax(24rem, 1.35fr); }
    .command-footer-status { grid-column: 1 / -1; max-width: 24rem; }
}
@media (max-width: 767px) {
    :root { --pt-header-height: 4.2rem; }
    .pt-nav-shell { padding-inline: .65rem; }
    .pt-header-row { gap: .35rem; }
    .site-header .parmtech-logo-header .parmtech-logo-image { width: 7.4rem; max-height: 2.3rem; }
    .pt-header-actions { gap: .3rem; }
    .pt-header-icon,
    .pt-menu-toggle { width: 2.35rem; height: 2.35rem; }
    .pt-mobile-navigation {
        left: .5rem;
        right: .5rem;
        width: auto;
        max-height: calc(100svh - var(--pt-header-height) - .9rem);
        overflow-y: auto;
        overscroll-behavior: contain;
    }
    .pt-mobile-links,
    .pt-mobile-actions { grid-template-columns: 1fr; }
    .pt-mobile-search { grid-column: auto; }
    .pt-mobile-actions .btn { min-height: 2.9rem; justify-content: center; white-space: normal; text-align: center; }
    .wow-display { font-size: clamp(2.65rem, 14vw, 4.25rem); line-height: .89; }
    .pt-section { padding-block: clamp(3.75rem, 12vw, 5.5rem); }
    .pt-shell,
    .pt-shell-wide,
    .pt-shell-narrow { padding-inline: .95rem; }
    .game-hud-frame,
    .game-holo-prism,
    .game-scan-beam,
    .scene-floating-panel,
    .scene-floating-cube,
    .scene-neon-helix { display: none; }
    .command-footer-inner { grid-template-columns: 1fr; gap: 2.1rem; padding-inline: 1rem; }
    .command-footer-navs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.7rem 1rem; }
    .command-footer-navs nav:last-child { grid-column: 1 / -1; }
    .command-footer-status { grid-column: auto; max-width: none; }
    .command-footer-bottom { flex-direction: column; align-items: flex-start; margin-inline: 1rem; }
    .floating-contact { right: max(.55rem, env(safe-area-inset-right)); }
    .floating-whatsapp,
    .floating-ai { width: 3rem; height: 3rem; min-height: 3rem; padding: 0; justify-content: center; }
}
@media (max-width: 420px) {
    .site-header .parmtech-logo-header .parmtech-logo-image { width: 6.7rem; }
    .pt-header-icon,
    .pt-menu-toggle { width: 2.2rem; height: 2.2rem; }
    .command-footer-navs { grid-template-columns: 1fr; }
    .command-footer-navs nav:last-child { grid-column: auto; }
}
@media (prefers-reduced-motion: reduce) {
    .pt-smart-cursor { display: none; }
    .game-hud-frame,
    .game-holo-prism,
    .game-scan-beam,
    .scene-floating-panel,
    .scene-floating-cube,
    .scene-neon-helix { display: none; }
}

/* ==================================================================
   ParmTech v7.0.2 — theme parity + sequential assembly release
   Final cascade. This layer intentionally owns theme surfaces, logo
   selection, the product-story deck and responsive contact control.
   ================================================================== */

:root {
    --pt72-canvas: #f3f8fe;
    --pt72-surface: #ffffff;
    --pt72-raised: #eaf3fe;
    --pt72-ink: #061729;
    --pt72-soft: #314b65;
    --pt72-faint: #5c7188;
    --pt72-edge: #bfd3e7;
    --pt72-cyan: #00cfe8;
    --pt72-blue: #176cff;
    --pt72-violet: #7357ff;
    --pt72-magenta: #ce48bd;
    --color-canvas: var(--pt72-canvas);
    --color-surface: var(--pt72-surface);
    --color-raised: var(--pt72-raised);
    --color-ink: var(--pt72-ink);
    --color-ink-soft: var(--pt72-soft);
    --color-ink-faint: var(--pt72-faint);
    --color-edge: var(--pt72-edge);
    --color-edge-soft: #dfeaf5;
    --pt-electric-cyan: var(--pt72-cyan);
    --pt-electric-blue: var(--pt72-blue);
    --pt-neon-violet: var(--pt72-violet);
    --pt-neon-magenta: var(--pt72-magenta);
}

.dark {
    --pt72-canvas: #020711;
    --pt72-surface: #071525;
    --pt72-raised: #0c1d33;
    --pt72-ink: #f5faff;
    --pt72-soft: #bfd0e2;
    --pt72-faint: #8da3bb;
    --pt72-edge: #1c3a56;
    --pt72-cyan: #18e0f1;
    --pt72-blue: #3b86ff;
    --pt72-violet: #8b75ff;
    --pt72-magenta: #ec68d8;
    --color-canvas: var(--pt72-canvas);
    --color-surface: var(--pt72-surface);
    --color-raised: var(--pt72-raised);
    --color-ink: var(--pt72-ink);
    --color-ink-soft: var(--pt72-soft);
    --color-ink-faint: var(--pt72-faint);
    --color-edge: var(--pt72-edge);
    --color-edge-soft: #10283e;
    --pt-electric-cyan: var(--pt72-cyan);
    --pt-electric-blue: var(--pt72-blue);
    --pt-neon-violet: var(--pt72-violet);
    --pt-neon-magenta: var(--pt72-magenta);
}

html,
body { overflow-x: clip; }

body.futuristic-body {
    color: var(--color-ink);
    background:
        radial-gradient(circle at 12% 6%, rgb(0 207 232 / .10), transparent 29rem),
        radial-gradient(circle at 90% 9%, rgb(115 87 255 / .10), transparent 32rem),
        linear-gradient(180deg, #fbfdff 0%, #edf5fe 48%, #f7fbff 100%);
}
.dark body.futuristic-body {
    background:
        radial-gradient(circle at 12% 6%, rgb(0 207 232 / .10), transparent 30rem),
        radial-gradient(circle at 90% 9%, rgb(115 87 255 / .14), transparent 34rem),
        linear-gradient(180deg, #020711 0%, #061426 50%, #020711 100%);
}

/* Explicit logo-surface contract. Auto follows the page theme; permanent
   dark panels never switch to the black light-surface artwork. */
.parmtech-logo-image { image-rendering: auto; }
.parmtech-logo .parmtech-logo-on-dark { opacity: 0; visibility: hidden; }
.parmtech-logo .parmtech-logo-on-light { opacity: 1; visibility: visible; }
.dark .parmtech-logo:not(.parmtech-logo-onsurface-light) .parmtech-logo-on-dark,
.parmtech-logo-onsurface-dark .parmtech-logo-on-dark,
.parmtech-logo-ondark .parmtech-logo-on-dark {
    opacity: 1;
    visibility: visible;
}
.dark .parmtech-logo:not(.parmtech-logo-onsurface-light) .parmtech-logo-on-light,
.parmtech-logo-onsurface-dark .parmtech-logo-on-light,
.parmtech-logo-ondark .parmtech-logo-on-light {
    opacity: 0;
    visibility: hidden;
}
.parmtech-logo-onsurface-light .parmtech-logo-on-light {
    opacity: 1;
    visibility: visible;
}
.parmtech-logo-onsurface-light .parmtech-logo-on-dark {
    opacity: 0;
    visibility: hidden;
}
html:not(.dark) .parmtech-logo:not(.parmtech-logo-onsurface-dark):not(.parmtech-logo-ondark) .parmtech-logo-on-light {
    filter: drop-shadow(0 7px 15px rgb(5 24 48 / .10));
}
.site-header .parmtech-logo-header,
.command-footer .parmtech-logo-footer,
.core-console .parmtech-logo-console,
.store-feature-card .store-feature-mark {
    filter: drop-shadow(0 0 10px rgb(0 207 232 / .20));
}
.logo-space-panel .logo-space-image-dark { display: block; opacity: 1; visibility: visible; }
.logo-space-panel .logo-space-image-light { display: none; opacity: 0; visibility: hidden; }

/* Light-theme materials: no washed-out copy, low-contrast borders or white
   logos on white cards. */
html:not(.dark) :where(.card, .premium-card, .service-card, .product-wow-card, .play-card, .process-step, .mini-proof, .stat-planet, .blog-card, .neo-tile, .hightech-panel) {
    color: var(--color-ink);
    border-color: color-mix(in oklab, var(--color-edge) 80%, var(--pt72-cyan));
    background:
        linear-gradient(145deg, color-mix(in oklab, #fff 96%, var(--pt72-cyan) 4%), color-mix(in oklab, #eef5ff 95%, var(--pt72-violet) 5%));
    box-shadow: inset 0 1px rgb(255 255 255 / .82), 0 28px 74px -56px rgb(18 78 150 / .36);
}
html:not(.dark) :where(.card, .premium-card, .service-card, .product-wow-card, .play-card, .process-step, .mini-proof, .stat-planet, .blog-card, .neo-tile, .hightech-panel) :where(p, small, .text-ink-soft, .text-ink-faint) {
    color: var(--color-ink-soft);
}
html:not(.dark) .play-icon {
    border-color: rgb(23 108 255 / .15);
    background: linear-gradient(145deg, #f9fcff, #e8f3ff);
    box-shadow: inset 0 1px #fff, 0 14px 30px -24px rgb(20 92 180 / .4);
}
html:not(.dark) .store-feature-card {
    color: #f4fbff;
    background: linear-gradient(145deg, rgb(5 21 39 / .96), rgb(20 10 43 / .95));
}
html:not(.dark) .store-feature-card p { color: rgb(221 237 252 / .76); }
html:not(.dark) .store-feature-card h2 { color: #fff; }
html:not(.dark) .store-feature-card > div > span { color: #67e8f9; }

/* Dark-theme materials use a single blue-black/violet language and preserve
   readable secondary copy. */
.dark :where(.card, .premium-card, .service-card, .product-wow-card, .play-card, .process-step, .mini-proof, .stat-planet, .blog-card, .neo-tile, .hightech-panel) {
    color: var(--color-ink);
    border-color: rgb(24 224 241 / .17);
    background: linear-gradient(145deg, rgb(7 22 40 / .97), rgb(17 9 39 / .95));
    box-shadow: inset 0 1px rgb(255 255 255 / .05), 0 32px 88px -58px rgb(0 0 0 / .86);
}
.dark :where(.card, .premium-card, .service-card, .product-wow-card, .play-card, .process-step, .mini-proof, .stat-planet, .blog-card, .neo-tile, .hightech-panel) :where(p, small, .text-ink-soft, .text-ink-faint) {
    color: var(--color-ink-soft);
}

/* Cinematic scenes stay dark in both themes and therefore always use white
   copy and dark-surface brand artwork. */
:where(.wow-hero, .store-play-hero, .page-hero, .product-story-section, .command-footer) {
    color: #f5fbff;
}
:where(.wow-hero, .store-play-hero, .page-hero, .product-story-section, .command-footer) :where(.text-ink, .text-ink-soft, .text-ink-faint) {
    color: inherit;
}

.field,
select.field,
textarea.field {
    color: var(--color-ink);
    border-color: color-mix(in oklab, var(--color-edge) 82%, var(--pt72-cyan));
    background: color-mix(in oklab, var(--color-surface) 96%, var(--pt72-cyan) 4%);
}
.field::placeholder,
textarea.field::placeholder { color: var(--color-ink-faint); opacity: 1; }
.field:focus,
select.field:focus,
textarea.field:focus {
    border-color: var(--pt72-cyan);
    box-shadow: 0 0 0 3px rgb(0 207 232 / .20);
}
.dark .field,
.dark select.field,
.dark textarea.field {
    color: #f5faff;
    border-color: rgb(24 224 241 / .18);
    background: rgb(4 16 30 / .84);
}

/* Sequential platform story: exactly one desktop card appears per scroll step.
   Previous cards exit left; upcoming cards wait right. Reverse scroll mirrors
   the sequence. Mobile keeps the dedicated vertical story cards. */
.product-story-workbench {
    grid-template-columns: minmax(22rem, .82fr) minmax(30rem, 1.18fr);
    gap: clamp(1.2rem, 3vw, 4rem);
}
.product-story-copy,
.product-story-deck {
    position: relative;
    min-width: 0;
    min-height: 23rem;
    overflow: hidden;
    border-left: 0;
}
.product-story-copy::before,
.product-story-copy::after { display: none; }
.product-story-copy-rail,
.product-story-stage-grid {
    position: relative;
    display: block;
    width: 100%;
    height: 23rem;
    min-height: 23rem;
    overflow: hidden;
    perspective: 1100px;
}
html.pt-js .product-story-panel,
.product-story-panel {
    position: absolute;
    inset: 0;
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 23rem;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgb(24 224 241 / .18);
    border-radius: 1rem 2.65rem 1rem 1rem;
    padding: clamp(1.35rem, 2.7vw, 2.75rem);
    opacity: 0;
    visibility: visible;
    color: #f5faff;
    background:
        radial-gradient(circle at 10% 12%, rgb(0 207 232 / .11), transparent 46%),
        linear-gradient(145deg, rgb(6 20 38 / .98), rgb(18 8 39 / .97));
    box-shadow: 0 30px 84px -50px rgb(0 0 0 / .82), inset 0 1px rgb(255 255 255 / .04);
    transform: translate3d(20%, 0, -30px) rotateY(-6deg) scale(.95);
    filter: none;
    pointer-events: none;
    transition: opacity .34s ease, transform .46s var(--ease-out), border-color .3s ease, box-shadow .3s ease;
    will-change: transform, opacity;
}
.product-story-panel::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, var(--pt72-cyan), transparent 30%) top left / 62% 1px no-repeat,
        linear-gradient(270deg, var(--pt72-violet), transparent 30%) bottom right / 52% 1px no-repeat;
    opacity: .58;
}
.product-story-panel.is-active,
.product-story-panel[aria-current='step'],
.product-story-panel[aria-hidden='false'] {
    z-index: 5;
    opacity: 1;
    transform: translate3d(0, 0, 0) rotateY(0) scale(1);
    pointer-events: auto;
}
.product-story-panel.is-past {
    z-index: 1;
    opacity: 0;
    transform: translate3d(-20%, 0, -30px) rotateY(6deg) scale(.95);
}
.product-story-panel.is-upcoming {
    z-index: 1;
    opacity: 0;
    transform: translate3d(20%, 0, -30px) rotateY(-6deg) scale(.95);
}
.product-story-panel > span,
.product-story-panel h3,
.product-story-panel p,
.product-story-panel strong {
    position: relative;
    z-index: 1;
    opacity: 1;
    filter: none;
}
.product-story-panel > span { color: #67e8f9; }
.product-story-panel h3 {
    max-width: 13ch;
    color: #f7fbff;
    font-size: clamp(2rem, 3.4vw, 3.8rem);
}
.product-story-panel p {
    max-width: 36rem;
    color: rgb(224 239 255 / .82);
}
.product-story-panel strong { color: #a5f3fc; }
.product-assembly { min-height: clamp(25rem, 52vh, 34rem); }

/* Compact neutral chat launcher with footer-aware lift. */
.floating-contact {
    right: max(.72rem, env(safe-area-inset-right));
    bottom: calc(.72rem + env(safe-area-inset-bottom) + var(--floating-footer-lift, 0px));
    width: auto;
    max-width: calc(100vw - 1.44rem);
}
.floating-chat-button {
    position: relative;
    display: grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    overflow: visible;
    border: 1px solid rgb(133 229 255 / .25);
    border-radius: .76rem 1.08rem .76rem .76rem;
    color: #effcff;
    background: linear-gradient(145deg, rgb(7 31 50 / .97), rgb(18 15 53 / .97));
    box-shadow: 0 18px 42px -24px rgb(0 0 0 / .8), 0 0 18px rgb(0 207 232 / .11);
    transition: transform .22s var(--ease-out), border-color .22s ease, box-shadow .22s ease;
}
.floating-chat-button:hover,
.floating-chat-button:focus-visible {
    border-color: rgb(77 231 255 / .62);
    transform: translateY(-2px) scale(1.035);
    box-shadow: 0 22px 50px -26px rgb(0 0 0 / .84), 0 0 24px rgb(0 213 244 / .2);
}
.floating-chat-button:focus-visible { outline: 2px solid rgb(93 230 255 / .82); outline-offset: 3px; }
.floating-chat-icon { width: 1.18rem; height: 1.18rem; }
.floating-chat-button .floating-pulse {
    inset: -.2rem;
    border-radius: inherit;
    background: linear-gradient(135deg, rgb(0 208 238 / .32), rgb(92 77 255 / .24));
    opacity: .26;
}
.floating-whatsapp { display: none; }
.floating-contact.is-footer-deep { opacity: 0; transform: translateY(10px); pointer-events: none; }
.command-footer-bottom { min-height: 3.2rem; padding-right: clamp(3.8rem, 7vw, 5.8rem); overflow: hidden; }

/* Mobile header: quote/login stay inside the menu instead of squeezing the
   brand row. */
@media (max-width: 1199px) {
    .pt-desktop-nav,
    .pt-desktop-action,
    .pt-search-trigger { display: none; }
    .pt-menu-toggle { display: inline-grid; }
    .product-story-workbench { grid-template-columns: 1fr; }
}
@media (max-width: 1023px), (max-height: 699px) {
    .product-story-stage { display: none; }
    .product-story-mobile { display: grid; }
}
@media (max-width: 767px) {
    .site-header .parmtech-logo-header .parmtech-logo-image { width: 7.2rem; max-height: 2.25rem; }
    .pt-header-actions { gap: .28rem; }
    .pt-header-icon,
    .pt-menu-toggle { width: 2.35rem; height: 2.35rem; }
    .pt-mobile-navigation { left: .5rem; right: .5rem; width: auto; }
    .pt-mobile-links,
    .pt-mobile-actions { grid-template-columns: 1fr; }
    .pt-mobile-actions .btn { width: 100%; min-height: 2.9rem; justify-content: center; white-space: normal; text-align: center; }
    .floating-contact { right: max(.5rem, env(safe-area-inset-right)); bottom: calc(.5rem + env(safe-area-inset-bottom) + var(--floating-footer-lift, 0px)); }
    .floating-chat-button { width: 2.5rem; height: 2.5rem; }
    .command-footer-bottom { padding-right: 3.45rem; }
}
@media (max-width: 390px) {
    .site-header .parmtech-logo-header .parmtech-logo-image { width: 6.55rem; }
    .pt-header-icon,
    .pt-menu-toggle { width: 2.2rem; height: 2.2rem; }
}
@media (prefers-reduced-motion: reduce) {
    .product-story-panel,
    .floating-chat-button { transition: none; }
}

/* ==================================================================
   ParmTech v7.1.0 — validated theme, logo and interaction repair
   ================================================================== */
html.pt-v704 { scroll-padding-top: 5.75rem; }

/* Permanent dark product surfaces must stay dark in both site themes. */
html.pt-v704 .core-console,
html.pt-v704 .logo-space-panel,
html.pt-v704 .system-core-hub {
    color: #f5fbff;
    border-color: rgb(65 220 245 / .24);
    background:
        radial-gradient(circle at 18% 12%, rgb(0 207 232 / .14), transparent 42%),
        linear-gradient(145deg, #071a2f 0%, #081528 52%, #160b35 100%);
    box-shadow: inset 0 1px rgb(255 255 255 / .06), 0 30px 84px -48px rgb(0 0 0 / .74);
}
html.pt-v704 .core-console :where(p, small, .token-dim),
html.pt-v704 .system-core-hub small { color: rgb(225 240 255 / .78); }
html.pt-v704 .system-core-hub strong { color: #fff; text-shadow: 0 0 22px rgb(0 207 232 / .12); }
html.pt-v704 .system-core-hub .system-core-kicker { color: #67e8f9; }

/* One reliable brand lockup inside the orbital card. */
html.pt-v704 .logo-space-brand {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    width: 82%;
    transform: translate(-50%, -55%);
    filter: drop-shadow(0 10px 22px rgb(0 0 0 / .28)) drop-shadow(0 0 18px rgb(0 225 255 / .16));
}
html.pt-v704 .logo-space-brand .parmtech-logo-image { width: 100%; max-height: 8.5rem; }
html.pt-v704 .core-console .parmtech-logo-console { opacity: 1; }
html.pt-v704 .core-console .parmtech-logo-console .parmtech-logo-on-dark { opacity: 1; visibility: visible; }
html.pt-v704 .core-console .parmtech-logo-console .parmtech-logo-on-light { opacity: 0; visibility: hidden; }

/* Explicit readable copy on normal light/dark materials. */
html.pt-v704:not(.dark) :where(.card,.premium-card,.service-card,.product-wow-card,.play-card,.process-step,.mini-proof,.stat-planet,.blog-card,.neo-tile,.hightech-panel,.pyramid-detail-stack,.service-assembly-card,.system-node) :where(h1,h2,h3,h4,h5,h6,strong,label,legend,th) { color: #07182b; }
html.pt-v704:not(.dark) :where(.card,.premium-card,.service-card,.product-wow-card,.play-card,.process-step,.mini-proof,.stat-planet,.blog-card,.neo-tile,.hightech-panel,.pyramid-detail-stack,.service-assembly-card,.system-node) :where(p,li,small,td,.text-ink-soft,.text-ink-faint) { color: #36506b; }
html.pt-v704.dark :where(.card,.premium-card,.service-card,.product-wow-card,.play-card,.process-step,.mini-proof,.stat-planet,.blog-card,.neo-tile,.hightech-panel,.pyramid-detail-stack,.service-assembly-card,.system-node) :where(h1,h2,h3,h4,h5,h6,strong,label,legend,th) { color: #f2f9ff; }
html.pt-v704.dark :where(.card,.premium-card,.service-card,.product-wow-card,.play-card,.process-step,.mini-proof,.stat-planet,.blog-card,.neo-tile,.hightech-panel,.pyramid-detail-stack,.service-assembly-card,.system-node) :where(p,li,small,td,.text-ink-soft,.text-ink-faint) { color: #bfd0e3; }
html.pt-v704 :where(.field,input,select,textarea) { color: var(--color-ink); caret-color: #176cff; }
html.pt-v704 :where(.field,input,textarea)::placeholder { color: var(--color-ink-faint); opacity: 1; }

/* Assembly deck enters fully from right, docks, and leaves fully left. */
html.pt-v704 .product-story-panel {
    transform: translate3d(112%,0,-42px) rotateY(-7deg) scale(.94);
    transform-origin: 100% 50%;
    transition: opacity .34s ease, transform .72s cubic-bezier(.16,1,.3,1), border-color .3s ease, box-shadow .3s ease;
}
html.pt-v704 .product-story-panel.is-active,
html.pt-v704 .product-story-panel[aria-current='step'],
html.pt-v704 .product-story-panel[aria-hidden='false'] { transform: translate3d(0,0,0) rotateY(0) scale(1); transform-origin: 50% 50%; }
html.pt-v704 .product-story-panel.is-past { transform: translate3d(-112%,0,-42px) rotateY(7deg) scale(.94); transform-origin: 0 50%; }
html.pt-v704 .product-story-panel.is-upcoming { transform: translate3d(112%,0,-42px) rotateY(-7deg) scale(.94); transform-origin: 100% 50%; }

/* Responsive pointer atmosphere without intercepting clicks. */
@supports selector(body:has(a:hover)) {
    html.pt-v704 body:has(:where(a[href],button:not(:disabled),summary,[data-pointer-card]):hover) .mouse-glow {
        opacity: 1;
        background: radial-gradient(28rem 28rem at var(--mouse-x) var(--mouse-y), rgb(11 99 206 / .14), transparent 64%), radial-gradient(13rem 13rem at var(--mouse-x) var(--mouse-y), rgb(0 217 232 / .10), transparent 70%);
        filter: saturate(1.16);
    }
    html.pt-v704.dark body:has(:where(a[href],button:not(:disabled),summary,[data-pointer-card]):hover) .mouse-glow {
        background: radial-gradient(28rem 28rem at var(--mouse-x) var(--mouse-y), rgb(0 217 232 / .17), transparent 64%), radial-gradient(13rem 13rem at var(--mouse-x) var(--mouse-y), rgb(115 87 255 / .13), transparent 70%);
    }
}
html.pt-v704 :where(a[href],button:not(:disabled),summary):focus-visible { outline: 3px solid color-mix(in oklab,#176cff 72%,white); outline-offset: 3px; }

/* Keep pinned cinematic scenes clear of the fixed header and avoid clipping. */
html.pt-v704 .capability-pyramid-section.is-pyramid-pinned .capability-pyramid-stage,
html.pt-v704 .service-assembly-section.is-service-assembly-pinned .service-assembly-stage { max-height: calc(100svh - 5.75rem); }

@media (max-width: 1023px), (max-height: 719px) {
    html.pt-v704 .capability-pyramid-stage,
    html.pt-v704 .service-assembly-stage { display: none; }
    html.pt-v704 .capability-pyramid-mobile,
    html.pt-v704 .service-assembly-mobile { display: grid; }
}
@media (prefers-reduced-motion: reduce) {
    html.pt-v704 .product-story-panel { transition: none; }
}

/* Header brand caption: deliberately light and compact. The generic fallback
   stays hidden unless an image genuinely fails, preventing duplicate labels
   inside cards and other logo placements. */
.parmtech-logo-fallback {
    display: none;
    align-items: center;
    gap: .18rem;
    color: rgb(226 247 255 / .86);
    font-family: var(--font-mono);
    font-size: .56rem;
    font-weight: 400;
    letter-spacing: .075em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}
.parmtech-logo-fallback b,
.parmtech-logo-fallback span { font-weight: 400; }
.parmtech-logo.has-logo-error .parmtech-logo-image { opacity: 0; visibility: hidden; }
.parmtech-logo.has-logo-error .parmtech-logo-fallback {
    display: inline-flex;
    grid-area: 1 / 1;
}
.site-header .parmtech-logo-header:not(.has-logo-error) {
    grid-template-rows: auto auto;
    justify-items: start;
}
.site-header .parmtech-logo-header:not(.has-logo-error) .parmtech-logo-fallback {
    display: inline-flex;
    grid-area: 2 / 1;
    margin-top: -.28rem;
    padding-left: .05rem;
    color: rgb(224 244 255 / .78);
    font-size: clamp(.47rem, .48vw, .55rem);
    font-weight: 400;
    letter-spacing: .065em;
    text-shadow: 0 0 8px rgb(0 214 238 / .18);
}
.site-header .parmtech-logo-header:not(.has-logo-error) .parmtech-logo-fallback b,
.site-header .parmtech-logo-header:not(.has-logo-error) .parmtech-logo-fallback span {
    font-weight: 400;
}
@media (max-width: 767px) {
    .site-header .parmtech-logo-header:not(.has-logo-error) .parmtech-logo-fallback {
        margin-top: -.2rem;
        font-size: .44rem;
        letter-spacing: .055em;
    }
}

/* ==================================================================
   ParmTech v7.1.0 — admin, commerce and account-security UI utilities
   These portable utilities keep the cPanel precompiled build complete.
   ================================================================== */
.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.pt-7{padding-top:1.75rem}
.max-h-80{max-height:20rem}.max-w-none{max-width:none}.overflow-y-auto{overflow-y:auto}.capitalize{text-transform:capitalize}.mr-8{margin-right:2rem}
.bg-surface-soft{background-color:var(--color-edge-soft)}.bg-surface-soft\/55{background-color:color-mix(in srgb,var(--color-edge-soft) 55%,transparent)}
.bg-cyan-300\/15{background-color:rgb(103 232 249 / .15)}.bg-danger\/10{background-color:rgb(220 38 38 / .10)}.bg-emerald-500\/10{background-color:rgb(16 185 129 / .10)}.bg-red-400\/10{background-color:rgb(248 113 113 / .10)}
.border-cobalt-500\/25{border-color:rgb(11 99 206 / .25)}.border-danger\/25{border-color:rgb(220 38 38 / .25)}.border-emerald-500\/25{border-color:rgb(16 185 129 / .25)}.border-red-300\/20{border-color:rgb(252 165 165 / .20)}
.text-cyan-100\/75{color:rgb(207 250 254 / .75)}.text-emerald-700{color:#047857}.text-red-100{color:#fee2e2}.text-white\/60{color:rgb(255 255 255 / .60)}.text-white\/85{color:rgb(255 255 255 / .85)}
.placeholder\:text-white\/45::placeholder{color:rgb(255 255 255 / .45)}.hover\:text-cyan-100:hover{color:#cffafe}
.dark .dark\:text-emerald-200{color:#a7f3d0}
.blog-preview{color:var(--color-ink-soft);line-height:1.75}.blog-preview h1,.blog-preview h2,.blog-preview h3{color:var(--color-ink);font-family:var(--font-display);font-weight:700;line-height:1.15;margin:1.4em 0 .55em}.blog-preview h1{font-size:2rem}.blog-preview h2{font-size:1.5rem}.blog-preview h3{font-size:1.2rem}.blog-preview p,.blog-preview ul,.blog-preview ol,.blog-preview pre,.blog-preview blockquote{margin:.9rem 0}.blog-preview ul,.blog-preview ol{padding-left:1.4rem}.blog-preview a{color:var(--color-cobalt-500);text-decoration:underline}.blog-preview code{font-family:var(--font-mono);font-size:.9em}.blog-preview pre{overflow:auto;border:1px solid var(--color-edge);border-radius:.75rem;background:var(--color-edge-soft);padding:1rem}
@media (min-width:640px){.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}}
@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}}

/* ParmTech v7.1.0 portable admin/commerce utilities */
@media (min-width: 1280px) {
  .xl\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
}
.aspect-\[16\/9\] { aspect-ratio: 16 / 9; }