:root{--color-primary:#2f81f7;--color-primary-light:#58a6ff;--color-accent:#a371f7;--color-accent-light:rgba(163,113,247,0.15);--color-heading:#ffffff;--color-glow-blue:rgba(47,129,247,0.3);--color-glow-purple:rgba(163,113,247,0.3);--color-glow-pink:rgba(255,123,114,0.3);--color-bg:#010409;--color-surface:#0d1117;--color-surface-alt:#161b22;--color-text:#fff;--color-text-secondary:#fff;--color-text-muted:#fff;--color-junior:#3fb950;--color-junior-light:rgba(63,185,80,0.15);--color-middle:#2f81f7;--color-middle-light:rgba(47,129,247,0.15);--color-senior:#a371f7;--color-senior-light:rgba(163,113,247,0.15);--color-border:#30363d;--color-border-light:#21262d;--font-sans:"Be Vietnam Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;--section-padding:clamp(4rem,8vw,7rem);--container-width:1280px;--content-width:720px;--shadow-sm:0 1px 0 rgba(1,4,9,0.04);--shadow-md:0 3px 6px rgba(1,4,9,0.04);--shadow-lg:0 8px 24px rgba(1,4,9,0.04);--shadow-xl:0 12px 28px rgba(1,4,9,0.1);--shadow-glow-accent:0 0 30px rgba(163,113,247,0.3);--shadow-glow-primary:0 0 30px rgba(47,129,247,0.3);--radius-sm:6px;--radius-md:6px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1)}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6;margin:0;overflow-x:hidden}.section{content-visibility:auto;contain-intrinsic-size:0 500px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}@media (max-width:768px){html{scroll-behavior:auto}}.glass-card{background:rgba(13,17,23,0.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.1);box-shadow:0 8px 32px 0 rgba(0,0,0,0.37);will-change:transform}::selection{background:var(--color-accent);color:white}:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}.section{padding:var(--section-padding) 0;contain:content;will-change:transform}.section--surface{background:var(--color-surface)}.section--dark{background:var(--color-primary);color:white}.section--gradient{background:linear-gradient(135deg,var(--color-primary) 0%,#1e3a5f 100%);color:white}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;color:var(--color-text);margin:0}.section-heading{text-align:center}.section-heading .eyebrow{display:inline-block;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-accent);margin-bottom:0.75rem}.section-heading h2{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;color:var(--color-heading);margin-bottom:1rem}.section-heading.dark h2{color:white}.section-heading p{font-size:clamp(1rem,2vw,1.125rem);color:var(--color-text-secondary);max-width:56ch;margin:0 auto}.section-heading.dark p{color:rgba(255,255,255,0.7)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:700;border-radius:8px;border:none;cursor:pointer;background:transparent !important;text-decoration:none;white-space:nowrap;user-select:none;overflow:visible;transition:transform var(--transition-fast) cubic-bezier(0.16,1,0.3,1);box-shadow:none !important}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--sm{font-size:0.85rem;padding:0px 14px;height:38px}.btn--md{font-size:0.9rem;padding:0px 22px;height:46px}.btn--lg{font-size:0.95rem;padding:0px 30px;height:52px}.btn-blob{position:absolute;left:9px;right:9px;z-index:0;border-radius:100%;filter:blur(4px);pointer-events:none;top:-4px;height:36px;transition:top 0.4s cubic-bezier(0.16,1,0.3,1);will-change:top}.btn--lg .btn-blob{height:47px}.btn:hover .btn-blob{top:-7px}.btn-blur{position:absolute;top:1px;left:0;right:0;z-index:2;border-radius:100%;filter:blur(10px);opacity:0.6;pointer-events:none;height:7px;will-change:transform}.btn--lg .btn-blur{height:12px}.btn-gradient{position:absolute;inset:0px;z-index:1;border-radius:inherit;pointer-events:none}.btn-fill{position:absolute;inset:1px;z-index:1;border-radius:inherit;pointer-events:none;background:rgb(0,0,0);transition:background 0.3s ease}.btn:hover .btn-fill{background:rgba(10,12,16,0.95)}.btn--primary .btn-blob{background:radial-gradient(50% 50%,rgb(255,255,255) 50%,rgb(37,99,235) 100%)}.btn--primary .btn-blur{background:rgb(37,99,235)}.btn--primary .btn-gradient{background:linear-gradient(163deg,rgb(99,102,241) 28%,rgb(37,99,235) 54%,rgb(0,0,0) 68%,rgb(163,113,247) 100%)}.btn--accent .btn-blob{background:radial-gradient(50% 50%,rgb(255,255,255) 50%,rgb(218,78,36) 100%)}.btn--accent .btn-blur{background:rgb(218,78,36)}.btn--accent .btn-gradient{background:linear-gradient(163deg,rgb(255,137,24) 28%,rgb(162,41,4) 54%,rgb(0,0,0) 68%,rgb(0,152,243) 100%)}.btn--outline{border:1px solid rgba(255,255,255,0.2);background:rgba(0,0,0,0) !important;border-radius:12px;color:#ffffff !important;transition:border-color var(--transition-fast) cubic-bezier(0.16,1,0.3,1),transform var(--transition-fast) cubic-bezier(0.16,1,0.3,1)}.btn--outline:hover{border-color:rgba(255,255,255,0.45)}.btn--ghost{background:transparent !important;color:var(--color-text-secondary)}.btn--ghost:hover{color:var(--color-primary);background:var(--color-surface) !important}.btn-text-container{position:relative;z-index:3;display:inline-flex;flex-direction:column;height:24px;overflow:hidden;pointer-events:none}.btn-text-1,.btn-text-2{display:flex;align-items:center;justify-content:center;gap:0.5rem;height:24px;line-height:24px;color:#ffffff;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),opacity 0.4s cubic-bezier(0.16,1,0.3,1);will-change:transform,opacity}.btn-text-2{position:absolute;left:0;right:0;top:24px;opacity:0}.btn:hover .btn-text-1{transform:translateY(-100%);opacity:0}.btn:hover .btn-text-2{transform:translateY(-100%);opacity:1}.btn-text-1 svg,.btn-text-2 svg{width:16px;height:16px;flex-shrink:0;transition:transform 0.3s}.btn:hover .btn-text-2 svg{transform:translateX(3px)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.card--junior{border-color:var(--color-junior-light)}.card--middle{border-color:var(--color-middle-light)}.card--senior{border-color:var(--color-senior-light)}.badge{display:inline-flex;align-items:center;font-size:0.75rem;font-weight:600;padding:0.25rem 0.75rem;border-radius:var(--radius-full)}.badge--junior{background:rgba(63,185,80,0.1);color:#3fb950;border:1px solid rgba(63,185,80,0.2);backdrop-filter:blur(4px)}.badge--middle{background:rgba(47,129,247,0.1);color:#2f81f7;border:1px solid rgba(47,129,247,0.2);backdrop-filter:blur(4px)}.badge--senior{background:rgba(163,113,247,0.1);color:#a371f7;border:1px solid rgba(163,113,247,0.2);backdrop-filter:blur(4px)}.badge--accent{background:var(--color-accent-light);color:var(--color-accent)}.badge--primary{background:var(--color-surface-alt);color:var(--color-primary-light)}.site-header{position:sticky;top:0;z-index:100;background:transparent;transition:box-shadow var(--transition-base)}@supports (backdrop-filter:blur(1px)){.site-header{background:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@media (max-width:768px){.site-header{backdrop-filter:none;-webkit-backdrop-filter:none}}.site-header.scrolled{box-shadow:var(--shadow-md)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:2rem}.site-logo{display:flex;align-items:center;gap:0.5rem;font-weight:800;font-size:1.375rem;color:var(--color-heading);text-decoration:none;flex-shrink:0}.site-logo img.logo-image{height:60px;width:auto;display:block}.main-nav{display:flex;align-items:center;gap:0.25rem;margin:0 auto}.main-nav a{font-size:0.9375rem;font-weight:500;color:white;text-decoration:none;padding:0.5rem 0.875rem;border-radius:var(--radius-md);transition:color var(--transition-fast),background var(--transition-fast)}.main-nav a:hover{color:var(--color-primary);background:var(--color-surface)}.main-nav a.active{color:var(--color-primary);font-weight:600}.nav-cta{margin-left:auto}.mobile-toggle{display:none;flex-direction:column;gap:5px;padding:8px;background:none;border:none;cursor:pointer}.mobile-toggle span{width:24px;height:2px;background:var(--color-primary);border-radius:2px;transition:transform var(--transition-fast)}@media (max-width:768px){.main-nav{display:none;position:fixed;top:72px;left:0;right:0;background:var(--color-surface);flex-direction:column;padding:1rem;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.main-nav.open{display:flex}.mobile-toggle{display:flex}.nav-cta{display:none}}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden;text-align:center;padding-top:7rem;padding-bottom:5rem;background:#00020F;margin-top:-35px}.hero-earth-wrapper{position:absolute;top:0;left:50%;transform:translate3d(-50%,0,0);width:100%;min-width:1440px;max-width:1680px;height:900px;z-index:1;pointer-events:none;overflow:visible}.hero-earth-svg{width:100%;height:100%;overflow:visible;display:block}.hero-falling-dots{position:absolute;top:0;left:0;width:100%;height:50%;z-index:2;pointer-events:none;overflow:hidden;mix-blend-mode:screen;opacity:0.65;-webkit-mask-image:repeating-linear-gradient(to right,rgba(0,0,0,1) 0px,rgba(0,0,0,1) 80px,rgba(0,0,0,0) 80px,rgba(0,0,0,0) 240px );mask-image:repeating-linear-gradient(to right,rgba(0,0,0,1) 0px,rgba(0,0,0,1) 80px,rgba(0,0,0,0) 80px,rgba(0,0,0,0) 240px )}.hero-falling-dots-video{width:100%;height:100%;object-fit:cover;object-position:top;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 15%,rgba(0,0,0,1) 75%,rgba(0,0,0,0) 100% );mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 15%,rgba(0,0,0,1) 75%,rgba(0,0,0,0) 100% )}.hero__content{position:relative;z-index:5}.hero__stars{position:absolute;top:-50%;left:-50%;width:200%;height:200%;z-index:0;will-change:transform;transform:translate3d(0,0,0);background-image:radial-gradient(2px 2px at 10% 20%,white,transparent),radial-gradient(2px 2px at 30% 60%,white,transparent),radial-gradient(2px 2px at 50% 10%,rgba(255,255,255,0.8),transparent),radial-gradient(2px 2px at 70% 80%,white,transparent),radial-gradient(2px 2px at 90% 40%,rgba(255,255,255,0.6),transparent),radial-gradient(2px 2px at 20% 80%,rgba(255,255,255,0.9),transparent),radial-gradient(2px 2px at 80% 20%,white,transparent),radial-gradient(2px 2px at 50% 50%,white,transparent);background-size:50% 50%;animation:stars-drift 100s linear infinite;opacity:0.3;pointer-events:none}#pricing{position:relative;overflow:hidden;background:linear-gradient(#000240,#0000);padding:clamp(6rem,12vw,10rem) 0}#pricing .container{position:relative;z-index:5}.pricing-spotlight{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.pricing-spotlight__cone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(circle at 50% 50%,rgba(163,113,247,0.3) 0%,transparent 60%);filter:blur(60px);z-index:1}.pricing-spotlight__beam{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1000px;height:1000px;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(163,113,247,0.3) 15deg,rgba(255,255,255,0.1) 30deg,rgba(163,113,247,0.3) 45deg,transparent 60deg,transparent 180deg,rgba(163,113,247,0.3) 195deg,rgba(255,255,255,0.1) 210deg,rgba(163,113,247,0.3) 225deg,transparent 240deg);filter:blur(50px);opacity:0.6;z-index:2;mix-blend-mode:screen}.pricing-spotlight__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(163,113,247,0.5) 0%,transparent 30%);filter:blur(40px);z-index:3}.pricing-spotlight__stars{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1.5px 1.5px at 10% 10%,#fff,transparent),radial-gradient(1.5px 1.5px at 20% 40%,#fff,transparent),radial-gradient(1.5px 1.5px at 30% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 40% 60%,#fff,transparent),radial-gradient(1.5px 1.5px at 50% 30%,#fff,transparent),radial-gradient(2px 2px at 60% 10%,#fff,transparent),radial-gradient(1.5px 1.5px at 70% 50%,#fff,transparent),radial-gradient(1.5px 1.5px at 80% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 90% 70%,#fff,transparent);background-size:400px 400px;opacity:0.4;z-index:4;mask-image:radial-gradient(circle at 50% 50%,black 10%,transparent 60%)}.pricing-spotlight__floor{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;height:40%;background:radial-gradient(ellipse at 50% 100%,rgba(47,129,247,0.2) 0%,transparent 70%);z-index:1}@keyframes stars-drift{0%{transform:translate(0,0)}100%{transform:translate(10%,10%)}}@media (min-width:1025px){.shooting-stars{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:hidden}.shooting-star{position:absolute;width:2px;height:2px;background:#ffffff;border-radius:50%;opacity:0;box-shadow:0 0 6px #ffffff,0 0 15px #60a5fa,0 0 25px rgba(96,165,250,0.5);will-change:transform,opacity}.shooting-star::before{content:'';position:absolute;top:50%;transform:translateY(-50%);width:110px;height:1.5px;background:linear-gradient(90deg,transparent,rgba(96,165,250,0.7) 60%,#ffffff 100%);left:-110px}@keyframes meteor-left{0%{transform:rotate(35deg) translateX(-100px);opacity:0}3%{opacity:1}14%{opacity:1}22%{transform:rotate(35deg) translateX(850px);opacity:0}100%{transform:rotate(35deg) translateX(850px);opacity:0}}@keyframes meteor-right{0%{transform:rotate(145deg) translateX(-100px);opacity:0}3%{opacity:1}14%{opacity:1}22%{transform:rotate(145deg) translateX(850px);opacity:0}100%{transform:rotate(145deg) translateX(850px);opacity:0}}@keyframes meteor-vertical{0%{transform:rotate(90deg) translateX(-100px);opacity:0}3%{opacity:1}14%{opacity:1}22%{transform:rotate(90deg) translateX(650px);opacity:0}100%{transform:rotate(90deg) translateX(650px);opacity:0}}.shooting-star--left:nth-of-type(1){top:-20px;left:10%;animation:meteor-left 8s linear infinite;animation-delay:0s}.shooting-star--left:nth-of-type(2){top:50px;left:25%;animation:meteor-left 9s linear infinite;animation-delay:2.2s}.shooting-star--left:nth-of-type(3){top:-10px;left:35%;animation:meteor-left 7s linear infinite;animation-delay:4.5s}.shooting-star--left:nth-of-type(4){top:80px;left:15%;animation:meteor-left 10s linear infinite;animation-delay:1.1s}.shooting-star--left:nth-of-type(5){top:-30px;left:45%;animation:meteor-left 8.5s linear infinite;animation-delay:5.8s}.shooting-star--right:nth-of-type(1){top:-20px;left:90%;animation:meteor-right 8s linear infinite;animation-delay:1.5s}.shooting-star--right:nth-of-type(2){top:50px;left:75%;animation:meteor-right 9.5s linear infinite;animation-delay:3.7s}.shooting-star--right:nth-of-type(3){top:-10px;left:65%;animation:meteor-right 7.5s linear infinite;animation-delay:5.2s}.shooting-star--right:nth-of-type(4){top:80px;left:85%;animation:meteor-right 10s linear infinite;animation-delay:0.3s}.shooting-star--right:nth-of-type(5){top:-30px;left:55%;animation:meteor-right 8.5s linear infinite;animation-delay:6.4s}.shooting-star--vertical:nth-of-type(1){top:-50px;left:20%;animation:meteor-vertical 8s linear infinite;animation-delay:2.8s}.shooting-star--vertical:nth-of-type(2){top:-50px;left:40%;animation:meteor-vertical 9s linear infinite;animation-delay:4.9s}.shooting-star--vertical:nth-of-type(3){top:-50px;left:50%;animation:meteor-vertical 7.5s linear infinite;animation-delay:0.8s}.shooting-star--vertical:nth-of-type(4){top:-50px;left:60%;animation:meteor-vertical 10s linear infinite;animation-delay:6.1s}.shooting-star--vertical:nth-of-type(5){top:-50px;left:80%;animation:meteor-vertical 8.5s linear infinite;animation-delay:3.9s}}@media (max-width:768px){.hero__stars{animation:none;opacity:0.2;background-image:radial-gradient(1.5px 1.5px at 10% 20%,white,transparent);background-size:cover}#pricing{background:linear-gradient(#000240,#0000)}}.hero__glow-bg{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:80vw;height:60vw;background:radial-gradient(circle,rgba(163,113,247,0.1) 0%,rgba(47,129,247,0.08) 30%,transparent 70%);filter:blur(40px);z-index:0;pointer-events:none;border-radius:50%;will-change:transform,opacity;transform:translate3d(-50%,-50%,0)}@media (max-width:768px){.hero__glow-bg{width:100vw;height:100vw;filter:blur(40px);opacity:0.5}}.hero__content{position:relative;z-index:2;max-width:950px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero__eyebrow{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(163,113,247,0.1);border:1px solid rgba(163,113,247,0.3);border-radius:var(--radius-full);padding:0.375rem 1rem;font-size:0.7rem;font-weight:700;color:var(--color-text-secondary);margin-bottom:2rem;letter-spacing:0.05em}.hero__eyebrow .dot{width:6px;height:6px;background:var(--color-accent);border-radius:50%;box-shadow:0 0 8px var(--color-accent);animation:pulse-dot 2s ease-in-out infinite}.hero__title{font-size:clamp(3rem,6vw,3.7rem);font-weight:800;line-height:1.1;color:#ffffff;margin-bottom:1.5rem;letter-spacing:-0.02em}.hero__title-line{display:block}.hero__title .word{display:inline-block;opacity:0}.hero__subtitle{font-size:clamp(1.125rem,2vw,1.25rem);color:var(--color-text-secondary);max-width:75ch;margin:0 auto 2.5rem auto;line-height:1.6}.hero__subtitle strong{color:#ffffff}.hero__actions{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:3.5rem}.hero__badges{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.badge-item{display:flex;align-items:center;gap:0.375rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-full);padding:0.5rem 1rem;font-size:0.8125rem;font-weight:600;color:#c9d1d9}.badge-item svg{color:var(--color-text-secondary)}.hero__visual{position:relative;width:100%;max-width:1000px;margin:4rem auto 0 auto;z-index:1}.floating-asset{position:absolute;font-size:4rem;filter:drop-shadow(0 20px 30px rgba(0,0,0,0.5));z-index:20}.floating-asset--bot{top:-60px;left:15%;animation:float-1 5s ease-in-out infinite;z-index:25}.floating-asset--bot img{width:160px;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,0.6)) drop-shadow(0 0 50px rgba(163,113,247,0.5))}.floating-asset--keyboard{top:30%;left:-5%;transform:rotate(-15deg);animation:float-2 6s ease-in-out infinite alternate}.floating-asset--rocket{top:20%;right:-5%;transform:rotate(15deg);animation:float-3 7s ease-in-out infinite alternate-reverse;font-size:4.5rem;filter:drop-shadow(0 20px 30px rgba(0,0,0,0.5)) drop-shadow(0 0 30px rgba(236,72,153,0.3))}@keyframes float-1{0%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-15px) rotate(5deg)}100%{transform:translateY(0px) rotate(0deg)}}@keyframes float-2{0%{transform:translateY(0px) rotate(-15deg)}100%{transform:translateY(-20px) rotate(-10deg)}}@keyframes float-3{0%{transform:translateY(0px) rotate(15deg)}100%{transform:translateY(-25px) rotate(20deg)}}.ide-mockup{position:relative;width:100%;background:rgba(13,17,23,0.6);backdrop-filter:blur(12px);border:1px solid rgba(163,113,247,0.3);border-radius:24px;padding:12px;padding-top:40px;box-shadow:0 30px 100px rgba(0,0,0,0.9),0 0 80px rgba(163,113,247,0.4),0 0 150px rgba(47,129,247,0.3),0 0 200px rgba(163,113,247,0.2);z-index:10;text-align:left;transition:transform 0.5s cubic-bezier(0.175,0.885,0.32,1.275);will-change:transform}@media (max-width:768px){.ide-mockup{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--color-surface);box-shadow:0 20px 50px rgba(0,0,0,0.5);border-radius:16px}}.ide-mockup__dots{position:absolute;top:15px;left:20px;display:flex;gap:8px;z-index:20}.ide-mockup__dots span{width:10px;height:10px;border-radius:50%;opacity:0.8}.ide-mockup__dots span:nth-child(1){background:#ff5f56;box-shadow:0 0 12px rgba(255,95,86,0.6)}.ide-mockup__dots span:nth-child(2){background:#ffbd2e;box-shadow:0 0 12px rgba(255,189,46,0.6)}.ide-mockup__dots span:nth-child(3){background:#27c93f;box-shadow:0 0 12px rgba(39,201,63,0.6)}.ide-mockup-image{position:relative;z-index:10;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,0.08)}.hero-dashboard-img{width:100%;height:auto;display:block;object-fit:cover;transition:transform 0.6s cubic-bezier(0.165,0.84,0.44,1);border-radius:14px}.video-mute-toggle{position:absolute;pointer-events:auto;bottom:20px;right:20px;width:40px;height:40px;border-radius:50%;background:rgba(13,17,23,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.2);color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.video-mute-toggle:hover{background:var(--color-primary);border-color:var(--color-primary-light);transform:scale(1.1);box-shadow:0 0 15px var(--color-primary)}.video-replay-btn{position:absolute;pointer-events:auto;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-primary);color:white;border:none;border-radius:var(--radius-full);padding:0.75rem 1.5rem;font-size:0.9rem;font-weight:700;display:none;align-items:center;gap:0.5rem;cursor:pointer;z-index:30;box-shadow:0 10px 25px rgba(163,113,247,0.4),0 0 30px rgba(163,113,247,0.2);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);border:1px solid rgba(255,255,255,0.2)}.video-replay-btn.is-visible{display:flex}.video-replay-btn:hover{transform:translate(-50%,-50%) scale(1.05);background:var(--color-primary-light);box-shadow:0 15px 35px rgba(163,113,247,0.6)}.video-replay-btn svg{transition:transform 0.6s ease}.video-replay-btn:hover svg{transform:rotate(-180deg)}.video-mute-toggle svg{transition:transform 0.3s ease}.video-mute-toggle:active{transform:scale(0.9)}.ide-mockup:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 40px 120px rgba(0,0,0,0.9),0 0 100px rgba(163,113,247,0.6),0 0 200px rgba(47,129,247,0.4)}.ide-mockup:hover .hero-dashboard-img{transform:scale(1.04)}.ide-mockup:before{content:'';position:absolute;top:-200px;width:100%;height:256px;background-image:url(../images/workflow-glow.webp);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:5;pointer-events:none;opacity:0.7}.ide-mockup__glow{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:28px;background:linear-gradient(135deg,rgba(163,113,247,0.7) 0%,transparent 50%,rgba(47,129,247,0.7) 100%);z-index:-1;pointer-events:none;opacity:0.9;filter:blur(20px)}@media (max-width:768px){.hero__glow-bg,.ide-mockup__glow,.ide-mockup::after,.ide-mockup:before,#workflow::before{display:none !important}.floating-asset--bot img{width:100px}.floating-asset--bot{top:-40px;left:5%}.ide-mockup{transform:none !important;box-shadow:0 10px 30px rgba(0,0,0,0.5) !important;padding:8px;padding-top:30px}.btn:hover{transform:none !important}}.ide-mockup::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:110%;background:radial-gradient(circle,rgba(163,113,247,0.2) 0%,transparent 70%);z-index:-2;pointer-events:none;filter:blur(40px)}@media (max-width:1024px){.hero__visual{display:block;margin-top:2rem;padding:0 1rem}}.social-proof-bar{background:var(--color-surface);padding:1.5rem 0;overflow:hidden;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.social-proof-label{text-align:center;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;font-weight:600;color:white;margin-bottom:1.25rem}.marquee{display:flex;gap:3rem;animation:marquee 30s linear infinite;width:max-content;will-change:transform;transform:translate3d(0,0,0)}@media (max-width:768px){.marquee{animation-duration:20s}}.marquee__item{font-size:1rem;font-weight:700;color:white;white-space:nowrap;opacity:0.5}.ecoa-ai-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:40px}.ecoaai-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:2rem;position:relative;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.ecoaai-card::before{content:'';position:absolute;top:var(--mouse-y,0);left:var(--mouse-x,0);transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,0.15) 0%,transparent 70%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:0}.ecoaai-card:hover::before{opacity:1}.ecoaai-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}@media (max-width:768px){.ecoaai-card::before{display:none}.ecoaai-card:hover{transform:none}}.ecoaai-card__icon{width:56px;height:56px;background:var(--color-surface);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:var(--color-primary-light);transition:background var(--transition-base),color var(--transition-base)}.ecoaai-card:hover .ecoaai-card__icon{background:var(--color-primary);color:white}.ecoaai-card h3{font-size:1.125rem;font-weight:700;color:var(--color-heading);margin-bottom:0.75rem}.ecoaai-card p{font-size:0.9375rem;color:var(--color-text-secondary);line-height:1.65;margin:0}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-top:3rem;padding-top:3rem;border-top:1px solid var(--color-border)}@media (max-width:600px){.stats-row{grid-template-columns:1fr 1fr;gap:1rem;row-gap:2rem}.stat-item:last-child{grid-column:1 / span 2;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-item__number{font-size:2.25rem}.stat-item__label{font-size:0.75rem}}.stat-item{text-align:center}.stat-item__number{font-size:clamp(2rem,5vw,3rem);font-weight:900;color:transparent;background:linear-gradient(135deg,#3b82f6 0%,#0ea5e9 100%);-webkit-background-clip:text;background-clip:text;line-height:1;margin-bottom:0.25rem}.stat-item__number .prefix{color:var(--color-accent)}.stat-item__label{font-size:0.875rem;color:var(--color-text-secondary);font-weight:500}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem}.pricing-toggle__label{font-size:0.9375rem;font-weight:500;color:var(--color-text-secondary)}.pricing-toggle__label.active{color:var(--color-primary);font-weight:700}.toggle-switch{position:relative;width:56px;height:28px;background:var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-base)}.toggle-switch.active{background:var(--color-accent)}.toggle-switch::after{content:'';position:absolute;top:2px;left:2px;width:24px;height:24px;background:white;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--transition-spring)}.toggle-switch.active::after{transform:translateX(28px)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:50px}.pricing-card{background:rgba(13,17,23,0.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-xl);padding:3rem 2rem;position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base);height:100%;display:flex;flex-direction:column}.pricing-card::before{content:'';position:absolute;top:var(--mouse-y,0);left:var(--mouse-x,0);transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(163,113,247,0.1) 0%,transparent 70%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:0}.pricing-card:hover::before{opacity:1}.pricing-card > *{position:relative;z-index:1}.pricing-card__badge{z-index:2}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px rgba(0,0,0,0.4)}.pricing-card--featured{border:1px solid rgba(163,113,247,0.8);transform:scale(1.05);box-shadow:0 0 40px rgba(163,113,247,0.3),inset 0 0 20px rgba(163,113,247,0.1);background:radial-gradient(circle at top center,rgba(163,113,247,0.15),transparent 70%),var(--color-surface);z-index:10}.pricing-card--featured::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;box-shadow:0 0 50px rgba(163,113,247,0.45);opacity:0;z-index:-1;animation:featured-glow-pulse 4s ease-in-out infinite;will-change:opacity}@keyframes featured-glow-pulse{0%,100%{opacity:0.3}50%{opacity:0.7}}.pricing-card--featured:hover{transform:scale(1.05) translateY(-10px)}.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#a371f7 0%,#3b82f6 100%);box-shadow:0 0 15px rgba(163,113,247,0.5);color:white;font-size:0.75rem;font-weight:800;padding:0.35rem 1.25rem;border-radius:var(--radius-full);white-space:nowrap;letter-spacing:0.05em;text-transform:uppercase}.pricing-card__tier{font-size:0.65rem;text-transform:uppercase;letter-spacing:0.15em;font-weight:800;margin-bottom:1.5rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);padding:0.25rem 0.75rem;width:fit-content}.pricing-card__price{margin-bottom:1.5rem}.pricing-card__amount{font-size:3.5rem;font-weight:900;color:var(--color-heading);line-height:1}.pricing-card__amount .currency{font-size:1.5rem;vertical-align:super;margin-right:2px}.pricing-card__period{font-size:0.8125rem;color:var(--color-text-secondary)}.pricing-card__desc{font-size:0.875rem;color:var(--color-text-secondary);margin-bottom:2rem;line-height:1.6}.pricing-card__features{list-style:none;padding:0;margin:0 0 2.5rem;display:flex;flex-direction:column;gap:1rem}.pricing-card__features li{display:flex;align-items:center;gap:0.75rem;font-size:0.875rem;color:var(--color-text-secondary)}.pricing-card__features li svg{color:var(--color-primary-light);flex-shrink:0}.pricing-card--featured .pricing-card__features li svg{color:#a371f7}.pricing-card__features li.inactive svg{color:var(--color-text-muted)}.pricing-card__features li.inactive{color:var(--color-text-muted);opacity:0.5}.pricing-card .btn{margin-top:auto}.section--languages{position:relative;overflow:hidden;background:#010409;padding:30px 0}.languages-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.languages-bg__globe{position:absolute;top:clamp(1.5rem,5vw,4.25rem);left:clamp(1.5rem,15vw,12.35rem);width:120px;height:120px;background:url('../images/language-globe.png') center/contain no-repeat;opacity:1;transform:none;z-index:1}.languages-bg__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle at 20% 20%,rgba(163,113,247,0.15) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(47,129,247,0.15) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(163,113,247,0.05) 0%,transparent 60%);filter:blur(80px)}.languages-bg__spotlight{position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:100%;height:150%;background:conic-gradient(from 180deg at 50% 0%,transparent 0deg,rgba(163,113,247,0.1) 160deg,rgba(255,255,255,0.05) 180deg,rgba(163,113,247,0.1) 200deg,transparent 360deg);filter:blur(100px);opacity:0.8}.languages-marquee-container{position:relative;width:100%;overflow:hidden;padding:4rem 0;z-index:1;display:flex;flex-direction:column;gap:1.5rem;mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.languages-marquee{display:flex;user-select:none;gap:1.5rem}.languages-marquee__track{display:flex;flex-shrink:0;gap:1.5rem;min-width:100%}.languages-marquee--ltr .languages-marquee__track{animation:languages-scroll-left 40s linear infinite}.languages-marquee--rtl .languages-marquee__track{animation:languages-scroll-right 40s linear infinite;will-change:transform;transform:translate3d(0,0,0)}.languages-marquee:hover .languages-marquee__track{animation-play-state:paused}@keyframes languages-scroll-left{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 0.75rem))}}@keyframes languages-scroll-right{from{transform:translateX(calc(-50% - 0.75rem))}to{transform:translateX(0)}}.lang-tag{display:flex;align-items:center;gap:0.75rem;padding:0.875rem 1.5rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:16px;font-size:1rem;font-weight:600;color:rgba(255,255,255,0.8);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;backdrop-filter:blur(5px);will-change:transform}.lang-tag img{width:24px;height:24px;object-fit:contain}.lang-tag:hover{background:rgba(163,113,247,0.1);border-color:rgba(163,113,247,0.4);color:#ffffff;transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.3)}@media (max-width:768px){.languages-marquee-container{padding:2rem 0}.lang-tag{padding:0.625rem 1.125rem;font-size:0.875rem}.languages-marquee__track{animation-duration:30s}}.section--languages .section-heading h2{background:linear-gradient(135deg,#ffffff 0%,#a371f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}#how-it-works{position:relative;overflow:hidden;background:var(--color-bg);padding:var(--section-padding) 0}#how-it-works .section-heading h2{background:linear-gradient(135deg,#ffffff 0%,#a371f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.how-it-works__spotlight{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% -20%,rgba(47,129,247,0.2) 0%,transparent 60%)}.spotlight-cone{position:absolute;top:-10%;left:50%;transform:translateX(-50%);width:120%;height:100%;background:radial-gradient(ellipse at 50% 0%,rgba(163,113,247,0.25) 0%,transparent 70%);filter:blur(50px);z-index:1}.spotlight-beam{position:absolute;top:0;left:50%;transform:translateX(-50%);width:800px;height:600px;background:conic-gradient(from 150deg at 50% 0%,transparent 0deg,rgba(163,113,247,0.15) 30deg,rgba(47,129,247,0.15) 60deg,transparent 90deg);filter:blur(80px);opacity:0.9;z-index:2;mix-blend-mode:plus-lighter}.spotlight-stars{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,#ffffff,transparent),radial-gradient(2px 2px at 40% 70%,#ffffff,transparent),radial-gradient(2.5px 2.5px at 50% 40%,rgba(255,255,255,0.8),transparent),radial-gradient(2px 2px at 80% 20%,#ffffff,transparent),radial-gradient(2px 2px at 60% 80%,rgba(255,255,255,0.6),transparent),radial-gradient(3px 3px at 30% 10%,#ffffff,transparent),radial-gradient(2px 2px at 70% 50%,#ffffff,transparent),radial-gradient(2px 2px at 10% 80%,#ffffff,transparent),radial-gradient(2px 2px at 90% 40%,rgba(255,255,255,0.7),transparent),radial-gradient(3px 3px at 45% 25%,#ffffff,transparent);background-size:50% 50%;opacity:0.4;mask-image:radial-gradient(circle at 50% 20%,black 0%,transparent 60%);-webkit-mask-image:radial-gradient(circle at 50% 20%,black 0%,transparent 60%);animation:stars-flicker 5s infinite alternate}@keyframes stars-flicker{0%{opacity:0.2;transform:scale(1)}50%{opacity:0.4;transform:scale(1.05)}100%{opacity:0.2;transform:scale(1)}}@keyframes blob-float{0%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(0.9)}100%{transform:translate(0,0) scale(1)}}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;position:relative;z-index:1;margin-top:4rem}@media (max-width:992px){.steps-grid{grid-template-columns:1fr;gap:3rem}}.steps-connector-line{position:absolute;top:2.5rem;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);z-index:0}@media (max-width:992px){.steps-connector-line{display:none}}.step-item{position:relative;padding:3rem 2rem 2.5rem;border-radius:32px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all 0.5s cubic-bezier(0.23,1,0.32,1);overflow:hidden;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.03);box-shadow:0 10px 30px rgba(0,0,0,0.2),inset 0 0 20px rgba(255,255,255,0.02)}.step-item:hover{transform:translateY(-10px) scale(1.02);border-color:rgba(255,255,255,0.2);background:rgba(255,255,255,0.05);box-shadow:0 20px 50px rgba(0,0,0,0.4),0 0 30px rgba(47,129,247,0.1)}.step-item::before{content:'';position:absolute;top:var(--mouse-y,0);left:var(--mouse-x,0);transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,0.08) 0%,transparent 70%);pointer-events:none;z-index:1;opacity:0;transition:opacity 0.3s ease}.step-item:hover::before{opacity:1}.step-item__shimmer{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.05),transparent );transform:skewX(-20deg);pointer-events:none;z-index:2}.step-item:hover .step-item__shimmer{animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}100%{left:200%}}.step-item__number{position:relative;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:#ffffff;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:22px;margin-bottom:2rem;z-index:3;box-shadow:0 10px 20px rgba(0,0,0,0.3);transition:transform 0.3s ease}.step-item:hover .step-item__number{transform:scale(1.1) rotate(5deg)}.number-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:140%;background:radial-gradient(circle,rgba(47,129,247,0.4) 0%,transparent 70%);z-index:-1;animation:pulse-glow 3s infinite}@keyframes pulse-glow{0%{opacity:0.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:0.8;transform:translate(-50%,-50%) scale(1.2)}100%{opacity:0.5;transform:translate(-50%,-50%) scale(1)}}.step-item__content{position:relative;z-index:3}.step-item__title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#ffffff;letter-spacing:-0.01em}.step-item__desc{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.step-item:nth-child(2) .step-item__number{background:linear-gradient(135deg,#0284c7,#2563eb)}.step-item:nth-child(3) .step-item__number{background:linear-gradient(135deg,#7c3aed,#db2777)}.step-item:nth-child(2) .number-glow{background:radial-gradient(circle,rgba(37,99,235,0.4) 0%,transparent 70%)}.step-item:nth-child(3) .number-glow{background:radial-gradient(circle,rgba(219,39,119,0.4) 0%,transparent 70%)}#testimonials{background:#02020f;background-image:url('../images/testimonial-glow.webp');background-repeat:no-repeat;background-size:100% 100%;background-blend-mode:screen;padding:var(--section-padding) 0;position:relative;overflow:hidden}#testimonials .eyebrow{color:#c084fc;text-transform:uppercase;letter-spacing:0.25em;font-weight:700;font-size:0.7rem;margin-bottom:1.5rem;display:block}#testimonials h2{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;color:white;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-0.02em}#testimonials p{color:#fff;font-size:1.125rem;max-width:60ch;margin:0 auto}.testimonials-slider{position:relative;overflow:visible;min-height:400px;perspective:2000px;margin-top:4rem}@media (max-width:768px){.testimonials-slider{min-height:350px;perspective:none}}.testimonial-card{border:none;border-radius:2rem;padding:90px;position:absolute;inset:0;opacity:0;transform:translateY(30px) scale(0.92);transition:all 0.8s cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:column;justify-content:space-between;box-shadow:none;backdrop-filter:none;overflow:visible;will-change:opacity,transform}@media (max-width:768px){.testimonial-card{padding:80px 40px;border-radius:1.5rem;transform:translateX(20px)}}.testimonial-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('../images/testimonial-card-bg.webp') no-repeat center center / 100% 100%;z-index:-1;pointer-events:none}.testimonial-card.active{opacity:1;transform:translateY(0) scale(1);position:relative}.testimonial-card__shimmer{display:none}.testimonial-card__quote-icon{position:absolute;top:70px;left:50px;color:#1e1e4a;pointer-events:none}.testimonial-card__quote{font-size:1.375rem;color:white;line-height:1.6;margin-bottom:3rem;font-style:normal;text-align:left;position:relative;z-index:1;letter-spacing:-0.01em}.testimonial-card__quote::before,.testimonial-card__quote::after{display:none}.testimonial-card__author{display:flex;align-items:center;gap:1.25rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,0.05)}.testimonial-card__avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:white;background:#3b82f6;border:2px solid rgba(255,255,255,0.1);flex-shrink:0;overflow:hidden}.testimonial-card__name{font-weight:700;font-size:1rem;color:white;margin-bottom:0.25rem}.testimonial-card__role{font-size:0.8125rem;color:#64748b}.testimonials-dots{display:flex;justify-content:center;gap:1.25rem}.testimonials-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.1);border:none;cursor:pointer;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);padding:0;position:relative}.testimonials-dot.active{background:#a855f7;transform:scale(1.5)}.testimonials-dot.active::after{content:'';position:absolute;inset:-8px;background:rgba(168,85,247,0.4);filter:blur(8px);border-radius:50%;z-index:-1}#faq{position:relative;background:#020215;padding:140px 0;overflow:hidden}.faq-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.faq-bg::before{content:'';position:absolute;inset:0;background-image:url('../images/faq-bg.webp');background-size:100% 100%;background-position:center top;opacity:0.9}@media (max-width:768px){#faq{padding:40px 0}.faq-bg::before{background-image:radial-gradient(circle at 50% 0%,rgba(168,85,247,0.25) 0%,transparent 70%),radial-gradient(circle at 80% 20%,rgba(59,130,246,0.1) 0%,transparent 50%),linear-gradient(to bottom,#020215,#000005);background-size:cover}}#faq .container{position:relative;z-index:2}#faq .section-heading h2{color:white}#faq .section-heading p{color:#94a3b8}.faq-list{max-width:900px;margin:4rem auto 0;display:flex;flex-direction:column;gap:1rem}.faq-item{background:rgba(255,255,255,0.03);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.08);border-radius:20px;transition:all 0.4s cubic-bezier(0.23,1,0.32,1);overflow:hidden}.faq-item:first-child{border-top:1px solid rgba(255,255,255,0.08)}.faq-item:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.2);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,0.2)}.faq-item.open{background:rgba(255,255,255,0.08);border-color:rgba(168,85,247,0.4);box-shadow:0 20px 40px rgba(0,0,0,0.3),0 0 20px rgba(168,85,247,0.1)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem 2rem;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-sans);font-size:1.125rem;font-weight:600;color:#ffffff;transition:all 0.3s ease}.faq-question:hover{color:#ffffff}.faq-item.open .faq-question{color:#c084fc}.faq-chevron{width:20px;height:20px;flex-shrink:0;color:rgba(255,255,255,0.4);pointer-events:none;transition:all 0.5s cubic-bezier(0.34,1.56,0.64,1)}.faq-item.open .faq-chevron{transform:rotate(180deg);color:#c084fc}.faq-answer{overflow:hidden;max-height:0;transition:all 0.5s cubic-bezier(0.34,1.56,0.64,1)}.faq-item.open .faq-answer{max-height:800px}.faq-answer p{padding:0 2rem 2rem;font-size:1rem;color:#cbd5e1;line-height:1.7;margin:0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base);text-decoration:none;display:block}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.blog-card__image{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--color-surface)}.blog-card__body{padding:1.5rem}.blog-card__category{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-accent);margin-bottom:0.5rem}.blog-card__title{font-size:1.0625rem;font-weight:700;color:var(--color-heading);margin-bottom:0.5rem;line-height:1.4;transition:color var(--transition-fast)}.blog-card:hover .blog-card__title{color:var(--color-primary-light)}.blog-card__excerpt{font-size:0.875rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:1rem}.blog-card__meta{display:flex;align-items:center;gap:0.5rem;font-size:0.8125rem;color:var(--color-text-muted)}.blog-card__arrow{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.875rem;font-weight:600;color:var(--color-primary-light);margin-top:1rem;transition:gap var(--transition-fast)}.blog-card:hover .blog-card__arrow{gap:0.5rem}.cta-section{background:radial-gradient(circle at top,var(--color-glow-purple) 0%,transparent 50%),var(--color-bg);border-top:1px solid var(--color-border);color:white;text-align:center;padding:var(--section-padding) 0;position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.cta-section h2{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;color:white;margin-bottom:1rem;position:relative}.cta-section p{font-size:clamp(1rem,2vw,1.125rem);color:rgba(255,255,255,0.75);max-width:52ch;margin:0 auto 2rem;position:relative}.cta-section .btn--primary{font-size:1.0625rem;padding:0.875rem 2rem;height:auto}.cta-section .btn--primary:hover{background:var(--color-surface);transform:translateY(-2px)}.site-footer{background:var(--color-surface-alt);color:rgba(255,255,255,0.7);padding:3rem 0 2rem;border-top:1px solid var(--color-border);position:relative;z-index:100}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}@media (max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}}.footer-brand .site-logo{color:white;margin-bottom:0.75rem}.footer-brand p{font-size:0.875rem;line-height:1.65;max-width:30ch;color:white}.footer-company-info{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.05)}.footer-company-info .company-name{color:white;font-weight:700;font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:1rem;display:block}.footer-info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.75rem}.footer-info-item{display:flex;gap:0.75rem;font-size:0.75rem;line-height:1.5;color:white}.footer-info-item svg{flex-shrink:0;color:var(--color-primary-light);margin-top:2px}.footer-info-item .info-label{font-weight:600;color:rgba(255,255,255,0.7);min-width:70px}.footer-info-item a{color:white;text-decoration:none;border-bottom:1px dashed rgba(255,255,255,0.3);transition:all var(--transition-fast)}.footer-info-item a:hover{color:var(--color-primary-light);border-bottom-color:var(--color-primary-light)}.footer-col h4{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;font-weight:700;color:white;margin-bottom:1rem}.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.5rem}.footer-col a{font-size:0.875rem;color:rgba(255,255,255,0.6);text-decoration:none;transition:color var(--transition-fast)}.footer-col a:hover{color:white}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-bottom p{font-size:0.8125rem;margin:0}.footer-bottom a{color:var(--color-accent);text-decoration:none}.footer-bottom a:hover{text-decoration:underline}.blog-hero{background:var(--color-surface);padding:4rem 0 3rem;text-align:center;border-bottom:1px solid var(--color-border)}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}@media (max-width:768px){.contact-grid{grid-template-columns:1fr}}.form-field{margin-bottom:1.25rem}.form-field label{display:block;font-size:0.875rem;font-weight:600;color:var(--color-text);margin-bottom:0.375rem}.form-field input,.form-field select,.form-field textarea{width:100%;padding:0.625rem 0.875rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:0.9375rem;color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px rgba(37,99,235,0.1);outline:none}.form-field textarea{resize:vertical;min-height:120px}.contact-info{padding:2rem}.contact-info-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.contact-info-item svg{color:var(--color-accent);flex-shrink:0;margin-top:2px}.contact-info-item h4{font-size:0.875rem;font-weight:700;color:var(--color-heading);margin-bottom:0.25rem}.contact-info-item p{font-size:0.9375rem;color:var(--color-text-secondary);margin:0}@keyframes float-1{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes float-2{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-12px) rotate(-1deg)}}@keyframes float-3{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.8)}}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes fade-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes scale-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes float-pulse{0%{transform:scale(1) translate(0,0);opacity:0.5}33%{transform:scale(1.1) translate(2%,-2%);opacity:0.7}66%{transform:scale(0.9) translate(-2%,2%);opacity:0.6}100%{transform:scale(1) translate(0,0);opacity:0.5}}.animate-fade-up{animation:fade-up 0.6s ease-out forwards}.animate-fade-in{animation:fade-in 0.6s ease-out forwards}.animate-scale-in{animation:scale-in 0.5s ease-out forwards}.delay-100{animation-delay:100ms}.delay-200{animation-delay:200ms}.delay-300{animation-delay:300ms}.delay-400{animation-delay:400ms}.delay-500{animation-delay:500ms}.motion-ready{opacity:0}#workflow{position:relative;background:linear-gradient(#000240,#0000);overflow:hidden}#workflow::before{content:'';position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:100%;min-width:1000px;height:400px;background-image:url('../images/workflow-glow.webp');background-repeat:no-repeat;background-position:center bottom;background-size:100% 100%;pointer-events:none;z-index:0;filter:blur(10px)}@media (max-width:768px){#workflow::before{display:none !important}}#workflow .container{position:relative;z-index:2}.workflow-diagram{display:grid;grid-template-columns:repeat(3,1fr);row-gap:3rem;padding:2rem 6rem 4rem 6rem;max-width:1100px;margin:0 auto}.workflow-step{position:relative;flex:1;min-width:260px;height:320px}.step-lines{position:absolute;top:0;left:0;width:100%;height:100%;filter:drop-shadow(0 0 5px rgba(91,156,246,0.6));z-index:1}@media (max-width:900px){.step-lines{filter:none}}.path-main{position:absolute;top:80px;bottom:60px;left:49px;right:49px;border-left:2px solid rgba(91,156,246,0.7);border-bottom:2px solid rgba(91,156,246,0.7);border-right:2px solid rgba(91,156,246,0.7);border-radius:0 0 24px 24px}.path-exit{position:absolute;top:49px;right:27px;width:24px;height:31px;border-top:2px solid rgba(91,156,246,0.7);border-left:2px solid rgba(91,156,246,0.7);border-top-left-radius:24px}.path-line-out{position:absolute;top:49px;right:-20px;width:47px;border-top:2px solid rgba(91,156,246,0.7)}.top-badge{position:absolute;top:20px;left:20px;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#2f65a1,#0f1e36 80%);box-shadow:inset 0 -5px 15px rgba(91,156,246,0.4),0 0 40px rgba(91,156,246,0.3),0 3px 0 0 #82baff,0 5px 12px 0 rgba(130,186,255,0.6);display:flex;align-items:center;justify-content:center;z-index:10;color:#fff;transition:transform 0.4s ease,box-shadow 0.4s ease}.workflow-step:hover .top-badge{transform:scale(1.1);box-shadow:inset 0 -5px 15px rgba(130,186,255,0.6),0 0 50px rgba(91,156,246,0.5),0 3px 0 0 #82baff,0 5px 15px 0 rgba(130,186,255,0.8)}.number-badge{position:absolute;bottom:46px;left:50%;transform:translateX(-50%);width:28px;height:28px;border-radius:50%;background:#0f1e36;color:#82baff;font-weight:700;font-size:0.85rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px rgba(91,156,246,0.5);border:2px solid #5b9cf6;z-index:10;transition:all 0.3s ease}.workflow-step:hover .number-badge{background:#5b9cf6;color:#fff;box-shadow:0 0 20px rgba(91,156,246,0.8)}.glowing-dot{position:absolute;top:45px;right:-5px;width:10px;height:10px;background:#fff;border-radius:50%;box-shadow:0 0 10px 4px rgba(91,156,246,0.8);z-index:5}.step-text{position:absolute;top:95px;left:65px;right:65px;text-align:center;z-index:5}.step-text h3{font-size:0.75rem;color:#82baff;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:5px;font-weight:700}.step-text h4{font-size:1rem;color:#fff;margin-bottom:8px;font-weight:600}.step-text p{font-size:0.8rem;color:#fff;line-height:1.5;margin:0}@media (min-width:901px){.workflow-step:nth-child(4){grid-column:3;grid-row:2}.workflow-step:nth-child(5){grid-column:2;grid-row:2}.workflow-step:nth-child(6){grid-column:1;grid-row:2}.workflow-step:nth-child(n+4) .top-badge{left:auto;right:20px}.workflow-step:nth-child(n+4) .path-exit{right:auto;left:27px;border-left:none;border-right:2px solid rgba(91,156,246,0.7);border-top-left-radius:0;border-top-right-radius:24px}.workflow-step:nth-child(n+4) .path-line-out{right:auto;left:-20px}.workflow-step:nth-child(n+4) .glowing-dot{right:auto;left:-5px}.workflow-step:nth-child(3) .path-line-out{width:67px;right:-40px;border-image:none}.workflow-step:nth-child(3)::after{content:'';position:absolute;top:49px;right:-64px;width:24px;height:calc(100% + 3rem + 2px);border-top:2px solid rgba(91,156,246,0.7);border-right:2px solid rgba(91,156,246,0.7);border-bottom:2px solid rgba(91,156,246,0.7);border-radius:0 24px 24px 0;z-index:0;filter:drop-shadow(0 0 5px rgba(91,156,246,0.6))}.workflow-step:nth-child(4)::before{content:'';position:absolute;top:49px;right:-40px;width:60px;border-top:2px solid rgba(91,156,246,0.7);z-index:0;filter:drop-shadow(0 0 5px rgba(91,156,246,0.6))}.workflow-step:nth-child(3) .glowing-dot{display:block;right:-45px}.workflow-step:nth-child(6) .path-line-out{left:-40px;width:67px;border-image:none;border-top:2px solid rgba(91,156,246,0.7)}.workflow-step:nth-child(6)::after{content:'';position:absolute;top:20px;left:-70px;width:60px;height:60px;border-radius:50%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>') no-repeat center center,radial-gradient(circle at 30% 30%,#2f65a1,#0f1e36 80%);box-shadow:inset 0 -5px 15px rgba(91,156,246,0.4),0 0 40px rgba(91,156,246,0.3),0 3px 0 0 #82baff,0 5px 12px 0 rgba(130,186,255,0.6);z-index:10}.workflow-step:nth-child(6) .glowing-dot{display:none !important}}@media (max-width:900px){.workflow-diagram{grid-template-columns:1fr;row-gap:2rem;padding:2rem 1rem}.workflow-step{height:180px}.path-line-out,.path-exit,.glowing-dot{display:none !important}.path-main{border-right:none;border-bottom:none;border-radius:0;bottom:20px}.number-badge{bottom:0px;left:49px;transform:translateX(-50%)}.step-text{top:20px;left:100px;right:10px;text-align:left}}.perks-section{padding-top:4rem;padding-bottom:4rem;position:relative;z-index:5;overflow:hidden}.perks-section::before,.perks-section::after{content:'';position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(100px);opacity:0.15;z-index:-1;pointer-events:none}.perks-section::before{top:-100px;left:-100px;background:var(--color-accent);animation:pulse-glow 8s ease-in-out infinite}.perks-section::after{bottom:-100px;right:-100px;background:var(--color-primary);animation:pulse-glow 10s ease-in-out infinite reverse}@keyframes pulse-glow{0%,100%{transform:translate(0,0) scale(1);opacity:0.1}50%{transform:translate(30px,20px) scale(1.2);opacity:0.2}}.perks-card{background:rgba(13,17,23,0.95);border:1px solid rgba(163,113,247,0.3);border-radius:32px;padding:4rem 3rem;text-align:center;position:relative;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,0.5),0 0 50px rgba(163,113,247,0.15),inset 0 0 20px rgba(255,255,255,0.02);transition:all 0.6s cubic-bezier(0.165,0.84,0.44,1);animation:reveal-up 1s cubic-bezier(0.23,1,0.32,1) forwards}@supports (backdrop-filter:blur(1px)){.perks-card{background:rgba(13,17,23,0.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}@media (max-width:768px){.perks-card{background:rgba(13,17,23,0.6) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;padding:3rem 1.5rem;border-radius:32px;border:1px solid rgba(163,113,247,0.4)}}@keyframes reveal-up{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.perks-card:hover{border-color:rgba(163,113,247,0.6);box-shadow:0 60px 120px rgba(0,0,0,0.6),0 0 80px rgba(163,113,247,0.3),inset 0 0 30px rgba(255,255,255,0.05);transform:translateY(-5px)}.perks-card::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient( transparent,transparent,transparent,rgba(163,113,247,0.4),transparent );animation:rotate-border 6s linear infinite;z-index:-1;pointer-events:none}@keyframes rotate-border{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.perks-content{position:relative;z-index:2}.perks-title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:900;color:white;margin-bottom:4rem;letter-spacing:-0.02em;background:linear-gradient(to right,#fff 20%,#a371f7 50%,#fff 80%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer-text 4s linear infinite;white-space:nowrap}@keyframes shimmer-text{to{background-position:200% center}}.perks-grid{display:flex;justify-content:space-around;align-items:flex-start;gap:2rem;flex-wrap:nowrap}.perk-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;transition:all 0.4s var(--transition-spring);min-width:0}.perk-item:hover{transform:translateY(-12px) scale(1.05)}.perk-icon-wrapper{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:0.5rem}.perk-icon{width:100%;height:100%;background:rgba(163,113,247,0.1);border:1px solid rgba(163,113,247,0.3);border-radius:24px;display:flex;align-items:center;justify-content:center;color:var(--color-accent);box-shadow:0 10px 20px rgba(0,0,0,0.2);transition:all 0.4s var(--transition-spring);position:relative;z-index:2}.perk-icon-wrapper::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-accent);filter:blur(20px);opacity:0;transition:opacity 0.4s ease;z-index:1}.perk-item:hover .perk-icon{background:var(--color-accent);color:white;border-color:white;transform:rotate(10deg);box-shadow:0 20px 40px rgba(163,113,247,0.4)}.perk-item:hover .perk-icon-wrapper::after{opacity:0.4}.perk-text{font-size:1rem;font-weight:700;color:var(--color-text);line-height:1.4;max-width:200px;transition:color 0.3s ease}.perk-item:hover .perk-text{color:white}@media (max-width:1200px){.perks-grid{gap:1rem}}@media (max-width:1024px){.perks-title{white-space:normal;font-size:2rem}.perks-grid{flex-wrap:wrap;justify-content:center;gap:3rem}.perk-item{flex:0 0 calc(50% - 2rem)}}@media (max-width:768px){.perks-grid{gap:1.5rem;justify-content:center;flex-wrap:wrap}.perk-item{flex:0 0 calc(50% - 1rem);gap:1rem;min-width:140px}.perk-icon-wrapper{width:64px;height:64px}.perk-text{font-size:0.9rem;max-width:100%}}.single-recruitment.ultra-dark-theme{background:transparent;font-family:var(--font-sans);color:#94a3b8;position:relative;overflow-x:hidden}.ultra-dark-bg{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0;pointer-events:none;background:#020617}.ultra-dark-bg .glow-orb{position:absolute;border-radius:50%;filter:blur(140px);opacity:0.4;mix-blend-mode:screen}.ultra-dark-bg .orb-1{width:800px;height:800px;background:radial-gradient(circle,#a371f7,transparent);top:-200px;left:-200px;animation:float-slow 20s infinite alternate}.ultra-dark-bg .orb-2{width:700px;height:700px;background:radial-gradient(circle,#3b82f6,transparent);top:10%;right:-200px;animation:float-slow 25s infinite alternate-reverse}.ultra-dark-bg .orb-3{width:600px;height:600px;background:radial-gradient(circle,#06b6d4,transparent);bottom:-100px;left:20%;animation:float-slow 30s infinite alternate}.ultra-dark-bg .orb-4{width:500px;height:500px;background:radial-gradient(circle,#ec4899,transparent);bottom:20%;right:10%;animation:float-slow 22s infinite alternate-reverse}@keyframes float-slow{0%{transform:translate(0,0) scale(1)}100%{transform:translate(100px,50px) scale(1.1)}}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48ZmlsdGVyIGlkPSJuIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC42NSIgbnVtT2N0YXZlcz0iMyIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNuKSIgb3BhY2l0eT0iMC4wNSIvPjwvc3ZnPg==');opacity:0.15;z-index:1;pointer-events:none}.recruitment-header-dark{position:relative;padding:6rem 0 6rem;z-index:10;overflow:hidden}.recruitment-header-dark::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:1200px;height:800px;background:radial-gradient(ellipse at top,rgba(163,113,247,0.15) 0%,rgba(59,130,246,0.05) 40%,transparent 70%);pointer-events:none;z-index:0}.recruitment-header__content{position:relative;z-index:2;text-align:left;max-width:1000px}.breadcrumb-dark{display:inline-flex;align-items:center;gap:0.75rem;margin-bottom:2rem}.breadcrumb-dark a{color:#64748b;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;transition:color 0.3s ease;text-decoration:none}.breadcrumb-dark a:hover{color:#f8fafc}.breadcrumb-dark svg{color:#475569}.title-ultra-dark{font-size:clamp(3rem,6vw,4.5rem);font-weight:900;letter-spacing:-0.04em;color:#ffffff;line-height:1.05;margin-bottom:2.5rem;background:linear-gradient(to right,#fff 20%,#a371f7 50%,#fff 80%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer-text 5s linear infinite}.badges-ultra-dark{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.badge-dark{display:inline-flex;align-items:center;gap:0.6rem;padding:0.75rem 1.5rem;border-radius:99px;font-size:0.85rem;font-weight:700;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 16px rgba(0,0,0,0.2);transition:all 0.3s ease}.badge-dark:hover{transform:translateY(-2px);border-color:rgba(255,255,255,0.2);background:rgba(255,255,255,0.08)}.badge-dark svg{opacity:0.9}.badge-dark.badge-dept{color:#c084fc;border-color:rgba(192,132,252,0.3);background:rgba(192,132,252,0.1)}.badge-dark.badge-type{color:#60a5fa;border-color:rgba(96,165,250,0.3);background:rgba(96,165,250,0.1)}.badge-dark.badge-loc{color:#34d399;border-color:rgba(52,211,153,0.3);background:rgba(52,211,153,0.1)}.recruitment-hero{position:relative;padding:10rem 0 6rem;overflow:hidden;background:#020617}.recruitment-hero__title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;letter-spacing:-0.04em;color:#ffffff;line-height:1.1;margin-bottom:1.5rem}.recruitment-hero__subtitle{font-size:1.25rem;color:#94a3b8;max-width:720px;margin:0 auto;line-height:1.6}.recruitment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;padding:0;position:relative;z-index:10}@media (max-width:1024px){.recruitment-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width:640px){.recruitment-grid{grid-template-columns:1fr;padding:3rem 0 5rem}}.recruitment-card{position:relative;border-radius:32px;padding:30px;background:rgba(15,23,42,0.4);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,0.08);display:flex;flex-direction:column;height:100%;transition:all 0.6s cubic-bezier(0.16,1,0.3,1);overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,0.3),inset 0 1px 1px rgba(255,255,255,0.05)}.recruitment-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 0% 0%,rgba(163,113,247,0.15),transparent 60%);opacity:0;transition:opacity 0.6s ease;z-index:0}.recruitment-card:hover{transform:translateY(-12px) scale(1.02);border-color:rgba(163,113,247,0.4);background:rgba(15,23,42,0.6);box-shadow:0 40px 80px rgba(0,0,0,0.5),0 0 30px rgba(163,113,247,0.1)}.recruitment-card:hover::before{opacity:1}.recruitment-card::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,transparent,rgba(255,255,255,0.05),transparent 20%);opacity:0;transition:opacity 0.6s ease;pointer-events:none;z-index:1}.recruitment-card:hover::after{opacity:1;animation:rotate-border 4s linear infinite}.recruitment-card__body{position:relative;z-index:2;flex-grow:1}.recruitment-card__meta{display:flex;flex-wrap:wrap;gap:0.75rem;margin-bottom:2rem}.recruitment-card__title{font-size:20px;font-weight:800;margin-bottom:1.25rem;line-height:1.2;letter-spacing:-0.02em}.recruitment-card__title a{color:#ffffff;text-decoration:none;transition:color 0.3s ease}.recruitment-card:hover .recruitment-card__title a{color:var(--color-accent);background:linear-gradient(135deg,#ffffff,var(--color-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.recruitment-card__excerpt{color:#94a3b8;font-size:17px;line-height:1.6;margin-bottom:2rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recruitment-card__info{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.05)}.recruitment-card__info .info-item{display:flex;align-items:center;gap:0.6rem;color:#64748b;font-size:0.9rem;font-weight:600}.recruitment-card__info .info-item svg{color:var(--color-accent);opacity:0.8}.recruitment-card__footer{position:relative;z-index:2;margin-top:auto}.recruitment-card .btn--outline{width:100%;justify-content:center;padding:1.1rem;border-radius:16px;font-weight:800;font-size:1rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);color:#ffffff;transition:all 0.4s ease}.recruitment-card:hover .btn--outline{background:linear-gradient(90deg,#a855f7,#3b82f6);border-color:transparent;transform:translateY(-2px);box-shadow:0 15px 30px rgba(163,113,247,0.3)}.recruitment-grid-dark{display:grid;grid-template-columns:1fr 380px;gap:3rem;padding-bottom:8rem;position:relative;z-index:10}.main-content-card-dark{background:rgba(15,23,42,0.4);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border-radius:32px;padding:4.5rem;box-shadow:0 40px 100px rgba(0,0,0,0.4),inset 0 1px 1px rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);position:relative;overflow:hidden}.main-content-card-dark::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);z-index:2}.entry-content-dark h2{font-size:1.75rem;font-weight:800;color:#f8fafc;margin:3.5rem 0 1.5rem}.entry-content-dark h2:first-child{margin-top:0}.entry-content-dark p{font-size:1.125rem;line-height:1.8;color:#fff;margin-bottom:1.5rem}.entry-content-dark ul{margin-bottom:2rem;padding-left:1.5rem}.entry-content-dark li{font-size:1.05rem;color:#fff;margin-bottom:0.75rem;line-height:1.6}.entry-content-dark li::marker{color:#475569}.sidebar-dark{display:flex;flex-direction:column;gap:2rem;position:relative}.sidebar-card-dark{background:rgba(15,23,42,0.4);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:28px;padding:2.5rem;box-shadow:0 20px 50px rgba(0,0,0,0.3),inset 0 1px 1px rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);transition:all 0.6s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden}.sidebar-card-dark::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 0% 0%,rgba(163,113,247,0.15),transparent 60%);opacity:0;transition:opacity 0.6s ease;z-index:0}.sidebar-card-dark::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,transparent,rgba(255,255,255,0.05),transparent 20%);opacity:0;transition:opacity 0.6s ease;pointer-events:none;z-index:1}.sidebar-card-dark:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(163,113,247,0.4);background:rgba(15,23,42,0.6);box-shadow:0 40px 80px rgba(0,0,0,0.5),0 0 30px rgba(163,113,247,0.1)}.sidebar-card-dark:hover::before{opacity:1}.sidebar-card-dark:hover::after{opacity:1;animation:rotate-border 4s linear infinite}.action-card-dark{position:sticky;top:100px;z-index:20}.action-icon-dark{width:56px;height:56px;background:linear-gradient(135deg,rgba(168,85,247,0.1) 0%,rgba(59,130,246,0.1) 100%);color:#f8fafc;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;border:1px solid rgba(163,113,247,0.2);box-shadow:0 8px 16px rgba(0,0,0,0.2);position:relative}.action-icon-dark::after{content:'';position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(135deg,#a855f7,#3b82f6);opacity:0.3;z-index:-1;filter:blur(8px);animation:pulse-soft 3s ease-in-out infinite}@keyframes pulse-soft{0%,100%{transform:scale(1);opacity:0.3}50%{transform:scale(1.1);opacity:0.5}}.action-card-dark h3{font-size:1.6rem;font-weight:800;color:#ffffff;margin-bottom:1rem;line-height:1.3}.action-card-dark p{color:#94a3b8;font-size:1rem;line-height:1.6;margin-bottom:2.5rem}.btn-apply-dark{position:relative;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#a855f7 0%,#3b82f6 100%);color:white;padding:1.25rem 1.75rem;border-radius:14px;font-weight:800;font-size:1.1rem;text-decoration:none;transition:all 0.4s cubic-bezier(0.23,1,0.32,1);z-index:1;overflow:hidden;box-shadow:0 10px 30px rgba(59,130,246,0.3)}.btn-apply-dark::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.2),transparent );transition:0.5s;z-index:1}.btn-apply-dark:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px rgba(168,85,247,0.4)}.btn-apply-dark:hover::before{left:100%}.btn-apply-dark span{position:relative;z-index:2}.btn-apply-dark svg{position:relative;z-index:2;transition:transform 0.3s}.btn-apply-dark:hover svg{transform:translateX(6px)}.social-share-dark{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.05)}.social-share-dark > span{display:block;font-size:0.75rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:1.25rem}.social-links-dark{display:flex;gap:0.75rem}.social-btn-dark{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,0.03);color:#94a3b8;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.05)}.social-btn-dark:hover{background:rgba(255,255,255,0.08);color:#ffffff;transform:translateY(-2px);border-color:rgba(255,255,255,0.1)}.perks-header-dark h3{font-size:1.25rem;font-weight:800;color:#f8fafc;margin-bottom:0.5rem}.highlight-dark{background:linear-gradient(135deg,#a371f7,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent}.perks-header-dark p{color:#94a3b8;font-size:0.9rem;margin-bottom:2rem}.perks-list-dark{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.75rem}.perks-list-dark li{display:flex;align-items:flex-start;gap:1.25rem;transition:all 0.3s ease;padding:0.5rem;border-radius:16px}.perks-list-dark li:hover{background:rgba(255,255,255,0.03);transform:translateX(8px)}.icon-wrap-dark{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,rgba(192,132,252,0.1) 0%,rgba(163,113,247,0.1) 100%);color:#c084fc;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(192,132,252,0.2);box-shadow:0 4px 10px rgba(0,0,0,0.2);transition:all 0.3s ease}.perks-list-dark li:hover .icon-wrap-dark{background:#c084fc;color:white;transform:rotate(10deg)}.text-wrap-dark strong{display:block;font-size:1rem;color:#f8fafc;margin-bottom:0.35rem;font-weight:700}.text-wrap-dark span{font-size:0.875rem;color:#94a3b8;line-height:1.5}@media (max-width:1024px){.recruitment-grid-dark{grid-template-columns:1fr;gap:2rem}.action-card-dark{position:static}.main-content-card-dark{padding:2.5rem}}@media (max-width:768px){.title-ultra-dark{font-size:2.5rem}.recruitment-header-dark{padding:8rem 0 3rem}}.hero-particles-container{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.hero-particle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.8) 0%,rgba(163,113,247,0.2) 100%);box-shadow:0 0 10px rgba(163,113,247,0.5);pointer-events:none;opacity:0.7;will-change:transform}#why-ecoa-ai-platform{position:relative;overflow:hidden}#why-ecoa-ai-platform .container{position:relative;z-index:2}.section-bg-glow{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.glow-orb{position:absolute;width:clamp(200px,35vw,450px);height:clamp(200px,35vw,450px);border-radius:50%;filter:blur(100px);opacity:0.12;will-change:transform;pointer-events:none;z-index:0}.glow-orb--primary{background:radial-gradient(circle,rgba(163,113,247,1) 0%,rgba(163,113,247,0) 70%)}.glow-orb--accent{background:radial-gradient(circle,rgba(47,129,247,1) 0%,rgba(47,129,247,0) 70%)}#workflow{position:relative;overflow:hidden}#workflow .container{position:relative;z-index:2}.workflow-bg-grid{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.workflow-bg-grid::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:50px 50px;background-position:center top;opacity:0.8}.workflow-bg-grid::after{content:'';position:absolute;inset:0;background:radial-gradient( circle 350px at var(--scroll-x,50%) var(--scroll-y,30%),rgba(163,113,247,0.15) 0%,rgba(47,129,247,0.05) 50%,transparent 100% );opacity:0.9;will-change:background;transition:background 0.1s ease}.perks-card.glass-card{position:relative;overflow:hidden;z-index:1}.perks-card-glow{position:absolute;inset:-20%;border-radius:inherit;background:radial-gradient( circle 300px at var(--card-mouse-x,50%) var(--card-mouse-y,50%),rgba(163,113,247,0.18) 0%,rgba(47,129,247,0.1) 40%,transparent 70% );filter:blur(40px);pointer-events:none;z-index:-1;opacity:0;transition:opacity 0.5s cubic-bezier(0.16,1,0.3,1);will-change:background,opacity}.perks-card:hover .perks-card-glow{opacity:1}@keyframes float-gentle{0%{transform:translateY(0px) scale(1)}50%{transform:translateY(-10px) scale(1.05)}100%{transform:translateY(0px) scale(1)}}.blog-card__category a{color:#93c5fd}.blog-card__category a:hover,.blog-card__category a:focus{color:#bdd7ff}.blog-card__category a{display:inline-block;min-height:44px;line-height:44px;padding:0 .5rem}.footer-col-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#8b949e;margin-bottom:1rem}.ide-mockup-image .video-controls{position:absolute;inset:0;z-index:20;pointer-events:none}@media (prefers-reduced-motion:reduce){.hero-falling-dots-video{display:none}}.blog-card:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px;border-radius:var(--radius-lg)}.skip-to-main{position:absolute;top:-100%;left:1rem;z-index:1000;background:var(--color-accent);color:#fff;padding:.75rem 1.25rem;border-radius:var(--radius-sm);font-weight:600;text-decoration:none;transition:top .2s}.skip-to-main:focus{top:.5rem}@media (max-width:768px){.main-nav a,.blog-card__category a,.testimonials-dot,.footer-col a{min-height:44px;display:inline-flex;align-items:center}.testimonials-dot{min-width:44px}}
.hero-dashboard-img-static{display:none;width:100%;height:auto}.hero-dashboard-img{display:block}
@media (max-width:768px){.languages-bg__globe{top:1rem;left:1rem;width:86px;height:86px}}
.languages-bg__globe{mix-blend-mode:screen}
.section--languages .container{position:relative;z-index:2}
.languages-bg__globe{top:50%;left:50%;width:auto;height:90%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(0deg);transform-origin:50% 50%;animation:languages-globe-rotate 10s linear infinite;will-change:transform}
@keyframes languages-globe-rotate{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@media (max-width:768px){.languages-bg__globe{top:50%;left:50%;width:auto;height:90%}}
.section{will-change:auto}

/* Blog preview images: keep generated featured artwork fully visible. */
#blog-preview .blog-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;}
#blog-preview .blog-card{display:flex;flex-direction:column;height:100%;}
#blog-preview .blog-card__image{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:contain;object-position:center;background:#010409;border-bottom:1px solid var(--color-border);}
#blog-preview .blog-card__body{flex:1;display:flex;flex-direction:column;}
#blog-preview .blog-card__meta{margin-top:auto;}
@media (max-width:768px){#blog-preview .blog-grid{grid-template-columns:1fr;}#blog-preview .blog-card__body{padding:1.25rem;}}

/* Blog preview card polish. */
#blog-preview{position:relative;isolation:isolate;overflow:hidden;background-color:#020617;background-image:linear-gradient(180deg,rgba(2,6,23,.38) 0%,rgba(2,6,23,.18) 42%,rgba(2,6,23,.68) 100%),radial-gradient(circle at 72% 64%,rgba(163,113,247,.28),transparent 36%),url("../images/blog-preview-bg.png");background-size:cover,cover,cover;background-position:center,center,center 58%;background-repeat:no-repeat;}
#blog-preview::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,6,23,.56) 0%,rgba(2,6,23,.08) 52%,rgba(2,6,23,.52) 100%);pointer-events:none;}
#blog-preview::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 24% 72%,rgba(88,166,255,.42),transparent 30%),radial-gradient(circle at 70% 70%,rgba(255,123,214,.22),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 24%);mix-blend-mode:screen;opacity:.95;pointer-events:none;}
#blog-preview .container{position:relative;z-index:1;}
#blog-preview .section-heading{max-width:820px;margin:0 auto 3rem;}
#blog-preview .blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,2.4vw,2rem);align-items:stretch;}
#blog-preview .blog-card{display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,rgba(13,17,23,.98),rgba(7,11,17,.98));border:1px solid rgba(148,163,184,.22);box-shadow:0 18px 50px rgba(0,0,0,.22);}
#blog-preview .blog-card:hover{transform:translateY(-6px);border-color:rgba(96,165,250,.45);box-shadow:0 24px 70px rgba(0,0,0,.32),0 0 28px rgba(47,129,247,.12);}
#blog-preview .blog-card__image{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:contain;object-position:center;background:#020617;border-bottom:1px solid rgba(148,163,184,.18);}
#blog-preview .blog-card__body{flex:1;display:flex;flex-direction:column;padding:1.35rem 1.35rem 1.45rem;}
#blog-preview .blog-card__category{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:0;margin:0 0 .85rem;padding:.28rem .62rem;border-radius:999px;background:rgba(47,129,247,.1);color:#93c5fd;font-size:.68rem;line-height:1.2;font-weight:800;letter-spacing:.09em;text-transform:uppercase;}
#blog-preview .blog-card__title{font-size:clamp(1.02rem,1.2vw,1.18rem);line-height:1.35;margin:0 0 .85rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
#blog-preview .blog-card__excerpt{font-size:.95rem;line-height:1.62;color:#cbd5e1;margin:0 0 1.25rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
#blog-preview .blog-card__meta{margin-top:auto;padding-top:.9rem;border-top:1px solid rgba(148,163,184,.12);color:#aeb8c7;}
#blog-preview .blog-card__arrow{margin-top:1rem;}
@media (max-width:1100px){#blog-preview .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:720px){#blog-preview .section-heading{margin-bottom:2rem;}#blog-preview .blog-grid{grid-template-columns:1fr;gap:1.25rem;}#blog-preview .blog-card{border-radius:14px;}#blog-preview .blog-card__body{padding:1.2rem;}}

/* Compact mobile header. */
@media (max-width:768px){
  .header-inner{min-height:64px;height:64px;gap:1rem;}
  .site-logo img.logo-image{height:40px !important;max-width:200px;}
  .mobile-toggle{align-items:center;justify-content:center;width:36px;height:36px;padding:6px;gap:4px;}
  .mobile-toggle span{width:18px;height:2px;margin:0;border-radius:999px;}
  .main-nav{top:64px;}
}

/* Keep testimonial pagination visually compact on mobile while preserving a comfortable tap target. */
@media (max-width:768px){
  #testimonials .testimonials-dots{align-items:center;gap:.35rem;}
  #testimonials .testimonials-dot{
    width:28px;
    min-width:28px;
    height:28px;
    min-height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:transparent;
    border-radius:50%;
    transform:none;
  }
  #testimonials .testimonials-dot::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:rgba(255,255,255,.2);
    transition:transform .25s ease,background .25s ease,box-shadow .25s ease;
  }
  #testimonials .testimonials-dot.active{background:transparent;transform:none;}
  #testimonials .testimonials-dot.active::before{
    background:#a855f7;
    transform:scale(1.55);
    box-shadow:0 0 18px rgba(168,85,247,.75);
  }
  #testimonials .testimonials-dot.active::after{display:none;}
}

/* Contact CTA background matched to the Nexux CTA reference. */
#contact.cta-section{
  isolation:isolate;
  min-height:379px;
  display:flex;
  align-items:center;
  padding:80px 0;
  background:#00031c url("../images/contact-cta-bg.png") center center/cover no-repeat;
  border-top:0;
  border-bottom:0;
}
#contact.cta-section::before{
  display:none;
}
#contact.cta-section::after{
  display:none;
}
#contact.cta-section .container{
  position:relative;
  z-index:2;
  max-width:770px;
}
#contact.cta-section h2{
  max-width:665px;
  margin-left:auto;
  margin-right:auto;
  font-size:clamp(2.25rem,4.1vw,2.75rem);
  line-height:1.4;
  letter-spacing:-.04em;
}
#contact.cta-section p{
  color:rgba(255,255,255,.72);
  max-width:520px;
  font-size:1rem;
  line-height:1.45;
  margin-bottom:1rem;
}
#contact.cta-section .btn{
  min-height:46px;
}
#contact.cta-section .btn--primary{
  font-size:1rem;
  padding:.75rem 1.75rem;
}
@media (max-width:768px){
  #contact.cta-section{
    min-height:430px;
    padding:72px 0;
  }
  #contact.cta-section::before{
    display:none;
  }
  #contact.cta-section h2{
    font-size:clamp(2.1rem,11vw,2.7rem);
  }
}

/* Nexux-style top background for pricing */
#pricing::before,
#pricing::after {
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:100%;
  min-width:1440px;
  height:clamp(520px,48vw,690px);
  transform:translateX(-50%);
  pointer-events:none;
}

#pricing::before {
  z-index:1;
  background:
    url("../images/pricing-top-bg.svg") center top / 100% auto no-repeat,
    linear-gradient(
      180deg,
      #00031c 0%,
      #00031c 42%,
      rgba(0,3,28,.96) 56%,
      rgba(0,3,28,.72) 72%,
      rgba(0,3,28,.34) 88%,
      rgba(0,3,28,0) 100%
    );
  opacity:1;
}

#pricing::after {
  z-index:2;
  background:
    url("../images/pricing-top-glow.svg") center -267px / 100% 461px no-repeat,
    linear-gradient(90deg, rgba(74,86,255,0), rgba(74,86,255,.42) 47%, rgba(215,206,239,.54) 50%, rgba(74,86,255,.42) 53%, rgba(74,86,255,0)) center 0 / 100% 2px no-repeat,
    linear-gradient(
      180deg,
      rgba(0,3,28,0) 0%,
      rgba(0,3,28,.18) 46%,
      rgba(0,3,28,.72) 58%,
      rgba(0,3,28,.5) 74%,
      rgba(0,3,28,0) 100%
    );
  opacity:1;
}

#pricing .container {
  z-index:8;
}

@media (max-width:768px) {
  #pricing::before,
  #pricing::after {
    min-width:980px;
    height:460px;
  }
}

/* Home scroll performance: keep effects, but pause offscreen work. */
body.home .section {
  contain:layout paint;
  will-change:auto;
}

body.home .motion-managed:not(.is-inview) .hero__stars,
body.home .motion-managed:not(.is-inview) .hero-particle,
body.home .motion-managed:not(.is-inview) .shooting-star,
body.home .motion-managed:not(.is-inview) .ecoa-3d-plane,
body.home .motion-managed:not(.is-inview) .ecoa-3d-beam,
body.home .motion-managed:not(.is-inview) .ecoa-3d-node,
body.home .motion-managed:not(.is-inview) .ecoa-demo-hud,
body.home .motion-managed:not(.is-inview) .ecoa-demo-orbit,
body.home .motion-managed:not(.is-inview) .pricing-spotlight__beam,
body.home .motion-managed:not(.is-inview) .pricing-spotlight__glow,
body.home .motion-managed:not(.is-inview) .languages-bg__glow,
body.home .motion-managed:not(.is-inview) .languages-bg__globe,
body.home .motion-managed:not(.is-inview) .perks-card::after {
  animation-play-state:paused !important;
}


body.home .hero__stars,
body.home .hero-particle,
body.home .workflow-bg-grid::after {
  contain:paint;
}


/* ECOAAI home extracted styles */
#why-ecoa-ai-platform {
        --bg-rotate-x: 58deg;
        --bg-rotate-y: 0deg;
        --bg-shift-x: 0px;
        --bg-shift-y: 0px;
        background:
            radial-gradient(circle at 12% 18%, rgba(47, 129, 247, 0.16), transparent 28%),
            radial-gradient(circle at 86% 34%, rgba(163, 113, 247, 0.18), transparent 32%),
            linear-gradient(180deg, rgba(1, 4, 9, 0) 0%, rgba(13, 17, 23, 0.52) 48%, rgba(1, 4, 9, 0) 100%);
        padding-bottom: 55px;
    }

    #why-ecoa-ai-platform::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image:
            linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
        background-size: 58px 58px;
        mask-image: radial-gradient(ellipse at 58% 40%, black 0%, transparent 68%);
        pointer-events: none;
        opacity: 0.55;
    }

    .ecoa-3d-bg {
        position: absolute;
        inset: -12% -6%;
        z-index: 1;
        overflow: hidden;
        pointer-events: none;
        perspective: 1200px;
        transform-style: preserve-3d;
    }

    .ecoa-3d-bg::before {
        content: "";
        position: absolute;
        inset: 8% 7%;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(88, 166, 255, 0.14), transparent 62%);
        filter: blur(36px);
        transform: translate3d(var(--bg-shift-x), var(--bg-shift-y), -120px);
    }

    .ecoa-3d-plane {
        position: absolute;
        left: 50%;
        width: min(96vw, 1180px);
        height: 360px;
        border: 1px solid rgba(88, 166, 255, 0.16);
        background-image:
            linear-gradient(rgba(88, 166, 255, 0.16) 1px, transparent 1px),
            linear-gradient(90deg, rgba(163, 113, 247, 0.14) 1px, transparent 1px),
            radial-gradient(circle at 50% 50%, rgba(88, 166, 255, 0.13), transparent 64%);
        background-size: 46px 46px, 46px 46px, 100% 100%;
        box-shadow: inset 0 0 80px rgba(47, 129, 247, 0.1), 0 0 80px rgba(47, 129, 247, 0.06);
        transform-style: preserve-3d;
        transform:
            translateX(-50%) translate3d(var(--bg-shift-x), var(--bg-shift-y), 0) rotateX(var(--bg-rotate-x)) rotateY(var(--bg-rotate-y));
        animation: ecoa-plane-drift 18s ease-in-out infinite;
        opacity: 0.62;
    }

    .ecoa-3d-plane--back {
        top: 6%;
        scale: 0.78;
        opacity: 0.26;
        filter: blur(0.5px);
        animation-duration: 24s;
    }

    .ecoa-3d-plane--mid {
        top: 28%;
    }

    .ecoa-3d-plane--front {
        top: 54%;
        scale: 1.12;
        opacity: 0.32;
        animation-duration: 21s;
        animation-direction: reverse;
    }

    .ecoa-3d-beam {
        position: absolute;
        top: 12%;
        left: 50%;
        width: min(84vw, 920px);
        height: 420px;
        border-radius: 50%;
        background:
            conic-gradient(from 92deg, transparent 0deg, rgba(88, 166, 255, 0.2) 22deg, transparent 48deg, transparent 180deg, rgba(163, 113, 247, 0.16) 208deg, transparent 238deg),
            radial-gradient(circle at 50% 50%, transparent 38%, rgba(88, 166, 255, 0.16) 39%, transparent 40%);
        filter: blur(1px);
        transform: translateX(-50%) rotateX(66deg) translateZ(-80px);
        animation: ecoa-beam-spin 34s linear infinite;
        opacity: 0.54;
    }

    .ecoa-3d-node {
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #58a6ff;
        box-shadow: 0 0 18px #58a6ff, 0 0 42px rgba(88, 166, 255, 0.48);
        transform: translate3d(var(--bg-shift-x), var(--bg-shift-y), 80px);
        animation: ecoa-node-pulse 4.8s ease-in-out infinite;
    }

    .ecoa-3d-node:nth-child(5) {
        top: 23%;
        left: 14%;
    }

    .ecoa-3d-node:nth-child(6) {
        top: 18%;
        right: 24%;
        width: 6px;
        height: 6px;
        background: #a371f7;
        box-shadow: 0 0 18px #a371f7, 0 0 42px rgba(163, 113, 247, 0.48);
        animation-delay: -1.4s;
    }

    .ecoa-3d-node:nth-child(7) {
        left: 48%;
        bottom: 17%;
        animation-delay: -2.6s;
    }

    .ecoa-3d-node:nth-child(8) {
        right: 10%;
        bottom: 31%;
        width: 5px;
        height: 5px;
        background: #7ee787;
        box-shadow: 0 0 18px #7ee787, 0 0 42px rgba(126, 231, 135, 0.38);
        animation-delay: -3.2s;
    }

    .ecoa-right-video-bg {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: min(58vw, 920px);
        z-index: 1;
        overflow: hidden;
        pointer-events: none;
        opacity: 0.38;
        mix-blend-mode: screen;
        mask-image:
            linear-gradient(90deg, transparent 0%, black 24%, black 100%),
            linear-gradient(180deg, transparent 0%, black 14%, black 76%, transparent 100%);
        mask-composite: intersect;
    }

    .ecoa-right-video-bg video {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center right;
        filter: saturate(1.25) contrast(1.12) brightness(0.78);
        transform: scale(1.08);
    }

    .ecoa-platform-showcase {
        display: grid;
        grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr);
        gap: clamp(2rem, 5vw, 5rem);
        align-items: center;
        margin-top: clamp(1rem, 3vw, 2rem);
    }

    #why-ecoa-ai-platform .section-heading {
        text-align: center;
        margin-bottom: 3rem;
    }

    #why-ecoa-ai-platform .section-heading p {
        margin-left: auto;
        margin-right: auto;
        max-width: 64ch;
    }

    #why-ecoa-ai-platform .ecoa-ai-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
        perspective: 1200px;
    }

    #why-ecoa-ai-platform .ecoaai-card {
        --ecoa-card-radius: 36px;
        --ecoa-card-orange: 232, 85, 0;
        --ecoa-card-hot: 255, 142, 104;
        position: relative;
        min-height: 198px;
        padding: 1.25rem;
        overflow: hidden;
        isolation: isolate;
        border: 2.5px solid transparent;
        border-radius: var(--ecoa-card-radius);
        -webkit-backdrop-filter: blur(24px) saturate(180%);
        backdrop-filter: blur(24px) saturate(180%);
        background:
            linear-gradient(145deg, rgba(24, 25, 28, 0.58) 0%, rgba(8, 9, 11, 0.92) 38%, rgba(8, 9, 11, 0.96) 70%, rgba(35, 17, 9, 0.72) 100%) padding-box,
            radial-gradient(170px 150px at 11% 9%, rgba(255, 215, 194, 0.96) 0%, rgba(var(--ecoa-card-hot), 0.96) 18%, rgba(var(--ecoa-card-orange), 0.56) 36%, rgba(var(--ecoa-card-orange), 0.1) 64%, transparent 82%) border-box,
            radial-gradient(190px 162px at 96% 96%, rgba(255, 215, 194, 0.9) 0%, rgba(var(--ecoa-card-hot), 0.92) 19%, rgba(var(--ecoa-card-orange), 0.54) 38%, rgba(var(--ecoa-card-orange), 0.1) 66%, transparent 84%) border-box,
            linear-gradient(145deg, rgba(var(--ecoa-card-orange), 0.72), rgba(var(--ecoa-card-orange), 0.12) 22%, rgba(255, 255, 255, 0.035) 50%, rgba(var(--ecoa-card-orange), 0.12) 78%, rgba(var(--ecoa-card-orange), 0.68)) border-box;
        box-shadow:
            0 18px 48px rgba(0, 0, 0, 0.3),
            0 0 0 8px rgba(255, 255, 255, 0.012),
            -18px -18px 44px rgba(var(--ecoa-card-hot), 0.2),
            18px 18px 48px rgba(var(--ecoa-card-orange), 0.19),
            inset 0 1px 0 rgba(255, 255, 255, 0.18),
            inset 18px 18px 56px rgba(var(--ecoa-card-hot), 0.1),
            inset -18px -18px 58px rgba(var(--ecoa-card-orange), 0.13);
        transform-style: preserve-3d;
        transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    #why-ecoa-ai-platform .ecoaai-card::before {
        content: "";
        position: absolute;
        inset: -20px;
        z-index: -1;
        border-radius: inherit;
        background:
            radial-gradient(190px 170px at 2% 2%, rgba(255, 226, 210, 0.5) 0%, rgba(var(--ecoa-card-hot), 0.34) 28%, rgba(var(--ecoa-card-orange), 0.18) 52%, transparent 78%),
            radial-gradient(210px 180px at 98% 98%, rgba(255, 226, 210, 0.42) 0%, rgba(var(--ecoa-card-hot), 0.36) 30%, rgba(var(--ecoa-card-orange), 0.2) 54%, transparent 80%);
        filter: blur(14px);
        opacity: 0.8;
        pointer-events: none;
        transition: opacity 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    #why-ecoa-ai-platform .ecoaai-card::after {
        content: "";
        position: absolute;
        inset: 1px;
        z-index: 0;
        border-radius: inherit;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 34%),
            radial-gradient(230px 190px at 0% 0%, rgba(var(--ecoa-card-hot), 0.24) 0%, rgba(var(--ecoa-card-orange), 0.14) 42%, transparent 72%),
            radial-gradient(250px 204px at 100% 100%, rgba(var(--ecoa-card-hot), 0.26) 0%, rgba(var(--ecoa-card-orange), 0.17) 44%, transparent 74%);
        opacity: 0.96;
        transition: opacity 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
        pointer-events: none;
    }

    #why-ecoa-ai-platform .ecoaai-card:hover {
        transform: translateY(-10px) rotateX(4deg) rotateY(-4deg);
        border-color: rgba(var(--ecoa-card-orange), 0.55);
        box-shadow:
            0 32px 80px rgba(0, 0, 0, 0.45),
            0 0 64px rgba(var(--ecoa-card-orange), 0.32),
            0 0 0 8px rgba(255, 255, 255, 0.02),
            -22px -22px 58px rgba(var(--ecoa-card-hot), 0.32),
            22px 22px 64px rgba(var(--ecoa-card-orange), 0.3),
            inset 0 1px 0 rgba(255, 255, 255, 0.24),
            inset 22px 22px 68px rgba(var(--ecoa-card-hot), 0.16),
            inset -22px -22px 70px rgba(var(--ecoa-card-orange), 0.2);
    }

    #why-ecoa-ai-platform .ecoaai-card:hover::before {
        opacity: 1;
        transform: scale(1.05);
    }

    #why-ecoa-ai-platform .ecoaai-card:hover::after {
        opacity: 1;
    }

    #why-ecoa-ai-platform .ecoaai-card__icon {
        width: 56px;
        height: 56px;
        margin-bottom: 1.1rem;
        transform: translateZ(28px);
        position: relative;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #ffb088;
        border-radius: 18px;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.035)),
            radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.42), transparent 32%),
            rgba(35, 17, 9, 0.62);
        border: 1px solid rgba(var(--ecoa-card-hot), 0.25);
        -webkit-backdrop-filter: blur(18px) saturate(185%);
        backdrop-filter: blur(18px) saturate(185%);
        box-shadow:
            0 16px 32px rgba(0, 0, 0, 0.28),
            inset 0 1px 0 rgba(255, 255, 255, 0.28),
            inset 0 -1px 0 rgba(255, 255, 255, 0.06),
            0 0 24px rgba(var(--ecoa-card-orange), 0.15);
        transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), color 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    #why-ecoa-ai-platform .ecoaai-card__icon svg {
        transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    #why-ecoa-ai-platform .ecoaai-card:hover .ecoaai-card__icon {
        transform: translateZ(40px) scale(1.12);
        color: #ffebd3;
        border-color: rgba(var(--ecoa-card-hot), 0.6);
        background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.06)),
            radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.5), transparent 32%),
            rgba(var(--ecoa-card-orange), 0.6);
        box-shadow:
            0 20px 40px rgba(0, 0, 0, 0.35),
            inset 0 1px 0 rgba(255, 255, 255, 0.4),
            0 0 32px rgba(var(--ecoa-card-hot), 0.45);
    }

    #why-ecoa-ai-platform .ecoaai-card:hover .ecoaai-card__icon svg {
        transform: rotate(15deg) scale(1.1);
    }

    #why-ecoa-ai-platform .ecoaai-card h3 {
        font-size: clamp(1rem, 1.35vw, 1.12rem);
        margin-bottom: 0.75rem;
        color: rgba(255, 255, 255, 0.96);
        letter-spacing: -0.015em;
        text-shadow: 0 1px 18px rgba(255, 255, 255, 0.12);
        transition: color 0.4s ease, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), text-shadow 0.4s ease;
    }

    #why-ecoa-ai-platform .ecoaai-card:hover h3 {
        color: #ffffff;
        transform: translateZ(32px) translateY(-2px);
        text-shadow: 0 0 24px rgba(var(--ecoa-card-hot), 0.45);
    }

    #why-ecoa-ai-platform .ecoaai-card p {
        font-size: 0.93rem;
        line-height: 1.62;
        margin-bottom: 0;
        color: rgba(235, 241, 248, 0.78);
        text-shadow: 0 1px 18px rgba(0, 0, 0, 0.32);
        transition: color 0.4s ease, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    #why-ecoa-ai-platform .ecoaai-card:hover p {
        color: rgba(255, 255, 255, 0.92);
        transform: translateZ(24px);
    }

    #why-ecoa-ai-platform .ecoaai-card h3,
    #why-ecoa-ai-platform .ecoaai-card p {
        position: relative;
        z-index: 1;
        transform: translateZ(18px);
    }

    .ecoa-demo-stage {
        position: relative;
        min-height: clamp(420px, 44vw, 620px);
        display: grid;
        place-items: center;
        perspective: 1600px;
        isolation: isolate;
    }

    .ecoa-demo-stage::before,
    .ecoa-demo-stage::after {
        content: "";
        position: absolute;
        border-radius: 999px;
        filter: blur(44px);
        pointer-events: none;
        z-index: -1;
    }

    .ecoa-demo-stage::before {
        width: 72%;
        height: 34%;
        bottom: 4%;
        background: rgba(47, 129, 247, 0.22);
        transform: rotateX(72deg);
    }

    .ecoa-demo-stage::after {
        width: 56%;
        height: 56%;
        top: 8%;
        right: 2%;
        background: rgba(163, 113, 247, 0.18);
    }

    .ecoa-demo-frame {
        --rotate-x: 0deg;
        --rotate-y: 0deg;
        --shine-x: 50%;
        position: relative;
        width: min(100%, 760px);
        border-radius: 24px;
        padding: 12px;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.04)),
            rgba(13, 17, 23, 0.72);
        border: 1px solid rgba(255, 255, 255, 0.16);
        box-shadow:
            0 44px 120px rgba(0, 0, 0, 0.5),
            0 0 0 1px rgba(88, 166, 255, 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.12);
        transform: rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) translateZ(0);
        transform-style: preserve-3d;
        transition: transform 0.22s ease, box-shadow 0.22s ease;
    }

    .ecoa-demo-frame::before {
        content: "";
        position: absolute;
        inset: -1px;
        border-radius: inherit;
        padding: 1px;
        background: linear-gradient(135deg, rgba(88, 166, 255, 0.9), transparent 34%, rgba(163, 113, 247, 0.85));
        -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
    }

    .ecoa-demo-frame::after {
        content: "";
        position: absolute;
        inset: 12px;
        border-radius: 18px;
        background: radial-gradient(circle at var(--shine-x) 0%, rgba(255, 255, 255, 0.2), transparent 34%);
        mix-blend-mode: screen;
        pointer-events: none;
        transform: translateZ(34px);
    }

    .ecoa-demo-chrome {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        min-height: 42px;
        padding: 0 0.25rem 0.65rem;
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .ecoa-demo-dots {
        display: flex;
        gap: 0.45rem;
    }

    .ecoa-demo-dots span {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #ff7b72;
        box-shadow: 0 0 14px currentColor;
    }

    .ecoa-demo-dots span:nth-child(2) {
        background: #f2cc60;
    }

    .ecoa-demo-dots span:nth-child(3) {
        background: #3fb950;
    }

    .ecoa-demo-status {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        color: #7ee787;
    }

    .ecoa-demo-status::before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: currentColor;
        box-shadow: 0 0 16px currentColor;
    }

    .ecoa-demo-video-wrap {
        position: relative;
        overflow: hidden;
        border-radius: 18px;
        background: #010409;
        aspect-ratio: 16 / 10;
        transform: translateZ(24px);
    }

    .ecoa-demo-video {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

    .ecoa-demo-video-wrap::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), transparent 32%);
        pointer-events: none;
    }

    .ecoa-demo-hud {
        position: absolute;
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        padding: 0.75rem 0.95rem;
        border-radius: 14px;
        background: rgba(13, 17, 23, 0.76);
        border: 1px solid rgba(255, 255, 255, 0.14);
        color: #ffffff;
        font-size: 0.78rem;
        font-weight: 700;
        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.36);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        transform: translateZ(70px);
        animation: ecoa-float-card 6s ease-in-out infinite;
    }

    .ecoa-demo-hud strong {
        color: #58a6ff;
    }

    .ecoa-demo-hud--top {
        top: 10%;
        right: -3%;
    }

    .ecoa-demo-hud--bottom {
        left: -4%;
        bottom: 13%;
        animation-delay: -2.2s;
    }

    .ecoa-demo-orbit {
        position: absolute;
        width: 88%;
        aspect-ratio: 1;
        border: 1px solid rgba(88, 166, 255, 0.13);
        border-radius: 50%;
        transform: rotateX(70deg) rotateZ(-14deg);
        animation: ecoa-orbit-spin 18s linear infinite;
        pointer-events: none;
        z-index: -1;
    }

    @keyframes ecoa-float-card {

        0%,
        100% {
            translate: 0 0;
        }

        50% {
            translate: 0 -12px;
        }
    }

    @keyframes ecoa-orbit-spin {
        to {
            transform: rotateX(70deg) rotateZ(346deg);
        }
    }

    @keyframes ecoa-plane-drift {

        0%,
        100% {
            translate: 0 0;
        }

        50% {
            translate: 0 -18px;
        }
    }

    @keyframes ecoa-beam-spin {
        to {
            transform: translateX(-50%) rotateX(66deg) translateZ(-80px) rotateZ(360deg);
        }
    }

    @keyframes ecoa-node-pulse {

        0%,
        100% {
            opacity: 0.36;
            scale: 1;
        }

        50% {
            opacity: 1;
            scale: 1.75;
        }
    }

    @media (max-width: 1100px) {
        .ecoa-platform-showcase {
            grid-template-columns: 1fr;
        }

        .ecoa-demo-stage {
            min-height: auto;
        }
    }

    @media (max-width: 768px) {
        #why-ecoa-ai-platform {
            content-visibility: visible !important;
            contain: none !important;
            contain-intrinsic-size: auto !important;
        }

        #why-ecoa-ai-platform .section-heading {
            text-align: center;
        }

        #why-ecoa-ai-platform .section-heading p {
            margin-left: auto;
        }

        #why-ecoa-ai-platform .ecoa-ai-grid {
            grid-template-columns: 1fr;
            gap: 0.9rem;
            perspective: none;
        }

        #why-ecoa-ai-platform .ecoaai-card {
            --ecoa-card-radius: 18px;
            --ecoa-card-hot: 255, 142, 104;
            min-height: auto;
            display: grid;
            grid-template-columns: 54px minmax(0, 1fr);
            column-gap: 0.95rem;
            row-gap: 0.25rem;
            align-items: start;
            padding: 1rem;
            border-radius: var(--ecoa-card-radius);
            background:
                linear-gradient(145deg, rgba(24, 25, 28, 0.56) 0%, rgba(8, 9, 11, 0.92) 38%, rgba(8, 9, 11, 0.96) 70%, rgba(35, 17, 9, 0.72) 100%) padding-box,
                radial-gradient(126px 110px at 9% 8%, rgba(255, 215, 194, 0.9) 0%, rgba(var(--ecoa-card-hot), 0.9) 19%, rgba(var(--ecoa-card-orange), 0.5) 38%, rgba(var(--ecoa-card-orange), 0.1) 66%, transparent 84%) border-box,
                radial-gradient(140px 118px at 96% 96%, rgba(255, 215, 194, 0.84) 0%, rgba(var(--ecoa-card-hot), 0.88) 20%, rgba(var(--ecoa-card-orange), 0.5) 40%, rgba(var(--ecoa-card-orange), 0.1) 68%, transparent 86%) border-box,
                linear-gradient(145deg, rgba(var(--ecoa-card-orange), 0.62), rgba(var(--ecoa-card-orange), 0.12) 22%, rgba(255, 255, 255, 0.035) 50%, rgba(var(--ecoa-card-orange), 0.12) 78%, rgba(var(--ecoa-card-orange), 0.58)) border-box;
            box-shadow:
                0 18px 42px rgba(0, 0, 0, 0.34),
                0 0 0 7px rgba(255, 255, 255, 0.012),
                -12px -12px 34px rgba(var(--ecoa-card-hot), 0.22),
                12px 12px 38px rgba(var(--ecoa-card-orange), 0.2),
                inset 0 1px 0 rgba(255, 255, 255, 0.18),
                inset 13px 13px 42px rgba(var(--ecoa-card-hot), 0.11),
                inset -13px -13px 44px rgba(var(--ecoa-card-orange), 0.14);
            transform: none;
            transform-style: flat;
            isolation: isolate;
        }

        #why-ecoa-ai-platform .ecoaai-card::before {
            content: "";
            position: absolute;
            inset: -14px;
            border-radius: inherit;
            background:
                radial-gradient(142px 124px at 2% 2%, rgba(255, 226, 210, 0.48) 0%, rgba(var(--ecoa-card-hot), 0.32) 28%, rgba(var(--ecoa-card-orange), 0.16) 52%, transparent 78%),
                radial-gradient(156px 132px at 98% 98%, rgba(255, 226, 210, 0.4) 0%, rgba(var(--ecoa-card-hot), 0.34) 30%, rgba(var(--ecoa-card-orange), 0.18) 54%, transparent 80%);
            filter: blur(12px);
            pointer-events: none;
            opacity: 0.9;
            z-index: -1;
        }

        #why-ecoa-ai-platform .ecoaai-card::after {
            inset: 1px;
            height: auto;
            background:
                linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 34%),
                radial-gradient(145px 124px at 0% 0%, rgba(var(--ecoa-card-hot), 0.2) 0%, rgba(var(--ecoa-card-orange), 0.12) 42%, transparent 72%),
                radial-gradient(156px 132px at 100% 100%, rgba(var(--ecoa-card-hot), 0.22) 0%, rgba(var(--ecoa-card-orange), 0.14) 44%, transparent 74%);
            transform: none;
            filter: none;
            opacity: 0.94;
            z-index: 0;
        }

        #why-ecoa-ai-platform .ecoaai-card__icon {
            grid-row: 1 / span 2;
            width: 50px;
            height: 50px;
            margin: 0;
            border-radius: 15px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #9cccff;
            background:
                linear-gradient(145deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.04)),
                radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.42), transparent 34%),
                rgba(10, 18, 31, 0.66);
            border: 1px solid rgba(255, 255, 255, 0.17);
            -webkit-backdrop-filter: blur(18px) saturate(185%);
            backdrop-filter: blur(18px) saturate(185%);
            box-shadow:
                0 12px 24px rgba(0, 0, 0, 0.24),
                inset 0 1px 0 rgba(255, 255, 255, 0.28),
                inset 0 -1px 0 rgba(255, 255, 255, 0.06),
                0 0 22px rgba(88, 166, 255, 0.14);
            transform: none;
            position: relative;
            z-index: 2;
        }

        #why-ecoa-ai-platform .ecoaai-card__icon svg {
            width: 25px;
            height: 25px;
        }

        #why-ecoa-ai-platform .ecoaai-card h3 {
            font-size: 1rem;
            line-height: 1.25;
            margin: 0;
            color: rgba(255, 255, 255, 0.96);
            letter-spacing: -0.015em;
            text-shadow: 0 1px 18px rgba(255, 255, 255, 0.12);
        }

        #why-ecoa-ai-platform .ecoaai-card p {
            font-size: 0.9rem;
            line-height: 1.58;
            color: rgba(235, 241, 248, 0.78);
            margin: 0;
            text-shadow: 0 1px 18px rgba(0, 0, 0, 0.32);
        }

        #why-ecoa-ai-platform .ecoaai-card h3,
        #why-ecoa-ai-platform .ecoaai-card p {
            transform: none;
        }

        #why-ecoa-ai-platform .ecoaai-card:hover {
            transform: none;
            border-color: rgba(var(--ecoa-card-orange), 0.22);
            box-shadow:
                0 18px 42px rgba(0, 0, 0, 0.34),
                0 0 0 7px rgba(255, 255, 255, 0.012),
                -12px -12px 34px rgba(var(--ecoa-card-hot), 0.22),
                12px 12px 38px rgba(var(--ecoa-card-orange), 0.2),
                inset 0 1px 0 rgba(255, 255, 255, 0.18),
                inset 13px 13px 42px rgba(var(--ecoa-card-hot), 0.11),
                inset -13px -13px 44px rgba(var(--ecoa-card-orange), 0.14);
        }

        #why-ecoa-ai-platform .ecoaai-card:hover::after {
            transform: none;
        }

        .ecoa-demo-frame {
            border-radius: 18px;
            padding: 8px;
        }

        .ecoa-demo-chrome {
            min-height: 36px;
            font-size: 0.65rem;
        }

        .ecoa-demo-hud,
        .ecoa-demo-orbit,
        .ecoa-3d-node {
            display: none;
        }

        .ecoa-3d-bg {
            inset: 0;
            opacity: 0.55;
        }

        .ecoa-right-video-bg {
            width: 100%;
            opacity: 0.18;
            mask-image: linear-gradient(180deg, transparent 0%, black 18%, black 72%, transparent 100%);
        }

        .ecoa-3d-plane {
            width: 900px;
            height: 260px;
        }

        #why-ecoa-ai-platform .stat-item__number {
            color: #58a6ff;
            background: none;
            -webkit-text-fill-color: #58a6ff;
        }

        #why-ecoa-ai-platform .stat-item__label {
            color: rgba(255, 255, 255, 0.92);
        }
    }

    #why-ecoa-ai-platform .stats-row,
    #why-ecoa-ai-platform .stat-item {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    #why-ecoa-ai-platform .stats-row {
        position: relative;
        z-index: 4;
    }

    #why-ecoa-ai-platform .stat-item {
        position: relative;
        z-index: 5;
        min-height: 58px;
    }

    #why-ecoa-ai-platform .stat-item__number,
    #why-ecoa-ai-platform .stat-item__label {
        display: block;
        position: relative;
        z-index: 6;
    }

    @supports not ((-webkit-background-clip: text) or (background-clip: text)) {
        #why-ecoa-ai-platform .stat-item__number {
            color: #58a6ff;
            background: none;
        }
    }

    @media (prefers-reduced-motion: reduce) {

        .ecoa-demo-hud,
        .ecoa-demo-orbit,
        .ecoa-3d-plane,
        .ecoa-3d-beam,
        .ecoa-3d-node {
            animation: none;
        }

        .ecoa-demo-frame,
        #why-ecoa-ai-platform .ecoaai-card:hover {
            transform: none;
        }
    }
.is-hidden{display:none!important}.btn--full{width:100%}.icon-invert{filter:invert(1)}.icon-openai{width:18px}.stats-row--platform{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:2rem 1rem;margin-top:3rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,0.16);position:relative;z-index:20;opacity:1;visibility:visible;transform:none}.stat-item--platform{display:block;text-align:center;position:relative;z-index:21;opacity:1;visibility:visible;transform:none;min-height:58px}.stat-item--centered{display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-item--platform .stat-item__number{display:block;color:#58a6ff;background:none;-webkit-text-fill-color:#58a6ff;font-size:2.25rem;font-weight:900;line-height:1;margin-bottom:.25rem;position:relative;z-index:22;opacity:1;visibility:visible}.stat-item--platform .stat-item__label{display:block;color:rgba(255,255,255,.92);font-size:.75rem;font-weight:500;line-height:1.35;position:relative;z-index:22;opacity:1;visibility:visible}.section-action{text-align:center;margin-top:2.5rem}.section-action--lg{margin-top:4rem}.testimonials-slider--narrow{max-width:800px;margin:0 auto}.cta-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn--contact-outline{border-color:#fff;color:#fff;padding:.75rem 1.5rem}

/* Keep the hero earth rim pinned to the viewport edges at every screen width. */
.hero-earth-wrapper{top:0;left:0;right:0;width:100vw;min-width:0;max-width:none;height:100vh;transform:none}.hero-earth-svg{width:100vw;height:100%}