/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-font-weight:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-violet-400:oklch(70.2% .183 293.541);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-bold:700;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.isolate{isolation:isolate}.min-h-screen{min-height:100vh}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.hover\:border-violet-400\/40:hover{border-color:#a685ff66}@supports (color:color-mix(in lab, red, red)){.hover\:border-violet-400\/40:hover{border-color:color-mix(in oklab, var(--color-violet-400) 40%, transparent)}}.hover\:text-white:hover{color:var(--color-white)}}}:root{--ink:#f4f3ff;--muted:#a7a5b8;--surface:#0f1122b8;--line:#ffffff1a;--violet:#8b5cf6;--blue:#38bdf8;--night:#060711}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 82% 12%, #6d45e617, transparent 28%), radial-gradient(circle at 8% 72%, #2a97db0e, transparent 31%), linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px), var(--night);color:var(--ink);background-size:64px 64px;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";z-index:-3;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#7d4eed06 51%,#0000 68%);position:fixed;inset:0}::selection{color:#fff;background:#8b5cf66b}a{color:inherit;text-decoration:none}svg{width:1em;height:1em}.shell{width:min(1180px,100% - 48px);margin-inline:auto}.section{padding-block:120px}.ambient{z-index:-2;filter:blur(100px);opacity:.17;pointer-events:none;border-radius:999px;animation:13s ease-in-out infinite alternate ambientDrift;position:fixed}.ambient-one{background:#7139ff;width:520px;height:520px;top:-190px;right:-170px}.ambient-two{background:#087ea4;width:440px;height:440px;animation-delay:-5s;top:72vh;left:-280px}.site-header{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070814b8;border-radius:18px;justify-content:space-between;align-items:center;width:min(1240px,100% - 32px);height:76px;margin:18px auto 0;padding:0 22px;transition:border-color .25s,background .25s,box-shadow .25s;display:flex;position:sticky;top:14px;box-shadow:0 18px 50px #0000002e}.site-header:hover{background:#070814d6;border-color:#8b5cf63d;box-shadow:0 22px 65px #00000042}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-weight:750;display:flex}.brand>span:first-child{letter-spacing:.08em;background:linear-gradient(135deg,#9f7aea,#4f8cff);border-radius:11px;place-items:center;width:38px;height:38px;font-size:12px;display:grid;box-shadow:0 8px 30px #7b5bf647}.site-header nav{color:#bbb9c9;gap:34px;font-size:14px;display:flex}.site-header nav a,.text-link{transition:color .2s;position:relative}.site-header nav a:after{content:"";background:linear-gradient(90deg, var(--violet), var(--blue));transform-origin:100%;height:1px;transition:transform .25s;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover:after{transform-origin:0;transform:scaleX(1)}.site-header nav a:hover,.text-link:hover{color:#fff}.nav-cta{background:linear-gradient(135deg,#8b5cf61f,#38bdf80e);border:1px solid #8b5cf640;border-radius:11px;align-items:center;gap:8px;padding:10px 15px;font-size:13px;transition:transform .2s,box-shadow .2s;display:flex}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px #5746dc29}.hero{grid-template-columns:1.12fr .88fr;align-items:center;gap:70px;min-height:780px;padding:86px 0 80px;display:grid;position:relative}.hero:before{content:"MERN";z-index:-1;color:#ffffff05;letter-spacing:-.09em;font-size:clamp(140px,19vw,290px);font-weight:900;line-height:1;position:absolute;top:49%;right:-6vw;transform:translateY(-50%)rotate(90deg)}.hero-copy{z-index:3;animation:.85s cubic-bezier(.2,.8,.2,1) both heroCopyIn;position:relative}.hero-topline{align-items:center;gap:22px;margin-bottom:34px;display:flex}.hero-topline .availability{margin-bottom:0}.hero-topline>p{color:#666477;letter-spacing:.14em;border-left:1px solid #ffffff1f;margin:0;padding-left:20px;font-family:ui-monospace,monospace;font-size:9px}.availability{color:#9ee9bf;background:#38b27a0f;border:1px solid #55dd9f33;border-radius:999px;align-items:center;gap:9px;width:fit-content;margin-bottom:34px;padding:7px 11px;font-size:12px;display:flex}.availability span{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;box-shadow:0 0 0 4px #4ade801a}.eyebrow{color:#8d8aa4;letter-spacing:.22em;font-size:12px;font-weight:700}.hero h1{letter-spacing:-.062em;max-width:760px;margin:18px 0 23px;font-size:clamp(54px,6.3vw,88px);font-weight:760;line-height:.98}.hero h1>span{color:#0000;filter:drop-shadow(0 8px 25px #6b5ce61f);background:linear-gradient(100deg,#a78bfa 0%,#7c8cff 46%,#55c7ee 100%);-webkit-background-clip:text;background-clip:text}.hero h1:first-line{color:#fff}.hero-lede{max-width:650px;color:var(--muted);font-size:18px;line-height:1.75}.hero-actions{gap:calc(var(--spacing) * 3);flex-wrap:wrap;margin-top:34px;display:flex}.button{justify-content:center;align-items:center;gap:calc(var(--spacing) * 2.5);min-height:50px;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);border-radius:13px;padding:0 19px;transition:transform .2s,border-color .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(135deg,#8158eb,#4169e1);box-shadow:0 14px 38px #524ae542}.button-secondary{border:1px solid var(--line);color:#d7d5e2;background:#ffffff09}.button-secondary:hover{border-color:#ffffff3d}.button-whatsapp{color:#b7f7cc;background:linear-gradient(135deg,#22c55e21,#15803d14);border:1px solid #4ade8042;box-shadow:0 14px 38px #1482461a}.button-whatsapp:hover{border-color:#4ade8075;box-shadow:0 18px 42px #14824629}.proof-row{gap:37px;margin-top:54px;display:flex}.proof-row div{align-items:center;gap:10px;display:flex}.proof-row strong{letter-spacing:-.04em;font-size:24px}.proof-row span{color:#757286;text-transform:uppercase;letter-spacing:.08em;font-size:10px;line-height:1.35}.portrait-stage{place-items:center;min-height:550px;animation:1s cubic-bezier(.2,.8,.2,1) .12s both portraitStageIn;display:grid;position:relative}.portrait-halo{aspect-ratio:1;filter:blur(14px);background:radial-gradient(circle,#764bf052,#30a4db14 43%,#0000 68%);border-radius:50%;width:86%;position:absolute}.portrait-frame{z-index:2;aspect-ratio:1;background:linear-gradient(145deg,#ffffff57,#8752ef24,#43b0e966);border-radius:42% 42% 27% 27%;width:min(430px,91%);padding:1px;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s;position:relative;overflow:hidden;box-shadow:0 45px 120px #00000075,0 0 75px #704bde14}.portrait-stage:hover .portrait-frame{transform:translateY(-7px)scale(1.012);box-shadow:0 55px 140px #00000080,0 0 95px #704bde21}.portrait-frame:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff17}.portrait-frame img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.stack-card{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080917d6;border:1px solid #ffffff1f;border-radius:14px;width:245px;padding:15px 17px 17px;animation:5s ease-in-out infinite cardFloat;position:absolute;bottom:30px;left:-18px;transform:rotate(-2.5deg);box-shadow:0 20px 55px #00000061}.stack-card-top{gap:5px;margin-bottom:12px;display:flex}.stack-card-top span{background:#575569;border-radius:50%;width:6px;height:6px}.stack-card code{color:#c8c5d8;font-size:11px;line-height:1.75}.stack-card b{color:#c084fc;font-weight:500}.stack-card em{color:#67e8f9;font-style:normal}.location-pill{z-index:5;border:1px solid var(--line);color:#c9c7d5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080917d1;border-radius:12px;align-items:center;gap:7px;padding:10px 13px;font-size:12px;display:flex;position:absolute;top:100px;right:-6px;box-shadow:0 15px 40px #00000047}.location-pill span{color:#8b5cf6;font-size:18px}.portrait-orbit{z-index:0;pointer-events:none;border:1px solid #8b5cf61f;border-radius:50%;width:490px;height:490px;position:absolute}.portrait-orbit:after{content:"";background:#8b5cf6;border-radius:50%;width:7px;height:7px;position:absolute;top:15%;left:10%;box-shadow:0 0 18px #8b5cf6}.portrait-orbit-one{animation:22s linear infinite orbitRotate}.portrait-orbit-two{border-style:dashed;border-color:#38bdf81a;width:395px;height:395px;animation:30s linear infinite reverse orbitRotate}.portrait-orbit-two:after{background:#38bdf8;inset:auto 4% 25% auto;box-shadow:0 0 18px #38bdf8}.micro-pill{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#858294;letter-spacing:.12em;background:#080917b8;border:1px solid #ffffff1a;border-radius:7px;padding:7px 9px;font-family:ui-monospace,monospace;font-size:7px;position:absolute}.micro-pill-ui{bottom:128px;right:16px}.micro-pill-api{top:101px;left:31px}.marquee{border-block:1px solid var(--line);background:#ffffff05;width:100%;overflow:hidden}.marquee>div{color:#79778a;letter-spacing:.18em;justify-content:flex-start;align-items:center;gap:36px;width:max-content;min-width:max-content;padding:19px 0;font-size:11px;font-weight:800;display:flex}.marquee-track{animation:30s linear infinite marqueeMove}.marquee:hover .marquee-track{animation-play-state:paused}.marquee i{color:#704dd5;font-style:normal}.section-kicker{color:#89869b;text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:11px;font-size:11px;font-weight:800;display:flex}.section-kicker span{color:#8b5cf6}.about-grid{grid-template-columns:.9fr 1.1fr;gap:100px;margin-top:38px;display:grid}.about h2,.section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(40px,5vw,68px);line-height:1.04}.about h2 em{color:#0000;-webkit-text-stroke:1px #767386;font-style:normal;font-weight:500;display:inline-block}.about-copy{padding-top:3px}.about-copy p{color:var(--muted);margin:0 0 20px;font-size:17px;line-height:1.85}.about-points{grid-template-columns:repeat(3,1fr);gap:10px;margin:32px 0 0;display:grid}.about-points>div{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;padding:16px 14px;transition:border-color .25s,transform .25s,background .25s}.about-points>div:hover{background:#8b5cf60b;border-color:#8b5cf63d;transform:translateY(-4px)}.about-points strong{color:#d7d5e2;margin-bottom:7px;font-size:10px;display:block}.about-points span{color:#777486;font-size:9px;line-height:1.5;display:block}.text-link{border-bottom:1px solid #fff3;align-items:center;gap:9px;width:fit-content;margin-top:34px;padding-bottom:7px;font-size:13px;font-weight:700;display:flex}.skills{border-top:1px solid var(--line)}.section-heading{grid-template-columns:.65fr 1fr .72fr;align-items:end;gap:40px;display:grid}.section-heading h2{font-size:clamp(42px,5vw,64px)}.section-heading>p{color:var(--muted);margin:0;font-size:15px;line-height:1.75}.skill-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:50px;display:grid}.skill-card{border:1px solid var(--line);background:linear-gradient(145deg,#14162ac7,#0a0b19b8);border-radius:20px;min-height:360px;padding:31px;transition:transform .32s cubic-bezier(.2,.7,.2,1),border-color .32s,box-shadow .32s;position:relative;overflow:hidden;box-shadow:0 24px 70px #0000001f}.skill-card:after{content:"";filter:blur(60px);opacity:0;background:#754de0;border-radius:50%;width:170px;height:170px;transition:opacity .3s;position:absolute;top:-110px;right:-95px}.skill-card:hover{border-color:#8b5cf661;transform:translateY(-9px);box-shadow:0 35px 90px #00000047}.skill-card:hover:after{opacity:.2}.skill-number{color:#69667b;font-family:ui-monospace,monospace;font-size:11px}.skill-card-top{justify-content:space-between;align-items:center;display:flex}.skill-card-top i{color:#a78bfa;background:#8b5cf60f;border:1px solid #8b5cf633;border-radius:12px;place-items:center;width:43px;height:43px;font-family:ui-monospace,monospace;font-size:8px;font-style:normal;transition:transform .3s,background .3s,color .3s;display:grid}.skill-card:hover .skill-card-top i{color:#fff;background:linear-gradient(135deg,#7c54e7,#427fe1);transform:rotate(7deg)scale(1.08)}.skill-card h3{letter-spacing:-.035em;margin:30px 0 13px;font-size:27px}.skill-card p{color:#9491a5;min-height:70px;margin:0;font-size:14px;line-height:1.7}.chips{gap:calc(var(--spacing) * 2);flex-wrap:wrap;margin-top:30px;display:flex}.chips span{color:#b4b1c3;letter-spacing:.04em;background:#ffffff06;border:1px solid #ffffff14;border-radius:8px;padding:7px 9px;font-size:10px}.work{border-top:1px solid var(--line)}.work-heading{grid-template-columns:1fr .6fr;align-items:end;gap:70px;display:grid}.work-heading h2{letter-spacing:-.06em;margin:30px 0 0;font-size:clamp(48px,6.5vw,78px);line-height:.98}.work-heading h2 em{color:#0000;-webkit-text-stroke:1px #767386;font-style:normal;font-weight:520}.work-heading>p{color:var(--muted);margin:0;font-size:15px;line-height:1.75}.project-list{gap:28px;margin-top:58px;display:grid}.project-card{border:1px solid var(--line);background:linear-gradient(145deg,#14162bc7,#090a17d6);border-radius:25px;grid-template-columns:.92fr 1.08fr;transition:border-color .35s,box-shadow .35s,transform .35s;display:grid;overflow:hidden;box-shadow:0 35px 110px #00000042}.project-card:hover{border-color:#8b5cf63d;transform:translateY(-5px);box-shadow:0 48px 140px #0000005c,0 0 75px #604ad20b}.project-card-invoflow{background:linear-gradient(145deg,#0f1c2bd1,#090a17db)}.project-card-invoflow:hover{border-color:#38bdf840;box-shadow:0 48px 140px #0000005c,0 0 75px #239dcd0d}.project-card-invoflow .project-label span{color:#67d4e8}.project-card-invoflow .project-tags span{background:#38bdf809;border-color:#38bdf82e}.project-card-invoflow .system-title>span{color:#56bfd9}.project-card-invoflow .flow>div{background:linear-gradient(145deg,#2d91b81b,#ffffff06);border-color:#38bdf833}.project-card-invoflow .button-primary{background:linear-gradient(135deg,#167f9d,#4169e1);box-shadow:0 14px 38px #2d87c538}.project-copy{padding:48px}.project-label{justify-content:space-between;align-items:center;gap:18px;display:flex}.project-label span{color:#9f7aea;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800}.project-label i{color:#8d899d;align-items:center;gap:6px;font-size:10px;font-style:normal;display:flex}.project-label i:before{content:"";background:#fbbf24;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #fbbf2414}.project-index{color:#5e5b6e;letter-spacing:.12em;margin:70px 0 12px;font-family:ui-monospace,monospace;font-size:10px}.project-copy h3{letter-spacing:-.065em;margin:0;font-size:clamp(52px,6vw,82px);line-height:1}.project-lede{max-width:560px;color:var(--muted);margin:23px 0 0;font-size:16px;line-height:1.75}.project-tags{flex-wrap:wrap;gap:6px;margin-top:22px;display:flex}.project-tags span{color:#8f8ba1;letter-spacing:.1em;background:#8b5cf609;border:1px solid #8b5cf629;border-radius:7px;padding:6px 8px;font-family:ui-monospace,monospace;font-size:7px}.project-highlights{border-top:1px solid var(--line);margin-top:40px}.project-highlights>div{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr;gap:10px;padding:18px 0;display:grid}.project-highlights>div>span{color:#6f6c80;padding-top:3px;font-family:ui-monospace,monospace;font-size:10px}.project-highlights p{color:#8f8ca0;margin:0;font-size:12px;line-height:1.55}.project-highlights strong{color:#e2e0ea;margin-bottom:3px;font-size:13px;display:block}.project-actions{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.project-system{border-left:1px solid var(--line);background-color:#090a17;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;min-width:0;padding:28px;display:flex}.system-topbar{border:1px solid var(--line);color:#625f71;background:#131426e6;border-radius:12px 12px 0 0;grid-template-columns:1fr auto 1fr;align-items:center;height:46px;padding:0 15px;display:grid}.system-topbar>div{gap:6px;display:flex}.system-topbar>div span{background:#494758;border-radius:50%;width:7px;height:7px}.system-topbar p{margin:0;font-family:ui-monospace,monospace;font-size:9px}.system-topbar i{color:#58d68d;letter-spacing:.08em;justify-self:end;font-size:8px;font-style:normal}.system-canvas{border:1px solid var(--line);background:#070813c2;border-top:0;border-radius:0 0 12px 12px;flex-direction:column;flex:1;min-height:620px;padding:46px 34px 25px;display:flex}.system-title>span{color:#8666dd;letter-spacing:.15em;font-family:ui-monospace,monospace;font-size:9px}.system-title>strong{letter-spacing:-.05em;margin-top:15px;font-size:clamp(34px,4vw,50px);line-height:1.03;display:block}.flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin:58px 0 42px;display:grid}.flow>div{background:linear-gradient(145deg,#714fd41c,#ffffff06);border:1px solid #8b5cf633;border-radius:12px;min-width:0;padding:17px 13px}.flow>div span{color:#6c687c;font-family:ui-monospace,monospace;font-size:8px;display:block}.flow>div strong{margin:13px 0 4px;font-size:13px;display:block}.flow>div small{color:#777487;font-size:9px}.flow>i{color:#5c5870;font-style:normal}.system-stats{grid-template-columns:1fr 1fr;gap:9px;display:grid}.system-stats>div{border:1px solid var(--line);background:#ffffff06;border-radius:11px;padding:16px}.system-stats span{color:#656275;letter-spacing:.1em;font-family:ui-monospace,monospace;font-size:8px}.system-stats strong{margin:10px 0 4px;font-size:13px;display:block}.system-stats small{color:#7e7b8e;font-size:9px}.system-footer{color:#595668;letter-spacing:.12em;flex-wrap:wrap;gap:8px 22px;margin-top:auto;padding-top:27px;font-size:8px;display:flex}.journey{border-top:1px solid var(--line)}.journey-grid{border:1px solid var(--line);background:#0d0e1da3;border-radius:22px;grid-template-columns:.85fr 1.15fr;margin-top:38px;display:grid;overflow:hidden}.journey-grid>div{min-height:295px;padding:42px;transition:background .3s;position:relative}.journey-grid>div:hover{background:linear-gradient(145deg,#8b5cf60e,#38bdf805)}.journey-grid>div+div{border-left:1px solid var(--line)}.journey-label{color:#7d798e;letter-spacing:.15em;text-transform:uppercase;margin:0 0 40px;font-size:10px;font-weight:700}.journey-grid h2{letter-spacing:-.045em;max-width:570px;margin:0 0 13px;font-size:clamp(30px,4vw,47px);line-height:1.08}.journey-grid>div>p:not(.journey-label){max-width:610px;color:var(--muted);margin:0;font-size:14px;line-height:1.75}.journey-status{color:#a78bfa;text-transform:uppercase;letter-spacing:.09em;background:#8b5cf60f;border:1px solid #8b5cf62e;border-radius:8px;padding:7px 9px;font-size:9px;position:absolute;top:25px;right:25px}.contact{text-align:center;border-top:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;min-height:730px;display:flex;position:relative;overflow:hidden}.contact .section-kicker{z-index:1;position:relative}.contact-status{z-index:1;color:#9996a8;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:42px 0 -25px;font-size:10px;display:flex;position:relative}.contact-status i{background:#4ade80;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #4ade8014,0 0 14px #4ade8057}.contact-orbit{z-index:0;border:1px solid #8b5cf61f;border-radius:50%;width:640px;height:640px;animation:28s linear infinite orbitRotate;position:absolute;box-shadow:0 0 0 95px #8b5cf605,0 0 0 190px #38bdf803}.contact-orbit:before,.contact-orbit:after{content:"";background:#8b5cf6;border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 0 22px #8b5cf6}.contact-orbit:before{top:105px;left:54px}.contact-orbit:after{background:#38bdf8;bottom:81px;right:81px;box-shadow:0 0 22px #38bdf8}.contact-overline{z-index:1;color:#7e7a8e;text-transform:uppercase;letter-spacing:.18em;margin:55px 0 12px;font-size:12px;position:relative}.contact h2{z-index:1;letter-spacing:-.072em;margin:0;font-size:clamp(56px,8.5vw,104px);line-height:.92;position:relative}.contact h2 em{color:#0000;-webkit-text-stroke:1px #7e7a90;font-style:normal;font-weight:520}.contact-copy{z-index:1;max-width:570px;color:var(--muted);margin:30px auto 0;font-size:15px;line-height:1.75;position:relative}.contact-email{z-index:1;color:#c7c4d5;letter-spacing:.025em;border-bottom:1px solid #8b5cf64d;margin-top:18px;padding-bottom:4px;font-family:ui-monospace,monospace;font-size:12px;transition:color .2s,border-color .2s;position:relative}.contact-email:hover{color:#fff;border-color:#8b5cf6}.contact-actions{z-index:1;justify-content:center;gap:calc(var(--spacing) * 3);flex-wrap:wrap;margin-top:25px;display:flex;position:relative}.contact-socials{z-index:1;justify-content:center;align-items:center;gap:23px;margin-top:19px;display:flex;position:relative}.contact-socials a{color:#8f8c9f;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;transition:color .2s,transform .2s;display:inline-flex}.contact-socials a:hover{color:#fff;transform:translateY(-1px)}.contact-socials svg{width:15px;height:15px}.site-footer{border-top:1px solid var(--line);color:#716e82;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:28px 0 40px;font-size:11px;display:flex}.site-footer>div{gap:calc(var(--spacing) * 2.5);display:flex}.site-footer a{border:1px solid var(--line);color:#aaa7b8;border-radius:9px;place-items:center;width:34px;height:34px;font-size:16px;transition:color .2s,border-color .2s,transform .2s;display:grid}.site-footer a:hover{color:#fff;border-color:#8b5cf659;transform:translateY(-2px)}@keyframes pulse{50%{opacity:.5}}@keyframes ambientDrift{to{transform:translate(35px,25px)scale(1.1)}}@keyframes heroCopyIn{0%{opacity:0;filter:blur(7px);transform:translateY(34px)}}@keyframes portraitStageIn{0%{opacity:0;filter:blur(9px);transform:translateY(45px)scale(.94)}}@keyframes cardFloat{50%{transform:rotate(-1.5deg)translateY(-7px)}}@keyframes orbitRotate{to{transform:rotate(360deg)}}@keyframes marqueeMove{to{transform:translate(-50%)}}@keyframes sectionRise{0%{opacity:.25;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline:view()){.about-grid,.section-heading,.skill-grid,.work-heading,.project-card,.journey-grid,.contact>:not(.contact-orbit){animation:linear both sectionRise;animation-timeline:view();animation-range:entry 8% cover 30%}}@media (width<=980px){.hero{grid-template-columns:1fr;gap:30px;padding-top:76px}.portrait-stage{width:100%;max-width:610px;min-height:520px;margin:0 auto}.section-heading{grid-template-columns:1fr;align-items:start;gap:20px}.skill-grid{grid-template-columns:1fr}.skill-card{min-height:auto}.skill-card p{min-height:0}.about-grid{gap:55px}.about-points,.project-card{grid-template-columns:1fr}.project-system{border-left:0;border-top:1px solid var(--line)}.work-heading{grid-template-columns:1fr;align-items:start;gap:24px}}@media (width<=720px){.shell{width:min(100% - 32px,1180px)}.section{padding-block:82px}.site-header{height:66px;margin-top:10px;padding:0 14px}.brand-copy,.site-header nav{display:none}.nav-cta{font-size:12px}.hero{min-height:auto;padding:74px 0 60px}.hero h1{font-size:clamp(50px,15vw,70px)}.hero-lede{font-size:16px}.proof-row{justify-content:space-between;gap:19px}.proof-row div,.proof-row strong,.proof-row span{display:block}.proof-row span{margin-top:4px}.portrait-stage{min-height:420px}.portrait-frame{border-radius:38% 38% 24% 24%;width:88%}.stack-card{width:205px;padding:12px 14px;bottom:5px;left:0}.stack-card code{font-size:9px}.location-pill{top:64px;right:0}.portrait-orbit{width:400px;height:400px}.portrait-orbit-two{width:320px;height:320px}.micro-pill-api{top:77px;left:0}.micro-pill-ui{bottom:81px;right:0}.marquee>div{justify-content:flex-start}.about-grid{grid-template-columns:1fr;gap:36px}.hero-topline{gap:12px}.hero-topline>p{padding-left:12px;font-size:7px}.skill-card{padding:25px}.project-copy{padding:27px 22px 32px}.project-label{align-items:flex-start}.project-label i{text-align:right;max-width:110px}.project-index{margin-top:52px}.project-system{padding:13px}.system-topbar{grid-template-columns:1fr 1fr}.system-topbar p{display:none}.system-canvas{min-height:570px;padding:34px 18px 20px}.flow{grid-template-columns:1fr;margin-block:42px 34px}.flow>i{text-align:center;transform:rotate(90deg)}.system-stats{grid-template-columns:1fr 1fr}.journey-grid{grid-template-columns:1fr}.journey-grid>div{min-height:255px;padding:32px 24px}.journey-grid>div+div{border-left:0;border-top:1px solid var(--line)}.journey-status{margin-top:24px;display:inline-block;position:static}.contact{min-height:680px}.contact-email{overflow-wrap:anywhere;max-width:100%}.contact-orbit{width:410px;height:410px}}@media (width<=480px){.shell{width:calc(100% - 24px)}.section{padding-block:68px}.site-header{border-radius:15px;width:calc(100% - 20px);height:60px;margin-top:8px;padding:0 10px;top:8px}.brand>span:first-child{width:34px;height:34px;font-size:10px}.nav-cta{padding:9px 11px;font-size:11px}.hero{gap:20px;padding:58px 0 48px}.hero-topline{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:24px}.hero-topline>p{border-left:0;padding-left:0;font-size:7px}.availability{padding:6px 9px;font-size:10px}.eyebrow{letter-spacing:.16em;font-size:9px;line-height:1.6}.hero h1{letter-spacing:-.055em;margin:14px 0 20px;font-size:clamp(40px,12.8vw,56px);line-height:1}.hero-lede{font-size:15px;line-height:1.65}.hero-actions,.project-actions,.contact-actions{grid-template-columns:1fr;gap:10px;width:100%;display:grid}.hero-actions{margin-top:26px}.hero-actions .button,.project-actions .button,.contact-actions .button{width:100%}.button{min-height:48px;padding-inline:15px}.proof-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:36px;display:grid}.proof-row div{min-width:0}.proof-row strong{font-size:20px}.proof-row span{letter-spacing:.04em;font-size:8px;line-height:1.4}.portrait-stage{min-height:350px;margin-top:6px}.portrait-frame{width:min(300px,84vw)}.portrait-orbit{width:min(330px,88vw);height:min(330px,88vw)}.portrait-orbit-two{width:min(270px,72vw);height:min(270px,72vw)}.stack-card{width:178px;padding:10px 12px;bottom:0;left:0}.stack-card-top{margin-bottom:8px}.stack-card code{font-size:8px;line-height:1.55}.location-pill{padding:7px 9px;font-size:9px;top:45px;right:0}.location-pill span{font-size:14px}.micro-pill{display:none}.marquee>div{gap:26px;padding-block:15px;font-size:9px}.about h2,.section-heading h2{font-size:clamp(34px,10.5vw,44px)}.about-copy p{font-size:15px;line-height:1.7}.section-heading>p{font-size:14px}.skill-grid{margin-top:36px}.skill-card{border-radius:16px;padding:22px}.skill-card h3{margin-top:24px;font-size:25px}.chips{margin-top:24px}.work-heading h2{margin-top:22px;font-size:clamp(38px,12vw,50px)}.project-list{gap:20px;margin-top:40px}.project-card{border-radius:18px}.project-copy{padding:24px 18px 28px}.project-label{flex-direction:column;align-items:flex-start;gap:8px}.project-label i{text-align:left;max-width:none}.project-label i:before{flex-shrink:0}.project-index{margin-top:36px}.project-copy h3{font-size:clamp(42px,14vw,58px)}.project-lede{margin-top:18px;font-size:14px;line-height:1.7}.project-highlights{margin-top:30px}.project-actions{margin-top:28px}.project-system{padding:10px}.system-topbar{height:42px;padding-inline:10px}.system-topbar i{font-size:7px}.system-canvas{min-height:0;padding:26px 14px 18px}.system-title>strong{font-size:clamp(27px,8.8vw,36px)}.flow{gap:8px;margin:30px 0}.flow>div{padding:14px 12px}.system-stats{gap:7px}.system-stats>div{padding:13px 10px}.system-footer{gap:7px 14px;margin-top:28px;padding-top:20px}.journey-grid>div{min-height:auto;padding:28px 18px}.journey-label{margin-bottom:25px}.journey-grid h2{font-size:clamp(28px,9vw,38px)}.contact{min-height:620px;padding-block:75px}.contact-status{text-align:center;justify-content:center;margin:30px 0 0;font-size:8px}.contact-overline{margin:35px 0 10px;font-size:9px;line-height:1.6}.contact h2{letter-spacing:-.055em;font-size:clamp(40px,12.5vw,54px);line-height:.98}.contact-copy{margin-top:24px;font-size:14px;line-height:1.7}.contact-email{overflow-wrap:anywhere;font-size:10px}.contact-orbit{width:min(360px,90vw);height:min(360px,90vw)}.contact-socials{gap:18px}.site-footer{text-align:center;flex-direction:column;justify-content:center;gap:18px;padding:25px 0 32px}.site-footer p{margin:0}}@media (width<=360px){.hero h1{font-size:40px}.proof-row{gap:5px}.proof-row span{font-size:7px}.portrait-stage{min-height:320px}.stack-card{width:165px}.system-stats{grid-template-columns:1fr}.contact h2{font-size:38px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body{width:100%;max-width:100%;overflow-x:hidden}#root,main{width:100%;max-width:100%;overflow-x:clip}@media (width<=720px){.hero:before,.ambient{display:none}.shell,.hero,.portrait-stage,.about-grid,.skill-grid,.project-list,.project-card,.project-copy,.project-system,.system-canvas,.journey-grid,.contact,.site-footer{min-width:0;max-width:100%}.hero,.portrait-stage,.section,.project-system,.system-canvas{overflow-x:clip}.portrait-orbit,.portrait-orbit-two,.contact-orbit{max-width:95vw;max-height:95vw}}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}