*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Geist,Inter,ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Geist Mono,SFMono-Regular,ui-monospace,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-inset-8{top:-2rem;right:-2rem;bottom:-2rem;left:-2rem}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-2{bottom:-.5rem}.-right-32{right:-8rem}.bottom-0{bottom:0}.bottom-8{bottom:2rem}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.right-0{right:0}.top-0{top:0}.top-1{top:.25rem}.top-2{top:.5rem}.top-20{top:5rem}.top-9{top:2.25rem}.isolate{isolation:isolate}.-z-10{z-index:-10}.-z-20{z-index:-20}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.mx-auto{margin-left:auto;margin-right:auto}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-7{margin-bottom:1.75rem}.ml-3{margin-left:.75rem}.ml-5{margin-left:1.25rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[520px\]{height:520px}.h-full{height:100%}.h-px{height:1px}.min-h-\[48px\]{min-height:48px}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[520px\]{width:520px}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-\[680px\]{min-width:680px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-\[1200px\]{max-width:1200px}.max-w-\[560px\]{max-width:560px}.max-w-\[600px\]{max-width:600px}.max-w-\[720px\]{max-width:720px}.max-w-\[800px\]{max-width:800px}.max-w-\[900px\]{max-width:900px}.max-w-full{max-width:100%}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.origin-left{transform-origin:left}.origin-top{transform-origin:top}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-0{--tw-scale-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.scroll-mt-28{scroll-margin-top:7rem}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-2{row-gap:.5rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-border>:not([hidden])~:not([hidden]){border-color:var(--border)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.text-balance{text-wrap:balance}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-accent{border-color:var(--accent)}.border-border{border-color:var(--border)}.border-border-strong{border-color:var(--border-strong)}.border-l-accent{border-left-color:var(--accent)}.bg-\[color-mix\(in_srgb\,var\(--bg\)_82\%\,transparent\)\]{background-color:color-mix(in srgb,var(--bg) 82%,transparent)}.bg-accent{background-color:var(--accent)}.bg-bg{background-color:var(--bg)}.bg-border{background-color:var(--border)}.bg-success{background-color:var(--success)}.bg-surface{background-color:var(--surface)}.bg-surface-2{background-color:var(--surface-2)}.bg-text-faint{background-color:var(--text-faint)}.bg-transparent{background-color:transparent}.bg-warning{background-color:var(--warning)}.bg-\[radial-gradient\(circle_at_30\%_30\%\,var\(--accent\)\,\#2b145f_45\%\,transparent_70\%\)\]{background-image:radial-gradient(circle at 30% 30%,var(--accent),#2b145f 45%,transparent 70%)}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-24{padding-bottom:6rem}.pb-6{padding-bottom:1.5rem}.pl-12{padding-left:3rem}.pt-16{padding-top:4rem}.pt-32{padding-top:8rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:Geist Mono,SFMono-Regular,ui-monospace,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-\[1\.0625rem\]{font-size:1.0625rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[clamp\(2\.35rem\,4\.6vw\,5\.5rem\)\]{font-size:clamp(2.35rem,4.6vw,5.5rem)}.text-\[clamp\(2rem\,4vw\,3rem\)\]{font-size:clamp(2rem,4vw,3rem)}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\[1\.05\]{line-height:1.05}.leading-\[1\.65\]{line-height:1.65}.leading-none{line-height:1}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-\[-0\.03em\]{letter-spacing:-.03em}.tracking-\[-0\.04em\]{letter-spacing:-.04em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.2em\]{letter-spacing:.2em}.text-accent{color:var(--accent)}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-text{color:var(--text)}.text-text-faint{color:var(--text-faint)}.text-text-muted{color:var(--text-muted)}.text-warning{color:var(--warning)}.underline{text-decoration-line:underline}.decoration-border{text-decoration-color:var(--border)}.underline-offset-4{text-underline-offset:4px}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-\[0\.04\]{opacity:.04}.shadow-\[inset_0_0_0_4px_var\(--bg\)\]{--tw-shadow: inset 0 0 0 4px var(--bg);--tw-shadow-colored: inset 0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur-3xl{--tw-blur: blur(64px);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)}.blur-\[80px\]{--tw-blur: blur(80px);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)}.grayscale{--tw-grayscale: grayscale(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(40px);-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-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[border-color\,background\,color\,letter-spacing\]{transition-property:border-color,background,color,letter-spacing;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--bg: #0a0a0b;--surface: #111114;--surface-2: #16161a;--border: #1f1f23;--border-strong: #2a2a2f;--text: #f4f4f5;--text-muted: #a1a1aa;--text-faint: #52525b;--accent: #00d26a;--success: #10b981;--warning: #f97316;--danger: #ef4444;color-scheme:dark}:root[data-theme=light]{--bg: #f7f7f4;--surface: #ffffff;--surface-2: #efefea;--border: #deded6;--border-strong: #c9c9bd;--text: #151516;--text-muted: #59595f;--text-faint: #898990;--accent: #009f55;--success: #059669;--warning: #e66a13;--danger: #dc2626;color-scheme:light}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 75% -10%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 30rem),var(--bg);color:var(--text);font-family:Geist,Inter,ui-sans-serif,system-ui,sans-serif;font-feature-settings:"ss01","cv01"}button,input,select,textarea{font:inherit}::-moz-selection{background:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--text)}::selection{background:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--text)}.mask-reveal{clip-path:inset(0 0 100% 0)}.card-inset{box-shadow:inset 0 1px #ffffff0a}.accent-glow{box-shadow:0 0 60px -20px var(--accent)}.magic-card{position:relative;overflow:hidden}.magic-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;border:1px solid transparent;background:linear-gradient(115deg,transparent 0%,transparent 38%,color-mix(in srgb,var(--accent) 38%,transparent) 50%,transparent 62%,transparent 100%) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:translate(-65%)}.magic-card:hover:after{animation:magic-border 1.5s ease-out 1}.pricing-beam:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;border-radius:inherit;background:conic-gradient(from var(--beam-angle),transparent 0 62%,color-mix(in srgb,var(--accent) 72%,transparent),transparent 78% 100%);animation:beam-spin 9s linear infinite}.pricing-beam:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:-1;border-radius:inherit;background:var(--surface)}.dot-grid{background-image:radial-gradient(color-mix(in srgb,var(--text) 28%,transparent) 1px,transparent 1px);background-size:28px 28px;animation:grid-drift 60s linear infinite}.marquee-track{animation:marquee 32s linear infinite}.marquee-wrap:hover .marquee-track{animation-play-state:paused}.delivery-card{animation:delivery-fall 5.8s cubic-bezier(.22,1,.36,1) infinite}.delivery-card:nth-child(2){animation-delay:.9s}.delivery-card:nth-child(3){animation-delay:1.8s}.delivery-card:nth-child(4){animation-delay:2.7s}.delivery-card:nth-child(5){animation-delay:3.6s}.led-pulse{animation:led-pulse 1.8s ease-in-out infinite}.led-pulse:nth-child(2){animation-delay:.35s}.led-pulse:nth-child(3){animation-delay:.7s}.ip-orbit{animation:ip-glow 2.8s ease-in-out infinite}.ip-orbit:nth-child(2){animation-delay:.45s}.ip-orbit:nth-child(3){animation-delay:.9s}.ip-orbit:nth-child(4){animation-delay:1.35s}.progress-fill{animation:progress-fill 2.8s cubic-bezier(.22,1,.36,1) infinite}.scroll-dot{animation:scroll-dot 1.5s ease-in-out infinite}.hero-line-reveal{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}@property --beam-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes beam-spin{to{--beam-angle: 360deg}}@keyframes magic-border{0%{opacity:0;transform:translate(-75%)}20%{opacity:1}to{opacity:0;transform:translate(75%)}}@keyframes grid-drift{to{background-position:280px 180px}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes delivery-fall{0%{opacity:0;transform:translate3d(0,-26px,0) rotate(-1deg) scale(.96)}12%{opacity:1}58%{opacity:1;transform:translate3d(0,118px,0) rotate(1deg) scale(1)}to{opacity:0;transform:translate3d(0,160px,0) rotate(2deg) scale(.98)}}@keyframes led-pulse{0%,to{opacity:.25;box-shadow:none}40%{opacity:1;box-shadow:0 0 24px -4px var(--accent)}}@keyframes ip-glow{0%,to{opacity:.35;transform:scale(1)}45%{opacity:1;transform:scale(1.08)}}@keyframes progress-fill{0%{height:8%}55%{height:100%}to{height:8%}}@keyframes scroll-dot{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(28px)}}@keyframes split-reveal{0%{opacity:0;transform:translateY(28px);clip-path:inset(0 0 18% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}@media (prefers-reduced-motion: reduce){.hero-line-reveal,.delivery-card,.marquee-track,.dot-grid,.scroll-dot,.led-pulse,.ip-orbit,.progress-fill{animation:none}}.placeholder\:text-text-faint::-moz-placeholder{color:var(--text-faint)}.placeholder\:text-text-faint::placeholder{color:var(--text-faint)}.hover\:scale-\[1\.005\]:hover{--tw-scale-x: 1.005;--tw-scale-y: 1.005;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-border-strong:hover{border-color:var(--border-strong)}.hover\:bg-\[color-mix\(in_srgb\,var\(--accent\)_86\%\,white\)\]:hover{background-color:color-mix(in srgb,var(--accent) 86%,white)}.hover\:bg-surface:hover{background-color:var(--surface)}.hover\:tracking-\[0\.02em\]:hover{letter-spacing:.02em}.hover\:text-accent:hover{color:var(--accent)}.hover\:text-text:hover{color:var(--text)}.hover\:opacity-90:hover{opacity:.9}.focus\:scale-\[1\.002\]:focus{--tw-scale-x: 1.002;--tw-scale-y: 1.002;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\:border-accent:focus{border-color:var(--accent)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-4:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-accent:focus{--tw-ring-color: var(--accent)}.focus\:ring-offset-4:focus{--tw-ring-offset-width: 4px}.focus\:ring-offset-bg:focus{--tw-ring-offset-color: var(--bg)}.disabled\:cursor-wait:disabled{cursor:wait}.group:hover .group-hover\:scale-x-100{--tw-scale-x: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-text{color:var(--text)}@media (prefers-reduced-motion: no-preference){@keyframes pulse{50%{opacity:.5}}.motion-safe\:animate-\[pulse_30s_ease-in-out_infinite\]{animation:pulse 30s ease-in-out infinite}}@media (min-width: 640px){.sm\:block{display:block}.sm\:inline-flex{display:inline-flex}.sm\:grid{display:grid}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-3{gap:.75rem}.sm\:p-4{padding:1rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 768px){.md\:left-0{left:0}.md\:right-0{right:0}.md\:top-5{top:1.25rem}.md\:top-9{top:2.25rem}.md\:row-span-2{grid-row:span 2 / span 2}.md\:mb-16{margin-bottom:4rem}.md\:mt-0{margin-top:0}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-px{height:1px}.md\:w-full{width:100%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[80px_1fr\]{grid-template-columns:80px 1fr}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:p-12{padding:3rem}.md\:p-14{padding:3.5rem}.md\:p-7{padding:1.75rem}.md\:p-8{padding:2rem}.md\:px-7{padding-left:1.75rem;padding-right:1.75rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:pb-32{padding-bottom:8rem}.md\:pl-0{padding-left:0}.md\:pt-20{padding-top:5rem}.md\:pt-40{padding-top:10rem}}@media (min-width: 1024px){.lg\:sticky{position:sticky}.lg\:top-28{top:7rem}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:row-span-2{grid-row:span 2 / span 2}.lg\:mx-0{margin-left:0;margin-right:0}.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-\[0\.92fr_1\.08fr\]{grid-template-columns:.92fr 1.08fr}.lg\:grid-cols-\[7fr_5fr\]{grid-template-columns:7fr 5fr}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:py-40{padding-top:10rem;padding-bottom:10rem}}
/* =================================================================
   PMTA.INSTALL — comprehensive site restyle (scoped, additive)
   Design language: precise, calm, premium. Layered surfaces,
   accent glow vocabulary, refined typography rhythm, micro-motion.
   Works in dark + light themes via CSS variables.
   ================================================================= */

/* --- design tokens (extend on root, fall back gracefully) --- */
:root{
  --rs-radius-sm:.875rem; --rs-radius-md:1.25rem; --rs-radius-lg:1.75rem; --rs-radius-xl:2.25rem;
  --rs-shadow-card:0 1px 0 color-mix(in srgb,#fff 5%,transparent) inset, 0 18px 40px -28px color-mix(in srgb,#000 80%,transparent);
  --rs-shadow-lift:0 1px 0 color-mix(in srgb,#fff 8%,transparent) inset, 0 24px 60px -28px color-mix(in srgb,var(--accent) 38%,transparent);
  --rs-shadow-soft:0 22px 60px -36px color-mix(in srgb,#000 80%,transparent);
  --rs-glow-accent:0 0 0 1px color-mix(in srgb,var(--accent) 32%,transparent), 0 0 28px -4px color-mix(in srgb,var(--accent) 70%,transparent);
  --rs-grad-accent:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#3aa1ff) 100%);
  --rs-grad-text:linear-gradient(180deg,var(--text) 0%,color-mix(in srgb,var(--text) 72%,var(--bg)) 100%);
  --rs-bezier:cubic-bezier(.22,1,.36,1);
}
:root[data-theme=light]{
  --rs-shadow-card:0 1px 0 color-mix(in srgb,#000 4%,transparent) inset, 0 12px 32px -22px color-mix(in srgb,#000 25%,transparent);
  --rs-shadow-lift:0 1px 0 color-mix(in srgb,#000 5%,transparent) inset, 0 18px 44px -22px color-mix(in srgb,var(--accent) 35%,transparent);
  --rs-shadow-soft:0 18px 50px -32px color-mix(in srgb,#000 30%,transparent);
}

/* --- global polish --- */
html{scroll-padding-top:96px}
body{
  background:
    radial-gradient(900px 520px at 78% -8%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 65%),
    radial-gradient(700px 420px at 8% 22%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 70%),
    var(--bg);
}
::selection{background:color-mix(in srgb,var(--accent) 38%,transparent);color:var(--text)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text) 12%,transparent);border-radius:99px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 55%,var(--border));background-clip:padding-box;border:2px solid transparent}

:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px color-mix(in srgb,var(--accent) 70%,transparent);border-radius:6px}

/* --- HEADER / NAV --- */
header.fixed.top-0{transition:background .35s var(--rs-bezier),border-color .35s var(--rs-bezier),backdrop-filter .35s var(--rs-bezier),box-shadow .35s var(--rs-bezier)}
header.fixed.top-0.border-b{box-shadow:0 1px 0 color-mix(in srgb,#fff 4%,transparent) inset,0 12px 30px -22px color-mix(in srgb,#000 70%,transparent)}
header nav button[type=button].font-mono{position:relative;letter-spacing:-.005em;font-weight:500}
header nav button[type=button].font-mono::before{content:"";position:absolute;left:-.6rem;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:9999px;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 80%,transparent);opacity:.85}
header nav .group span.absolute.-bottom-2{height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 30%,transparent))}

/* mobile menu items refined */
[role=dialog] button.block.w-full.border-b{transition:padding-left .25s var(--rs-bezier),color .2s,border-color .2s}
[role=dialog] button.block.w-full.border-b:hover{padding-left:.4rem;color:var(--accent)}

/* --- VN section header pattern (eyebrow pill + gradient title + accent rule) --- */
#probleem > div.mx-auto > div:first-child,
#diensten > div.mx-auto > div:first-child,
#proces > div.mx-auto > div:first-child,
#pricing > div.mx-auto > div:first-child,
#compatibility > div.mx-auto > div:first-child,
#faq > div.mx-auto > div:first-child,
#intake > div.mx-auto > div:first-child{position:relative;isolation:isolate;padding-top:.25rem}

#probleem > div.mx-auto > div:first-child::before,
#diensten > div.mx-auto > div:first-child::before,
#proces > div.mx-auto > div:first-child::before,
#pricing > div.mx-auto > div:first-child::before,
#compatibility > div.mx-auto > div:first-child::before,
#faq > div.mx-auto > div:first-child::before,
#intake > div.mx-auto > div:first-child::before{
  content:"";position:absolute;top:-2.5rem;left:-4rem;width:380px;height:380px;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 16%,transparent),transparent 65%);
  filter:blur(72px);pointer-events:none;z-index:-1;
  animation:rs-aura 11s ease-in-out infinite;
}
#intake > div.mx-auto > div:first-child::before{left:50%;transform:translateX(-50%);top:-3rem}

/* eyebrow as live pill badge */
#probleem > div.mx-auto > div:first-child > p.font-mono,
#diensten > div.mx-auto > div:first-child > p.font-mono,
#proces > div.mx-auto > div:first-child > p.font-mono,
#pricing > div.mx-auto > div:first-child > p.font-mono,
#compatibility > div.mx-auto > div:first-child > p.font-mono,
#faq > div.mx-auto > div:first-child > p.font-mono,
#intake > div.mx-auto > div:first-child > p.font-mono{
  display:inline-flex;align-items:center;gap:.55rem;width:max-content;margin-bottom:1.5rem;
  padding:.45rem .95rem .45rem .85rem;border-radius:9999px;
  border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));
  background:color-mix(in srgb,var(--accent) 9%,var(--surface));
  color:var(--accent);letter-spacing:.18em;font-size:11px;line-height:1;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 1px 0 color-mix(in srgb,#fff 6%,transparent) inset,0 8px 24px -12px color-mix(in srgb,var(--accent) 45%,transparent);
  transition:transform .25s var(--rs-bezier),box-shadow .25s var(--rs-bezier),border-color .25s var(--rs-bezier);
}
#probleem > div.mx-auto > div:first-child > p.font-mono::before,
#diensten > div.mx-auto > div:first-child > p.font-mono::before,
#proces > div.mx-auto > div:first-child > p.font-mono::before,
#pricing > div.mx-auto > div:first-child > p.font-mono::before,
#compatibility > div.mx-auto > div:first-child > p.font-mono::before,
#faq > div.mx-auto > div:first-child > p.font-mono::before,
#intake > div.mx-auto > div:first-child > p.font-mono::before{
  content:"";flex:none;width:7px;height:7px;border-radius:9999px;background:var(--accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent),0 0 14px color-mix(in srgb,var(--accent) 80%,transparent);
  animation:rs-dot 1.9s ease-in-out infinite;
}
/* gradient title + accent underline */
#probleem > div.mx-auto > div:first-child > h2,
#diensten > div.mx-auto > div:first-child > h2,
#proces > div.mx-auto > div:first-child > h2,
#pricing > div.mx-auto > div:first-child > h2,
#compatibility > div.mx-auto > div:first-child > h2,
#faq > div.mx-auto > div:first-child > h2,
#intake > div.mx-auto > div:first-child > h2{
  background:var(--rs-grad-text);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  letter-spacing:-.035em;font-weight:500;
}
#probleem > div.mx-auto > div:first-child > h2::after,
#diensten > div.mx-auto > div:first-child > h2::after,
#proces > div.mx-auto > div:first-child > h2::after,
#pricing > div.mx-auto > div:first-child > h2::after,
#compatibility > div.mx-auto > div:first-child > h2::after,
#faq > div.mx-auto > div:first-child > h2::after,
#intake > div.mx-auto > div:first-child > h2::after{
  content:"";display:block;width:48px;height:2px;margin-top:1.25rem;border-radius:2px;
  background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 30%,transparent) 70%,transparent);
}
#intake > div.mx-auto > div:first-child > h2::after{margin-left:auto;margin-right:auto}

/* description paragraph: subtle accent rail */
#probleem > div.mx-auto > div:first-child > div.mt-5,
#diensten > div.mx-auto > div:first-child > div.mt-5,
#proces > div.mx-auto > div:first-child > div.mt-5,
#pricing > div.mx-auto > div:first-child > div.mt-5,
#compatibility > div.mx-auto > div:first-child > div.mt-5,
#faq > div.mx-auto > div:first-child > div.mt-5,
#intake > div.mx-auto > div:first-child > div.mt-5{
  position:relative;margin-top:1.5rem;padding-left:1rem;
  border-left:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));
}
#probleem > div.mx-auto > div:first-child > div.mt-5::before,
#diensten > div.mx-auto > div:first-child > div.mt-5::before,
#proces > div.mx-auto > div:first-child > div.mt-5::before,
#pricing > div.mx-auto > div:first-child > div.mt-5::before,
#compatibility > div.mx-auto > div:first-child > div.mt-5::before,
#faq > div.mx-auto > div:first-child > div.mt-5::before{
  content:"";position:absolute;left:-1px;top:0;width:1px;height:38%;background:linear-gradient(180deg,var(--accent),transparent);
}
/* center variant (intake) */
#intake > div.mx-auto > div.mb-12.md\:mb-16{text-align:center}
#intake > div.mx-auto > div:first-child > div.mt-5{border-left:none;padding-left:0;margin-left:auto;margin-right:auto}

/* --- HERO (#top) --- */
#top p.font-mono.uppercase{
  display:inline-flex;align-items:center;gap:.55rem;width:max-content;
  padding:.45rem .95rem .45rem .85rem;border-radius:9999px;
  border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));
  background:color-mix(in srgb,var(--accent) 9%,var(--surface));
  color:var(--accent);letter-spacing:.18em;font-size:11px;line-height:1;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 1px 0 color-mix(in srgb,#fff 6%,transparent) inset,0 8px 24px -12px color-mix(in srgb,var(--accent) 45%,transparent);
}
#top p.font-mono.uppercase::before{
  content:"";width:7px;height:7px;border-radius:9999px;background:var(--accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent),0 0 14px color-mix(in srgb,var(--accent) 80%,transparent);
  animation:rs-dot 1.9s ease-in-out infinite;
}
#top h1{
  background:linear-gradient(180deg,var(--text) 0%,color-mix(in srgb,var(--text) 78%,var(--bg)) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  letter-spacing:-.045em;
}
#top h1 span.text-accent{
  -webkit-text-fill-color:var(--accent);color:var(--accent);
  text-shadow:0 0 32px color-mix(in srgb,var(--accent) 35%,transparent);
}
#top h1 svg path{stroke:var(--accent);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 60%,transparent))}
/* refined hero bullets row */
#top .gap-x-3.gap-y-2{padding:.6rem .9rem;border:1px solid var(--border);border-radius:9999px;background:color-mix(in srgb,var(--surface) 60%,transparent);width:max-content;max-width:100%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
/* hero stats row: dividers + accented numbers */
#top .grid.grid-cols-3.gap-4.border-t{border-top:1px solid color-mix(in srgb,var(--border) 100%,transparent);padding-top:1.25rem;gap:0}
#top .grid.grid-cols-3.gap-4.border-t > div{padding:.25rem 1rem;position:relative}
#top .grid.grid-cols-3.gap-4.border-t > div + div{border-left:1px solid var(--border)}
#top .grid.grid-cols-3.gap-4.border-t > div .font-mono.text-xl{font-size:1.6rem;font-weight:500;background:var(--rs-grad-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;letter-spacing:-.02em}

/* hero scroll-down indicator */
#top button[aria-label^="Scroll"]{transition:transform .3s var(--rs-bezier),border-color .3s,box-shadow .3s}
#top button[aria-label^="Scroll"]:hover{transform:translate(-50%,-3px);border-color:color-mix(in srgb,var(--accent) 60%,var(--border));box-shadow:0 0 24px color-mix(in srgb,var(--accent) 40%,transparent)}

/* --- TECH MARQUEE (#technologie) --- */
#technologie{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 50%,transparent),color-mix(in srgb,var(--surface) 30%,transparent))}
#technologie .marquee-wrap{position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
#technologie p.font-mono{
  display:inline-flex;align-items:center;gap:.5rem;width:max-content;
  padding:.4rem .85rem;border-radius:9999px;border:1px solid var(--border);
  background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--text-muted);
  letter-spacing:.18em;font-size:10.5px;
}
#technologie p.font-mono::before{
  content:"";width:6px;height:6px;border-radius:9999px;background:var(--accent);
  box-shadow:0 0 10px color-mix(in srgb,var(--accent) 70%,transparent);
}
#technologie .marquee-track > span{
  padding:.5rem 1rem;border-radius:9999px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);
  background:color-mix(in srgb,var(--surface) 60%,transparent);
  filter:none !important;opacity:.8 !important;transition:all .25s var(--rs-bezier);
}
#technologie .marquee-track > span:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));color:var(--text);opacity:1 !important;transform:translateY(-1px)}

/* --- PROBLEM (#probleem) --- */
/* sticky info card → premium glass */
#probleem .lg\:sticky{
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--surface-2) 80%,transparent));
  box-shadow:var(--rs-shadow-card);
}
#probleem .lg\:sticky .rounded-3xl.border.border-border.bg-bg\/55{
  background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 65%,transparent),color-mix(in srgb,var(--surface) 30%,transparent));
}
/* numbered question rows */
#probleem .lg\:sticky .space-y-3 > div{transition:border-color .2s,transform .2s,background .2s}
#probleem .lg\:sticky .space-y-3 > div:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));transform:translateX(2px)}
/* numbered problem cards with bigger badges */
#probleem .magic-card.rounded-\[1\.75rem\]{
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface-2) 70%,transparent));
  box-shadow:var(--rs-shadow-card);
  transition:transform .25s var(--rs-bezier),border-color .25s,box-shadow .25s;
}
#probleem .magic-card.rounded-\[1\.75rem\]:hover{transform:translateY(-2px);box-shadow:var(--rs-shadow-lift)}
#probleem .magic-card .h-16.w-16{
  background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--accent) 28%,transparent),color-mix(in srgb,var(--surface-2) 90%,transparent) 60%);
  border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 8%,transparent),0 0 24px -8px color-mix(in srgb,var(--accent) 50%,transparent);
  font-size:.95rem;color:var(--text);letter-spacing:.04em;
}
#probleem .magic-card .mt-5.rounded-2xl{
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,transparent),transparent);
  border-left:2px solid color-mix(in srgb,var(--accent) 60%,var(--border));
}

/* --- SERVICES (#diensten) bento cards --- */
#diensten .magic-card.rounded-3xl{
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--surface-2) 75%,transparent));
  box-shadow:var(--rs-shadow-card);
  transition:transform .3s var(--rs-bezier),border-color .3s var(--rs-bezier),box-shadow .3s var(--rs-bezier);
}
#diensten .magic-card.rounded-3xl:hover{transform:translateY(-2px);box-shadow:var(--rs-shadow-lift);border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}
#diensten .magic-card .rounded-2xl.border.border-border.bg-surface-2.p-3.text-accent{
  background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,var(--surface-2) 90%,transparent) 65%);
  border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 8%,transparent);
}
#diensten .grid.gap-3.rounded-\[1\.75rem\]{
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 60%,transparent),color-mix(in srgb,var(--surface-2) 40%,transparent));
}
#diensten .grid.gap-3.rounded-\[1\.75rem\] > div{transition:border-color .2s,transform .2s}
#diensten .grid.gap-3.rounded-\[1\.75rem\] > div:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));transform:translateY(-1px)}

/* --- PROCESS (#proces) timeline --- */
#proces .relative > .absolute.bg-border{background:color-mix(in srgb,var(--border) 90%,transparent);height:2px}
#proces .relative .absolute.bg-accent{height:2px;box-shadow:0 0 14px color-mix(in srgb,var(--accent) 60%,transparent);border-radius:2px}
#proces .grid.gap-5.md\:grid-cols-4 > div{position:relative;padding:1.5rem 1.25rem 1.25rem;border-radius:1.25rem;border:1px solid transparent;transition:border-color .25s,background .25s,transform .25s var(--rs-bezier)}
#proces .grid.gap-5.md\:grid-cols-4 > div:hover{border-color:color-mix(in srgb,var(--border-strong) 80%,transparent);background:color-mix(in srgb,var(--surface) 50%,transparent);transform:translateY(-2px)}
#proces .grid.gap-5.md\:grid-cols-4 > div .absolute.flex.h-8.w-8{
  height:2.5rem;width:2.5rem;
  background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--accent) 28%,transparent),var(--surface) 70%);
  border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border-strong));
  color:var(--accent);font-weight:500;font-size:.8rem;
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 8%,transparent),0 0 22px -6px color-mix(in srgb,var(--accent) 60%,transparent);
}

/* --- PRICING (#pricing) --- */
#pricing .magic-card.flex.h-full.flex-col.rounded-3xl{
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--surface-2) 80%,transparent));
  box-shadow:var(--rs-shadow-card);
  transition:transform .3s var(--rs-bezier),border-color .3s,box-shadow .3s;
}
#pricing .magic-card.flex.h-full.flex-col.rounded-3xl:hover{transform:translateY(-3px);box-shadow:var(--rs-shadow-lift)}
#pricing .text-5xl.font-medium{
  background:var(--rs-grad-accent);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  font-size:3.5rem;letter-spacing:-.045em;
}
#pricing .pricing-beam .magic-card{position:relative}
#pricing .pricing-beam .magic-card::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(380px 220px at 50% -10%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%);
  z-index:0;
}
#pricing .pricing-beam .magic-card > *{position:relative;z-index:1}
#pricing .rounded-full.bg-accent.px-3.py-1{
  background:var(--rs-grad-accent);
  box-shadow:0 8px 24px -8px color-mix(in srgb,var(--accent) 70%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 30%,transparent);
}
#pricing ul.mt-7 li{transition:transform .15s var(--rs-bezier),color .15s}
#pricing ul.mt-7 li:hover{color:var(--text);transform:translateX(2px)}

/* comparison table */
#pricing table{border-radius:1rem;overflow:hidden}
#pricing table thead{background:color-mix(in srgb,var(--surface-2) 60%,transparent)}
#pricing table tbody tr{transition:background .2s}
#pricing table tbody tr:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}
#pricing table tbody tr.border-l-2.border-l-accent{
  background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 12%,transparent),color-mix(in srgb,var(--accent) 4%,transparent) 60%,transparent);
  border-left-width:3px;
}

/* --- COMPATIBILITY (#compatibility) --- */
#compatibility .magic-card.rounded-3xl{
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--surface-2) 75%,transparent));
  box-shadow:var(--rs-shadow-card);
  transition:transform .25s var(--rs-bezier),border-color .25s,box-shadow .25s;
  position:relative;overflow:hidden;
}
#compatibility .magic-card.rounded-3xl::before{
  content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:9999px;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%);
  pointer-events:none;opacity:0;transition:opacity .3s var(--rs-bezier);
}
#compatibility .magic-card.rounded-3xl:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:var(--rs-shadow-lift)}
#compatibility .magic-card.rounded-3xl:hover::before{opacity:1}
#compatibility .magic-card svg.text-accent:first-child{
  padding:.7rem;border-radius:.85rem;width:2.6rem;height:2.6rem;box-sizing:content-box;
  background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--accent) 25%,transparent),color-mix(in srgb,var(--surface-2) 90%,transparent) 65%);
  border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));
}
#compatibility ul li{transition:color .15s,transform .15s var(--rs-bezier)}
#compatibility ul li:hover{color:var(--text);transform:translateX(2px)}
#compatibility ul li .h-1\.5.w-1\.5{box-shadow:0 0 8px color-mix(in srgb,var(--accent) 65%,transparent)}

/* --- FAQ (#faq) --- */
#faq .divide-y.divide-border.rounded-3xl{
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--surface-2) 75%,transparent));
  box-shadow:var(--rs-shadow-card);
  overflow:hidden;
}
#faq button[aria-expanded]{position:relative;transition:background .2s,color .2s}
#faq button[aria-expanded]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:0;transition:opacity .25s var(--rs-bezier)}
#faq button[aria-expanded=true]{background:color-mix(in srgb,var(--accent) 5%,transparent);color:var(--text)}
#faq button[aria-expanded=true]::before{opacity:1}
#faq button[aria-expanded]:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}
#faq button[aria-expanded] span:last-child{
  display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:9999px;
  border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 80%,transparent);
  transition:border-color .25s,background .25s,color .25s;
}
#faq button[aria-expanded=true] span:last-child{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}

/* --- INTAKE FORM (#intake / #intake-form) --- */
#intake-form{
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--surface-2) 80%,transparent));
  box-shadow:var(--rs-shadow-card),0 0 0 1px color-mix(in srgb,var(--border) 40%,transparent);
  position:relative;overflow:hidden;
}
#intake-form::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(700px 240px at 50% -10%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%);
}
#intake-form > *{position:relative}
#intake-form label{font-weight:500;letter-spacing:-.005em;color:var(--text);font-size:.83rem}
#intake-form input,#intake-form select,#intake-form textarea{
  background:color-mix(in srgb,var(--bg) 60%,transparent) !important;
  transition:transform .2s var(--rs-bezier),border-color .2s,box-shadow .2s,background .2s !important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 4%,transparent);
}
#intake-form input:hover,#intake-form select:hover,#intake-form textarea:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border)) !important}
#intake-form input:focus,#intake-form select:focus,#intake-form textarea:focus{
  background:color-mix(in srgb,var(--surface) 80%,transparent) !important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 6%,transparent) !important;
}
#intake-form button[type=submit],#intake [type=submit]{position:relative}
/* radio choice rows */
#intake-form label.cursor-pointer,#intake-form .cursor-pointer{transition:transform .15s var(--rs-bezier)}
#intake-form .cursor-pointer:hover{transform:translateX(2px)}
/* success state celebration */
#intake .rounded-3xl.border.border-border-strong.bg-surface.p-8{
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--surface-2) 80%,transparent));
  box-shadow:var(--rs-shadow-card),0 0 60px -20px color-mix(in srgb,var(--success) 50%,transparent);
}

/* --- CTA banner (the unidentified section) --- */
section > div.mx-auto.max-w-\[900px\].rounded-\[2rem\].border.border-accent\/30{
  background:
    radial-gradient(420px 220px at 50% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%),
    linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--surface-2) 80%,transparent)) !important;
  box-shadow:var(--rs-shadow-soft),0 0 80px -20px color-mix(in srgb,var(--accent) 35%,transparent);
  position:relative;overflow:hidden;
}
section > div.mx-auto.max-w-\[900px\].rounded-\[2rem\].border.border-accent\/30 h2{
  background:var(--rs-grad-text);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  letter-spacing:-.04em;
}

/* --- FOOTER --- */
footer.border-t.border-border{
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface) 35%,transparent));
  border-top-color:color-mix(in srgb,var(--accent) 12%,var(--border));
}
footer h3.font-mono{
  display:inline-flex;align-items:center;gap:.4rem;color:var(--accent);letter-spacing:.18em;
}
footer h3.font-mono::before{content:"";width:5px;height:5px;border-radius:9999px;background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 70%,transparent)}
footer ul li a{position:relative;transition:color .2s,padding-left .2s var(--rs-bezier)}
footer ul li a::before{content:"→";position:absolute;left:-1rem;opacity:0;transform:translateX(-4px);transition:all .2s var(--rs-bezier);color:var(--accent)}
footer ul li a:hover{padding-left:1rem;color:var(--accent)}
footer ul li a:hover::before{opacity:1;transform:translateX(0)}
footer .font-mono.text-sm.text-text{letter-spacing:-.005em;font-weight:500}

/* --- BUTTON polish (hr component) --- */
button.group.inline-flex.h-11.items-center{position:relative;overflow:hidden}
button.group.inline-flex.h-11.items-center.bg-accent,
button.group.inline-flex.h-11.items-center[class*="bg-accent"]{
  background:var(--rs-grad-accent) !important;
  box-shadow:0 1px 0 color-mix(in srgb,#fff 25%,transparent) inset,0 12px 30px -12px color-mix(in srgb,var(--accent) 70%,transparent);
}
button.group.inline-flex.h-11.items-center.bg-accent:hover,
button.group.inline-flex.h-11.items-center[class*="bg-accent"]:hover{
  box-shadow:0 1px 0 color-mix(in srgb,#fff 30%,transparent) inset,0 16px 36px -10px color-mix(in srgb,var(--accent) 80%,transparent);
}

/* --- LIVE STATS counters glow --- */
#top .font-mono.text-xl{transition:transform .3s var(--rs-bezier)}

/* --- KEYFRAMES --- */
@keyframes rs-aura{0%,100%{opacity:.55;transform:translate3d(0,0,0) scale(1)}50%{opacity:.85;transform:translate3d(12px,-8px,0) scale(1.06)}}
@keyframes rs-dot{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}

/* --- REDUCED MOTION fallback --- */
@media (prefers-reduced-motion:reduce){
  #probleem > div.mx-auto > div:first-child::before,
  #diensten > div.mx-auto > div:first-child::before,
  #proces > div.mx-auto > div:first-child::before,
  #pricing > div.mx-auto > div:first-child::before,
  #compatibility > div.mx-auto > div:first-child::before,
  #faq > div.mx-auto > div:first-child::before,
  #intake > div.mx-auto > div:first-child::before,
  #probleem > div.mx-auto > div:first-child > p.font-mono::before,
  #diensten > div.mx-auto > div:first-child > p.font-mono::before,
  #proces > div.mx-auto > div:first-child > p.font-mono::before,
  #pricing > div.mx-auto > div:first-child > p.font-mono::before,
  #compatibility > div.mx-auto > div:first-child > p.font-mono::before,
  #faq > div.mx-auto > div:first-child > p.font-mono::before,
  #intake > div.mx-auto > div:first-child > p.font-mono::before,
  #top p.font-mono.uppercase::before{animation:none}
  *{scroll-behavior:auto !important}
}

/* --- responsive tightening --- */
@media (max-width:640px){
  #top p.font-mono.uppercase,
  #probleem > div.mx-auto > div:first-child > p.font-mono,
  #diensten > div.mx-auto > div:first-child > p.font-mono,
  #proces > div.mx-auto > div:first-child > p.font-mono,
  #pricing > div.mx-auto > div:first-child > p.font-mono,
  #compatibility > div.mx-auto > div:first-child > p.font-mono,
  #faq > div.mx-auto > div:first-child > p.font-mono,
  #intake > div.mx-auto > div:first-child > p.font-mono{font-size:10.5px;padding:.4rem .8rem}
  #pricing .text-5xl.font-medium{font-size:2.75rem}
}