:root{--bg:#08080d;--bg-2:#0d0d15;--bg-3:#12121c;--surface:#ffffff06;--surface-2:#ffffff0d;--border:#ffffff14;--border-strong:#ffffff24;--purple:#7652e8;--purple-light:#a48bff;--purple-deep:#4a2fb8;--purple-glow:#7652e873;--purple-soft:#7652e81f;--white:#fff;--text:#f4f3fb;--muted:#a3a2b8;--dim:#6e6d84;--font-display:"Bricolage Grotesque", "Manrope", system-ui, sans-serif;--font-body:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius-sm:10px;--radius:18px;--radius-lg:28px;--container:1200px;--gutter:clamp(20px, 5vw, 48px);--section-y:clamp(96px, 13vw, 168px);--ease-out:cubic-bezier(.22, 1, .36, 1);--nav-h:76px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 12px);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.65;overflow-x:clip}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,h4,p{margin:0}ul{margin:0;padding:0;list-style:none}::selection{background:var(--purple);color:var(--white)}:focus-visible{outline:2px solid var(--purple-light);outline-offset:3px;border-radius:6px}.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section-y);position:relative}.skip-link{z-index:200;background:var(--purple);color:var(--white);border-radius:10px;padding:10px 16px;font-weight:600;transition:top .2s;position:absolute;top:-60px;left:16px}.skip-link:focus{top:16px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--purple-light);align-items:center;gap:10px;font-size:12px;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg, transparent, var(--purple-light));width:22px;height:1px}.display{font-family:var(--font-display);letter-spacing:-.035em;color:var(--white);font-weight:700;line-height:1.02}.h2{font-family:var(--font-display);letter-spacing:-.035em;color:var(--white);text-wrap:balance;font-size:clamp(36px,5.4vw,64px);font-weight:700;line-height:1.04}.lead{color:var(--muted);text-wrap:pretty;max-width:56ch;font-size:clamp(16px,1.4vw,18px)}.text-gradient{background:linear-gradient(100deg, #c9b8ff 0%, var(--purple) 55%, #a48bff 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.section-head{gap:20px;margin-bottom:clamp(48px,7vw,80px);display:grid}.section-head--split{grid-template-columns:1fr;align-items:end}@media (width>=900px){.section-head--split{grid-template-columns:1.3fr 1fr;gap:48px}}.btn{--btn-bg:transparent;letter-spacing:-.005em;white-space:nowrap;isolation:isolate;min-height:52px;transition:transform .35s var(--ease-out), box-shadow .35s var(--ease-out), background-color .3s, border-color .3s, color .3s;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:15px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn svg{width:18px;height:18px;transition:transform .35s var(--ease-out)}.btn:hover svg{transform:translate(3px,-3px)}.btn:active{transform:scale(.97)}.btn--primary{background:var(--purple);color:var(--white);box-shadow:0 0 0 1px #ffffff1f inset, 0 10px 30px -10px var(--purple-glow)}.btn--primary:before{content:"";z-index:-1;transition:transform .8s var(--ease-out);background:linear-gradient(120deg,#0000 20%,#ffffff47 50%,#0000 80%);position:absolute;inset:0;transform:translate(-120%)}.btn--primary:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #fff3,0 18px 40px -12px #7652e8bf}.btn--primary:hover:before{transform:translate(120%)}.btn--ghost{border:1px solid var(--border-strong);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff05}.btn--ghost:hover{background:var(--purple-soft);border-color:#a48bff8c;transform:translateY(-2px)}.bg-grid{pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 75%)}.noise{z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.spotlight{isolation:isolate;position:relative}.spotlight:after{content:"";z-index:-1;border-radius:inherit;opacity:0;background:radial-gradient(420px circle at var(--x,50%) var(--y,50%), #7652e829, transparent 45%);pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.spotlight:hover:after{opacity:1}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.logo{align-items:center;gap:10px;line-height:1;display:inline-flex}.logo__mark{white-space:nowrap;font-family:var(--font-display);letter-spacing:-.06em;color:var(--white);background:linear-gradient(var(--bg-2), var(--bg-2)) padding-box, linear-gradient(140deg, #a48bff, var(--purple) 45%, #7652e826) border-box;box-shadow:0 6px 22px -8px var(--purple-glow);border:1.5px solid #0000;border-radius:11px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.logo__dot{color:var(--purple);text-shadow:0 0 12px var(--purple)}.logo__word{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-weight:600}.logo--md .logo__mark{width:40px;height:40px;font-size:16px}.logo--md .logo__word{font-size:18px}.logo--lg .logo__mark{border-radius:14px;width:52px;height:52px;font-size:21px}.logo--lg .logo__word{font-size:22px}.nav{z-index:50;height:var(--nav-h);border-bottom:1px solid #0000;transition:background-color .4s,border-color .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;position:fixed;inset:0 0 auto}.nav--scrolled,.nav--open{-webkit-backdrop-filter:blur(16px)saturate(140%);border-bottom-color:var(--border);background:#08080db8}.nav__inner{align-items:center;gap:24px;height:100%;display:flex}.nav__brand{border-radius:12px;margin-right:auto}.nav__links{border:1px solid var(--border);background:#ffffff05;border-radius:999px;gap:4px;padding:5px;display:none}.nav__links a{color:var(--muted);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500;transition:color .25s,background-color .25s;position:relative}.nav__links a:hover{color:var(--white)}.nav__links a.is-active{color:var(--white);background:var(--purple-soft);box-shadow:inset 0 0 0 1px #7652e859}.nav__cta{min-height:44px;padding:0 20px;font-size:14px;display:none}.nav__toggle{border:1px solid var(--border-strong);width:46px;height:46px;color:var(--white);border-radius:14px;place-items:center;display:grid}.nav__toggle svg{width:22px;height:22px}.nav__mobile{inset:var(--nav-h) 0 0;padding:32px var(--gutter) 40px;background:var(--bg);flex-direction:column;justify-content:space-between;display:flex;position:fixed;overflow-y:auto}.nav__mobile nav{flex-direction:column;display:flex}.nav__mobile nav a{border-bottom:1px solid var(--border);font-family:var(--font-display);letter-spacing:-.03em;color:var(--white);align-items:baseline;gap:16px;padding:18px 0;font-size:clamp(30px,8vw,44px);font-weight:600;display:flex}.nav__mobile nav a span{font-family:var(--font-mono);color:var(--purple-light);letter-spacing:.1em;font-size:12px}.nav__mobile-cta{width:100%;margin-top:32px}@media (width>=960px){.nav__links{display:flex}.nav__cta{display:inline-flex}.nav__toggle,.nav__mobile{display:none}}.hlogo{--size:clamp(230px, 30vw, 360px);aspect-ratio:1;perspective:1100px;touch-action:pan-y;place-items:center;width:100%;max-width:560px;margin-inline:auto;display:grid;position:relative}.hlogo__halo{filter:blur(30px);background:radial-gradient(circle,#7652e86b,#7652e814 45%,#0000 70%);border-radius:50%;animation:7s ease-in-out infinite halo;position:absolute;inset:12%}@keyframes halo{50%{opacity:.8;transform:scale(1.08)}}.hlogo__orbit{border:1px solid #a48bff24;border-radius:50%;position:absolute}.hlogo__orbit--1{border-style:dashed;border-color:#a48bff1f;animation:60s linear infinite spin;inset:6%}.hlogo__orbit--2{animation:22s linear infinite reverse spin;inset:16%}.hlogo__orbit--2 span{background:var(--purple-light);width:8px;height:8px;box-shadow:0 0 14px 3px var(--purple);border-radius:50%;position:absolute;top:-4px;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.hlogo__float{transform-style:preserve-3d;animation:6.5s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(-10px)}50%{transform:translateY(12px)}}.hlogo__tilt{width:var(--size);height:var(--size);transform-style:preserve-3d;will-change:transform;position:relative}.hlogo__shadow{border-radius:40px;position:absolute;inset:10%;transform:translateZ(-60px)}.hlogo__card{transform-style:preserve-3d;border-radius:34px;position:absolute;inset:0}.hlogo__border{border-radius:inherit;-webkit-mask-composite:xor;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hlogo__surface{background:radial-gradient(120% 90% at 0 0,#7652e838,#0000 55%),linear-gradient(160deg,#15132a 0%,#0b0a14 60%,#09090f 100%);border-radius:33px;position:absolute;inset:1.5px;overflow:hidden;box-shadow:inset 0 1px #ffffff14,inset 0 -30px 60px -30px #7652e840}.hlogo__grid{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 75%);mask-image:radial-gradient(circle,#000,#0000 75%)}.hlogo__glare{mix-blend-mode:screen;position:absolute;inset:0}.hlogo__corner{border-style:solid;border-color:#a48bff99;width:22px;height:22px;position:absolute;transform:translateZ(30px)}.hlogo__corner--tl{border-width:1.5px 0 0 1.5px;border-top-left-radius:6px;top:22px;left:22px}.hlogo__corner--br{border-width:0 1.5px 1.5px 0;border-bottom-right-radius:6px;bottom:22px;right:22px}.hlogo__content{transform-style:preserve-3d;place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0;transform:translateZ(70px)}.hlogo__mark{font-family:var(--font-display);font-weight:800;font-size:calc(var(--size) * .36);letter-spacing:-.07em;background:linear-gradient(#fff 30%,#cfc3ff 100%);color:#0000;filter:drop-shadow(0 10px 24px #0009);-webkit-background-clip:text;background-clip:text;align-items:baseline;line-height:.9;display:flex}.hlogo__dot{background:linear-gradient(180deg, #b9a6ff, var(--purple));filter:drop-shadow(0 0 14px #7652e8e6);-webkit-background-clip:text;background-clip:text;margin-inline:.02em .04em}.hlogo__word{font-family:var(--font-mono);font-size:calc(var(--size) * .042);letter-spacing:.55em;text-transform:uppercase;color:var(--muted);padding-left:.55em;font-weight:500}.hlogo__chip{font-family:var(--font-mono);color:var(--text);-webkit-backdrop-filter:blur(10px);white-space:nowrap;background:#121020c7;border:1px solid #a48bff40;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex;position:absolute;box-shadow:0 12px 30px -12px #000c}.hlogo__chip--code{color:var(--purple-light);font-size:15px;font-weight:500;top:8%;right:-14%;transform:translateZ(110px)}.hlogo__chip--hex{bottom:12%;left:-20%;transform:translateZ(90px)}.hlogo__chip--hex i{background:var(--purple);width:10px;height:10px;box-shadow:0 0 10px var(--purple);border-radius:3px}.hlogo__chip--brace{color:var(--muted);bottom:-6%;right:6%;transform:translateZ(50px)}@media (width<=520px){.hlogo__chip--hex{left:-6%}.hlogo__chip--code{right:-4%}}.hero{min-height:100svh;padding:calc(var(--nav-h) + 40px) 0 120px;align-items:center;display:flex;position:relative;overflow:hidden}.hero__bg{pointer-events:none;position:absolute;inset:0}.hero__particles{width:100%;height:100%;position:absolute;inset:0}.hero__aurora{filter:blur(90px);opacity:.55;border-radius:50%;position:absolute}.hero__aurora--1{background:radial-gradient(circle,#7652e88c,#0000 65%);width:620px;height:620px;animation:18s ease-in-out infinite drift;top:-80px;right:-120px}.hero__aurora--2{background:radial-gradient(circle,#4a2fb873,#0000 65%);width:520px;height:520px;animation:22s ease-in-out infinite reverse drift;bottom:-200px;left:-220px}@keyframes drift{50%{transform:translate(-40px,30px)scale(1.06)}}.hero:after{content:"";background:linear-gradient(transparent, var(--bg));pointer-events:none;height:180px;position:absolute;inset:auto 0 0}.hero__inner{z-index:1;align-items:center;gap:56px;display:grid;position:relative}.hero__copy{justify-items:start;gap:28px;display:grid}.hero__tag{border:1px solid var(--border-strong);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text);background:#ffffff06;border-radius:999px;align-items:center;gap:12px;padding:8px 16px 8px 12px;font-size:11.5px;display:inline-flex}.hero__pulse{background:var(--purple-light);border-radius:50%;width:8px;height:8px;position:relative}.hero__pulse:after{content:"";border:1px solid var(--purple-light);animation:pulse 2.2s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-4px}@keyframes pulse{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}.hero__title{max-width:13ch;font-size:clamp(42px,6.3vw,86px)}.hero__word-wrap{vertical-align:top;margin-bottom:-.08em;margin-right:.24em;padding-bottom:.08em;display:inline-block;overflow:hidden}.hero__word-wrap:last-child{margin-right:0}.hero__word{display:inline-block}.hero__desc{max-width:50ch}.hero__actions{flex-wrap:wrap;gap:14px;display:flex}.hero__meta{font-family:var(--font-mono);letter-spacing:.08em;color:var(--dim);text-transform:uppercase;flex-wrap:wrap;gap:8px 22px;font-size:12px;display:flex}.hero__meta li{align-items:center;gap:10px;display:inline-flex}.hero__meta li:before{content:"";background:var(--purple);border-radius:2px;width:5px;height:5px}.hero__visual{position:relative}.hero__scroll{z-index:2;color:var(--dim);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;flex-direction:column;align-items:center;gap:10px;font-size:11px;transition:color .3s;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.hero__scroll:hover{color:var(--text)}.hero__mouse{border:1.5px solid;border-radius:14px;width:24px;height:38px;position:relative}.hero__mouse span{background:var(--purple-light);width:3px;height:7px;animation:wheel 1.8s var(--ease-out) infinite;border-radius:2px;margin-left:-1.5px;position:absolute;top:7px;left:50%}@keyframes wheel{0%{opacity:0;transform:translateY(-2px)}30%{opacity:1}to{opacity:0;transform:translateY(12px)}}.hero__scroll-arrow{display:none}@media (width>=980px){.hero__inner{grid-template-columns:1.08fr 1fr;gap:32px}}@media (width<=520px){.hero__tag{letter-spacing:.1em;font-size:10.5px}}@media (width<=979px){.hero{padding-bottom:140px}.hero__visual{order:-1;width:100%;max-width:380px;margin-inline:auto}.hero__scroll-text{display:none}}.marquee{border-block:1px solid var(--border);background:linear-gradient(90deg,#7652e80d,#7652e805,#7652e80d);padding-block:22px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee__track{width:max-content;animation:38s linear infinite marquee;display:flex}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__row{flex-shrink:0;display:flex}.marquee__row li{font-family:var(--font-display);letter-spacing:-.02em;color:#ffffffd1;white-space:nowrap;align-items:center;gap:32px;padding-right:32px;font-size:clamp(20px,2.4vw,30px);font-weight:600;display:inline-flex}.marquee__row li:nth-child(2n){color:#0000;-webkit-text-stroke:1px #a48bffb3}.marquee__row svg{width:18px;height:18px;color:var(--purple)}@keyframes marquee{to{transform:translate(-50%)}}.about{overflow-x:clip}.about:before{content:"";filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#7652e81f,#0000 65%);border-radius:50%;width:520px;height:520px;position:absolute;top:30%;left:-10%}.about__inner{align-items:center;gap:64px;display:grid}.about__intro{justify-items:start;gap:24px;display:grid}.about__code{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(#141222e6,#0c0c14e6);width:100%;max-width:480px;margin-top:16px;overflow:hidden;box-shadow:0 30px 60px -30px #000000e6,0 0 0 1px #7652e80f}.about__code-bar{border-bottom:1px solid var(--border);align-items:center;gap:7px;padding:12px 16px;display:flex}.about__code-bar span{background:#ffffff1f;border-radius:50%;width:10px;height:10px}.about__code-bar span:first-child{background:var(--purple)}.about__code-bar em{font-family:var(--font-mono);color:var(--dim);margin-left:10px;font-size:12px;font-style:normal}.about__code pre{font-family:var(--font-mono);color:var(--muted);margin:0;padding:20px 22px 24px;font-size:clamp(12px,1.2vw,13.5px);line-height:1.85;overflow-x:auto}.about__code b{font-weight:400}.about__code .k{color:#c792ea}.about__code .v{color:var(--white)}.about__code .s{color:var(--purple-light)}.about__code .f{color:#82aaff}.about__caret{vertical-align:-.2em;background:var(--purple-light);width:8px;height:1.1em;margin-left:4px;animation:1.1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.about__pillars{gap:16px;padding:0;list-style:none;display:grid}.pillar{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .4s, transform .5s var(--ease-out), background-color .4s;grid-template-columns:auto 1fr;align-items:start;gap:22px;padding:30px 28px;display:grid;overflow:hidden}.pillar:hover{border-color:#7652e866;transform:translate(-6px)}.pillar__num{font-family:var(--font-mono);color:var(--dim);font-size:12px;position:absolute;top:18px;right:22px}.pillar__icon{width:54px;height:54px;color:var(--purple-light);box-shadow:inset 0 0 0 1px #7652e859, 0 10px 24px -12px var(--purple-glow);transition:transform .5s var(--ease-out), color .3s;background:linear-gradient(145deg,#7652e838,#7652e80a);border-radius:16px;place-items:center;display:grid}.pillar:hover .pillar__icon{color:var(--white);transform:rotate(-8deg)scale(1.06)}.pillar__icon svg{width:24px;height:24px}.pillar__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--white);margin-bottom:6px;font-size:22px;font-weight:600}.pillar__text{color:var(--muted)}@media (width>=980px){.about__inner{grid-template-columns:1.1fr 1fr;gap:80px}}.services__head-left{gap:20px;display:grid}.services__grid{gap:18px;display:grid}.service{border-radius:var(--radius-lg);border:1px solid var(--border);transition:transform .55s var(--ease-out), border-color .4s, box-shadow .55s var(--ease-out);background:linear-gradient(#ffffff09,#ffffff03);flex-direction:column;gap:16px;padding:32px 30px;display:flex;overflow:hidden}.service:before{content:"";opacity:0;height:1px;transition:opacity .5s, transform .7s var(--ease-out);background:linear-gradient(90deg,#0000,#a48bffe6,#0000);position:absolute;inset:0 0 auto;transform:scaleX(.3)}.service:hover{border-color:#7652e873;transform:translateY(-8px);box-shadow:0 30px 60px -30px #7652e880,0 0 0 1px #7652e81a}.service:hover:before{opacity:1;transform:scaleX(1)}.service__top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.service__icon{width:56px;height:56px;color:var(--purple-light);transition:background-color .4s, color .4s, box-shadow .4s, transform .5s var(--ease-out);background:#7652e81a;border-radius:18px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #7652e84d}.service__icon svg{stroke-width:1.6px;width:26px;height:26px}.service:hover .service__icon{background:var(--purple);color:var(--white);box-shadow:0 10px 30px -8px var(--purple-glow);transform:translateY(-2px)}.service__id{font-family:var(--font-mono);color:var(--dim);font-size:13px;transition:color .3s}.service:hover .service__id{color:var(--purple-light)}.service__title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--white);font-size:clamp(22px,2.2vw,27px);font-weight:600;line-height:1.15}.service__text{color:var(--muted);max-width:48ch}.service__tags{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px;display:flex}.service__tags li{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:12.5px}.service--featured{background:radial-gradient(90% 80% at 100% 0,#7652e838,#0000 60%),linear-gradient(#7652e814,#ffffff03);border-color:#7652e859}.service__badge{background:var(--purple);color:var(--white);letter-spacing:.02em;box-shadow:0 8px 24px -8px var(--purple-glow);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.service--featured .service__title{max-width:16ch;font-size:clamp(26px,3vw,36px)}.service__checklist{gap:10px;margin-top:4px;display:grid}.service__checklist li{color:var(--text);align-items:center;gap:12px;font-size:15px;display:flex}.service__checklist svg{width:20px;height:20px;color:var(--purple-light);background:#7652e833;border-radius:50%;flex-shrink:0;padding:3px}.service__cta{align-self:flex-start;margin-top:12px}.service__visual{display:none}@media (width>=760px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1080px){.services__grid{grid-template-columns:repeat(4,1fr)}.service--featured{grid-area:1/3/span 2/span 2;padding:44px}.service:last-child{grid-column:span 2}.service__visual{grid-template-columns:1fr 1fr;gap:14px;margin-top:auto;padding-top:28px;display:grid;position:relative}.service__ba{border:1px solid var(--border);background:#08080d99;border-radius:14px;gap:8px;padding:16px;display:grid;position:relative}.service__ba span{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:4px;font-size:11px}.service__ba i{background:#ffffff12;border-radius:4px;height:10px}.service__ba--before i:first-of-type{width:70%}.service__ba--before i:nth-of-type(2){width:45%;transform:rotate(-2deg)}.service__ba--before i:nth-of-type(3){width:85%;height:34px;transform:translate(8px)}.service__ba--after{box-shadow:0 20px 40px -20px var(--purple-glow);border-color:#7652e866}.service__ba--after span{color:var(--purple-light)}.service__ba--after i:first-of-type{background:linear-gradient(90deg, var(--purple), #a48bff);width:60%}.service__ba--after i:nth-of-type(2){width:85%}.service__ba--after i:nth-of-type(3){background:linear-gradient(135deg,#7652e84d,#7652e80f);height:34px;box-shadow:inset 0 0 0 1px #7652e859}.service__ba--after:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#0000 30%,#a48bff2e,#0000 70%) 0 0/250% 100%;animation:4s ease-in-out infinite sheen;position:absolute;inset:-1px}@keyframes sheen{0%{background-position:120% 0}60%,to{background-position:-120% 0}}}.portfolio{background:linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 30%, var(--bg-2) 70%, var(--bg) 100%);overflow:hidden}.portfolio__grid{opacity:.6}.portfolio__head-left{gap:20px;display:grid}.portfolio__list{gap:clamp(110px,14vw,180px);display:grid}.project{grid-template-columns:minmax(0,1fr);align-items:center;gap:56px;display:grid;position:relative}.project__media{padding-bottom:40px;padding-right:clamp(36px,8%,90px);position:relative}.project__glow{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#7652e859,#0000 65%);border-radius:50%;position:absolute;inset:10% 5% 0 0}.browser{border:1px solid var(--border-strong);box-shadow:0 50px 100px -40px #000000f2, 0 0 0 1px #7652e814, 0 30px 80px -50px var(--purple-glow);transition:transform .7s var(--ease-out), border-color .4s;background:#111019;border-radius:18px;position:relative;overflow:hidden}.project__media:hover .browser{border-color:#7652e866;transform:translateY(-6px)}.browser__bar{border-bottom:1px solid var(--border);background:#16151f;align-items:center;gap:14px;padding:12px 16px;display:flex}.browser__dots{gap:7px;display:flex}.browser__dots span{background:#2b2a36;border-radius:50%;width:11px;height:11px}.browser__dots span:first-child{background:#ff5f57}.browser__dots span:nth-child(2){background:#febc2e}.browser__dots span:nth-child(3){background:#28c840}.browser__url{min-width:0;max-width:420px;font-family:var(--font-mono);color:var(--muted);background:#0d0c14;border-radius:8px;flex:1;align-items:center;gap:8px;margin-inline:auto;padding:6px 12px;font-size:12px;display:flex}.browser__url span{text-overflow:ellipsis;white-space:nowrap;text-align:center;flex:1;overflow:hidden}.browser__url svg{width:12px;height:12px;color:var(--dim);flex-shrink:0}.browser__tabs{border-bottom:1px solid var(--border);scrollbar-width:none;background:#13121b;gap:4px;padding:8px 10px;display:flex;overflow-x:auto}.browser__tab{color:var(--dim);white-space:nowrap;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:500;transition:color .3s;position:relative}.browser__tab:hover{color:var(--text)}.browser__tab.is-active{color:var(--white)}.browser__tab-bg{background:#7652e838;border-radius:8px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #7652e880}.browser__tab-label{position:relative}.browser__view{aspect-ratio:1374/868;background:#0b0b10;position:relative;overflow:hidden}.browser__view img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.phone{aspect-ratio:485/992;z-index:2;background:linear-gradient(145deg,#2a2838,#0f0e16);border-radius:30px;width:clamp(110px,24%,210px);padding:7px;position:absolute;bottom:0;right:0;box-shadow:0 40px 80px -30px #000000f2,inset 0 0 0 1px #ffffff1a,0 0 0 1px #7652e840}.phone img{object-fit:cover;object-position:top;border-radius:23px;width:100%;height:100%}.phone__notch{z-index:1;background:#050508;border-radius:999px;width:34%;height:12px;margin-left:-17%;position:absolute;top:13px;left:50%}.project__info{justify-items:start;gap:18px;display:grid;position:relative}.project__num{font-family:var(--font-display);letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1px #a48bff66;font-size:clamp(64px,9vw,120px);font-weight:800;line-height:.8}.project__cat{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--purple-light);font-size:12px}.project__name{font-family:var(--font-display);letter-spacing:-.035em;color:var(--white);font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.05}.project__desc{color:var(--muted);max-width:46ch}.project__highlights{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.project__highlights li{border:1px solid var(--border);color:var(--text);background:#ffffff05;border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:13px;display:inline-flex}.project__highlights li:before{content:"";background:var(--accent,var(--purple));border-radius:50%;width:6px;height:6px}@media (width>=1000px){.project{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:72px}.project--reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}.project--reverse .project__media{order:2}}@media (width<=600px){.browser__tab{padding:6px 10px;font-size:12px}.browser__dots{display:none}}.diff__head{text-align:center;justify-items:center}.diff__head .h2{max-width:18ch}.diff__grid{gap:16px;display:grid}.diff__card{border-radius:var(--radius-lg);border:1px solid var(--border);min-height:300px;transition:border-color .4s, transform .55s var(--ease-out);background:linear-gradient(#ffffff08,#ffffff02);flex-direction:column;gap:24px;padding:26px;display:flex;overflow:hidden}.diff__card:hover{border-color:#7652e866;transform:translateY(-6px)}.diff__visual{background:radial-gradient(80% 70% at 50% 100%,#7652e829,#0000 70%),#08080d80;border:1px solid #ffffff0d;border-radius:18px;flex:1;place-items:center;min-height:140px;display:grid;position:relative;overflow:hidden}.diff__text h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--white);margin-bottom:6px;font-size:22px;font-weight:600}.diff__text p{color:var(--muted);max-width:40ch;font-size:15px}.dv-design{align-items:center;display:flex}.dv-design span{background:var(--c);width:56px;height:56px;transition:transform .6s var(--ease-out), margin .6s var(--ease-out);border:2px solid #1a1828;border-radius:50%;margin-left:-14px;box-shadow:0 10px 20px -8px #000c}.dv-design span:first-child{margin-left:0}.diff__card:hover .dv-design span{margin-left:6px}.diff__card:hover .dv-design span:first-child{margin-left:0}.diff__card:hover .dv-design span:nth-child(2){transform:translateY(-8px)}.dv-design b{font-family:var(--font-display);color:var(--white);letter-spacing:-.04em;margin-left:22px;font-size:46px;font-weight:700}.dv-resp{align-items:flex-end;gap:14px;display:flex}.dv-resp__desk,.dv-resp__phone{transition:transform .6s var(--ease-out);background:#7652e814;border:1.5px solid #a48bff80;align-content:start;gap:6px;padding:12px;display:grid}.dv-resp__desk{border-radius:10px;width:170px;height:108px}.dv-resp__phone{border-radius:10px;width:48px;height:86px}.dv-resp i{background:#ffffff24;border-radius:3px;height:7px}.dv-resp i:first-child{background:var(--purple);width:60%}.diff__card:hover .dv-resp__phone{transform:translateY(-8px)rotate(-4deg)}.dv-nav{border:1px solid var(--border);background:#ffffff08;border-radius:999px;gap:8px;padding:8px;display:flex;position:relative}.dv-nav__item{color:var(--muted);border-radius:999px;padding:7px 14px;font-size:13px}.dv-nav__item--target{animation:navTarget 4s var(--ease-out) infinite}.dv-nav__cursor{width:22px;height:22px;color:var(--white);fill:var(--white);filter:drop-shadow(0 4px 8px #0009);animation:navCursor 4s var(--ease-out) infinite;position:absolute;top:140%;left:10%}@keyframes navCursor{0%{transform:translate(0)}45%,75%{transform:translate(175px,-34px)}55%{transform:translate(175px,-34px)scale(.85)}to{transform:translate(0)}}@keyframes navTarget{0%,45%{color:var(--muted);background:0 0}55%,85%{background:var(--purple);color:var(--white);box-shadow:0 8px 20px -6px var(--purple-glow)}to{color:var(--muted);background:0 0}}.dv-motion{width:78%;height:90px;position:relative}.dv-motion svg{width:100%;height:100%;overflow:visible}.dv-motion path{fill:none;stroke:#a48bff73;stroke-width:1.5px;stroke-dasharray:4 6;vector-effect:non-scaling-stroke}.dv-motion__dot{background:var(--purple-light);width:14px;height:14px;box-shadow:0 0 18px 4px var(--purple);border-radius:50%;margin:-7px 0 0 -7px;animation:3.2s cubic-bezier(.65,0,.35,1) infinite alternate dvEase;position:absolute;top:0;left:0}@keyframes dvEase{0%{top:87%;left:2%}25%{top:78%;left:30%}50%{top:45%;left:50%}75%{top:18%;left:72%}to{top:12%;left:98%}}.dv-details{background-image:linear-gradient(#a48bff14 1px,#0000 1px),linear-gradient(90deg,#a48bff14 1px,#0000 1px);background-size:12px 12px;place-items:center;display:grid;position:absolute;inset:0}.dv-details__box{background:linear-gradient(135deg, var(--purple), #a48bff);width:120px;height:64px;box-shadow:0 16px 32px -12px var(--purple-glow);transition:transform .6s var(--ease-out);border-radius:12px;position:relative}.diff__card:hover .dv-details__box{transform:scale(1.06)}.dv-details__ruler{font-family:var(--font-mono);color:var(--purple-light);font-size:10px;position:absolute}.dv-details__ruler--x{text-align:center;border-bottom:1px solid #a48bff99;padding-bottom:2px;top:-22px;left:0;right:0}.dv-details__ruler--y{border-left:1px solid #a48bff99;place-items:center;padding-left:4px;display:grid;top:0;bottom:0;right:-22px}.dv-tail{justify-items:center;gap:10px;display:grid}.dv-tail span{color:var(--text);transition:transform .6s var(--ease-out), background-color .4s;background:#7652e814;border:1px solid #a48bff59;border-radius:999px;padding:8px 16px;font-size:13px}.dv-tail span:nth-child(2){transform:translate(24px)}.dv-tail span:nth-child(3){transform:translate(-16px)}.diff__card:hover .dv-tail span{background:#7652e833;transform:none}@media (width>=720px){.diff__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1040px){.diff__grid{grid-template-columns:repeat(3,1fr);grid-template-areas:"design design responsive""navigation motion responsive""details tailored tailored"}.diff__card--design{flex-direction:row;grid-area:design;align-items:stretch}.diff__card--design .diff__visual{flex:1.2}.diff__card--design .diff__text{flex:1;align-self:flex-end}.diff__card--responsive{grid-area:responsive}.diff__card--navigation{grid-area:navigation}.diff__card--motion{grid-area:motion}.diff__card--details{grid-area:details}.diff__card--tailored{flex-direction:row-reverse;grid-area:tailored;align-items:stretch}.diff__card--tailored .diff__visual{flex:1.2}.diff__card--tailored .diff__text{flex:1;align-self:flex-end}}.contact{overflow:hidden}.contact__glow{filter:blur(30px);pointer-events:none;background:radial-gradient(#7652e833,#0000 62%);width:min(1100px,120vw);height:700px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.contact__inner{align-items:start;gap:56px;display:grid;position:relative}.contact__intro{gap:24px;display:grid}.contact__channels{gap:14px;margin-top:12px;display:grid}.channel{border:1px solid var(--border-strong);transition:transform .5s var(--ease-out), border-color .4s, background-color .4s, box-shadow .5s var(--ease-out);background:#ffffff06;border-radius:22px;align-items:center;gap:18px;padding:22px 24px;display:flex}.channel:hover{box-shadow:0 24px 50px -24px var(--purple-glow);background:#7652e81a;border-color:#a48bff8c;transform:translateY(-4px)}.channel--wa{background:linear-gradient(120deg,#7652e847,#7652e814);border-color:#7652e880}.channel__icon{background:var(--purple);width:54px;height:54px;color:var(--white);box-shadow:0 10px 24px -10px var(--purple-glow);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.channel--ig .channel__icon{box-shadow:inset 0 0 0 1px var(--border-strong);background:#ffffff0f}.channel__icon svg{width:26px;height:26px}.channel__body{gap:2px;display:grid}.channel__body strong{font-family:var(--font-display);letter-spacing:-.015em;color:var(--white);font-size:clamp(17px,1.6vw,20px);font-weight:600;line-height:1.25}.channel__body small{color:var(--muted);font-size:14px}.channel__arrow{width:22px;height:22px;color:var(--purple-light);transition:transform .4s var(--ease-out);flex-shrink:0;margin-left:auto}.channel:hover .channel__arrow{transform:translate(3px,-3px)}.contact__form-wrap{border-radius:var(--radius-lg);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#141222d9,#0c0c14d9);padding:clamp(26px,4vw,40px);position:relative;box-shadow:0 50px 100px -50px #000000e6}.contact__form-wrap:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(160deg,#a48bff99,#0000 40% 70%,#7652e866);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.form{gap:22px;display:grid}.form__head h3,.form-done h3{font-family:var(--font-display);letter-spacing:-.025em;color:var(--white);font-size:26px;font-weight:600}.form__head p{color:var(--muted);margin-top:4px;font-size:15px}.form__row{gap:22px;display:grid}.field{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.field label,.field legend{color:var(--text);padding:0;font-size:14px;font-weight:600}.field legend{margin-bottom:8px}.field__opt{color:var(--dim);font-weight:400}.field input,.field textarea{border:1px solid var(--border-strong);width:100%;color:var(--white);background:#08080d99;border-radius:14px;outline:none;padding:14px 16px;font-size:15px;transition:border-color .25s,box-shadow .25s,background-color .25s}.field textarea{resize:vertical;min-height:120px}.field input::placeholder,.field textarea::placeholder{color:var(--dim)}.field input:hover,.field textarea:hover{border-color:#ffffff38}.field input:focus,.field textarea:focus{border-color:var(--purple);background:#08080dd9;box-shadow:0 0 0 4px #7652e833}.field--error input,.field--error textarea{border-color:#ff6b81}.field__error{color:#ff8fa0;font-size:13px}.chips{outline:none;flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border-strong);cursor:pointer;background:#08080d80;border-radius:999px;align-items:center;padding:9px 15px;font-size:13.5px;transition:border-color .25s,background-color .25s,color .25s,transform .25s;display:inline-flex;position:relative;color:var(--muted)!important;font-weight:500!important}.chip:hover{border-color:#a48bff80;color:var(--white)!important}.chip input{opacity:0;pointer-events:none;position:absolute}.chip:has(input:focus-visible){outline:2px solid var(--purple-light);outline-offset:2px}.chip.is-checked{border-color:var(--purple);background:var(--purple);box-shadow:0 8px 20px -8px var(--purple-glow);color:var(--white)!important}.field--error .chips .chip{border-color:#ff6b8180}.form__submit{width:100%;min-height:56px;font-size:16px}.form__submit:hover svg{transform:translate(4px,-2px)}.form-done{text-align:center;justify-items:center;gap:14px;padding-block:40px;display:grid}.form-done p{color:var(--muted);max-width:40ch;margin-bottom:8px}.form-done__icon{width:56px;height:56px;color:var(--purple-light);filter:drop-shadow(0 0 18px var(--purple))}.form-done__reset{color:var(--muted);align-items:center;gap:8px;margin-top:4px;font-size:14px;transition:color .25s;display:inline-flex}.form-done__reset:hover{color:var(--white)}.form-done__reset svg{width:16px;height:16px}@media (width>=640px){.form__row{grid-template-columns:1fr 1fr}}@media (width>=1000px){.contact__inner{grid-template-columns:1fr 1.05fr;gap:72px}.contact__intro{top:calc(var(--nav-h) + 40px);position:sticky}}.footer{border-top:1px solid var(--border);background:linear-gradient(180deg, var(--bg), #06060a);padding-top:88px;position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--purple), transparent);width:min(700px,80%);height:1px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.footer__top{gap:44px;display:grid}.footer__brand{justify-items:start;gap:20px;max-width:360px;display:grid}.footer__brand p{color:var(--muted);font-size:15px}.footer__social{gap:10px;display:flex}.footer__social a{border:1px solid var(--border-strong);width:44px;height:44px;color:var(--text);transition:background-color .3s, border-color .3s, transform .4s var(--ease-out), color .3s;border-radius:14px;place-items:center;display:grid}.footer__social a:hover{background:var(--purple);border-color:var(--purple);color:var(--white);transform:translateY(-3px)}.footer__social svg{width:20px;height:20px}.footer__col h4{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--purple-light);margin-bottom:18px;font-size:12px;font-weight:500}.footer__col ul{gap:10px;display:grid}.footer__col a{color:var(--muted);font-size:15px;transition:color .25s}.footer__col a:hover{color:var(--white)}.footer__tagline{font-family:var(--font-display);letter-spacing:-.06em;text-align:center;white-space:nowrap;background:linear-gradient(#7652e859,#7652e805 85%);color:#0000;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;margin-top:72px;font-size:clamp(64px,17vw,240px);font-weight:800;line-height:.8}.footer__bottom{border-top:1px solid var(--border);color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-block:26px 32px;font-size:14px;display:flex;position:relative}.footer__motto{color:var(--muted)}.footer__top-btn{border:1px solid var(--border-strong);width:42px;height:42px;color:var(--text);transition:background-color .3s, transform .4s var(--ease-out), border-color .3s;border-radius:50%;place-items:center;display:grid}.footer__top-btn:hover{background:var(--purple);border-color:var(--purple);transform:translateY(-3px)}.footer__top-btn svg{width:18px;height:18px}@media (width>=760px){.footer__top{grid-template-columns:1.6fr 1fr 1.3fr 1fr}}