@import"https://fonts.googleapis.com/css2?family=Archivo+Expanded:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://api.fontshare.com/v2/css?f[]=satoshi@300,400,500,600,700,800,900&display=swap";:root{--font-h1: "Archivo Expanded", sans-serif;--font-heading: "Archivo Expanded", sans-serif;--font-body: "Satoshi", sans-serif;--font-satoshi: "Satoshi", sans-serif;--font-inter: "Inter", sans-serif;--bg-primary: #171717;--bg-secondary: rgba(18, 18, 18, .92);--bg-card: rgba(255, 255, 255, .025);--accent: #FE5104;--accent-light: #ff7033;--accent-soft: rgba(254, 81, 4, .1);--accent-glow: rgba(254, 81, 4, .25);--text-primary: #FFFFFF;--text-secondary: #A0A0A0;--text-muted: #4D4D54;--border: rgba(255, 255, 255, .1);--radius-full: 9999px;--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--bg-card-on-white: rgba(20, 20, 20, .84);--bg-card-on-gray: rgba(22, 22, 22, .9);--service-card-border: rgba(255, 255, 255, .12);--card-shadow: 0 4px 20px rgba(0, 0, 0, .2);--surface-panel-bg: rgba(20, 20, 20, .88);--surface-panel-bg-hover: rgba(24, 24, 24, .94);--surface-panel-border: rgba(255, 255, 255, .12);--surface-panel-shadow: 0 10px 32px rgba(0, 0, 0, .22);--surface-panel-shadow-hover: 0 16px 36px rgba(0, 0, 0, .28);--surface-field-bg: rgba(19, 19, 19, .9);--surface-field-bg-hover: rgba(23, 23, 23, .95);--surface-field-border: rgba(255, 255, 255, .12);--surface-field-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);--section-base-bg: rgba(18, 18, 18, .48);--grain-section-opacity: .18;--grain-footer-opacity: .22;--grain-card-opacity: .22;--ease: cubic-bezier(.4, 0, .2, 1);--glass-blur: blur(16px) saturate(180%)}[data-theme=light]{--bg-primary: #FFFFFF;--bg-secondary: #F3F3F5;--bg-card: rgba(0, 0, 0, .03);--bg-card-on-white: #F8F8FA;--bg-card-on-gray: #FFFFFF;--accent: #FE5104;--accent-light: #ff7033;--accent-soft: rgba(254, 81, 4, .08);--accent-glow: rgba(254, 81, 4, .15);--text-primary: #000000;--text-secondary: #4D4D54;--text-muted: #909090;--border: rgba(0, 0, 0, .08);--service-card-border: rgba(0, 0, 0, .06);--card-shadow: 0 4px 20px rgba(0, 0, 0, .04);--surface-panel-bg: rgba(255, 255, 255, .9);--surface-panel-bg-hover: rgba(255, 255, 255, .98);--surface-panel-border: rgba(20, 24, 35, .08);--surface-panel-shadow: 0 10px 28px rgba(15, 20, 31, .06);--surface-panel-shadow-hover: 0 16px 34px rgba(15, 20, 31, .1);--surface-field-bg: rgba(255, 255, 255, .94);--surface-field-bg-hover: rgba(255, 255, 255, .99);--surface-field-border: rgba(20, 24, 35, .08);--surface-field-shadow: inset 0 1px 0 rgba(255, 255, 255, .75);--section-base-bg: transparent;--grain-section-opacity: .4;--grain-footer-opacity: .4;--grain-card-opacity: .35}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main,footer{transition:filter .22s ease,opacity .22s ease}body.mobile-menu-open main,body.mobile-menu-open footer{filter:blur(10px) saturate(115%) brightness(.92)}[data-theme=light] body.mobile-menu-open main,[data-theme=light] body.mobile-menu-open footer{filter:blur(10px) saturate(110%) brightness(.98)}h1,h2,.font-h1{font-family:var(--font-h1);letter-spacing:-.04em;font-weight:400;line-height:1.1}h2{font-weight:600}h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}a{text-decoration:none;color:inherit;transition:color .3s var(--ease)}.nav-link{font-size:20px;font-family:var(--font-h1);text-decoration:none;transition:all .3s var(--ease)}ul,ol{list-style:none}img{max-width:100%;display:block}button,input,textarea,select{font-family:var(--font-body);border:none;outline:none;background:none;color:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#474747;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.container,.container-wide{max-width:1440px;margin:0 auto;padding:0 1.5rem}.section{padding:4.5rem 0;position:relative;background-color:var(--section-base-bg)}.elevated-surface{background:transparent}[data-theme=dark] .elevated-surface{background:#161616b8;--section-grain-opacity: .16}.gradient-text{color:var(--text-primary)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;border-radius:var(--radius-full);font-weight:600;font-size:1.1rem;font-family:var(--font-satoshi);transition:all .3s var(--ease);cursor:pointer;border:none;text-decoration:none;white-space:nowrap}.btn-primary{background:#fe5104bf;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:hover{background:#fe5104d9;box-shadow:0 0 30px var(--accent-glow);transform:translateY(-2px)}.btn-outline{border:1px solid var(--border);color:var(--text-primary);background:var(--bg-card);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.section-label{display:inline-block;padding:.5rem 1rem;background:var(--accent-soft);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--accent);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;font-family:var(--font-satoshi);margin-bottom:2rem;letter-spacing:.05em}.section-title{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:1.5rem;max-width:700px}.section-desc{color:var(--text-secondary);font-size:1.1rem;max-width:600px;line-height:1.7}.card{background:var(--surface-panel-bg)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--surface-panel-border)!important;border-radius:var(--radius-lg);box-shadow:var(--surface-panel-shadow);transition:transform .3s var(--ease),border-color .3s var(--ease),background-color .3s var(--ease),box-shadow .3s var(--ease)}.card:hover{transform:translateY(-4px);border-color:var(--accent)!important;background:var(--surface-panel-bg-hover)!important;box-shadow:var(--surface-panel-shadow-hover)}.spotlight-card{background:var(--surface-panel-bg)!important;border-color:var(--surface-panel-border)!important;box-shadow:var(--surface-panel-shadow);transition:transform .3s var(--ease),border-color .3s var(--ease),background-color .3s var(--ease),box-shadow .3s var(--ease)}.spotlight-card:hover{transform:translateY(-4px);border-color:var(--accent)!important;background:var(--surface-panel-bg-hover)!important;box-shadow:var(--surface-panel-shadow-hover)}.input-field{width:100%;padding:1rem 1.2rem;background:var(--surface-field-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--surface-field-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;box-shadow:var(--surface-field-shadow);transition:border-color .3s var(--ease),background-color .3s var(--ease),box-shadow .3s var(--ease)}.input-field:hover{background:var(--surface-field-bg-hover)}.input-field:focus{border-color:var(--accent);background:var(--surface-field-bg-hover);box-shadow:0 0 0 4px #fe510414,var(--surface-field-shadow)}.input-field::placeholder{color:var(--text-secondary);opacity:.7}.textarea-field{width:100%;padding:1rem 1.2rem;background:var(--surface-field-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--surface-field-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;resize:none;min-height:140px;box-shadow:var(--surface-field-shadow);transition:border-color .3s var(--ease),background-color .3s var(--ease),box-shadow .3s var(--ease)}.textarea-field:hover{background:var(--surface-field-bg-hover)}.textarea-field:focus{border-color:var(--accent);background:var(--surface-field-bg-hover);box-shadow:0 0 0 4px #fe510414,var(--surface-field-shadow)}.textarea-field::placeholder{color:var(--text-secondary);opacity:.7}@media(max-width:768px){.section{padding:4rem 0}.container-wide{padding:0 1.25rem}.projects-grid{grid-template-columns:1fr!important}}@keyframes star-border-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.star-border-root{position:relative;display:inline-block;padding:1px;overflow:hidden;isolation:isolate;border-radius:var(--radius-full);border:none;background:transparent;cursor:pointer;text-decoration:none;transform:translateZ(0)}.star-border-glow{position:absolute;width:300%;height:300%;top:-100%;left:-100%;background:conic-gradient(from 0deg,transparent 0%,transparent 30%,var(--star-border-color, var(--accent)) 50%,transparent 70%,transparent 100%);animation:star-border-rotate var(--star-border-speed, 6s) linear infinite;will-change:transform;pointer-events:none;transform:translateZ(0)}.star-border-content{position:relative;z-index:1;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;background-color:#1a1a1a73;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.12);color:#fff;padding:.7rem 1.75rem;border-radius:calc(var(--radius-full) - 1px);box-shadow:0 4px 20px #0000004d;font-weight:600;font-size:.95rem;font-family:var(--font-satoshi)}.pill-nav-container{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:center;padding:.85rem 1.5rem;pointer-events:none}.pill-nav{--nav-h: 46px;--pill-pad-x: 18px;--pill-gap: 3px;display:flex;align-items:center;gap:6px;pointer-events:auto;position:relative;z-index:2;transform:scale(1.2);transform-origin:top center}.pill-logo{width:var(--nav-h);height:var(--nav-h);border-radius:50%;background:var(--base-bg);backdrop-filter:blur(20px) saturate(165%);-webkit-backdrop-filter:blur(20px) saturate(165%);padding:7px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-decoration:none;flex-shrink:0;transition:background .4s ease;border:1px solid var(--surface-outline, transparent);box-shadow:var(--surface-shadow, none)}.pill-logo img{width:90%;height:90%;object-fit:contain;display:block}.pill-nav-items{position:relative;display:flex;align-items:center;height:var(--nav-h);background:var(--base-bg);backdrop-filter:blur(20px) saturate(165%);-webkit-backdrop-filter:blur(20px) saturate(165%);border-radius:9999px;transition:background .4s ease;border:1px solid var(--surface-outline, transparent);box-shadow:var(--surface-shadow, none)}.pill-list{list-style:none;display:flex;align-items:stretch;gap:var(--pill-gap);margin:0;padding:3px;height:100%}.pill-list>li{display:flex;height:100%}.pill{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 var(--pill-pad-x);background:var(--pill-bg);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);color:var(--pill-text);text-decoration:none;border-radius:9999px;box-sizing:border-box;font-weight:700;font-size:13.5px;line-height:0;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;cursor:pointer;position:relative;overflow:hidden;font-family:var(--font-inter, sans-serif);transition:background .4s ease;border:1px solid var(--pill-outline, transparent);box-shadow:var(--pill-shadow, none)}.pill .hover-circle{position:absolute;left:50%;bottom:0;border-radius:50%;background:var(--hover-circle);z-index:1;display:block;pointer-events:none;will-change:transform}.pill .label-stack{position:relative;display:inline-block;line-height:1;z-index:2}.pill .pill-label{position:relative;z-index:2;display:inline-block;line-height:1;will-change:transform}.pill .pill-label-hover{position:absolute;left:0;top:0;color:var(--hover-text);z-index:3;display:inline-block;will-change:transform,opacity}.pill.is-active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:10px;height:10px;background:var(--accent, #ff3600);border-radius:50px;z-index:4}.pill-nav-controls{display:flex;align-items:center;gap:4px}.pill-control-btn{width:var(--nav-h);height:var(--nav-h);border-radius:50%;background:var(--base-bg);backdrop-filter:blur(20px) saturate(165%);-webkit-backdrop-filter:blur(20px) saturate(165%);border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ctrl-color);font-weight:700;font-size:13px;font-family:var(--font-inter, sans-serif);letter-spacing:.05em;transition:opacity .2s,background .4s ease;flex-shrink:0;border:1px solid var(--surface-outline, transparent);box-shadow:var(--surface-shadow, none)}.pill-control-btn:hover{opacity:.75}.pill-cta-wrap{display:inline-flex;align-items:center;flex-shrink:0}.pill-cta-star{line-height:1}.pill-cta-star>div:last-child{height:var(--nav-h);min-height:var(--nav-h);padding:0 20px!important;font-size:13.5px!important;font-family:var(--font-satoshi, var(--font-inter, sans-serif))!important;font-weight:600!important;white-space:nowrap}.pill-cta{height:var(--nav-h);padding:0 20px;border-radius:9999px;background:#fe5104bf;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(254,81,4,.28);color:#fff;text-decoration:none;font-weight:600;font-size:13.5px;font-family:var(--font-satoshi, var(--font-inter, sans-serif));display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:background-color .25s ease,box-shadow .25s ease,transform .2s ease;letter-spacing:.02em;flex-shrink:0;box-shadow:0 4px 15px var(--accent-glow, rgba(254, 81, 4, .25))}.pill-cta:hover{background:#fe5104d9;box-shadow:0 0 30px var(--accent-glow, rgba(254, 81, 4, .25));transform:translateY(-2px)}.pn-desktop-only{display:flex}.pn-mobile-only{display:none!important}.pill-mobile-menu-button{width:var(--nav-h);height:var(--nav-h);border-radius:50%;background:var(--mobile-trigger-bg, var(--base-bg));backdrop-filter:blur(20px) saturate(165%);-webkit-backdrop-filter:blur(20px) saturate(165%);border:none;display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0;pointer-events:auto;flex-shrink:0;transition:background .4s ease,border-color .4s ease;border:1px solid var(--mobile-trigger-border, var(--surface-outline, transparent));box-shadow:var(--surface-shadow, none)}.pill-mobile-backdrop{position:fixed;inset:0;border:0;margin:0;padding:0;background:radial-gradient(circle at 92% 52px,rgba(254,81,4,.12),transparent 180px),linear-gradient(to bottom,#0a0a0a3d,#0a0a0a4d);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease;z-index:0}.pill-theme-light .pill-mobile-backdrop{background:radial-gradient(circle at 92% 52px,rgba(254,81,4,.08),transparent 180px),linear-gradient(to bottom,#ffffff2e,#f4f7fc42)}.pill-nav-container.is-mobile-open .pill-mobile-backdrop{opacity:1;visibility:visible;pointer-events:auto}.pill-hamburger-line{width:16px;height:2px;background:var(--hamburger-color);border-radius:1px;transform-origin:center;transition:background .4s ease}.pill-mobile-dropdown{position:absolute;top:calc(var(--nav-h, 46px) + 5px);left:auto;right:40px;width:max-content;max-width:calc(100vw - 56px);transform:none;background:var(--mobile-menu-bg, var(--popover-bg));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:16px;box-shadow:0 10px 36px #00000029,0 0 0 1px var(--mobile-menu-border, rgba(255,255,255,.08));z-index:1;opacity:0;visibility:hidden;pointer-events:auto;padding:8px 13px}.pill-theme-light .pill-mobile-dropdown{box-shadow:0 12px 36px #0f141f1f,0 0 0 1px var(--mobile-menu-border, rgba(0,0,0,.06))}.pill-dd-link{display:block;padding:15px 25px;color:var(--pill-text);text-decoration:none;font-size:32px;font-weight:600;font-family:var(--font-inter, sans-serif);border-radius:12px;transition:background-color .15s ease;letter-spacing:.02em;line-height:1.2;min-height:60px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center}.pill-dd-link:hover{background:var(--mobile-item-hover, var(--pill-bg))}.pill-dd-link.is-active{color:var(--accent, #ff3600)}.pill-dd-cta-wrap{padding:6px 6px 4px;display:flex}.pill-dd-start-btn{width:100%;text-decoration:none;white-space:nowrap}.pill-dd-divider{height:1px;margin:6px 16px;background:var(--mobile-item-bg, var(--pill-bg))}.pill-dd-controls{display:flex;gap:5px;padding:6px 6px 4px}.pill-dd-ctrl-btn{flex:1;height:75px;border-radius:15px;background:var(--mobile-item-bg, var(--pill-bg));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--pill-text);font-weight:700;font-size:20px;font-family:var(--font-inter, sans-serif);letter-spacing:.05em;transition:opacity .15s ease,background-color .15s ease;border:1px solid var(--pill-outline, transparent)}.pill-dd-ctrl-btn:hover{opacity:1;background:var(--mobile-item-hover, var(--pill-bg))}@media(max-width:960px){.pn-desktop-only{display:none!important}.pn-mobile-only{display:flex!important}.pill-mobile-menu-button{display:flex}.pill-mobile-backdrop{display:block!important}.pill-nav{--nav-h: 60px}.pill-logo{padding:8px}.pill-hamburger-line{width:21px;height:2.6px;border-radius:2px}.pill-mobile-dropdown{display:block!important;width:max-content;max-width:calc(100vw - 56px)}.pill-nav-container{padding:.65rem .75rem}.pill-nav{width:100%;justify-content:space-between;transform:none}}.metallic-paint-image{--mp-mx: 50%;--mp-my: 50%;--mp-mask-size: contain;--mp-accent-rgb: 254, 81, 4;position:relative;display:inline-block;isolation:isolate;overflow:visible}.metallic-paint-image__base{width:100%;height:100%;display:block;object-fit:var(--mp-mask-size);object-position:center;opacity:0;pointer-events:none}.metallic-paint-image__layer,.metallic-paint-image__layer:before,.metallic-paint-image__layer:after{position:absolute;inset:0;content:"";pointer-events:none;-webkit-mask-image:var(--mp-mask);mask-image:var(--mp-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:var(--mp-mask-size);mask-size:var(--mp-mask-size)}.metallic-paint-image__layer{background:radial-gradient(85% 85% at var(--mp-mx) var(--mp-my),rgba(var(--mp-accent-rgb),.42) 0%,rgba(var(--mp-accent-rgb),.16) 18%,transparent 58%),radial-gradient(60% 60% at 20% 18%,rgba(255,255,255,.34),transparent 72%),linear-gradient(118deg,#ffffff05,#f6f8fdeb 14%,#697180e6,#f7f9fcf5 38%,#383c48f0,#eef1f7f2 66%,#515663e0 78%,#ffffff1f);filter:saturate(1.12) contrast(1.08);animation:metallic-paint-sweep 6.2s linear infinite}.metallic-paint-image__layer:before{background:radial-gradient(55% 55% at calc(var(--mp-mx) + 2%) calc(var(--mp-my) + 1%),rgba(255,255,255,.26),transparent 62%),repeating-linear-gradient(102deg,#ffffff05 0 7px,#ffffff1f 7px 9px,#2326300f 9px 14px);mix-blend-mode:screen;opacity:.7;animation:metallic-paint-scan 4.8s ease-in-out infinite alternate}.metallic-paint-image__layer:after{background:linear-gradient(115deg,transparent 35%,rgba(var(--mp-accent-rgb),.18) 50%,transparent 68%),radial-gradient(80% 65% at 70% 25%,rgba(255,255,255,.18),transparent 70%);mix-blend-mode:plus-lighter;opacity:.75;animation:metallic-paint-glint 3.4s ease-in-out infinite}.metallic-paint-image[data-pointer-active=true] .metallic-paint-image__layer{transition:filter .18s ease;filter:saturate(1.22) contrast(1.1)}@keyframes metallic-paint-sweep{0%{background-position:0 0,0 0,0% 50%;background-size:100% 100%,100% 100%,220% 220%}50%{background-position:0 0,0 0,58% 47%;background-size:100% 100%,100% 100%,235% 235%}to{background-position:0 0,0 0,100% 50%;background-size:100% 100%,100% 100%,220% 220%}}@keyframes metallic-paint-scan{0%{opacity:.5;transform:translate3d(-1.5%,-.5%,0)}to{opacity:.8;transform:translate3d(1.5%,.5%,0)}}@keyframes metallic-paint-glint{0%,to{opacity:.35;transform:translate3d(-3%,0,0)}50%{opacity:.9;transform:translate3d(3%,0,0)}}@media(prefers-reduced-motion:reduce){.metallic-paint-image__layer,.metallic-paint-image__layer:before,.metallic-paint-image__layer:after{animation:none!important}}@supports not ((-webkit-mask-image: url()) or (mask-image: url())){.metallic-paint-image__base{opacity:1}.metallic-paint-image__layer{display:none}}
