@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:forwards}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,forwards); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,forwards); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))ease-out; --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))ease-out; --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))ease-out; --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))ease-out; @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto)))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto)))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms); --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms); animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms); animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms); --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)/100); --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)/100); --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%); --tw-enter-scale: calc(--value(ratio)); --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%); --tw-enter-scale: calc(--value(ratio)*-1); --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%); --tw-exit-scale: calc(--value(ratio)); --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%); --tw-exit-scale: calc(--value(ratio)*-1); --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg); --tw-enter-rotate: calc(--value(ratio)*360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg); --tw-enter-rotate: calc(--value(ratio)*-360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg); --tw-exit-rotate: calc(--value(ratio)*360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg); --tw-exit-rotate: calc(--value(ratio)*-360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-y: calc(--value(ratio)*-100%); --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-y: calc(--value(ratio)*100%); --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-y: calc(--value(ratio)*100%); --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-y: calc(--value(ratio)*100%); --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}
@custom-variant dark (&:is(.dark*));:root{--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e40014;--destructive-foreground:#e40014;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--chart-1:#f05100;--chart-2:#009588;--chart-3:#104e64;--chart-4:#fcbb00;--chart-5:#f99c00;--radius:.625rem;--sidebar:#fafafa;--sidebar-foreground:#0a0a0a;--sidebar-primary:#171717;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f5f5f5;--sidebar-accent-foreground:#171717;--sidebar-border:#e5e5e5;--sidebar-ring:#a1a1a1}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:lab(7.78201% -.0000149012 0);--primary-foreground:lab(98.26% 0 0);--secondary:lab(96.52% -.0000298023 .0000119209);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(96.52% -.0000298023 .0000119209);--muted-foreground:lab(48.496% 0 0);--accent:lab(96.52% -.0000298023 .0000119209);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--destructive-foreground:lab(48.4493% 77.4328 61.5452);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209);--chart-1:lab(57.1026% 64.2584 89.8886);--chart-2:lab(55.0223% -41.0774 -3.90277);--chart-3:lab(30.372% -13.1853 -18.7887);--chart-4:lab(80.1641% 16.6016 99.2089);--chart-5:lab(72.7183% 31.8672 97.9407);--sidebar:lab(98.26% 0 0);--sidebar-foreground:lab(2.75381% 0 0);--sidebar-primary:lab(7.78201% -.0000149012 0);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(96.52% -.0000298023 .0000119209);--sidebar-accent-foreground:lab(7.78201% -.0000149012 0);--sidebar-border:lab(90.952% 0 -.0000119209);--sidebar-ring:lab(66.128% -.0000298023 .0000119209)}}.dark{--background:#0a0a0a;--foreground:#fafafa;--card:#0a0a0a;--card-foreground:#fafafa;--popover:#0a0a0a;--popover-foreground:#fafafa;--primary:#fafafa;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a1a1a1;--accent:#262626;--accent-foreground:#fafafa;--destructive:#82181a;--destructive-foreground:#fb2c36;--border:#262626;--input:#262626;--ring:#525252;--chart-1:#1447e6;--chart-2:#00bb7f;--chart-3:#f99c00;--chart-4:#ac4bff;--chart-5:#ff2357;--sidebar:#171717;--sidebar-foreground:#fafafa;--sidebar-primary:#1447e6;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#262626;--sidebar-accent-foreground:#fafafa;--sidebar-border:#262626;--sidebar-ring:#525252}@supports (color:lab(0% 0 0)){.dark{--background:lab(2.75381% 0 0);--foreground:lab(98.26% 0 0);--card:lab(2.75381% 0 0);--card-foreground:lab(98.26% 0 0);--popover:lab(2.75381% 0 0);--popover-foreground:lab(98.26% 0 0);--primary:lab(98.26% 0 0);--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 -.00000596046);--secondary-foreground:lab(98.26% 0 0);--muted:lab(15.204% 0 -.00000596046);--muted-foreground:lab(66.128% -.0000298023 .0000119209);--accent:lab(15.204% 0 -.00000596046);--accent-foreground:lab(98.26% 0 0);--destructive:lab(28.5139% 44.5539 29.0463);--destructive-foreground:lab(55.4814% 75.0732 48.8528);--border:lab(15.204% 0 -.00000596046);--input:lab(15.204% 0 -.00000596046);--ring:lab(34.924% 0 0);--chart-1:lab(36.9089% 35.0961 -85.6872);--chart-2:lab(66.9756% -58.27 19.5419);--chart-3:lab(72.7183% 31.8672 97.9407);--chart-4:lab(52.0183% 66.11 -78.2316);--chart-5:lab(56.101% 79.4328 31.4532);--sidebar:lab(7.78201% -.0000149012 0);--sidebar-foreground:lab(98.26% 0 0);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(15.204% 0 -.00000596046);--sidebar-accent-foreground:lab(98.26% 0 0);--sidebar-border:lab(15.204% 0 -.00000596046);--sidebar-ring:lab(34.924% 0 0)}}@theme inline{  --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring);}@layer base{@apply border-border outline-ring/50;@apply bg-background text-foreground;}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:#e0e0e0;background:#0f0f1e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden}:root{--primary:#a855f7;--primary-dark:#9333ea;--primary-light:#c084fc;--accent:#ec4899;--background:#0f0f1e;--surface:#1a1a2e;--border:#2d2d44;--text-primary:#f5f5f7;--text-secondary:#a8a8b8;--success:#10b981}h1{letter-spacing:-2px;margin-bottom:1.5rem;font-size:4rem;font-weight:900;line-height:1.1}h2{letter-spacing:-1px;margin-bottom:1.5rem;font-size:2.5rem;font-weight:800;line-height:1.2}h3{margin-bottom:1rem;font-size:1.5rem;font-weight:700}p{color:var(--text-secondary);margin-bottom:1rem;font-size:1.1rem}a{color:var(--primary);text-decoration:none;transition:color .3s}a:hover{color:var(--primary-light)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 30px #a855f74d,inset 0 0 30px #a855f70d}50%{box-shadow:0 0 50px #a855f780,inset 0 0 50px #a855f71a}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.section{padding:6rem 2rem}.grid{gap:2rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.flex{align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;gap:1.5rem;display:flex}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;z-index:1;background:linear-gradient(135deg,#fff3,#0000);transition:opacity .3s;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);color:#fff;box-shadow:0 8px 30px #a855f74d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #a855f780}.btn-secondary{color:var(--text-primary);border:2px solid var(--border);background:0 0}.btn-secondary:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}.btn-small{padding:.75rem 1.5rem;font-size:.875rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:2.5rem;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.card:before{content:"";opacity:0;background:linear-gradient(135deg,#a855f71a 0%,#0000 100%);transition:opacity .4s;position:absolute;inset:0}.card:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 20px 50px #a855f726}.card:hover:before{opacity:1}.card-icon{background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);color:#fff;border-radius:1rem;justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:1.5rem;font-size:1.75rem;display:flex;box-shadow:0 8px 24px #a855f74d}header{z-index:100;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;transition:all .4s;position:fixed;top:0;left:0;right:0}header.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0f0f1ee6;box-shadow:0 4px 20px #0000004d}header .container{justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.logo{background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:900;display:flex}.logo-icon{background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);color:#fff;border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;display:flex;box-shadow:0 4px 15px #a855f74d}nav{gap:2.5rem;display:flex}nav a{color:var(--text-secondary);font-weight:600;transition:all .3s;position:relative}nav a:after{content:"";background:linear-gradient(90deg,var(--primary),var(--accent));width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}nav a:hover{color:var(--primary)}nav a:hover:after{width:100%}@media (max-width:768px){nav{display:none}}.hero{justify-content:center;align-items:center;min-height:100vh;padding-top:5rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(80px);z-index:0;background:radial-gradient(circle,#a855f726 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-50%;left:-10%}.hero:after{content:"";filter:blur(80px);z-index:0;background:radial-gradient(circle,#ec489926 0%,#0000 70%);width:600px;height:600px;position:absolute;bottom:-50%;right:-10%}.hero-content{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1280px;margin:0 auto;padding:0 2rem;display:grid;position:relative}.hero-text{animation:1s ease-out fadeInUp}.hero-text h1{background:linear-gradient(135deg,var(--primary-light)0%,var(--accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem}.hero-badge{color:var(--primary-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#a855f71a;border:1px solid #a855f74d;border-radius:50px;align-items:center;gap:.75rem;margin-bottom:2rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.hero-buttons{flex-wrap:wrap;gap:1.5rem;margin-top:2.5rem;display:flex}.stats{gap:3rem;margin-top:4rem;display:flex}.stat{flex-direction:column;display:flex}.stat-number{background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900}.stat-label{color:var(--text-secondary);margin-top:.5rem;font-size:.95rem}.hero-image{height:450px;animation:1s ease-out slideInLeft;position:relative}.hero-image-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#a855f714 0%,#ec48990d 100%);border:1px solid #a855f733;border-radius:1.5rem;width:100%;height:100%;padding:2.5rem;animation:4s ease-in-out infinite glow;position:relative;overflow:hidden;box-shadow:0 20px 60px #a855f71a}.hero-image-dots{border-radius:50%;width:14px;height:14px;animation:3s ease-in-out infinite float;position:absolute}.dot-1{background:#10b981;top:2rem;left:2rem}.dot-2{background:#f59e0b;animation-delay:.5s;top:2rem;right:2rem}.demo-content{flex-direction:column;gap:1rem;display:flex}.demo-line{background:linear-gradient(90deg,#a855f733,#ec48991a);border-radius:6px;height:12px;animation:3s ease-in-out infinite pulse}.demo-line-short{width:65%}.demo-line:nth-child(2){animation-delay:.3s}.demo-line:nth-child(3){animation-delay:.6s}.features-section{background:linear-gradient(#0000 0%,#a855f708 50%,#0000 100%);position:relative}.section-title{text-align:center;margin-bottom:4rem;animation:1s ease-out fadeInUp}.section-title h2{background:linear-gradient(135deg,var(--text-primary)0%,var(--primary-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.feature-card{animation:.6s ease-out scaleIn}.feature-card:first-child{animation-delay:0s}.feature-card:nth-child(2){animation-delay:.15s}.feature-card:nth-child(3){animation-delay:.3s}.badge{background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);color:#fff;border-radius:20px;margin-bottom:1rem;padding:.35rem .9rem;font-size:.8rem;font-weight:700;display:inline-block;box-shadow:0 4px 15px #a855f74d}.cta-section{text-align:center;padding:6rem 2rem;position:relative;overflow:hidden}.cta-section:before{content:"";filter:blur(60px);z-index:0;background:radial-gradient(circle,#a855f71a 0%,#0000 70%);position:absolute;inset:0}.cta-section .container{z-index:1;position:relative}footer{border-top:1px solid var(--border);background:linear-gradient(#0000 0%,#a855f708 100%);padding:4rem 2rem 2rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;max-width:1280px;margin-bottom:3rem;margin-left:auto;margin-right:auto;display:grid}.footer-section h4{color:var(--text-primary);margin-bottom:1.5rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.75rem}.footer-section ul li a{color:var(--text-secondary);transition:color .3s}.footer-section ul li a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:1rem;padding-top:2rem;display:flex}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:1.75rem}.section{padding:4rem 1.5rem}.hero-content{grid-template-columns:1fr}.hero-image{order:-1;height:350px}.stats{flex-direction:column;gap:2rem}.hero-buttons{flex-direction:column}.btn{width:100%}.nav{display:none}.hero-text h1{font-size:2rem}.section-title h2{font-size:1.75rem}header,.card:before{pointer-events:none}}.hero-image{justify-content:center;align-items:center;height:auto;display:flex;position:relative}.hero-image-box{aspect-ratio:9/16;background:linear-gradient(135deg,#a855f714,#ec48990d);border:1px solid #a855f740;border-radius:1.5rem;justify-content:center;align-items:center;width:100%;max-width:320px;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #a855f726}.hero-wpp-image{object-fit:contain;border-radius:1.25rem;width:100%;height:100%;display:block;box-shadow:0 0 20px #a855f714}@media (max-width:768px){.hero-image-box{max-width:260px;padding:8px}.hero-image{display:none!important}.hero{text-align:center;margin-top:60px;padding-top:1rem}.hero-text{text-align:center;align-items:center}.stats{flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;margin-top:2rem}.stat{align-items:center}body{padding-top:70px}}.features-section{background:linear-gradient(#0f0f1ef2 0%,#230f2dd9 40%,#320a1ee6 100%);transition:background .6s ease-in-out;position:relative}.features-section:before{content:"";pointer-events:none;z-index:0;filter:blur(40px);background:radial-gradient(circle at 20% 30%,#ec489914,#0000 70%),radial-gradient(circle at 80% 70%,#a855f70f,#0000 70%);position:absolute;inset:0}