:root{--bg:#000;--surface:#0d0d0d;--surface-raised:#141414;--border:#ffffff12;--border-hover:#7c3aed66;--text-1:#fff;--text-2:#ffffff7a;--text-3:#ffffff42;--accent:#7c3aed;--accent-2:#3b82f6;--accent-3:#06b6d4;--grad-brand:linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);--grad-text:linear-gradient(160deg, #fff 30%, #ffffff8c 100%);--grad-glow:radial-gradient(ellipse at 60% 40%, #7c3aed2e 0%, transparent 65%);--font-heading:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs:.6875rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-h4:clamp(1.25rem, 2vw, 1.5rem);--text-h3:clamp(1.5rem, 2.5vw, 2rem);--text-h2:clamp(2.5rem, 5vw, 4.5rem);--text-h1:clamp(3.5rem, 8vw, 7.5rem);--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--lh-tight:1.05;--lh-snug:1.2;--lh-normal:1.65;--ls-tight:-.04em;--ls-norm:-.02em;--ls-wide:.1em;--nav-h:54px;--nav-top:14px;--container-max:1200px;--pad-x:clamp(1.5rem, 5vw, 4rem);--pad-y:clamp(5rem, 10vh, 8rem);--r-sm:8px;--r-md:16px;--r-lg:24px;--r-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--dur-fast:.15s;--dur-base:.3s;--dur-slow:.6s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;-webkit-text-size-adjust:100%;tab-size:4}body{background:var(--bg);color:var(--text-1);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--fw-regular);line-height:var(--lh-normal);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{position:relative;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);line-height:var(--lh-tight)}a{color:inherit;text-decoration:none}img,video,svg{max-width:100%;display:block}button{font:inherit;cursor:pointer;background:0 0;border:none}.container{max-width:var(--container-max);width:100%;padding-inline:var(--pad-x);margin-inline:auto}.container--narrow{max-width:800px}.container--center{text-align:center;flex-direction:column;align-items:center;display:flex}.section{min-height:100dvh;padding-block:var(--pad-y);flex-direction:column;justify-content:center;display:flex;position:relative}.section__eyebrow{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);text-transform:uppercase;color:#a78bfa;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:inline-flex}.section__headline{font-size:var(--text-h2);font-weight:var(--fw-extrabold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);background:var(--grad-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;padding-bottom:.12em}.section__body{font-size:var(--text-lg);color:var(--text-2);line-height:var(--lh-normal);max-width:52ch;margin-bottom:2.5rem}.section__header{margin-bottom:4rem}.orb{pointer-events:none;filter:blur(80px);will-change:transform, opacity;border-radius:50%;position:absolute}.scroll-indicator{flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:2.5rem;left:50%;translate:-50%}.scroll-indicator__line{background:linear-gradient(to bottom, transparent, var(--text-2));transform-origin:top;width:1px;height:56px;animation:2.2s ease-in-out infinite scrollDrop}@keyframes scrollDrop{0%{opacity:0;transform:scaleY(0)translateY(-50%)}40%{opacity:1;transform:scaleY(1)translateY(0)}80%{opacity:0;transform:scaleY(1)translateY(0)}to{opacity:0;transform:scaleY(0)translateY(-50%)}}.btn{border-radius:var(--r-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--fw-medium);letter-spacing:-.01em;transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);white-space:nowrap;align-items:center;gap:.5rem;padding:.875rem 1.75rem;display:inline-flex}.btn--primary{background:var(--grad-brand);color:#fff;box-shadow:0 0 32px #7c3aed59}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 0 60px #7c3aed8c,0 0 120px #3b82f633}.btn--ghost{color:var(--text-1);border:1px solid var(--border);background:#ffffff0e}.btn--ghost:hover{background:#ffffff1a;border-color:#ffffff26}.section--hero{overflow:hidden}.hero__bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero__bg .orb--1{opacity:.1;background:radial-gradient(circle,#7c3aed,#0000 70%);width:900px;height:900px;top:-320px;right:-220px}.hero__bg .orb--2{opacity:.08;background:radial-gradient(circle,#3b82f6,#0000 70%);width:650px;height:650px;bottom:-220px;left:-160px}.hero__bg .orb--3{opacity:.06;background:radial-gradient(circle,#06b6d4,#0000 70%);width:420px;height:420px;top:45%;left:42%}.hero__content{z-index:1;max-width:920px;position:relative}.hero__eyebrow{font-size:var(--text-xs);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);text-transform:uppercase;color:#a78bfa;border-radius:var(--r-full);background:#7c3aed14;border:1px solid #7c3aed4d;align-items:center;margin-bottom:2rem;padding:.38rem .9rem;display:inline-flex}.hero__headline{font-size:var(--text-h1);font-weight:var(--fw-extrabold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);margin-bottom:0}.hero__word{background:var(--grad-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero__word:last-child{background:var(--grad-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__description{font-size:var(--text-lg);color:var(--text-2);line-height:var(--lh-normal);max-width:38ch;margin:2rem 0 3rem}.hero__cta{font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--text-1);border:1px solid var(--border);border-radius:var(--r-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), gap var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);background:#ffffff0a;align-items:center;gap:.625rem;padding:.875rem 1.75rem;display:inline-flex}.hero__cta:hover{background:#ffffff14;border-color:#ffffff29;gap:.875rem;transform:translateY(-2px)}.hero__cta svg{flex-shrink:0}.section--mission{background:linear-gradient(#000 0%,#05050c 55%,#000 100%)}.mission__bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.mission__bg .orb--mission{filter:blur(100px);opacity:1;background:radial-gradient(circle,#7c3aed24,#0000 65%);width:800px;height:800px;top:50%;left:50%;translate:-50% -50%}.section--mission .section__headline{-webkit-text-fill-color:initial;color:var(--text-1);background:0 0;max-width:20ch;margin-bottom:2rem;font-size:clamp(2rem,4.5vw,3.75rem)}.section--mission .section__body{max-width:46ch}.section--products{background:#000}.products__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);padding:2rem;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;opacity:0;transition:opacity var(--dur-base) var(--ease-out);pointer-events:none;background:linear-gradient(135deg,#7c3aed0d,#0000 60%);position:absolute;inset:0}.card:hover{border-color:var(--border-hover);background:var(--surface-raised);box-shadow:0 24px 64px #00000080, 0 0 0 1px var(--border-hover);transform:translateY(-5px)}.card:hover:before{opacity:1}.card__header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card__icon{border-radius:var(--r-md);background:#7c3aed1a;border:1px solid #7c3aed33;place-items:center;width:56px;height:56px;font-size:2rem;line-height:1;display:grid}.card__tag{font-size:.625rem;font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);text-transform:uppercase;color:#a78bfa;border-radius:var(--r-full);background:#7c3aed1a;border:1px solid #7c3aed33;padding:.3rem .75rem}.card__title{font-size:var(--text-h4);font-weight:var(--fw-semibold);letter-spacing:var(--ls-norm);color:var(--text-1);margin-bottom:.75rem}.card__description{font-size:var(--text-sm);color:var(--text-2);line-height:1.7}.card__cta-row{border-top:1px solid var(--border);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-2);z-index:1;transition:color var(--dur-base) var(--ease-out);align-items:center;gap:.5rem;margin-top:1.4rem;padding-top:1rem;text-decoration:none;display:flex;position:relative}.card__cta-arrow{color:#a78bfa;transition:transform var(--dur-base) var(--ease-out);will-change:transform;font-style:normal;display:inline-block}.card--has-cta:hover .card__cta-row{color:var(--text-1)}.card--has-cta:hover .card__cta-arrow{transform:translate(5px)}.section--stats{background:#000;overflow:hidden}.stats__bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.stats__bg .orb--stats{filter:blur(90px);opacity:1;background:radial-gradient(circle,#3b82f61a,#0000 65%);width:1000px;height:1000px;top:50%;right:-350px;translate:0 -50%}.stats__layout{grid-template-columns:1fr 1fr;align-items:center;gap:6rem;display:grid}@media (width<=768px){.stats__layout{grid-template-columns:1fr;gap:3rem}}.stats__grid{grid-template-columns:1fr 1fr;gap:2.5rem;display:grid}.stat{flex-direction:column;gap:.5rem;display:flex}.stat__value{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--fw-extrabold);letter-spacing:var(--ls-tight);background:var(--grad-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1}.stat__label{font-size:var(--text-sm);color:var(--text-2);letter-spacing:.02em}.section--about{background:linear-gradient(#000 0%,#04040a 100%)}.about__layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:6rem;display:grid}@media (width<=768px){.about__layout{grid-template-columns:1fr;gap:3rem}}.about__founding{font-size:var(--text-sm);color:var(--text-3);letter-spacing:.02em;margin-top:2rem}.about__visual{justify-content:center;align-items:center;display:flex}.about__emoji-grid{grid-template-columns:repeat(5,1fr);gap:.875rem;display:grid}.about__emoji{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);width:58px;height:58px;transition:transform var(--dur-base) var(--ease-out), border-color var(--dur-base);animation:floatEmoji var(--fd,3s) ease-in-out infinite var(--fdelay,0s);place-items:center;font-size:1.6rem;display:grid}.about__emoji:hover{border-color:var(--border-hover);transform:scale(1.15)translateY(-4px)}@keyframes floatEmoji{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.section--contact{background:#000;justify-content:space-between;padding-bottom:0;overflow:hidden}.contact__bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.contact__bg .orb--c1{filter:blur(80px);opacity:1;background:radial-gradient(circle,#7c3aed1f,#0000 65%);width:600px;height:600px;top:15%;left:-100px}.contact__bg .orb--c2{filter:blur(80px);opacity:1;background:radial-gradient(circle,#3b82f61a,#0000 65%);width:500px;height:500px;bottom:20%;right:-80px}.section--contact .container--center{padding-block:var(--pad-y);z-index:1;flex:1;justify-content:center;position:relative}.section--contact .section__headline{margin-bottom:1.5rem;font-size:clamp(3rem,7vw,6rem)}.section--contact .section__body{text-align:center;max-width:46ch;margin-bottom:3rem}.social-links{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:3rem;display:flex}.social-link{font-size:var(--text-sm);color:var(--text-2);transition:color var(--dur-base);position:relative}.social-link:after{content:"";width:0;height:1px;transition:width var(--dur-base) var(--ease-out);background:#a78bfa;position:absolute;bottom:-2px;left:0}.social-link:hover{color:var(--text-1)}.social-link:hover:after{width:100%}.footer{width:100%;padding:1.5rem var(--pad-x);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-3);z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}@media (width<=640px){.footer{text-align:center;flex-direction:column;gap:.5rem}}.nav{top:var(--nav-top);width:clamp(480px,56vw,720px);max-width:calc(100% - 2rem);height:var(--nav-h);z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(160%);transition:background var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);background:#08080cd1;border:1px solid #ffffff17;border-radius:14px;margin-inline:auto;position:fixed;left:0;right:0;overflow:hidden}.nav__inner{justify-content:space-between;align-items:center;gap:1rem;width:100%;height:100%;padding-inline:1.5rem;display:flex}.nav--scrolled{background:#050509f0;border-color:#ffffff21;box-shadow:0 8px 32px #00000073,inset 0 0 0 1px #ffffff0a}.nav__logo{font-family:var(--font-heading);font-size:1rem;font-weight:var(--fw-semibold);letter-spacing:var(--ls-norm);color:var(--text-1);transition:opacity var(--dur-fast);align-items:center;gap:.45rem;display:inline-flex}.nav__logo:hover{opacity:.75}.nav__links{align-items:center;gap:2.5rem;display:flex}@media (width<=600px){.nav__links{display:none}}.nav__link{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-2);transition:color var(--dur-fast);position:relative}.nav__link:after{content:"";width:0;height:1px;transition:width var(--dur-base) var(--ease-out);background:#a78bfa;position:absolute;bottom:-3px;left:0}.nav__link:hover{color:var(--text-1)}.nav__link:hover:after{width:100%}.nav__cta{font-size:var(--text-sm)!important;padding:.5rem 1.25rem!important}.scroll-progress{z-index:1;height:2px;position:absolute;bottom:0;left:0;right:0}.scroll-progress__bar{background:var(--grad-brand);transform-origin:0;width:0%;height:100%;transition:width 50ms linear}.section-dots{z-index:900;transition:opacity .5s var(--ease-out);flex-direction:column;gap:.75rem;display:flex;position:fixed;top:50%;right:2rem;translate:0 -50%}@media (width<=768px){.section-dots{display:none}}.section-dot{width:6px;height:6px;transition:all var(--dur-base) var(--ease-out);background:#ffffff2e;border-radius:50%}.section-dot--active{background:#a78bfa;transform:scale(1.6)}.section-dot:hover{background:#ffffff80}.cursor{pointer-events:none;z-index:9999;will-change:transform;width:24px;height:24px;transition:width var(--dur-base) var(--ease-out), height var(--dur-base) var(--ease-out), margin var(--dur-base) var(--ease-out), border-color var(--dur-base), background var(--dur-base);border:1.5px solid #ffffff59;border-radius:50%;margin:-12px 0 0 -12px;position:fixed;top:0;left:0}.cursor__dot{will-change:transform;background:#a78bfa;border-radius:50%;width:4px;height:4px;margin:auto;position:absolute;inset:0}.cursor--hover{background:#7c3aed1a;border-color:#a78bfa;width:42px;height:42px;margin:-21px 0 0 -21px}.cursor--click{width:16px;height:16px;margin:-8px 0 0 -8px}body:has(.cursor){cursor:none}:is(body:has(.cursor) a,body:has(.cursor) button){cursor:none}@keyframes orbPulse{0%,to{opacity:.08}50%{opacity:.18}}.hero__bg .orb--1{animation:7s ease-in-out infinite orbPulse}.hero__bg .orb--2{animation:9s ease-in-out 1.5s infinite orbPulse}.hero__bg .orb--3{animation:6s ease-in-out 3s infinite orbPulse}@keyframes btnGlow{0%,to{box-shadow:0 0 32px #7c3aed59}50%{box-shadow:0 0 64px #7c3aed99,0 0 120px #3b82f638}}.btn--primary{animation:4s ease-in-out infinite btnGlow}.btn--primary:hover{animation:none}.about__emoji:first-child{--fd:3.2s;--fdelay:0s}.about__emoji:nth-child(2){--fd:2.8s;--fdelay:.3s}.about__emoji:nth-child(3){--fd:3.5s;--fdelay:.6s}.about__emoji:nth-child(4){--fd:3s;--fdelay:.9s}.about__emoji:nth-child(5){--fd:2.6s;--fdelay:1.2s}.about__emoji:nth-child(6){--fd:3.3s;--fdelay:.2s}.about__emoji:nth-child(7){--fd:2.9s;--fdelay:.7s}.about__emoji:nth-child(8){--fd:3.1s;--fdelay:1.1s}.about__emoji:nth-child(9){--fd:2.7s;--fdelay:.4s}.about__emoji:nth-child(10){--fd:3.4s;--fdelay:.8s}@keyframes cardShine{0%{background-position:-200%}to{background-position:200%}}.card:hover .card__title{background:linear-gradient(90deg,#fff 30%,#a78bfa 50%,#fff 70%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:1.2s linear cardShine}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}