:root{--bg: #07070c;--bg-2: #0d0d16;--surface: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .18);--text: #ecebf5;--muted: #9a99ad;--dim: #5d5c70;--violet: #8b5cf6;--cyan: #22d3ee;--orange: #ff6a3d;--pink: #f472b6;--green: #34d399;--grad: linear-gradient(100deg, var(--cyan) 0%, var(--violet) 50%, var(--orange) 100%);--font: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius: 20px;--radius-sm: 12px;--gutter: clamp(16px, 4vw, 40px);--maxw: 1200px;--nav-h: 72px;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;overflow-x:hidden;overflow-x:clip;scroll-padding-top:calc(var(--nav-h) + 16px)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:clamp(16px,.35vw + 14.5px,18px);line-height:1.6;overflow-x:hidden;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.is-loading{overflow:hidden}img,canvas,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}::selection{background:var(--violet);color:#fff}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.mono{font-family:var(--mono)}.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.kw{color:var(--pink)}.fn{color:var(--cyan)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:fixed;top:-60px;left:16px;z-index:200;padding:10px 16px;border-radius:10px;background:var(--violet);color:#fff;transition:top .2s}.skip-link:focus{top:16px}.loader{position:fixed;inset:0;z-index:300;display:grid;place-content:center;justify-items:center;gap:18px;background:var(--bg);transition:opacity .6s var(--ease),visibility .6s}.loader.is-done{opacity:0;visibility:hidden}.loader__code{font-family:var(--mono);font-size:42px;font-weight:600;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;animation:pulse 1.2s ease-in-out infinite alternate}.loader__bar{width:140px;height:2px;background:var(--surface-2);border-radius:2px;overflow:hidden}.loader__bar span{display:block;height:100%;width:40%;background:var(--grad);animation:loaderBar 1s var(--ease) infinite}@keyframes loaderBar{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes pulse{0%{opacity:.55}to{opacity:1}}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;will-change:transform}.orb--a{width:46vmax;height:46vmax;top:-18vmax;left:-12vmax;background:radial-gradient(circle,var(--violet),transparent 65%)}.orb--b{width:40vmax;height:40vmax;top:30vh;right:-16vmax;background:radial-gradient(circle,var(--cyan),transparent 65%);opacity:.22}.orb--c{width:34vmax;height:34vmax;top:120vh;left:20vw;background:radial-gradient(circle,var(--orange),transparent 65%);opacity:.16}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 30%,transparent 75%)}.noise{position:absolute;inset:-50%;opacity:.05;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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor{position:fixed;top:0;left:0;z-index:150;width:34px;height:34px;margin:-17px 0 0 -17px;border:1.5px solid rgba(255,255,255,.5);border-radius:50%;pointer-events:none;mix-blend-mode:difference;opacity:0;transition:width .25s var(--ease),height .25s var(--ease),margin .25s var(--ease),background .25s,opacity .3s;will-change:transform}.cursor.is-visible{opacity:1}.cursor.is-hover{width:64px;height:64px;margin:-32px 0 0 -32px;background:#fff;border-color:#fff}@media (hover: none),(pointer: coarse){.cursor{display:none}}.scroll-progress{position:fixed;top:0;left:0;z-index:120;height:2px;width:100%;background:var(--grad);transform-origin:0 50%;transform:scaleX(0)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 24px;border-radius:999px;font-weight:500;white-space:nowrap;transition:transform .3s var(--ease),background .3s,border-color .3s,box-shadow .3s;will-change:transform}.btn--primary{color:#fff;background:linear-gradient(100deg,#7c3aed,#8b5cf6 40%,#06b6d4);box-shadow:0 10px 30px -10px #8b5cf6b3,inset 0 1px #ffffff40}.btn--primary:hover{box-shadow:0 16px 40px -10px #8b5cf6e6,inset 0 1px #ffffff4d}.btn--ghost{border:1px solid var(--border-strong);background:var(--surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn--ghost:hover{background:var(--surface-2);border-color:#ffffff4d}.btn--small{min-height:38px;padding:8px 18px;font-size:14px}.btn--block{width:100%}.icon-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:background .3s,border-color .3s}.icon-btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.eq{position:absolute;bottom:7px;display:none;gap:2px;align-items:flex-end;height:8px}.eq i{width:2px;background:var(--cyan);border-radius:1px;animation:eq .8s ease-in-out infinite alternate}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%{height:2px}to{height:8px}}#music-btn[aria-pressed=true] svg{transform:translateY(-3px) scale(.85)}#music-btn[aria-pressed=true] .eq{display:flex}#music-btn svg{transition:transform .3s var(--ease)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px var(--gutter);transition:transform .45s var(--ease)}.nav.is-hidden{transform:translateY(-120%)}.nav__pill{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:var(--maxw);height:56px;margin-inline:auto;padding:0 8px 0 20px;border:1px solid transparent;border-radius:999px;transition:background .4s,border-color .4s,box-shadow .4s}.nav.is-scrolled .nav__pill{background:#0d0d16a6;border-color:var(--border);box-shadow:0 10px 40px -20px #000c;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.nav__logo{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-weight:600}.nav__logo-mark{color:var(--cyan)}.nav__links{display:flex;gap:4px;font-family:var(--mono);font-size:14px}.nav__links a{position:relative;display:block;padding:8px 14px;border-radius:999px;color:var(--muted);transition:color .25s,background .25s}.nav__links a:hover,.nav__links a.is-active{color:var(--text);background:var(--surface-2)}.nav__actions{display:flex;align-items:center;gap:8px}.nav__burger{display:none}.nav__burger span{position:absolute;width:16px;height:1.5px;background:currentColor;border-radius:2px;transition:transform .35s var(--ease)}.nav__burger span:first-child{transform:translateY(-3px)}.nav__burger span:last-child{transform:translateY(3px)}.nav.is-open .nav__burger span:first-child{transform:rotate(45deg)}.nav.is-open .nav__burger span:last-child{transform:rotate(-45deg)}@media (max-width: 860px){.nav__cta{display:none}.nav__burger{display:grid}.nav__links{position:fixed;inset:0;z-index:-1;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:clamp(28px,8vw,40px);background:#07070cf0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s}.nav__links a{color:var(--text);padding:10px 24px}.nav__links a:before{content:".";color:var(--pink)}.nav__links a:after{content:"()";color:var(--dim)}.nav.is-open .nav__links{opacity:1;visibility:visible}.nav.is-open .nav__pill{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}}.hero{position:relative;display:flex;align-items:center;min-height:100vh;min-height:100svh;padding-top:var(--nav-h);overflow:hidden;isolation:isolate}.hero__canvas{position:absolute;inset:0;z-index:-2;width:100%!important;height:100%!important;touch-action:pan-y;opacity:0;transition:opacity 1.2s var(--ease)}.hero__canvas.is-ready{opacity:1}.hero__fade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(7,7,12,.85) 0%,rgba(7,7,12,.35) 45%,transparent 70%),linear-gradient(0deg,var(--bg) 0%,transparent 25%)}.hero__content{position:relative;padding-block:40px 120px}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:13px;color:var(--muted)}.dot-live{position:relative;width:8px;height:8px;border-radius:50%;background:var(--green)}.dot-live:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--green);animation:ping 1.6s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2.4);opacity:0}}.hero__title{margin-top:24px;font-size:clamp(48px,8.2vw,116px);font-weight:700;line-height:.92;letter-spacing:-.045em}.hero__line{display:block}.hero__line--grad{width:fit-content;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}.hero__title .char{display:inline-block;will-change:transform}.hero__role{margin-top:24px;font-family:var(--mono);font-size:clamp(14px,1.6vw,18px);color:var(--muted)}.hero__role .mono{color:var(--pink)}.hero__typed{color:var(--green)}.caret{display:inline-block;width:.55em;height:1.1em;margin-left:2px;vertical-align:-.2em;background:var(--cyan);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.hero__lead{max-width:34rem;margin-top:18px;color:var(--muted);font-size:clamp(16px,1.3vw,19px)}.hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero__scroll{position:absolute;left:50%;bottom:28px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);transform:translate(-50%)}.mouse{width:22px;height:34px;border:1.5px solid var(--dim);border-radius:12px;display:flex;justify-content:center;padding-top:6px}.mouse span{width:2px;height:6px;border-radius:2px;background:var(--text);animation:wheel 1.6s ease-in-out infinite}@keyframes wheel{0%{transform:translateY(0);opacity:1}to{transform:translateY(10px);opacity:0}}@media (max-width: 860px){.hero{align-items:flex-end}.hero__fade{background:linear-gradient(0deg,var(--bg) 0%,rgba(7,7,12,.85) 38%,rgba(7,7,12,.1) 70%,transparent 100%)}.hero__content{padding-block:32vh 96px}.hero__scroll{display:none}}@media (max-width: 480px){.hero__ctas .btn{flex:1 1 100%}}.marquee{position:relative;z-index:1;padding:22px 0;border-block:1px solid var(--border);background:var(--bg-2);overflow:hidden;transform:rotate(-1.5deg) scale(1.03)}.marquee__track{display:flex;gap:32px;width:max-content;font-size:clamp(22px,3vw,36px);font-weight:700;letter-spacing:-.02em;animation:marquee 32s linear infinite}.marquee__track span:nth-child(2n){color:var(--violet)}.marquee__track span:nth-child(4n+1){-webkit-text-stroke:1px var(--muted);color:transparent}@keyframes marquee{to{transform:translate(-50%)}}.section{position:relative;padding-block:clamp(96px,14vw,180px)}.section__index{position:absolute;top:clamp(40px,6vw,80px);right:var(--gutter);font-family:var(--mono);font-size:clamp(90px,18vw,240px);font-weight:600;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06);pointer-events:none;user-select:none;will-change:transform}.section__title{font-family:var(--mono);font-size:clamp(32px,5.4vw,64px);font-weight:600;letter-spacing:-.03em;line-height:1.1}.section__sub{margin-top:12px;max-width:36rem;color:var(--muted)}.reveal{opacity:0;transform:translateY(40px)}.no-js .reveal,.reduced-motion .reveal{opacity:1;transform:none}.about__grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(32px,6vw,80px)}.about__text>*+*{margin-top:20px}.about__text p{color:var(--muted)}.about__text strong{color:var(--text);font-weight:600}.about__lead{font-size:clamp(20px,2.2vw,28px);line-height:1.35;color:var(--text)!important}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:8px}.stats li{padding:18px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.stats strong{display:inline;font-size:clamp(28px,3.4vw,40px);font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent!important}.stats span{display:block;font-size:13px;color:var(--muted);line-height:1.3}.model-frame{position:relative;aspect-ratio:1 / 1;border:1px solid var(--border);border-radius:calc(var(--radius) + 8px);background:radial-gradient(circle at 50% 40%,rgba(139,92,246,.22),transparent 60%),linear-gradient(180deg,var(--surface),transparent);overflow:hidden}.model-canvas{width:100%!important;height:100%!important;touch-action:pan-y;cursor:grab}.model-canvas:active{cursor:grabbing}.model-hint{position:absolute;left:50%;bottom:16px;transform:translate(-50%);padding:6px 12px;border-radius:999px;background:#0006;font-size:11px;color:var(--muted);pointer-events:none}.hint-touch{display:none}@media (hover: none),(pointer: coarse){.hint-touch{display:inline}.hint-desktop{display:none}.model-canvas{cursor:default}}.model-loading{position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px;border:2px solid var(--surface-2);border-top-color:var(--cyan);border-radius:50%;animation:spin .9s linear infinite;transition:opacity .4s}.is-loaded .model-loading{opacity:0}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 860px){.about__grid{grid-template-columns:1fr}.model-frame{aspect-ratio:4 / 3.4;order:-1}}@media (max-width: 420px){.stats{grid-template-columns:1fr 1fr}.stats li:last-child{grid-column:span 2}}.bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(180px,auto);gap:16px;margin-top:48px}.bento__cell{position:relative;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface-2),var(--surface));overflow:hidden;transition:border-color .3s}.bento__cell:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(400px circle at var(--mx, 50%) var(--my, 50%),rgba(139,92,246,.14),transparent 45%);opacity:0;transition:opacity .4s;pointer-events:none}.bento__cell:hover{border-color:var(--border-strong)}.bento__cell:hover:before{opacity:1}.bento__brain{grid-row:span 2;padding:0;min-height:420px;background:radial-gradient(circle at 50% 45%,rgba(34,211,238,.14),transparent 60%),var(--surface)}.bento__brain .model-canvas{position:absolute;inset:0}.bento__caption{position:absolute;left:24px;right:24px;bottom:22px;pointer-events:none}.bento__caption .mono{display:block;font-size:13px;color:var(--green)}.bento__caption strong{font-size:20px}.bento__wide{grid-column:1 / -1}.bento__title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600}.tag{font-family:var(--mono);font-size:11px;padding:3px 8px;border-radius:6px;font-weight:600}.tag--a{background:#22d3ee1f;color:var(--cyan)}.tag--b{background:#8b5cf626;color:#b49bff}.tag--c{background:#34d3991f;color:var(--green)}.tag--d{background:#ff6a3d1f;color:var(--orange)}.tag--e{background:#f472b61f;color:var(--pink)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chips li{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:#00000040;font-size:14px;transition:transform .3s var(--ease),border-color .3s}.chips li:hover{transform:translateY(-3px);border-color:var(--border-strong)}.chips img{width:18px;height:18px}.chips img.invert{filter:invert(1)}.code-snip{margin-top:20px;padding:14px 16px;border-radius:var(--radius-sm);background:#00000059;border:1px solid var(--border);font-size:13px;color:var(--muted);overflow-x:auto}@media (max-width: 960px){.bento{grid-template-columns:1fr 1fr}.bento__brain{grid-column:span 2;grid-row:auto;min-height:340px}}@media (max-width: 600px){.bento{grid-template-columns:1fr}.bento__brain,.bento__wide{grid-column:auto}.bento__brain{min-height:300px}}.projects__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px}.project{position:relative;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface-2),var(--surface));overflow:hidden;transform-style:preserve-3d;transition:border-color .3s,box-shadow .4s}.project:hover{border-color:var(--border-strong);box-shadow:0 30px 60px -30px #8b5cf673}.project:nth-child(4n+1){grid-column:span 1}.project__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-2)}.project__media img{width:100%;height:118%;object-fit:cover;object-position:top;transform:translateY(-8%);will-change:transform}.project__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(7,7,12,.65))}.project__media--art{display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,rgba(255,106,61,.45),transparent 50%),radial-gradient(circle at 70% 70%,rgba(139,92,246,.5),transparent 55%),var(--bg-2)}.art-glyph{font-size:64px;color:#fff;text-shadow:0 0 40px rgba(255,255,255,.6)}.project__body{display:flex;flex-direction:column;gap:12px;flex:1;padding:24px}.project__body h3{font-size:24px;font-weight:600;letter-spacing:-.02em}.project__body p{color:var(--muted);font-size:15px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags li{padding:3px 10px;border-radius:999px;border:1px solid var(--border);font-family:var(--mono);font-size:12px;color:var(--muted)}.project__links{display:flex;gap:20px;margin-top:auto;padding-top:8px}.link-arrow{position:relative;display:inline-flex;align-items:center;gap:6px;font-weight:500;font-size:15px}.link-arrow:after{content:"↗";transition:transform .3s var(--ease);color:var(--cyan)}.link-arrow:hover:after{transform:translate(3px,-3px)}.link-underline{background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:background-size .3s var(--ease);color:var(--cyan)}.link-underline:hover{background-size:100% 1px}.projects__more{margin-top:40px;text-align:center;color:var(--muted)}@media (max-width: 760px){.projects__grid{grid-template-columns:1fr}}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.filter{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 16px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:14px;transition:color .25s,background .25s,border-color .25s}.filter span{font-family:var(--mono);font-size:11px;padding:1px 7px;border-radius:999px;background:var(--surface-2)}.filter:hover{color:var(--text);border-color:var(--border-strong)}.filter.is-active{color:#fff;background:linear-gradient(100deg,#7c3aed,#06b6d4);border-color:transparent}.filter.is-active span{background:#00000040}.showcase.is-filtered-out{display:none}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.02em}.badge--web{background:#22d3ee1f;color:var(--cyan)}.badge--ai{background:#8b5cf629;color:#b49bff}.badge--mobile{background:#34d3991f;color:var(--green)}.badge--star{background:#ff6a3d24;color:var(--orange)}.showcase__badges{display:flex;flex-wrap:wrap;gap:6px}.browser{position:relative;border:1px solid var(--border-strong);border-radius:12px;background:#0d0d16;overflow:hidden;box-shadow:0 30px 60px -30px #000000e6}.browser__bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#161624;border-bottom:1px solid var(--border)}.browser__bar i{width:9px;height:9px;border-radius:50%;background:#ff5f57}.browser__bar i:nth-child(2){background:#febc2e}.browser__bar i:nth-child(3){background:#28c840}.browser__url{flex:1;max-width:60%;margin:0 auto;padding:3px 10px;border-radius:6px;background:#ffffff0d;font-family:var(--mono);font-size:11px;color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translate(-14px)}.browser img{width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:top}.phone{position:relative;width:100%;padding:7px;border-radius:30px;background:linear-gradient(145deg,#3a3a4d,#14141e);box-shadow:0 0 0 1px #ffffff1f inset,0 30px 60px -20px #000000e6,0 0 40px -10px #8b5cf680}.phone img{width:100%;height:auto;aspect-ratio:390 / 844;object-fit:cover;object-position:top;border-radius:23px}.phone__notch{position:absolute;top:12px;left:50%;z-index:1;width:30%;height:14px;border-radius:999px;background:#000;transform:translate(-50%)}.showcase--featured{position:relative;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(24px,4vw,56px);margin-top:32px;padding:clamp(24px,4vw,48px);border:1px solid var(--border);border-radius:calc(var(--radius) + 8px);background:radial-gradient(600px circle at 85% 30%,rgba(139,92,246,.18),transparent 60%),radial-gradient(500px circle at 70% 90%,rgba(52,211,153,.1),transparent 60%),linear-gradient(180deg,var(--surface-2),var(--surface));overflow:hidden}.showcase__body{display:flex;flex-direction:column;gap:14px}.showcase__body h3{font-size:clamp(22px,2.2vw,28px);font-weight:600;letter-spacing:-.02em}.showcase--featured .showcase__body h3{font-size:clamp(32px,4.4vw,52px);letter-spacing:-.03em;line-height:1}.showcase__body p{color:var(--muted);font-size:15px}.showcase--featured .showcase__body p{font-size:clamp(15px,1.3vw,17px)}.showcase__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.showcase__facts li{padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#0003}.showcase__facts strong{display:block;font-size:17px}.showcase__facts span{display:block;font-size:12px;color:var(--muted);line-height:1.35}.store-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:6px}.store-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:6px 16px;border:1px solid var(--border-strong);border-radius:12px;background:#000;line-height:1.1;font-weight:600;transition:transform .3s var(--ease),border-color .3s}.store-btn small{display:block;font-size:10px;font-weight:400;color:var(--muted)}.store-btn:hover{transform:translateY(-2px);border-color:#ffffff59}.showcase__stage{position:relative;min-height:460px;display:grid;place-items:center}.stage__glow{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.45),transparent 65%);filter:blur(30px)}.browser--back{position:absolute;right:-12%;top:14%;width:80%;opacity:.55;rotate:-4deg}.phone--lg{position:relative;z-index:2;width:min(240px,52%);rotate:-3deg}.showcase__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px}.showcase__grid .showcase{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface-2),var(--surface));overflow:hidden;transition:border-color .3s,box-shadow .4s}.showcase__grid .showcase:hover{border-color:var(--border-strong);box-shadow:0 30px 60px -30px #8b5cf673}.showcase__grid .showcase__body{flex:1;padding:22px 24px 24px}.showcase__grid .project__links{margin-top:auto}.showcase__media{position:relative;display:block;padding:28px 28px 0;background:radial-gradient(400px circle at 80% 20%,rgba(139,92,246,.2),transparent 60%),radial-gradient(300px circle at 10% 100%,rgba(34,211,238,.12),transparent 60%),var(--bg-2);overflow:hidden}.showcase__media .browser{width:86%;border-bottom:0;border-radius:12px 12px 0 0;transition:transform .6s var(--ease)}.showcase__media .browser img{aspect-ratio:16 / 9.6}.showcase__media .phone{position:absolute;right:22px;bottom:-40px;width:24%;min-width:92px;padding:5px;border-radius:22px;transition:translate .6s var(--ease),rotate .6s var(--ease)}.showcase__media .phone img{border-radius:17px}.showcase__media .phone__notch{top:9px;height:9px}.showcase__media:hover .browser{transform:translateY(-6px)}.showcase__media:hover .phone{translate:0 -14px;rotate:-2deg}.showcase__media--app{display:grid;place-items:center;height:340px;padding:28px 16px 0}.shots{display:flex;justify-content:center;align-items:flex-end;width:100%;height:100%}.shots img{width:31%;max-width:170px;height:auto;margin:0 -3%;border-radius:18px;box-shadow:0 24px 50px -20px #000000e6,0 0 0 1px #ffffff14;transition:translate .6s var(--ease),rotate .6s var(--ease),scale .6s var(--ease)}.shots img:nth-child(1){rotate:-9deg;translate:0 22px}.shots img:nth-child(2){position:relative;z-index:1;scale:1.08;translate:0 -4px}.shots img:nth-child(3){rotate:9deg;translate:0 22px}.shots--framed img{border:5px solid #23232f;border-radius:24px}.showcase--app:hover .shots img:nth-child(1){rotate:-13deg;translate:-14px 14px}.showcase--app:hover .shots img:nth-child(2){translate:0 -14px}.showcase--app:hover .shots img:nth-child(3){rotate:13deg;translate:14px 14px}.store-btn--sm{min-height:40px;padding:4px 12px;border-radius:10px;font-size:13px;gap:8px}.store-btn--sm small{font-size:9px}.showcase--app .store-links{margin-top:auto}@media (max-width: 520px){.showcase__media--app{height:300px}}@media (min-width: 761px){.showcase__grid .showcase:last-child:nth-child(odd){grid-column:1 / -1;display:grid;grid-template-columns:1.1fr 1fr}.showcase__grid .showcase:last-child:nth-child(odd) .showcase__body{justify-content:center;padding:32px}}.projects__earlier{margin-top:72px;font-size:clamp(20px,2vw,26px);font-weight:600}.projects__earlier .mono{color:var(--dim)}.projects__grid--compact{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.project--compact .project__body{padding:18px;gap:8px}.project--compact .project__body h3{font-size:18px}.project--compact .project__body p{font-size:14px}.project--compact .project__media img{height:100%;transform:none}@media (max-width: 960px){.showcase--featured{grid-template-columns:1fr}.showcase__stage{min-height:400px;order:-1}.projects__grid--compact{grid-template-columns:1fr 1fr}}@media (max-width: 760px){.showcase__grid{grid-template-columns:1fr}}@media (max-width: 520px){.showcase__facts{grid-template-columns:1fr 1fr}.showcase__facts li:last-child{grid-column:span 2}.showcase__stage{min-height:340px}.showcase__media{padding:20px 16px 0}.showcase__media .browser{width:90%}.showcase__media .phone{right:12px}.projects__grid--compact{grid-template-columns:1fr}}.orbit{position:relative;display:grid;place-items:center;width:min(560px,100%);aspect-ratio:1;margin:56px auto 0}.orbit__ring{position:absolute;border:1px solid var(--border);border-radius:50%;animation:spin linear infinite}.orbit__ring i{position:absolute;top:-5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.orbit__ring--3{inset:0;animation-duration:40s;border-style:dashed}.orbit__ring--2{inset:13%;animation-duration:26s;animation-direction:reverse}.orbit__ring--2 i{background:var(--violet);box-shadow:0 0 16px var(--violet)}.orbit__ring--1{inset:26%;animation-duration:16s;background:radial-gradient(circle,rgba(139,92,246,.12),transparent 70%)}.orbit__ring--1 i{background:var(--orange);box-shadow:0 0 16px var(--orange)}.orbit__quote{position:relative;max-width:64%;text-align:center}.orbit__quote p{font-size:clamp(17px,2.2vw,24px);font-weight:500;line-height:1.35;transition:opacity .5s}.orbit__quote cite{display:block;margin-top:12px;font-style:normal;font-size:13px;color:var(--green);transition:opacity .5s}.orbit__quote.is-swapping p,.orbit__quote.is-swapping cite{opacity:0}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:64px;counter-reset:step}.process li{padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.process .mono{color:var(--violet);font-size:13px}.process h3{margin:6px 0;font-size:20px}.process p{color:var(--muted);font-size:15px}@media (max-width: 900px){.process{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.process{grid-template-columns:1fr}.orbit__quote{max-width:70%}}.contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:start}.contact__big{margin-top:20px;font-size:clamp(28px,3.8vw,48px);font-weight:700;line-height:1.1;letter-spacing:-.03em}.contact__list{margin-top:32px;display:grid;gap:12px}.contact__list a{display:inline-flex;align-items:center;gap:12px;font-size:clamp(16px,1.6vw,19px);color:var(--muted);transition:color .25s;word-break:break-all}.contact__list a:hover{color:var(--text)}.contact__list svg{flex:none;color:var(--cyan)}.socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.socials a{display:inline-block;padding:8px 16px;border:1px solid var(--border);border-radius:999px;font-size:14px;transition:background .3s,border-color .3s}.socials a:hover{background:var(--surface-2);border-color:var(--border-strong)}.glass{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:linear-gradient(180deg,#ffffff0f,#ffffff05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 40px 80px -40px #000c}.form{display:grid;gap:16px;padding:clamp(20px,3vw,32px)}.field{position:relative}.field input,.field textarea{width:100%;padding:24px 16px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#0000004d;color:var(--text);font:inherit;font-size:16px;resize:vertical;transition:border-color .25s,background .25s}.field input:focus,.field textarea:focus{outline:none;border-color:var(--violet);background:#00000073}.field label{position:absolute;top:17px;left:17px;color:var(--dim);pointer-events:none;transform-origin:0 0;transition:transform .25s var(--ease),color .25s}.field input:focus+label,.field input:not(:placeholder-shown)+label,.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label{transform:translateY(-10px) scale(.75);color:var(--cyan)}.form__intro{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.form__intro svg{flex:none;color:#25d366}.form__intro strong{color:var(--text)}.btn--whatsapp{color:#fff;background:linear-gradient(100deg,#128c7e,#25d366);box-shadow:0 10px 30px -10px #25d36699,inset 0 1px #ffffff40}.btn--whatsapp:hover{box-shadow:0 16px 40px -10px #25d366cc,inset 0 1px #ffffff4d}.form__status a{color:var(--text);text-decoration:underline}.form__status{min-height:1.4em;font-size:14px}.form__status:empty{display:none}.form__status.is-success{color:var(--green)}.form__status.is-error{color:#fda4af}.form__status.is-error a{color:var(--text);text-decoration:underline}#form-submit:disabled{opacity:.7;cursor:progress}@media (max-width: 860px){.contact__grid{grid-template-columns:1fr}}.footer{padding:80px 0 40px;border-top:1px solid var(--border);background:linear-gradient(180deg,transparent,rgba(139,92,246,.06))}.footer__inner{display:grid;gap:28px}.footer__big{font-family:var(--mono);font-size:clamp(48px,12vw,160px);font-weight:600;line-height:1;letter-spacing:-.05em}.footer__links{display:flex;flex-wrap:wrap;gap:8px 24px;font-family:var(--mono);color:var(--muted)}.footer__links a:hover{color:var(--cyan)}.footer__credit{color:var(--dim);font-size:13px}.thanks{display:grid;place-items:center;min-height:100vh;min-height:100svh;padding:16px}.thanks__card{display:grid;justify-items:center;gap:14px;max-width:440px;padding:40px 28px;text-align:center}.thanks__card h1{font-size:36px;letter-spacing:-.03em}.thanks__card p{color:var(--muted)}.thanks__count{font-size:13px;color:var(--dim)!important;margin-bottom:8px}.thanks__check{width:72px;height:72px}.thanks__check circle{stroke:var(--green);stroke-width:2;stroke-dasharray:151;stroke-dashoffset:151;animation:draw .7s var(--ease) forwards}.thanks__check path{stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:draw .4s .6s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}