*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:Space Mono,SF Mono,Menlo,Monaco,Consolas,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visible{visibility:visible}.static{position:static}.relative{position:relative}.bottom-0{bottom:0}.top-0{top:0}.top-\[7px\]{top:7px}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-14{margin-bottom:3.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-4{height:1rem}.h-\[480px\]{height:480px}.h-\[78px\]{height:78px}.min-h-screen{min-height:100vh}.w-11{width:2.75rem}.w-12{width:3rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-fit{width:fit-content}.w-full{width:100%}.min-w-\[280px\]{min-width:280px}.max-w-4xl{max-width:56rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.-rotate-45{--tw-rotate:-45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-9{gap:2.25rem}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.break-words{overflow-wrap:break-word}.rounded-\[22px\]{border-radius:22px}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.bg-black\/30{background-color:#0000004d}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/20{background-color:#fff3}.bg-white\/\[0\.035\]{background-color:#ffffff09}.bg-white\/\[0\.04\]{background-color:#ffffff0a}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-10{padding-bottom:2.5rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pt-28{padding-top:7rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.font-grotesk{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-none{line-height:1}.tracking-\[-0\.03em\]{letter-spacing:-.03em}.tracking-\[-0\.04em\]{letter-spacing:-.04em}.tracking-\[-0\.06em\]{letter-spacing:-.06em}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/40{color:#fff6}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.grayscale-\[\.25\]{--tw-grayscale:grayscale(.25);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--bg-primary:#020202;--bg-secondary:#070707;--panel:#0d0d0d;--panel-soft:#151515;--text:#f7f7f2;--muted:#f7f7f29e;--soft:#f7f7f25c;--line:#f7f7f229;--line-strong:#f7f7f247;--accent:#e1342f;--accent-soft:#ffded9;--accent-glow:#e1342f61;--silver:#b7b7b1}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark],[data-theme=blue]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg-primary);scroll-padding-top:6rem}body{background:var(--bg-primary);min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"kern" 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button{color:inherit}a,button{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#e1342f75;border:1px solid #050505;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#e1342fb8}::selection{color:var(--text);background:#e1342f52}h1,h2,h3,h4,h5,h6{letter-spacing:0;font-feature-settings:"ss01" 1;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.font-mono{font-family:Space Mono,SF Mono,Menlo,Monaco,Consolas,monospace}.page-shell{background:radial-gradient(circle at 72% 16%, #f5f5ef1f, transparent 28rem), radial-gradient(circle at 10% 54%, #bebeb817, transparent 32rem), linear-gradient(90deg, #f5f5ef09 1px, transparent 1px), linear-gradient(180deg, #ffffff07 1px, transparent 1px), var(--bg-primary);background-repeat:no-repeat,no-repeat,repeat,repeat,no-repeat;background-size:auto,auto,72px 72px,72px 72px,auto;min-height:100vh;position:relative}.editor-background{z-index:0;pointer-events:none;isolation:isolate;background:radial-gradient(circle at 55% 20%,#ffffff14,#0000 28rem),linear-gradient(#080908 0%,#030303 58%,#020202 100%);position:fixed;inset:0;overflow:hidden}.editor-background:before,.editor-background:after{content:"";pointer-events:none;position:absolute;inset:0}.editor-background:before{z-index:0;opacity:.54;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0e 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.editor-background:after{z-index:3;will-change:background-position, opacity;background:linear-gradient(#0000 0 50%,#f5f5ef09 51% 52%,#0000 53%) 50%/100% 8px,linear-gradient(#02020205,#0202022e 62%,#020202c2 100%) 50%,linear-gradient(90deg,#02020285,#0202020a 42%,#02020285) 50%,radial-gradient(circle at 50% 28%,#f5f5ef14,#0000 32rem) 48% 22%/145% 145%;animation:6.5s ease-in-out infinite alternate editorGlowSweep}.background-video{z-index:1;-o-object-fit:cover;object-fit:cover;opacity:.78;filter:brightness(.72)contrast(1.12)saturate(.92);inset:0;transform:scale(1.01);width:100%!important;height:100%!important;position:absolute!important}.background-vignette{z-index:4;pointer-events:none;background:linear-gradient(#0202022e,#02020280 82%,#020202eb),radial-gradient(circle at 50% 36%,#0000 0 18rem,#02020233 44rem),linear-gradient(90deg,#0202029e,#0000 34% 66%,#02020299);position:absolute;inset:0}.live-editor{z-index:1;opacity:.8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#121313d1;border:1px solid #ffffff1c;border-radius:22px;width:min(94vw,1500px);height:min(72vh,760px);min-height:470px;animation:12s ease-in-out infinite alternate editorWindowFloat;position:absolute;top:clamp(4.5rem,6vw,6.2rem);left:50%;overflow:hidden;transform:translate(-50%)perspective(1000px)rotateX(1.5deg);box-shadow:0 44px 120px #00000080,inset 0 1px #ffffff14}.live-editor-titlebar{background:#222323c7;border-bottom:1px solid #ffffff14;grid-template-columns:9rem minmax(14rem,34rem) 1fr;align-items:center;gap:1rem;height:3.3rem;padding:0 1rem;display:grid}.traffic-lights,.editor-layout-icons{align-items:center;gap:.68rem;display:flex}.traffic-lights span{border-radius:999px;width:.85rem;height:.85rem}.traffic-lights span:first-child{background:#ff5f57}.traffic-lights span:nth-child(2){background:#ffbd2e}.traffic-lights span:nth-child(3){background:#28c840}.editor-search{color:#f5f5ef94;background:#ffffff0e;border:1px solid #ffffff17;border-radius:9px;min-height:2.05rem;padding:0 1.1rem;font-family:Space Mono,monospace;font-size:.95rem;line-height:2.05rem}.editor-layout-icons{justify-content:flex-end}.editor-layout-icons span{border:2px solid #f5f5ef61;border-radius:4px;width:1.25rem;height:1.25rem}.live-editor-body{grid-template-columns:4.3rem minmax(0,1fr);height:calc(100% - 3.3rem);display:grid}.editor-activity{color:#f5f5ef8a;background:#121313e0;border-right:1px solid #ffffff14;align-content:start;justify-items:center;gap:1.55rem;padding-top:1.35rem;font-size:1.6rem;display:grid}.editor-sidebar{color:#f5f5ef9e;background:#191a1ad1;border-right:1px solid #ffffff14;flex-direction:column;gap:.86rem;padding:1.15rem 1.2rem;font-family:Space Grotesk,sans-serif;font-size:clamp(.92rem,1.35vw,1.24rem);font-weight:650;display:flex}.editor-sidebar p{color:#f5f5efb8;letter-spacing:.05em;margin-bottom:.7rem;font-size:.9rem}.editor-sidebar strong{color:#f5f5efd6;align-items:center;gap:.55rem;display:inline-flex}.editor-project-logo{color:#080807;letter-spacing:0;background:linear-gradient(135deg,#ff7e5cf2,#f5f5efeb);border:1px solid #ff7e5c80;border-radius:9px;flex:none;place-items:center;width:2rem;height:2rem;font-size:.72rem;font-weight:900;display:inline-grid;box-shadow:0 0 28px #ff7e5c38}.editor-sidebar span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.editor-sidebar .active-file{color:#f5f5efe6;background:#f5f5ef14;margin:0 -1.2rem;padding:.55rem 1.2rem}.editor-sidebar .file-html{color:#ff7e5ce6}.editor-sidebar .file-css{color:#61dafbe6}.editor-sidebar .file-js{color:#f7df1eeb}.editor-main{background:#0f1010b8;min-width:0}.editor-tabs{border-bottom:1px solid #ffffff14;min-width:0;min-height:3.1rem;display:flex;overflow:hidden}.editor-tabs span{color:#f5f5ef8f;white-space:nowrap;border-right:1px solid #ffffff17;align-items:center;min-width:0;max-width:18rem;padding:0 1.45rem;font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,1.35vw,1.3rem);font-weight:700;display:inline-flex}.editor-tab.is-active{color:#f5f5efe0;background:#181919e6;border-top:2px solid #ff7e5cf2}.editor-typing{color:#f5f5efeb;opacity:.86;text-shadow:0 0 16px #f5f5ef38;will-change:transform;border-left:1px solid #f5f5ef33;width:min(100% - 2rem,1050px);margin:1.4rem 0 0 2.2rem;padding:.5rem 0 .85rem 1.35rem;font-family:Space Mono,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:clamp(1rem,1.9vw,1.75rem);line-height:1.55;animation:18s ease-in-out infinite alternate codeScroll;position:relative}.typing-line{align-items:baseline;gap:1.05rem;min-height:1.55em;display:flex}.typing-number{color:#f5f5ef5c;-webkit-user-select:none;user-select:none;flex:0 0 2.2ch}.typing-code{color:#f5f5efeb;white-space:nowrap;width:0;max-width:100%;animation:codeType 10s steps(var(--char-count), end) infinite;animation-delay:calc(var(--line-index) * .22s);display:inline-block;overflow:hidden}.typing-line:nth-child(2n) .typing-code{color:#aad5ffe0}.typing-line:nth-child(3n) .typing-code{color:#7cf597db}.typing-cursor{background:#f5f5efdb;width:.62rem;height:1.2rem;margin-left:calc(2.2ch + 1.05rem);animation:.85s step-end infinite cursorBlink;display:inline-block;box-shadow:0 0 18px #f5f5ef52}.section-container{width:min(100% - 2rem,1120px);margin:0 auto}.section-padding{padding:7rem 0}.hero-shell{min-height:100vh;position:relative;overflow:hidden}.hero-shell:before,.hero-shell:after,.section-smoke:before{content:"";pointer-events:none;opacity:.75;filter:blur(22px);position:absolute}.hero-shell:before{background:linear-gradient(112deg,#0000 0 36%,#ffffff1c 47%,#0000 58%),linear-gradient(74deg,#0000 0 42%,#f5f5ef26 50%,#0000 64%);height:46rem;inset:18% -18% auto;transform:skewY(-11deg)}.hero-shell:after{filter:none;background:linear-gradient(#00000005,#0202028f 96%),linear-gradient(90deg,#0202026b 0%,#02020205 52%,#0202026b 100%);inset:0}.section-smoke{position:relative;overflow:hidden}.section-smoke:before{background:linear-gradient(100deg,#0000 10%,#ffffff14 46%,#0000 80%);height:20rem;inset:2rem -10% auto;transform:skewY(-8deg)}.site-nav{z-index:50;border-bottom:1px solid #0000;transition:background .25s,border-color .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;position:fixed;inset:0 0 auto}.site-nav.is-scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020202c7;border-color:#ffffff14}.theme-toggle,.hamburger-button{border:1px solid var(--line-strong);width:3rem;height:3rem;color:var(--text);background:#ffffff0a;border-radius:999px;place-items:center;transition:transform .22s,border-color .22s,background .22s,color .22s;display:grid}.theme-toggle:hover,.hamburger-button:hover{background:#ffffff14;border-color:#ffffff61;transform:translateY(-2px)}.theme-toggle{position:relative;overflow:hidden}.theme-toggle-icon{opacity:0;font-size:1rem;transition:opacity .2s,transform .24s;position:absolute;transform:rotate(-55deg)scale(.6)}.theme-toggle-icon.is-active{opacity:1;transform:rotate(0)scale(1)}.theme-toggle-blue-icon{color:#6bb6ff;filter:drop-shadow(0 0 14px #4aa3ff8f)}.theme-toggle[data-theme-mode=blue]{background:#2a89ff24;border-color:#69b6ff94;box-shadow:0 0 28px #4aa3ff33,inset 0 0 18px #4aa3ff14}.mobile-nav-controls{align-items:center;gap:.65rem;display:flex}.hamburger-line{background:currentColor;border-radius:999px;width:1.5rem;height:2px;transition:opacity .2s,transform .22s;position:absolute;left:0}.hamburger-line.is-open-top{transform:translateY(7px)rotate(45deg)}.hamburger-line.is-open-middle{opacity:0}.hamburger-line.is-open-bottom{transform:translateY(-7px)rotate(-45deg)}.mobile-menu-panel{border-top:1px solid var(--line);background:#020202f2}.mobile-nav-link{color:var(--text);text-align:left;border-radius:999px;padding:.75rem 1rem;font-family:Space Grotesk,sans-serif;font-size:1.125rem;font-weight:700}.logo-mark{color:var(--text);align-items:center;gap:.65rem;font-family:Space Grotesk,sans-serif;font-size:1.35rem;font-weight:800;line-height:1;display:inline-flex}.logo-symbol{border:1px solid var(--line-strong);color:#050505;background:#fff;border-radius:9px;place-items:center;width:2rem;height:2rem;font-size:.78rem;font-weight:900;display:grid}.nav-link{color:#f7f7f2ad;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:600;transition:color .2s}.nav-link:hover,.nav-link.is-active{color:var(--text)}.pill,.btn-primary,.btn-outline{border-radius:999px;justify-content:center;align-items:center;gap:.65rem;min-height:3.15rem;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .22s,border-color .22s,background .22s,color .22s,box-shadow .22s;display:inline-flex}.pill{border:1px solid var(--line);min-height:2.7rem;color:var(--text);background:#ffffff09;padding:0 1.25rem}.btn-primary{color:#111;background:linear-gradient(#fff,#f1e2df);border:1px solid #ffffff75;padding:.25rem .3rem .25rem 1.45rem;box-shadow:0 0 38px #ffffff2e,inset 0 0 0 1px #00000014}.btn-primary:hover,.btn-outline:hover,.pill:hover{transform:translateY(-2px)}.btn-primary .btn-dot{background:var(--accent);color:#fff;border-radius:999px;place-items:center;width:2.55rem;height:2.55rem;display:grid;box-shadow:0 8px 18px #e1342f57}.btn-outline{border:1px solid var(--line);min-height:3.1rem;color:var(--text);background:#ffffff09;padding:0 1.35rem}.btn-outline:hover{background:#ffffff14;border-color:#ffffff57}.hero-title{letter-spacing:-.055em;max-width:980px;font-family:Space Grotesk,sans-serif;font-size:clamp(4rem,7vw,6.7rem);font-weight:500;line-height:.86}.hero-copy{max-width:760px;color:var(--muted);font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.7}.letter-spaced{color:#f7f7f2b8;letter-spacing:.36em;text-transform:uppercase;font-family:Space Mono,monospace;font-size:clamp(.72rem,1vw,.9rem);line-height:2.1}.hero-art{--hero-base-transform:translateX(-50%) rotate(-8deg);aspect-ratio:1;width:min(20vw,220px);min-width:170px;transform:var(--hero-base-transform);transform-origin:50%;isolation:isolate;will-change:transform;margin:0;animation:7.5s ease-in-out infinite heroArtFloat;position:absolute;top:5.8rem;left:50%}.hero-content{padding-top:min(25vh,170px)}.hero-art:before{content:"";z-index:0;transform-origin:50%;will-change:border-radius, transform, filter;background:linear-gradient(145deg,#ffffff42,#ffffff0a),linear-gradient(45deg,#c4c4bedb,#3a3a38d1);border:1px solid #ffffff38;border-radius:28% 72% 62% 38%/44% 34% 66% 56%;animation:9s ease-in-out infinite alternate heroBlobMorph;position:absolute;inset:13%;box-shadow:0 40px 90px #bebeb829}.hero-art:after{content:"";z-index:0;opacity:.6;filter:blur(18px);mix-blend-mode:screen;background:radial-gradient(circle at 68% 18%,#ffffff2e,#0000 18%),radial-gradient(circle at 30% 82%,#bebeb83d,#0000 30%);border-radius:46% 54% 62% 38%/46% 42% 58% 54%;animation:6.5s ease-in-out infinite heroGlowDrift;position:absolute;inset:-12%}.hero-art img{z-index:2;-o-object-fit:cover;object-fit:cover;filter:grayscale(.35)contrast(1.08);transform-origin:50%;will-change:transform, border-radius;border:1px solid #ffffff38;border-radius:28% 72% 58% 42%/46% 40% 60% 54%;width:52%;height:52%;animation:6.5s ease-in-out infinite heroPhotoFloat;position:absolute;inset:24%;transform:rotate(8deg)}.hero-art-ring{z-index:1;transform-origin:50%;will-change:transform, border-radius;border:1px solid #ffffff29;border-radius:36% 64% 72% 28%/54% 40% 60% 46%;animation:13s linear infinite heroRingOrbit;position:absolute;inset:3%}.side-honor{z-index:35;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040404d1;border:1px solid #ffffff14;border-right:0;place-items:center;gap:1.2rem;padding:1rem .8rem;display:grid;position:fixed;top:47%;right:0}.side-honor strong{font-family:Space Grotesk,sans-serif;font-size:1.4rem}.side-honor span{writing-mode:vertical-rl;color:#f7f7f2c7;letter-spacing:.04em;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700}.section-kicker{border:1px solid var(--line);color:var(--text);background:#ffffff09;border-radius:999px;align-items:center;gap:.7rem;margin-bottom:2.1rem;padding:.78rem 1.3rem;font-family:Space Grotesk,sans-serif;font-weight:700;display:inline-flex}.section-title{letter-spacing:-.055em;font-family:Space Grotesk,sans-serif;font-size:clamp(3.2rem,7vw,7.2rem);font-weight:500;line-height:.9}.section-lede{max-width:640px;color:var(--muted);font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.7}.service-panel,.project-panel{border:1px solid var(--line);background:#060606;border-radius:32px;position:relative;overflow:hidden}.service-panel{min-height:390px;padding:2rem}.service-panel:before,.project-panel:before{content:"";opacity:.62;background:linear-gradient(115deg,#0000 0 44%,#ffffff1a 52%,#0000 66%),linear-gradient(#0000 25%,#e1342f4d 100%);position:absolute;inset:0}.service-panel.alt:before{background:linear-gradient(112deg,#0000 0 40%,#ffffff1a 54%,#0000 68%),linear-gradient(#0000 35%,#5b2eaa94 100%)}.service-code{color:#f7f7f26b;background:linear-gradient(#ffffff0f,#ffffff04),#0c0c0c;border:1px solid #ffffff1c;border-radius:28px;min-height:15rem;padding:1.5rem;font-family:Space Mono,monospace;font-size:clamp(.7rem,1.55vw,1.15rem);line-height:1.9;position:absolute;inset:2rem 2rem auto}.service-content{z-index:2;position:absolute;bottom:2rem;left:2rem;right:2rem}.stat-number{letter-spacing:-.07em;background:linear-gradient(#fff,#8f8f8f);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:clamp(5.5rem,14vw,10.5rem);font-weight:600;line-height:.82}.tech-marquee{width:100%;padding:1.25rem 0;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)}.tech-marquee:before,.tech-marquee:after{content:"";z-index:2;pointer-events:none;width:12%;position:absolute;top:0;bottom:0}.tech-marquee:before{background:linear-gradient(90deg,#020202,#0000);left:0}.tech-marquee:after{background:linear-gradient(270deg,#020202,#0000);right:0}.tech-marquee-track{will-change:transform;gap:2rem;width:max-content;animation:28s linear infinite techMarquee;display:flex}.tech-marquee:hover .tech-marquee-track{animation-play-state:paused}.tech-icon-card{background:linear-gradient(#ffffff0e,#ffffff04),#0d0d12;border:1px solid #ffffff1a;border-radius:18px;flex:none;place-items:center;width:92px;height:92px;display:grid;box-shadow:inset 0 0 0 1px #ffffff09,0 20px 44px #00000047}.tech-icon-card svg{width:48px;height:48px;color:var(--icon-color);filter:drop-shadow(0 8px 16px #0000005c)}.project-panel{grid-template-columns:minmax(0,.9fr) minmax(330px,.85fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);min-height:430px;padding:2rem;display:grid}.project-panel.systems{background:linear-gradient(135deg,#224b78e6,#07070726),#050505}.project-panel.security{color:#101010;background:linear-gradient(135deg,#dadad2e6,#5a504c8c),#111}.project-panel.security .project-meta,.project-panel.security .project-desc{color:#0a0a0ac7}.project-panel.security .project-pill{color:#111;background:#ffffff59;border-color:#00000038}.project-panel.search{background:linear-gradient(135deg,#e24822e6,#22262c8a),#070707}.project-panel.readme{background:linear-gradient(135deg,#0a84ffe0,#2ac57f6b),#050607}.project-panel.extension{color:#101010;background:linear-gradient(135deg,#d7b22ae0,#181f2b80),#070707}.project-panel.extension .project-meta{color:#0a0a0ac7}.project-panel.extension .project-pill{color:#111;background:#ffffff61;border-color:#0003}.project-panel.commerce{background:linear-gradient(135deg,#167664e0,#0707073d),#050505}.project-panel.design{background:linear-gradient(135deg,#449eb0e0,#7a366080),#060708}.project-panel:after{content:"";filter:blur(80px);opacity:.22;pointer-events:none;background:#ffffff2e;border-radius:50%;width:min(42%,520px);height:62%;position:absolute;top:13%;right:2rem}.project-content{z-index:2;max-width:620px;position:relative}.project-visual{z-index:2;aspect-ratio:3/2;background:#0000003d;border:1px solid #ffffff38;border-radius:26px;margin:0;position:relative;overflow:hidden;transform:perspective(900px)rotateX(2deg)rotateY(-5deg);box-shadow:0 34px 90px #0000006b,inset 0 0 0 1px #ffffff0a}.project-visual:after{content:"";mix-blend-mode:screen;opacity:.45;pointer-events:none;background:linear-gradient(#ffffff21,#0000 34%),linear-gradient(115deg,#ffffff29,#0000 28% 100%);position:absolute;inset:0}.project-visual img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.02)}.project-pill{color:var(--text);background:#00000040;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.45rem;margin-bottom:.6rem;margin-right:.55rem;padding:.55rem 1rem;font-family:Space Grotesk,sans-serif;font-size:.88rem;font-weight:600;display:inline-flex}.faq-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:1.4rem 0;display:grid}.contact-field{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#ffffff0a;border-radius:999px;outline:none;padding:1rem 1.2rem}.contact-field::placeholder{color:#f7f7f261}.glass-card,.neon-border-violet,.neon-border-cyan,.neon-border-pink{border-color:var(--line)}.canvas-loader{place-items:center;height:100%;display:grid}.canvas-loader .loader-dot{background:var(--accent);border-radius:999px;width:8px;height:8px}html[data-theme=light],html[data-theme=light] body{color:#121211;background:#ece9df}.theme-light{--bg-primary:#ece9df;--bg-secondary:#dedbd0;--panel:#fffdf7;--panel-soft:#ebe8df;--text:#121211;--muted:#121211e0;--soft:#1212119e;--line:#12121124;--line-strong:#1212113d;color:var(--text)}.theme-light.page-shell{background:radial-gradient(circle at 72% 16%, #ffffffb8, transparent 28rem), radial-gradient(circle at 10% 54%, #1212111f, transparent 32rem), linear-gradient(90deg, #12121112 1px, transparent 1px), linear-gradient(180deg, #1212110e 1px, transparent 1px), var(--bg-primary);color:var(--text);background-repeat:no-repeat,no-repeat,repeat,repeat,no-repeat;background-size:auto,auto,72px 72px,72px 72px,auto}.theme-light.text-white,.theme-light :where(.text-white){color:var(--text)!important}.theme-light :where([class*=text-white\/]){color:#121211e6!important}.theme-light :where([class*=border-white\/]){border-color:#12121124!important}.theme-light :where([class*=bg-white\/]){background-color:#1212110b!important}.theme-light :where([class*=bg-black\/]){background-color:#ffffffb8!important}.theme-light :where(.bg-white){background-color:#121211!important}.theme-light :where(.text-black),.theme-light .pill.bg-white{color:#fff!important}.theme-light .editor-background{background:radial-gradient(circle at 56% 18%,#ffffffc7,#0000 25rem),radial-gradient(circle at 18% 72%,#12121121,#0000 34rem),linear-gradient(#f1eee4 0%,#dedbd0 55%,#ece9df 100%)}.theme-light .editor-background:before{opacity:.72;background-color:#0000;background-image:linear-gradient(90deg,#12121113 1px,#0000 1px),linear-gradient(#1212110f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.theme-light .editor-background:after{background:linear-gradient(#0000 0 50%,#12121109 51% 52%,#0000 53%) 50%/100% 8px,linear-gradient(#ece9df05,#ece9df47 60%,#ece9dfad 100%) 50%,linear-gradient(90deg,#ece9df70,#ece9df05 42%,#ece9df75) 50%,radial-gradient(circle at 48% 22%,#1212111f,#0000 30rem) 48% 22%/145% 145%}.theme-light .background-video{opacity:.6;filter:brightness(1.04)contrast(.92)saturate(.8)}.theme-light .background-vignette{background:linear-gradient(#ece9df1f,#ece9df8a 82%,#ece9dfe6),radial-gradient(circle at 50% 36%,#0000 0 18rem,#ece9df38 44rem),linear-gradient(90deg,#ece9dfa8,#0000 34% 66%,#ece9df9e)}.theme-light .live-editor{opacity:.9;background:#f8f6efd1;border-color:#12121124;box-shadow:0 44px 120px #12121129,inset 0 1px #ffffffc7}.theme-light .live-editor-titlebar{background:#ebe8dfdb;border-color:#12121117}.theme-light .editor-search,.theme-light .editor-layout-icons span{border-color:#12121129}.theme-light .editor-search,.theme-light .editor-sidebar,.theme-light .editor-tabs span{color:#121211ad}.theme-light .editor-activity,.theme-light .editor-sidebar,.theme-light .editor-main,.theme-light .editor-tabs,.theme-light .editor-tabs span{border-color:#1212111c}.theme-light .editor-tabs span{background:#fffdf79e}.theme-light .editor-tab.is-active{color:#121211d6;background:#fffdf7d6}.theme-light .editor-sidebar .active-file{color:#121211d1;background:#12121112}.theme-light .editor-project-logo{color:#fff;background:#121211;border-color:#12121133}.theme-light .editor-typing{color:#121211b8;opacity:.6;text-shadow:0 0 12px #ffffff6b;border-left-color:#1212112e}.theme-light .typing-number{color:#12121157}.theme-light .typing-code,.theme-light .typing-line:nth-child(2n) .typing-code,.theme-light .typing-line:nth-child(3n) .typing-code{color:#121211b8}.theme-light .typing-cursor{background:#121211b8;box-shadow:0 0 18px #12121129}.theme-light .hero-shell:before{background:linear-gradient(112deg,#0000 0 36%,#12121114 47%,#0000 58%),linear-gradient(74deg,#0000 0 42%,#ffffffb8 50%,#0000 64%)}.theme-light .hero-shell:after{background:linear-gradient(#ece9df05,#ece9df7a 94%),linear-gradient(90deg,#ece9df70 0%,#ece9df0a 52%,#ece9df80 100%)}.theme-light .section-smoke:before{background:linear-gradient(100deg,#0000 10%,#12121114 46%,#0000 80%)}.theme-light .site-nav.is-scrolled{background:#f4f2ecc7;border-color:#12121117}.theme-light .logo-symbol{color:#fff;background:#121211;border-color:#121211}.theme-light .nav-link{color:#121211e0}.theme-light .nav-link:hover,.theme-light .nav-link.is-active{color:var(--text)}.theme-light .theme-toggle,.theme-light .hamburger-button,.theme-light .pill,.theme-light .btn-outline,.theme-light .section-kicker{color:var(--text);background:#1212110b}.theme-light .theme-toggle:hover,.theme-light .hamburger-button:hover,.theme-light .pill:hover,.theme-light .btn-outline:hover{background:#12121113;border-color:#12121147}.theme-light .btn-primary{color:#fff;background:linear-gradient(#191916,#070707);border-color:#1212112e;box-shadow:0 18px 46px #12121133,inset 0 0 0 1px #ffffff14}.theme-light .mobile-menu-panel{background:#f4f2ecf5}.theme-light .letter-spaced{color:#121211}.theme-light .hero-art:before{background:linear-gradient(145deg,#ffffffdb,#1212110f),linear-gradient(45deg,#f5f5efe6,#aeaea8d1);border-color:#1212112e;box-shadow:0 40px 90px #12121121}.theme-light .hero-art:after{mix-blend-mode:multiply;background:radial-gradient(circle at 68% 18%,#12121114,#0000 18%),radial-gradient(circle at 30% 82%,#1212111f,#0000 30%)}.theme-light .hero-art img,.theme-light .hero-art-ring{border-color:#12121129}.theme-light .side-honor{background:#f4f2ecd6;border-color:#12121117}.theme-light .side-honor span{color:#121211}.theme-light .service-panel,.theme-light .project-panel{background:#fffdf7}.theme-light .service-panel:before,.theme-light .project-panel:before{background:linear-gradient(115deg,#0000 0 44%,#12121114 52%,#0000 66%),linear-gradient(#0000 25%,#1212111c 100%)}.theme-light .service-panel.alt:before{background:linear-gradient(112deg,#0000 0 40%,#12121114 54%,#0000 68%),linear-gradient(#0000 35%,#12121124 100%)}.theme-light .service-code{color:#1212117a;background:linear-gradient(#1212110b,#12121103),#f8f6ef;border-color:#1212111c}.theme-light .stat-number{background:linear-gradient(#161615,#74746e);-webkit-background-clip:text;background-clip:text}.theme-light .tech-marquee:before{background:linear-gradient(90deg,#f4f2ec,#0000)}.theme-light .tech-marquee:after{background:linear-gradient(270deg,#f4f2ec,#0000)}.theme-light .tech-icon-card{background:linear-gradient(#ffffffd1,#12121105),#fffdf7;border-color:#1212111c;box-shadow:inset 0 0 0 1px #12121109,0 20px 44px #1212111a}.theme-light .tech-icon-card svg{filter:drop-shadow(0 8px 16px #12121124)}.theme-light .contact-field{color:#121211;background:#1212110b}.theme-light .contact-field::placeholder{color:#12121194}html[data-theme=blue],html[data-theme=blue] body{color:#f2f8ff;background:#020817}.theme-blue{--bg-primary:#020817;--bg-secondary:#071325;--panel:#07111f;--panel-soft:#0c1c32;--text:#f2f8ff;--muted:#e2f1ffad;--soft:#badbff66;--line:#77b8ff2e;--line-strong:#7dbeff57;--accent:#4aa3ff;--accent-soft:#d9efff;color:var(--text)}.theme-blue.page-shell{background:radial-gradient(circle at 76% 16%, #4da6ff33, transparent 30rem), radial-gradient(circle at 8% 58%, #8fd8ff1f, transparent 34rem), linear-gradient(90deg, #7ec0ff0e 1px, transparent 1px), linear-gradient(180deg, #7ec0ff0b 1px, transparent 1px), var(--bg-primary);color:var(--text);background-repeat:no-repeat,no-repeat,repeat,repeat,no-repeat;background-size:auto,auto,72px 72px,72px 72px,auto}.theme-blue :where(.bg-white){background-color:#77bdff!important}.theme-blue :where(.text-black),.theme-blue .pill.bg-white{color:#031120!important}.theme-blue .editor-background{background:radial-gradient(circle at 55% 18%,#5fb1ff47,#0000 30rem),radial-gradient(circle at 78% 70%,#195cb43d,#0000 34rem),linear-gradient(#07101d 0%,#030814 58%,#020817 100%)}.theme-blue .editor-background:before{opacity:.66;background-color:#0000;background-image:linear-gradient(90deg,#7fc2ff16 1px,#0000 1px),linear-gradient(#7fc2ff0f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.theme-blue .editor-background:after{background:linear-gradient(#0000 0 50%,#90cdff0a 51% 52%,#0000 53%) 50%/100% 8px,linear-gradient(#02081705,#0208173d 62%,#020817d1 100%) 50%,linear-gradient(90deg,#02081780,#02081705 42%,#0208178a) 50%,radial-gradient(circle at 48% 22%,#59aeff38,#0000 30rem) 48% 22%/145% 145%}.theme-blue .background-video{opacity:.72;filter:brightness(.78)contrast(1.08)saturate(1.05)hue-rotate(7deg)}.theme-blue .background-vignette{background:linear-gradient(#0208171f,#02081780 82%,#020817f0),radial-gradient(circle at 50% 36%,#0000 0 18rem,#0208173d 44rem),linear-gradient(90deg,#0208179e,#0000 34% 66%,#0208179e)}.theme-blue .live-editor{background:#070e1ad1;border-color:#7abeff33;box-shadow:0 44px 120px #0008169e,0 0 90px #4aa3ff1f,inset 0 1px #a8d7ff1f}.theme-blue .live-editor-titlebar{background:#0a172ad6;border-color:#7abeff21}.theme-blue .editor-search,.theme-blue .editor-layout-icons span{border-color:#7ec0ff38}.theme-blue .editor-search,.theme-blue .editor-sidebar,.theme-blue .editor-tabs span{color:#daefffad}.theme-blue .editor-activity,.theme-blue .editor-sidebar,.theme-blue .editor-main,.theme-blue .editor-tabs,.theme-blue .editor-tabs span{border-color:#7abeff21}.theme-blue .editor-activity,.theme-blue .editor-main{background:#040b16bd}.theme-blue .editor-tabs span{background:#091425c2}.theme-blue .editor-tab.is-active{color:#f2f8ffe6;background:#0d1c32f0;border-top-color:#58a8fffa}.theme-blue .editor-typing{color:#eef7ffe6;text-shadow:0 0 18px #4aa3ff3d;border-left-color:#90cdff47}.theme-blue .typing-number{color:#99cfff61}.theme-blue .typing-code{color:#f2f8ffe6}.theme-blue .typing-line:nth-child(2n) .typing-code{color:#97d3ffeb}.theme-blue .typing-line:nth-child(3n) .typing-code{color:#daefffdb}.theme-blue .typing-cursor{background:#76bdffe6;box-shadow:0 0 22px #4aa3ff75}.theme-blue .hero-shell:before{background:linear-gradient(112deg,#0000 0 36%,#6fb8ff24 47%,#0000 58%),linear-gradient(74deg,#0000 0 42%,#e2f4ff24 50%,#0000 64%)}.theme-blue .hero-shell:after{background:linear-gradient(#0208170a,#0208179e 96%),linear-gradient(90deg,#0208177a 0%,#02081705 52%,#0208177a 100%)}.theme-blue .site-nav.is-scrolled,.theme-blue .side-honor,.theme-blue .mobile-menu-panel{background:#030a16d6;border-color:#7ec0ff21}.theme-blue .logo-symbol{color:#031120;background:linear-gradient(135deg,#dff2ff,#58a8ff);border-color:#7dbeff80;box-shadow:0 0 26px #4aa3ff42}.theme-blue .nav-link{color:#e2f1ffa8}.theme-blue .nav-link:hover,.theme-blue .nav-link.is-active{color:var(--text)}.theme-blue .theme-toggle,.theme-blue .hamburger-button,.theme-blue .pill,.theme-blue .btn-outline,.theme-blue .section-kicker{color:var(--text);background:#469aff12;border-color:#7ec0ff38}.theme-blue .theme-toggle:hover,.theme-blue .hamburger-button:hover,.theme-blue .pill:hover,.theme-blue .btn-outline:hover{background:#469aff21;border-color:#90cdff75}.theme-blue .btn-primary{color:#031120;background:linear-gradient(#e8f6ff,#76bdff);border-color:#a4d9ff75;box-shadow:0 0 38px #4aa3ff38,inset 0 0 0 1px #ffffff38}.theme-blue .btn-primary .btn-dot{color:#fff;background:#0b4f9f;box-shadow:0 8px 22px #4aa3ff6b}.theme-blue .letter-spaced,.theme-blue .side-honor span{color:#daefffc2}.theme-blue .hero-art:before{background:linear-gradient(145deg,#90cdff52,#90cdff0d),linear-gradient(45deg,#5297e5db,#0a1c36d1);border-color:#90cdff47;box-shadow:0 40px 90px #4aa3ff2e}.theme-blue .hero-art:after{background:radial-gradient(circle at 68% 18%,#97d3ff33,#0000 18%),radial-gradient(circle at 30% 82%,#2e7be652,#0000 30%)}.theme-blue .hero-art img,.theme-blue .hero-art-ring{border-color:#90cdff3d}.theme-blue .service-panel,.theme-blue .project-panel{background:#06111f}.theme-blue .service-panel:before,.theme-blue .project-panel:before{background:linear-gradient(115deg,#0000 0 44%,#90cdff21 52%,#0000 66%),linear-gradient(#0000 25%,#1268d861 100%)}.theme-blue .service-panel.alt:before{background:linear-gradient(112deg,#0000 0 40%,#90cdff21 54%,#0000 68%),linear-gradient(#0000 35%,#3591ff7a 100%)}.theme-blue .service-code,.theme-blue .contact-field{color:#e2f1ff8f;background:linear-gradient(#4aa3ff13,#4aa3ff05),#07111f;border-color:#7ec0ff2e}.theme-blue .stat-number{background:linear-gradient(#f2f8ff,#58a8ff);-webkit-background-clip:text;background-clip:text}.theme-blue .tech-marquee:before{background:linear-gradient(90deg,#020817,#0000)}.theme-blue .tech-marquee:after{background:linear-gradient(270deg,#020817,#0000)}.theme-blue .tech-icon-card{background:linear-gradient(#4aa3ff1a,#ffffff05),#07111f;border-color:#7ec0ff29;box-shadow:inset 0 0 0 1px #90cdff0a,0 20px 44px #00091857}.theme-blue .tech-icon-card svg{filter:drop-shadow(0 8px 16px #4aa3ff42)}.theme-blue .contact-field::placeholder{color:#e2f1ff6b}@keyframes heroArtFloat{0%,to{transform:var(--hero-base-transform) translate3d(0, 0, 0) scale(1)}35%{transform:var(--hero-base-transform) translate3d(10px, -12px, 0) scale(1.025)}70%{transform:var(--hero-base-transform) translate3d(-8px, 8px, 0) scale(.985)}}@keyframes heroBlobMorph{0%{filter:brightness(.95)contrast(1.08);border-radius:28% 72% 62% 38%/44% 34% 66% 56%;transform:rotate(0)scale(1)}50%{filter:brightness(1.12)contrast(1.16);border-radius:58% 42% 34% 66%/56% 64% 36% 44%;transform:rotate(7deg)scale(1.04)}to{filter:brightness(1.02)contrast(1.1);border-radius:42% 58% 70% 30%/38% 48% 52% 62%;transform:rotate(-5deg)scale(.98)}}@keyframes heroRingOrbit{0%{border-radius:36% 64% 72% 28%/54% 40% 60% 46%;transform:rotate(0)scale(1)}50%{border-radius:62% 38% 36% 64%/42% 62% 38% 58%;transform:rotate(180deg)scale(1.07)}to{border-radius:36% 64% 72% 28%/54% 40% 60% 46%;transform:rotate(360deg)scale(1)}}@keyframes heroPhotoFloat{0%,to{border-radius:28% 72% 58% 42%/46% 40% 60% 54%;transform:rotate(8deg)translate(0,0)scale(1)}45%{border-radius:48% 52% 39% 61%/56% 38% 62% 44%;transform:rotate(11deg)translate(3px,-4px)scale(1.035)}75%{transform:rotate(5deg)translate(-3px,3px)scale(.99)}}@keyframes heroGlowDrift{0%,to{opacity:.5;transform:translate(-4%,4%)rotate(0)scale(.95)}50%{opacity:.86;transform:translate(5%,-5%)rotate(16deg)scale(1.08)}}@keyframes editorGlowSweep{0%{opacity:.95;background-position:50%,50%,50%,34% 14%}to{opacity:1;background-position:50%,50%,50%,66% 34%}}@keyframes editorWindowFloat{0%{transform:translate(-50%)perspective(1000px)rotateX(1.5deg)translate(0,0)scale(1)}to{transform:translate(-50%)perspective(1000px)rotateX(1.1deg)translate(.9rem,-.45rem)scale(1.018)}}@keyframes codeType{0%,4%{opacity:.25;width:0}30%,88%{opacity:1;width:calc(var(--char-count) * 1ch)}to{opacity:.5;width:0}}@keyframes cursorBlink{0%,48%{opacity:1}49%,to{opacity:0}}@keyframes codeScroll{0%,35%{transform:translateY(0)}to{transform:translateY(-18%)}}@keyframes techMarquee{0%{transform:translate(0,0)}to{transform:translate(calc(-50% - 1rem))}}@media (prefers-reduced-motion:reduce){.hero-art,.hero-art:before,.hero-art:after,.hero-art img,.hero-art-ring,.editor-background:before,.editor-background:after,.editor-typing,.typing-code,.typing-cursor,.tech-marquee-track{animation:none}.typing-code{width:auto}.editor-typing{transform:none}}@media (width<=900px){.hero-title{font-size:clamp(3.8rem,16vw,6rem)}.hero-art{--hero-base-transform:rotate(-8deg);width:min(78vw,360px);margin-top:1.5rem;position:relative;top:auto;left:auto;transform:rotate(-8deg)}.hero-content{padding-top:0}.live-editor{opacity:.72;width:112vw;min-height:440px;left:52%}.live-editor-titlebar{grid-template-columns:6rem minmax(9rem,1fr) 5rem}.live-editor-body{grid-template-columns:3.7rem minmax(0,1fr)}.editor-sidebar{padding-inline:.85rem;font-size:.86rem}.editor-sidebar .active-file{margin-inline:-.85rem;padding-inline:.85rem}.editor-typing{margin-left:1.15rem;font-size:clamp(.92rem,3.6vw,1.2rem)}.side-honor{display:none}.service-panel,.project-panel{border-radius:24px}.project-panel{grid-template-columns:1fr;min-height:auto}.project-visual{order:-1;transform:none}}@media (width<=640px){.section-container{width:min(100% - 1.25rem,1120px)}.section-padding{padding:5rem 0}.hero-shell{min-height:auto}.hero-title{font-size:clamp(3.25rem,15vw,4.2rem)}.letter-spaced{letter-spacing:.22em}.hero-art{width:min(64vw,280px)}.live-editor{width:150vw;min-height:430px;left:58%}.live-editor-titlebar{grid-template-columns:4.7rem minmax(8rem,1fr) 3.2rem;padding-inline:.65rem}.editor-layout-icons{gap:.35rem}.editor-layout-icons span{width:.82rem;height:.82rem}.live-editor-body{grid-template-columns:3.2rem minmax(0,1fr)}.editor-activity{font-size:1.25rem}.editor-sidebar{gap:.68rem;font-size:.76rem}.editor-tabs span{min-height:2.65rem;padding-inline:1rem;font-size:.95rem}.editor-typing{width:720px;margin-top:1rem;font-size:.92rem}.service-panel,.project-panel{border-radius:22px;min-height:auto;padding:1.35rem}.service-code{border-radius:18px;min-height:14rem;font-size:.72rem;inset:1.35rem 1.35rem auto}.service-content{bottom:1.35rem;left:1.35rem;right:1.35rem}.project-panel:after{width:72%;height:36%;top:12%;right:-8%}.project-visual{border-radius:18px}.tech-marquee-track{gap:1rem;animation-duration:24s}.tech-icon-card{border-radius:15px;width:74px;height:74px}.tech-icon-card svg{width:39px;height:39px}}.scroll-progress-bar{z-index:100;background:linear-gradient(90deg, var(--accent), #ff7a5a);transform-origin:0;width:100%;height:3px;box-shadow:0 0 12px var(--accent-glow);pointer-events:none;position:fixed;top:0;left:0;transform:scaleX(0)}.cursor-spotlight{z-index:1;pointer-events:none;will-change:transform;background:radial-gradient(circle,#ffffff0a 0%,#0000 72%);border-radius:50%;width:560px;height:560px;position:fixed;top:0;left:0}.theme-light .cursor-spotlight{background:radial-gradient(circle,#12121107 0%,#0000 72%)}.theme-blue .cursor-spotlight{background:radial-gradient(circle,#4aa3ff0e 0%,#0000 72%)}.availability-badge{color:#86eface6;letter-spacing:.06em;text-transform:uppercase;background:#22c55e14;border:1px solid #22c55e59;border-radius:999px;align-items:center;gap:.6rem;padding:.5rem 1.1rem;font-family:Space Mono,monospace;font-size:.78rem;font-weight:700;display:inline-flex}.availability-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite availabilityPulse;display:inline-block;box-shadow:0 0 #22c55eb3}@keyframes availabilityPulse{0%,to{box-shadow:0 0 #22c55e99}50%{box-shadow:0 0 0 6px #22c55e00}}.hero-shimmer-word{background:linear-gradient(110deg,#f7f7f2d1 0%,#fff 30%,#f7f7f29e 50%,#ffb478e6 68%,#f7f7f2d1 100%) 0 0/220%;color:#0000;will-change:background-position;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite heroShimmer;display:inline-block}@keyframes heroShimmer{0%{background-position:200%}to{background-position:-200%}}.social-icon-btn{color:#fff;background:#ffffff0a;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s;display:grid}.social-icon-btn:hover{background:#ffffff1a;border-color:#ffffff61;transform:translateY(-3px);box-shadow:0 8px 22px #00000047}.nav-indicator{background:var(--text);opacity:0;pointer-events:none;border-radius:999px;height:2px;transition:left .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1),opacity .2s;position:absolute;bottom:-26px;box-shadow:0 0 8px #fff6}.service-accent-bar{background:var(--service-accent,var(--accent));opacity:.7;height:2px;box-shadow:0 0 16px var(--service-accent,var(--accent));border-radius:0 0 999px 999px;position:absolute;top:0;left:2rem;right:2rem}.tech-marquee-wrap{flex-direction:column;gap:1rem;display:flex}.tech-marquee-reverse .tech-marquee-track,.tech-marquee-track-reverse{animation-direction:reverse}.profile-photo-wrap{position:relative}.profile-photo-wrap:before{content:"";filter:blur(12px);z-index:-1;background:linear-gradient(135deg,#e1342f47,#ff8c642e,#e1342f1f);border-radius:36px;animation:4s ease-in-out infinite alternate profileGlow;position:absolute;inset:-6px}@keyframes profileGlow{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.project-number{z-index:3;letter-spacing:.12em;color:#ffffff42;-webkit-user-select:none;user-select:none;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;position:absolute;top:1.5rem;right:1.75rem}.project-pill-link{transition:transform .2s,background .2s,border-color .2s}.project-pill-link:hover{background:#ffffff26;transform:translateY(-2px)}.project-visual-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block;transform:scale(1.02)}.project-panel:hover .project-visual-img{transform:scale(1.08)}.faq-row{border-top:1px solid var(--line)}.faq-row:last-child{border-bottom:1px solid var(--line)}.faq-trigger{text-align:left;width:100%;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.4rem 0;display:flex}.faq-icon{background:#ffffff0a;border:1px solid #ffffff24;border-radius:50%;flex-shrink:0;width:2.2rem;height:2.2rem;transition:border-color .2s,background .2s;position:relative}.faq-trigger:hover .faq-icon{background:#ffffff14;border-color:#ffffff52}.faq-icon span{background:currentColor;border-radius:999px;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s;position:absolute;top:50%;left:50%}.faq-icon span:first-child{width:12px;height:1.5px;transform:translate(-50%,-50%)}.faq-icon span:last-child{width:1.5px;height:12px;transform:translate(-50%,-50%)}.faq-icon.is-open span:last-child{opacity:0;transform:translate(-50%,-50%)rotate(90deg)}.footer-inner{position:relative;overflow:hidden}.footer-watermark{letter-spacing:-.06em;color:#ffffff08;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:clamp(6rem,18vw,14rem);font-weight:800;line-height:1;position:absolute;top:50%;right:-.5rem;transform:translateY(-50%)}.theme-light .footer-watermark{color:#1212110a}.theme-blue .footer-watermark{color:#90cdff0a}.theme-light .availability-badge{color:#16a34ae6;background:#22c55e12;border-color:#22c55e59}.theme-light .hero-shimmer-word{background:linear-gradient(110deg,#121211d1 0%,#121211 30%,#1212119e 50%,#b45a28e6 68%,#121211d1 100%) 0 0/220%}.theme-light .nav-indicator{background:#121211d1;box-shadow:0 0 8px #12121133}.theme-light .profile-photo-wrap:before{background:linear-gradient(135deg,#12121124,#5050461a,#12121114)}.theme-light .faq-icon{background:#12121108;border-color:#12121124}.theme-light .faq-trigger:hover .faq-icon{background:#12121112;border-color:#12121147}.theme-light :where(.scroll-progress-bar){background:linear-gradient(90deg,#121211,#6b6b60);box-shadow:0 0 10px #12121147}.theme-blue .availability-badge{color:#93d2ffe6;background:#4aa3ff14;border-color:#4aa3ff61}.theme-blue .availability-dot{background:#4aa3ff;animation:2s ease-in-out infinite availabilityPulseBlue}@keyframes availabilityPulseBlue{0%,to{box-shadow:0 0 #4aa3ff99}50%{box-shadow:0 0 0 6px #4aa3ff00}}.theme-blue .hero-shimmer-word{background:linear-gradient(110deg,#f2f8ffd1 0%,#fff 30%,#daefff9e 50%,#64b4ffe6 68%,#f2f8ffd1 100%) 0 0/220%}.theme-blue .nav-indicator{background:#4aa3ff;box-shadow:0 0 10px #4aa3ff80}.theme-blue .scroll-progress-bar{background:linear-gradient(90deg,#4aa3ff,#a3d8ff);box-shadow:0 0 12px #4aa3ff80}.theme-blue .profile-photo-wrap:before{background:linear-gradient(135deg,#4aa3ff47,#8cc8ff2e,#4aa3ff1f)}.theme-blue .social-icon-btn{background:#469aff12;border-color:#7ec0ff38}.theme-blue .social-icon-btn:hover{background:#469aff29;border-color:#90cdff75;box-shadow:0 8px 22px #00091861}.theme-blue .project-number{color:#daefff33}.hover\:-translate-y-1:hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-white\/30:hover{border-color:#ffffff4d}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (width>=640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:p-8{padding:2rem}.sm\:text-7xl{font-size:4.5rem;line-height:1}}@media (width>=768px){.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}}@media (width>=1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-\[0\.72fr_1\.28fr\]{grid-template-columns:.72fr 1.28fr}.lg\:grid-cols-\[0\.75fr_1\.25fr\]{grid-template-columns:.75fr 1.25fr}.lg\:grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}.lg\:grid-cols-\[0\.92fr_1\.08fr\]{grid-template-columns:.92fr 1.08fr}.lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}.lg\:grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:justify-self-end{justify-self:end}}