@layer reset,base,components,utilities;@property --grad-pos{syntax:"<percentage>";inherits:false;initial-value:0%}@property --shimmer-pos{syntax:"<percentage>";inherits:false;initial-value:-100%}@property --glow-intensity{syntax:"<number>";inherits:false;initial-value:.5}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#050505;--bg-secondary:#0a0a0a;--text-color:#fafafa;--text-secondary:#fafafabf;--work-industry:#fafafa80;--work-desc:#ffffffb3;--stroke-color:#fff;--header-bg-scrolled:#0a0a0cb3;--header-border-scrolled:#ffffff14;--header-shadow-scrolled:0 10px 30px -10px #00000080;--header-backdrop-filter:blur(24px)saturate(180%)brightness(.9);--accent-color:#7c3aed;--accent-secondary:#a855f7;--accent-tertiary:#c084fc;--accent-deep:#5b21b6;--accent-bright:#d8b4fe;--metallic-gold:gold;--metallic-silver:#e5e7eb;--metallic-bronze:#cd7f32;--glass-bg:#ffffff0a;--glass-bg-strong:#ffffff14;--glass-border:#ffffff1f;--glass-border-strong:#fff3;--glass-highlight:#ffffff26;--hue-primary:265;--hue-secondary:280;--hue-accent:270;--saturation-high:85%;--saturation-medium:65%;--saturation-low:45%;--lightness-dark:38%;--lightness-medium:55%;--lightness-light:72%;--gradient-primary:linear-gradient(135deg,#5b21b6 0%,#7c3aed 25%,#a855f7 50%,#c084fc 75%,#e9d5ff 100%);--gradient-vibrant:linear-gradient(135deg,#6366f1 0%,#7c3aed 20%,#a855f7 40%,#8b5cf6 60%,#a78bfa 80%,#c4b5fd 100%);--gradient-depth:linear-gradient(180deg,#7c3aed26 0%,#a855f71a 25%,#c084fc0d 50%,transparent 100%);--gradient-metallic:linear-gradient(135deg,gold 0%,#ffed4e 25%,#fff9c4 50%,gold 75%,#daa520 100%);--gradient-radial-glow:radial-gradient(circle at center,#a855f740 0%,#7c3aed26 35%,transparent 70%);--gradient-radial-ambient:radial-gradient(ellipse at top,#7c3aed14 0%,#a855f70a 40%,transparent 80%);--gradient-mesh:radial-gradient(at 27% 37%,#6211d41f 0px,transparent 50%),radial-gradient(at 97% 21%,#ad2bee1a 0px,transparent 50%),radial-gradient(at 52% 99%,#9942f014 0px,transparent 50%),radial-gradient(at 10% 29%,#580fbd17 0px,transparent 50%),radial-gradient(at 97% 96%,#a413ec12 0px,transparent 50%);--glow-subtle:#a855f733;--glow-medium:#a855f780;--glow-intense:#a855f7cc;--glow-extra:#a855f7;--glow-color:#a855f7;--glow-secondary:#c084fc;--glow-purple:#7c3aed99;--glow-violet:#a855f799;--glow-pink:#ec489999;--glow-blue:#6366f199;--shadow-xs:0 1px 3px #0000001f,0 1px 2px #00000014;--shadow-sm:0 2px 8px #00000026,0 1px 4px #0000001a,0 0 1px #0000000d;--shadow-md:0 8px 24px #00000040,0 4px 12px #00000026,0 2px 6px #0000001a;--shadow-lg:0 16px 48px #00000059,0 8px 24px #00000040,0 4px 12px #00000026;--shadow-xl:0 24px 64px #00000073,0 12px 32px #00000059,0 6px 16px #00000040;--shadow-glow:0 0 20px var(--glow-medium),0 0 40px var(--glow-subtle),0 4px 12px #0003;--shadow-glow-strong:0 0 30px var(--glow-intense),0 0 60px var(--glow-medium),0 8px 24px #0000004d;--shadow-purple:0 8px 32px #7c3aed4d,0 4px 16px #a855f733,0 2px 8px #0003;--shadow-colored-lift:0 20px 60px #7c3aed40,0 10px 30px #a855f726,0 5px 15px #0000004d;--shadow-inset:inset 0 2px 4px #0003,inset 0 1px 2px #0000001a;--shadow-inset-strong:inset 0 4px 8px #0000004d,inset 0 2px 4px #0003;--chroma-offset-x:2px;--chroma-offset-y:1px;--chroma-r:#ff0064b3;--chroma-g:#00ff64b3;--chroma-b:#0064ffb3;--iridescent-1:linear-gradient(135deg,#ff0080 0%,#ff8c00 20%,#40e0d0 40%,#8a2be2 60%,#ff1493 80%,#ff0080 100%);--iridescent-2:linear-gradient(90deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#4facfe 75%,#667eea 100%);--holographic:linear-gradient(125deg,#ff008059 0%,#40e0d059 25%,#8a2be259 50%,#ff149359 75%,#ff008059 100%);--holographic-strong:linear-gradient(125deg,#ff008099 0%,#40e0d099 20%,#8a2be299 40%,#ff149399 60%,#40e0d099 80%,#ff008099 100%);--ease-smooth:cubic-bezier(.16,1,.3,1);--ease-elastic:cubic-bezier(.68,-.55,.265,1.55);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--ease-magnetic:cubic-bezier(.4,0,.2,1);--ease-premium:cubic-bezier(.25,.46,.45,.94);--ease-apple:cubic-bezier(.22,1,.36,1);--ease-spring:linear(0,.006,.025 2.8%,.101 6.1%,.539 15.2%,.661 17.8%,.769 20.6%,.863 24%,.922 27.7%,.96 31.8%,.981 36.4%,.992 41.7%,.998 50%,1);--spring-stiffness:300;--spring-damping:20;--spring-mass:1;--duration-instant:.15s;--duration-fast:.3s;--duration-medium:.5s;--duration-slow:.8s;--duration-glacial:1.2s;--duration-epic:2s;--space-xs:clamp(.35rem,.5vi + .25rem,.5rem);--space-sm:clamp(.75rem,1vi + .5rem,1rem);--space-md:clamp(1.25rem,2vi + .75rem,2rem);--space-lg:clamp(2rem,4vi + 1rem,4rem);--space-xl:clamp(4rem,8vi + 2rem,8rem);--space-2xl:clamp(6rem,10vi + 3rem,12rem);--blur-subtle:10px;--blur-medium:20px;--blur-heavy:40px;--blur-extreme:60px;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:3px;--border-color:#ffffff1a;--border-color-strong:#fff3;--border-color-accent:#a855f74d;--ambient-glow-top:radial-gradient(ellipse at top center,#7c3aed26 0%,transparent 60%);--ambient-glow-bottom:radial-gradient(ellipse at bottom center,#a855f71f 0%,transparent 60%);--font-main:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-display:"Syncopate","Impact","Arial Black",sans-serif;--font-mono:"Space Grotesk","Inter","Roboto","Helvetica Neue","Arial",sans-serif;--text-shadow-sm:0 1px 2px #0000004d;--text-shadow-md:0 2px 4px #0006,0 1px 2px #0003;--text-shadow-lg:0 4px 8px #00000080,0 2px 4px #0000004d,0 1px 2px #0003;--btn-inverse-bg:#fff;--btn-inverse-text:#000;--cursor-gradient-start:#9333ea;--cursor-gradient-end:#6b46c1}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-color:#fff;--bg-secondary:#fff;--text-color:#000;--text-secondary:#000000bf;--work-industry:#00000080;--work-desc:#000000b3;--stroke-color:#000;--header-bg-scrolled:#ffffffd9;--header-border-scrolled:#00000014;--header-shadow-scrolled:0 10px 30px -10px #0000001a;--header-backdrop-filter:blur(24px)saturate(180%)brightness(1.05);--accent-color:#7c3aed;--accent-secondary:#a855f7;--accent-tertiary:#c084fc;--accent-deep:#5b21b6;--accent-bright:#8b5cf6;--glass-bg:#0000000a;--glass-bg-strong:#00000014;--glass-border:#0000001f;--glass-border-strong:#0003;--glass-highlight:#00000026;--glow-subtle:#7c3aed40;--glow-medium:#7c3aed80;--glow-intense:#7c3aedbf;--glow-color:#7c3aed;--shadow-xs:0 1px 3px #00000014,0 1px 2px #0000000d;--shadow-sm:0 2px 8px #0000001a,0 1px 4px #0000000f;--shadow-md:0 8px 24px #00000026,0 4px 12px #0000001a;--shadow-lg:0 16px 48px #0003,0 8px 24px #00000026;--shadow-xl:0 24px 64px #00000040,0 12px 32px #0000002e;--shadow-purple:0 8px 32px #7c3aed33,0 4px 16px #a855f726;--border-color:#0000001a;--border-color-strong:#0003;--btn-inverse-bg:#000;--btn-inverse-text:#fff;--cursor-gradient-start:#6b46c1;--cursor-gradient-end:#9333ea}@font-face{font-family:Space Grotesk;font-style:normal;font-display:block;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:block;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:block;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:block;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syncopate;font-style:normal;font-display:block;font-weight:400;src:url(/assets/syncopate-latin-400-normal-CEZEV0IP.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syncopate;font-style:normal;font-display:block;font-weight:700;src:url(/assets/syncopate-latin-700-normal-D6Fv_luC.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}::view-transition-group(root){z-index:10000;animation-duration:.6s}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){animation:none}*{box-sizing:border-box;cursor:none;scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:0}::-webkit-scrollbar{width:0;height:0;display:none}html{background-color:#000;min-height:100dvh}html.is-loading *,html.is-leaving *{transition:none!important;animation-play-state:paused!important}html[data-theme=light]{background-color:#fff}body{color:var(--text-color);font-family:var(--font-main);-webkit-user-select:none;user-select:none;background:0 0;min-height:100dvh;overflow-x:hidden}input{-webkit-user-select:text;user-select:text;cursor:auto}.ripple{pointer-events:none;z-index:10;background:#ffffff4d;border-radius:50%;animation:.6s ease-out forwards ripple-animation;position:absolute;transform:scale(0)}[data-theme=light] .ripple{background:#00000026}@keyframes ripple-animation{to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ripple{display:none!important}}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (prefers-reduced-transparency:reduce){.glass-card,.modal-content,.modal-overlay{-webkit-backdrop-filter:none!important;background:var(--bg-color)!important;opacity:1!important}.noise-overlay,.aurora-overlay,.depth-fog{display:none!important}}@media (prefers-contrast:more){button,.btn,.btn-primary,a.btn,.nav-link,.social-link,.theme-toggle,.modal-close,.work-card{border:2px solid!important}.desc-text,.work-desc{opacity:1!important;color:var(--text-color)!important}}.skip-to-content{background:var(--accent-color);color:#fff;z-index:10000;border-radius:0 0 8px 8px;padding:1rem 2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:top .3s;position:fixed;top:-100px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000004d}.skip-to-content:focus{outline:none;top:0}button:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}a:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}h1,h2,h3,h4,.hero-title,.section-title,.work-title{text-wrap:balance}p,li,.desc-text{text-wrap:pretty}.desc-text,.work-desc{max-inline-size:65ch}@media (pointer:coarse){button,a.btn,.nav-link,.social-link,.bottom-nav-item,.theme-toggle{min-block-size:44px;min-inline-size:44px}.btn:hover,.nav-link:hover,.social-link:hover{transform:none}}body.is-touch-device .cursor-dot,body.is-touch-device .cursor-outline{visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;display:none!important}@media (hover:none) and (pointer:coarse){.cursor-dot,.cursor-outline{display:none!important}}@supports (content-visibility:auto){#about,#work,#contact{content-visibility:auto;contain-intrinsic-size:0 600px}}@supports (text-box-trim:both){.hero-title,.section-title,.stat-number,.btn{text-box-trim:both;text-box-edge:cap alphabetic}}.container{inline-size:100%;max-inline-size:1400px;margin-inline-start:auto;margin-inline-end:auto;padding-inline-start:clamp(1rem,3vi + .5rem,2rem);padding-inline-end:clamp(1rem,3vi + .5rem,2rem);container-type:inline-size}main{inline-size:100%;position:relative}section{position:relative}#bg-layer{z-index:-2;width:100vw;height:100vh;transition:background-color var(--duration-slow)var(--ease-smooth);background-color:#000;position:fixed;top:0;left:0}[data-theme=light] #bg-layer{background-color:#fff}#fluid-canvas{z-index:1;pointer-events:auto;opacity:1;width:100vw;height:100vh;transition:opacity var(--duration-medium)ease,filter var(--duration-medium)ease;isolation:isolate;position:fixed;top:0;left:0}[data-theme=light] #fluid-canvas{mix-blend-mode:difference;opacity:1}.fluid-tint{display:none}[data-theme=light] .fluid-tint{opacity:1;background:radial-gradient(circle,#fff0 0%,#f0f0f04d 100%)}.aurora-overlay,.noise-overlay,[data-theme=light] .noise-overlay{display:none}.particle-layer{pointer-events:none;z-index:1;opacity:.3;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.particle{opacity:0;filter:blur(.5px);background:#ffffff80;border-radius:50%;width:3px;height:3px;animation:18s ease-in-out infinite floatParticle;position:absolute;box-shadow:0 0 4px #ffffff4d}@keyframes floatParticle{0%{opacity:0;transform:translateY(110vh)translate(0)scale(.8)}5%{opacity:.7}50%{opacity:.9;transform:translateY(50vh)translateX(var(--drift-x,60px))scale(1.2)}95%{opacity:.6}to{transform:translateY(-10vh)translateX(calc(var(--drift-x,60px)*1.5))scale(.9);opacity:0}}.particle:first-child{--drift-x:40px;animation-delay:0s;left:8%}.particle:nth-child(2){--drift-x:-30px;width:2px;height:2px;animation-delay:2.5s;left:18%}.particle:nth-child(3){--drift-x:50px;animation-delay:5s;left:28%}.particle:nth-child(4){--drift-x:-40px;width:2.5px;height:2.5px;animation-delay:1.2s;left:38%}.particle:nth-child(5){--drift-x:35px;animation-delay:3.8s;left:48%}.particle:nth-child(6){--drift-x:-45px;width:3.5px;height:3.5px;animation-delay:6s;left:58%}.particle:nth-child(7){--drift-x:55px;animation-delay:2s;left:68%}.particle:nth-child(8){--drift-x:-50px;width:2px;height:2px;animation-delay:4.5s;left:78%}.particle:nth-child(9){--drift-x:45px;width:3px;height:3px;animation-delay:1.8s;left:88%}.particle:nth-child(10){--drift-x:-60px;width:4px;height:4px;animation-delay:3.2s;left:13%}.depth-fog{display:none}[data-theme=light] .depth-fog{opacity:.3;background:linear-gradient(#0000 0%,#fff9 80%,#fff 100%)}.grid-overlay{display:none}.site-header{z-index:4000;width:100%;transition:transform 1.2s var(--ease-spring),opacity 1.2s var(--ease-spring),filter 1.2s var(--ease-spring),background-color var(--duration-fast)ease;will-change:transform,opacity,filter;pointer-events:none;background:0 0;position:fixed;top:0;left:0}.site-header.header-hidden{opacity:0;filter:blur(12px);transform:translateY(-140%)}@keyframes header-glass-materialize{0%{opacity:0;-webkit-backdrop-filter:blur()saturate()brightness();background-color:#0000;border-bottom-color:#0000;box-shadow:0 0 #0000}to{opacity:1;background-color:var(--header-bg-scrolled);-webkit-backdrop-filter:var(--header-backdrop-filter);border-bottom-color:var(--header-border-scrolled);box-shadow:var(--header-shadow-scrolled)}}#header-bg{opacity:0;width:100%;height:110px;transition:transform 1.2s var(--ease-spring);will-change:transform,opacity,filter;pointer-events:none;background:0 0;border-bottom:1px solid #0000;animation:linear both header-glass-materialize;animation-timeline:scroll();animation-range:0 100px;position:fixed;top:0;left:0;z-index:3900!important}#header-bg.header-hidden{transform:translateY(-140%);opacity:0!important}#header-underlines{z-index:3000;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.header-underline{background:var(--gradient-primary);height:2px;box-shadow:0 0 8px var(--glow-medium);width:0;transition:width var(--duration-fast)var(--ease-smooth);position:absolute}.header-underline.active{width:var(--underline-width,100%)}.header-inner,.scroll-progress{pointer-events:auto}[data-theme=light] .site-header{background:0 0}[data-theme=light] .nav-link .char,[data-theme=light] .logo .char{color:#000}[data-theme=light] .nav-link span{color:#000;mix-blend-mode:normal}[data-theme=light] .logo,[data-theme=light] .nav-link{color:#000}.scroll-progress{isolation:isolate;background:var(--gradient-vibrant);width:0%;height:3px;box-shadow:0 0 15px var(--glow-medium),0 0 30px var(--glow-subtle),0 2px 8px #7c3aed66;transition:width .1s;position:absolute;top:107px;left:0;overflow:hidden}.scroll-progress:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion:no-preference){.scroll-progress:after{animation:4s infinite shimmer-flow}}@keyframes shimmer-flow{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(-100%)}}.header-inner{box-sizing:border-box;inline-size:100%;max-inline-size:1400px;transition:all var(--duration-slow)var(--ease-smooth);justify-content:space-between;align-items:center;margin-inline-start:auto;margin-inline-end:auto;padding:clamp(1rem,2vi + .5rem,2rem) clamp(1rem,3vi + .5rem,2rem);display:flex}.logo{color:var(--text-color);letter-spacing:.5px;text-shadow:none;transition:color var(--duration-slow)var(--ease-smooth)calc(50ms + var(--theme-delay,0s)),transform var(--duration-fast)var(--ease-smooth);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;view-transition-name:none;font-size:1.5rem;font-weight:700;text-decoration:none;position:relative;font-family:var(--font-display)!important;text-transform:uppercase!important}.logo:after{content:none}.logo:hover{transform:translateY(-2px)}.logo:hover:after{opacity:1;transform:scaleX(1)}.main-nav ul{gap:clamp(1.5rem,3vi + .5rem,3rem);list-style:none;display:flex}.nav-link{color:var(--text-color);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;text-shadow:none;font-size:.9rem;text-decoration:none;position:relative}.nav-link:focus-visible{outline:2px solid var(--accent-bright);outline-offset:4px;border-radius:4px}.logo:focus-visible{outline:2px solid var(--accent-bright);outline-offset:4px;border-radius:4px}.bottom-nav-item:focus-visible{outline:2px solid var(--accent-bright);outline-offset:4px;border-radius:4px}.theme-toggle:focus-visible{outline:2px solid var(--accent-bright);outline-offset:4px;border-radius:4px}.nav-link:after{content:none}.nav-link:hover,.nav-link.cursor-hovering{color:var(--text-color);transition:color var(--duration-fast)ease}.nav-link:hover:after,.nav-link.cursor-hovering:after{width:100%}.nav-link.active{color:var(--text-color);text-shadow:0 0 15px var(--glow-medium)}.nav-link.active:after{background:var(--gradient-vibrant);width:100%;box-shadow:0 0 12px var(--glow-medium),0 0 24px var(--glow-subtle);animation:2s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px var(--glow-subtle)}50%{box-shadow:0 0 30px var(--glow-medium),0 0 60px var(--glow-subtle)}}@media (max-width:900px){.header-inner{padding:2rem 5%!important}.main-nav ul{gap:1.5rem}.nav-link{letter-spacing:.5px;font-size:.8rem}.logo{letter-spacing:1px;font-size:1.3rem;font-weight:700;font-family:"Syncopate",var(--font-display)!important}}.bottom-nav{z-index:4100;-webkit-backdrop-filter:blur(20px);padding:.5rem 0;padding-bottom:max(.5rem,env(safe-area-inset-bottom));transition:transform 1.2s var(--ease-spring),opacity 1.2s var(--ease-spring),filter 1.2s var(--ease-spring);will-change:transform,opacity,filter;background:#000000e6;border-top:1px solid #ffffff1a;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav.header-hidden{opacity:0;filter:blur(12px);transform:translateY(140%)}.bottom-nav-item{color:#ffffff80;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;min-width:64px;padding:.5rem 1rem;text-decoration:none;transition:all .3s;display:flex}@media (hover:hover){.bottom-nav-item:hover{color:var(--accent-primary)}}.bottom-nav-item.active{color:var(--accent-primary)}.bottom-nav-item.active .bottom-nav-icon{transform:scale(1.1)}.bottom-nav-icon{stroke-width:1.5px;width:24px;height:24px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.bottom-nav-label{letter-spacing:.02em;text-transform:uppercase;font-size:.65rem;font-weight:500}[data-theme=light] .bottom-nav{background:#fffffff2;border-top-color:#0000001a}[data-theme=light] .bottom-nav-item{color:#00000080}[data-theme=light] .bottom-nav-item.active{color:var(--accent-primary)}@media (hover:hover){[data-theme=light] .bottom-nav-item:hover{color:var(--accent-primary)}}@media (max-width:768px){.bottom-nav{justify-content:space-around;align-items:center;display:flex}.desktop-nav{display:none!important}.header-inner{justify-content:space-between;padding:1rem 5%!important}.logo{letter-spacing:1.5px;font-size:1.125rem}.theme-toggle{width:40px;height:40px}.theme-toggle .icon{font-size:1.1rem}body{padding-bottom:70px}}.hero-section{box-sizing:border-box;align-items:center;min-height:100dvh;padding-block-start:clamp(120px,15vi,160px);padding-block-end:clamp(60px,8vi,80px);display:flex;position:relative}.hero-title{font-family:var(--font-display);text-transform:uppercase;color:var(--text-color);transition:color var(--duration-fast)ease;margin-bottom:1.5rem;font-size:clamp(2.2rem,7.5vw,7rem);line-height:1.05;position:relative}.hero-title:hover:before{opacity:.25}.line-mask{min-height:1.1em;margin-bottom:0;line-height:1;overflow:hidden}.line-mask:last-child{margin-bottom:0}.reveal-text{animation:1s cubic-bezier(.77,0,.175,1) forwards revealUp;display:block;transform:translateY(100%)}.line-mask:nth-child(2) .reveal-text{animation-delay:.1s}.line-mask:nth-child(3) .reveal-text{animation-delay:.2s}.line-mask:nth-child(3){overflow:visible}@keyframes cornerFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.highlight{z-index:10;color:#0000;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-text-stroke:1.5px #a855f766;filter:drop-shadow(0 0 12px #a855f759)drop-shadow(0 2px 8px #a855f733);transition:all var(--duration-medium)ease;isolation:isolate;-webkit-background-clip:text;background-clip:text;position:relative}.mask-wrapper{vertical-align:baseline;line-height:1;display:inline-block;overflow:hidden}.word-plant{vertical-align:baseline;line-height:1;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideDownMask;display:inline-block;transform:translateY(-100%)}@keyframes slideDownMask{to{transform:translateY(0)}}.word-typewriter{vertical-align:baseline;padding-bottom:.26em;line-height:1;display:inline-block;position:relative;color:#0000!important;-webkit-text-stroke-width:clamp(.5px,.2vw,1px)!important;-webkit-text-stroke-color:var(--stroke-color)!important;background:0 0!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:transparent!important;background-clip:unset!important;filter:none!important;text-shadow:none!important}@keyframes smokeFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.word-typewriter:after{content:attr(data-text);color:#0000;-webkit-text-stroke:1px var(--chroma-r);opacity:0;display:none;position:absolute;top:0;left:0;transform:translate(1px)}@keyframes chromaFlicker{0%,90%,to{opacity:0}92%,98%{opacity:.3}}.word-typewriter .letter{opacity:0;display:inline-block}.word-typewriter .letter.visible{animation:.1s forwards fadeInLetter}@keyframes fadeInLetter{to{opacity:1}}.typewriter-cursor{border:1px solid var(--stroke-color);vertical-align:baseline;background-color:#0000;width:.05em;height:.8em;margin-bottom:5px;margin-left:12px;transition:opacity .2s;display:inline-block;transform:translateY(.1em)}.typewriter-cursor.blink{animation:1.15s step-end infinite blinkCursor}@keyframes blinkCursor{0%,to{opacity:0}50%{opacity:1}}.word-slide-in{vertical-align:baseline;line-height:1;animation:.6s cubic-bezier(.16,1,.3,1) 1.2s forwards slideInRightMask;display:inline-block;transform:translate(100%)}@keyframes slideInRightMask{to{transform:translate(0)}}.word-grow{transform-origin:bottom;animation:growUpGround .6s var(--ease-elastic)forwards;vertical-align:baseline;line-height:1;animation-delay:1.5s;display:inline-block;transform:scaleY(0)translateY(-.23em)}@keyframes growUpGround{0%{transform:scaleY(0)translateY(-.23em)}60%{transform:scaleY(1.15)translateY(-.23em)}80%{transform:scaleY(.95)translateY(-.23em)}to{transform:scaleY(1)translateY(-.23em)}}.number-scramble{vertical-align:baseline;line-height:1;font-family:var(--font-display);letter-spacing:0;margin-top:-.06em;display:inline-block;position:relative;color:#0000!important;-webkit-text-stroke-width:clamp(.5px,.2vw,1px)!important;-webkit-text-stroke-color:var(--stroke-color)!important;background:0 0!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:transparent!important;background-clip:unset!important;filter:none!important}.rolling-letter{vertical-align:baseline;opacity:0;min-width:.7em;height:1.2em;display:inline-block;position:relative;overflow:hidden}.rolling-letter.active{opacity:1;animation:.2s ease-in digitalFlicker}@keyframes digitalFlicker{0%,to{opacity:1}50%{opacity:.5}}.rolling-letter:last-child{min-width:.4em}.letter-roller{width:100%;min-width:max-content;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative}.letter-roller .digit{opacity:.7;height:1.2em;line-height:1.2;transition:opacity .2s}.letter-roller .digit:last-child{opacity:1}.btn{color:var(--text-color);font-family:var(--font-mono);text-transform:uppercase;text-align:left;letter-spacing:2px;transition:transform var(--duration-medium)var(--ease-premium),color var(--duration-medium)var(--ease-premium),border-color var(--duration-medium)var(--ease-premium),box-shadow var(--duration-medium)var(--ease-premium),opacity .2s ease;z-index:1;text-shadow:var(--text-shadow-sm);padding:1.25rem 3rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.btn:before{content:"";background:var(--btn-inverse-bg);width:0;height:0;transition:width var(--duration-medium)var(--ease-smooth),height var(--duration-medium)var(--ease-smooth);z-index:-1;border-radius:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:after{content:"";width:0;height:0;transition:width var(--duration-medium)ease,height var(--duration-medium)ease;z-index:-1;background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn{-webkit-tap-highlight-color:transparent}@media (hover:hover){.btn:hover{border-color:var(--accent-bright);color:var(--btn-inverse-text);transform:translateY(-3px)scale(1.02)}.btn:hover:before{width:100%;height:100%}.btn:hover:after{width:300px;height:300px}}.btn:active{border-color:var(--accent-bright);color:var(--btn-inverse-text);transition-duration:.1s;transform:translateY(-1px)scale(.98)}.btn:active:before{width:100%;height:100%;transition-duration:.1s}.btn:active:after{width:300px;height:300px;transition-duration:.1s}@media (max-width:768px){.hero-section{padding-block-end:clamp(100px,15vi,120px)}.hero-title{margin-bottom:1.25rem;font-size:clamp(2rem,10vw,4rem);line-height:.95}.line-mask:last-child{margin-top:-1.5vw}.hero-cta{text-align:left;margin-top:3rem}}@media (max-width:375px){.hero-section{padding-block-start:clamp(50px,12vi,70px);padding-block-end:clamp(90px,14vi,110px)}.hero-title{font-size:clamp(1.5rem,10vw,2.8rem);line-height:1}.line-mask{margin-bottom:.1rem}.line-mask:last-child{margin-top:-.3rem}.hero-cta{margin-top:2.5rem}.btn{letter-spacing:1px;padding:.9rem 1.75rem;font-size:.75rem}}.highlight,.number-scramble{mix-blend-mode:normal;position:relative}.about-section{padding-block-start:clamp(4rem,10vi + 2rem,10rem);padding-block-end:clamp(4rem,10vi + 2rem,10rem);position:relative;overflow:hidden}.about-section:before{content:"";pointer-events:none;z-index:0;width:100%;height:100%;animation:8s ease-in-out infinite pulseGlow;position:absolute;top:0;left:0}.about-section .container{position:relative}.about-section .section-title{font-family:var(--font-display);text-transform:uppercase;color:var(--text-color);text-shadow:var(--text-shadow-md);margin-bottom:4rem;font-size:4rem;display:inline-block;position:relative}.about-section .section-title.reveal-ready{opacity:0}.about-section .section-title.visible{opacity:1!important}.about-section .outline-text{color:#0000;background:var(--gradient-primary);font-size:inherit;z-index:2001;-webkit-background-clip:text;background-clip:text;position:relative}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 8px #a855f766)}50%{filter:drop-shadow(0 0 20px #a855f7b3)}}:root{--fs-about-big:clamp(1.5rem,1.1538rem + 1.5385vw,2.5rem)}.about-section .big-text{font-size:var(--fs-about-big);color:var(--text-color);text-shadow:var(--text-shadow-sm);margin-bottom:clamp(1rem,.5rem + 1.5vw,2rem);font-weight:300;line-height:1.2;position:relative}.about-section .accent{background:var(--gradient-vibrant);-webkit-text-fill-color:transparent;z-index:3000;isolation:isolate;-webkit-background-clip:text;background-clip:text;padding-right:.1em;font-style:italic;animation:3s infinite gradientShift;display:inline-block;position:relative}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes glowIntensifyGpu{0%,to{opacity:0}50%{opacity:1}}.accent-overlay{background:var(--gradient-vibrant);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;font-style:italic;animation:3s infinite gradientShift;font-size:var(--fs-about-big)!important;line-height:1.2!important}.accent-overlay:before{content:none;display:none}.separator-overlay{background:var(--gradient-vibrant);opacity:.7;box-shadow:0 0 15px var(--glow-medium)}.outline-letter-overlay{color:#0000;-webkit-text-stroke:clamp(2px,.3vw,4px)#a855f7;filter:drop-shadow(0 0 15px #7c3aed80)}[data-theme=light] .outline-letter-overlay{-webkit-text-stroke-color:#7c3aed;filter:drop-shadow(0 0 10px #7c3aed66)}.about-section .desc-text{font-family:var(--font-mono);opacity:.85;max-width:500px;color:var(--text-color);text-shadow:var(--text-shadow-sm);margin-bottom:clamp(1.5rem,1rem + 1.5vw,3rem);font-size:clamp(.9375rem,.8726rem + .2885vw,1.125rem);line-height:1.6}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(1rem,4vw,4rem);display:grid}.about-visual{perspective:1500px;z-index:2002;position:relative}.glass-card{min-height:450px;transition:all var(--duration-slow)var(--ease-smooth);transform-style:preserve-3d;z-index:2002;border:none;border-radius:4px;flex-direction:column;justify-content:space-between;padding:3.5rem;animation:7s ease-in-out infinite floatCard;display:flex;position:relative;overflow:hidden;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important}@keyframes floatCard{0%,to{transform:translateY(0)rotateX(0)rotateY(0)}25%{transform:translateY(-12px)rotateX(1deg)rotateY(-1deg)}50%{transform:translateY(-18px)rotateX(2deg)rotateY(0)}75%{transform:translateY(-12px)rotateX(1deg)rotateY(1deg)}}.glass-card:before{display:none}@keyframes gradientRotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glass-card:hover:before{opacity:0}.glass-card:after{display:none}@keyframes glowPulseInternal{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.15)}}.glass-card:hover:after{opacity:1}.glass-card:hover{transform:translateY(-12px)scale(1.02)}@keyframes numberPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.copy-encoded-stack{flex-direction:column;justify-content:center;align-items:center;width:100%;padding-top:clamp(8rem,20vw,16rem);line-height:.85;display:flex}.copy-encoded-row{justify-content:center;align-items:baseline;display:flex}.copy-encoded-row:last-child{margin-top:clamp(4px,1vw,10px)}.copy-letter{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(2.75rem,1.5rem + 3.8vw,5.5rem);font-weight:700}.copy-letter.copy-solid{color:var(--text-color);mix-blend-mode:difference}.copy-letter.copy-outline{color:#0000;-webkit-text-stroke:clamp(1px,.2vw,2px)#a855f7;filter:drop-shadow(0 0 15px #7c3aed80);z-index:3000;isolation:isolate;position:relative}[data-theme=light] .copy-letter.copy-solid{text-shadow:0 10px 30px #0003,0 0 40px #7c3aed26}[data-theme=light] .copy-letter.copy-outline{-webkit-text-stroke-color:#7c3aed;filter:drop-shadow(0 0 10px #7c3aed66)}.glass-card .copy-encoded-stack{opacity:0;transition:all var(--duration-slow)var(--ease-smooth).3s;transform:translateY(20px)}.glass-card.visible .copy-encoded-stack{opacity:1;transform:translateY(0)}@media (max-width:600px){.copy-encoded-stack{padding-top:clamp(4rem,12vw,8rem)}.copy-letter{-webkit-text-stroke-width:clamp(1.5px,.25vw,2.5px);font-size:clamp(2.2rem,9vw,3.5rem)}}.visual-content{position:relative}.visual-content h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;color:var(--text-color);opacity:0;transition:all var(--duration-slow)var(--ease-smooth).3s;text-shadow:var(--text-shadow-md);background:0 0;margin-top:auto;padding-top:clamp(12rem,28vw,22rem);padding-bottom:0;font-size:2rem;font-weight:100;position:relative;transform:translateY(20px)}.glass-card.visible .visual-content h3,.glass-card.visible .visual-content .visual-tagline{opacity:1;transform:none}.about-text{z-index:2002;position:relative}.about-section .separator{background:var(--gradient-vibrant);opacity:.7;width:0;height:3px;box-shadow:0 0 15px var(--glow-medium);transition:width 1s var(--ease-smooth);z-index:3000;isolation:isolate;margin:2rem 0;position:relative}.about-section .separator.visible{width:80px}.stats-row{margin-block-start:var(--space-md);justify-content:flex-start;align-items:center;gap:clamp(.1rem,2.5vw,4.2rem);margin-left:calc(clamp(168px,30vw,270px)/-4.7619);display:flex}.stat-item{transition:all var(--duration-fast)ease;perspective:1000px;z-index:2600;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:clamp(168px,30vw,270px);height:clamp(168px,30vw,270px);padding-top:0;display:flex;position:relative}.stat-item:before{content:"";z-index:2001;width:clamp(100px,25vw,138px);height:clamp(100px,25vw,138px);transition:all var(--duration-fast)ease;border:2px solid #a855f740;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover:hover){.stat-item:hover:before,.stat-item.manual-hover:before{border-color:var(--accent-secondary);box-shadow:0 0 40px var(--glow-medium),inset 0 0 15px var(--glow-subtle);transform:translate(-50%,-50%)scale(1.15)rotate(5deg)}}.stat-item:active:before,.stat-item.manual-hover:before{border-color:var(--accent-secondary);box-shadow:0 0 40px var(--glow-medium),inset 0 0 15px var(--glow-subtle);transform:translate(-50%,-50%)scale(1.15)rotate(5deg)}.stat-item:after{content:"";border:3px solid #0000;border-top-color:var(--accent-secondary);border-right-color:var(--accent-tertiary);z-index:2001;opacity:0;width:clamp(106px,26vw,144px);height:clamp(106px,26vw,144px);transition:all var(--duration-medium)ease;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.stat-item.counting:after{opacity:1;animation:spinProgress 2s var(--ease-smooth)forwards}@keyframes spinProgress{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.stat-number{font-family:var(--font-display);color:var(--text-color);z-index:1;transition:all var(--duration-fast)ease;text-shadow:var(--text-shadow-md);transform-style:preserve-3d;margin-bottom:clamp(.25rem,.8vw,.5rem);font-size:clamp(2.5rem,6vw,4.4rem);font-weight:700;line-height:1;position:relative}[data-theme=light] .stat-number{color:#000;text-shadow:none}[data-theme=light] .stat-label{color:#0009}@media (hover:hover){.stat-item:hover .stat-number{text-shadow:0 0 15px #fff9,0 0 30px #7c3aed99,0 0 50px #7c3aed66;filter:drop-shadow(0 0 5px #7c3aed80);transform:scale(1.15)translateY(-2px)translateZ(20px)}}.stat-item:not(.scanner-container):active .stat-number,.stat-item.is-touched .stat-number{text-shadow:0 0 15px #fff9,0 0 30px #7c3aed99,0 0 50px #7c3aed66;filter:drop-shadow(0 0 5px #7c3aed80);transition:all .1s cubic-bezier(.175,.885,.32,1.275);transform:scale(1.15)translateY(-2px)translateZ(20px)}.stat-item.scanner-container .stat-number,.stat-item.experience-container .stat-number{transition:color var(--duration-fast)ease,text-shadow var(--duration-fast)ease!important}.scanner-text-portal .stat-number,.scanner-text-portal .stat-label,.experience-text-portal .stat-number,.experience-text-portal .stat-label{transition:transform!important}.experience-text-portal .experience-text-wrapper .base-text{transition:text-shadow .3s cubic-bezier(.16,1,.3,1)}.experience-text-portal.experience-completed .experience-text-wrapper .base-text{text-shadow:0 0 20px #a855f799}[data-theme=light] .experience-text-portal.experience-completed .experience-text-wrapper .base-text{text-shadow:0 2px 10px #0003}@media (hover:hover){[data-theme=light] .stat-item:hover .stat-number{color:#000;text-shadow:0 2px 10px #0003;filter:none}}[data-theme=light] .stat-item:active .stat-number,[data-theme=light] .stat-item.is-touched .stat-number{color:#000;text-shadow:0 2px 10px #0003;filter:none}@media (hover:hover){[data-theme=light] .stat-item:hover .stat-label{color:#000}}[data-theme=light] .stat-item:active .stat-label,[data-theme=light] .stat-item.is-touched .stat-label{color:#000}.stat-item.counting .stat-number{animation:.6s ease-in-out countGlow}[data-theme=light] .stat-item.counting .stat-number{text-shadow:0 2px 10px #0000004d;animation:none}@keyframes countGlow{0%,to{text-shadow:0 0 15px var(--glow-medium),0 0 30px var(--glow-subtle);transform:scale(1)}50%{text-shadow:0 0 35px var(--glow-intense),0 0 60px var(--glow-medium);transform:scale(1.05)}}.stat-label{text-transform:uppercase;letter-spacing:clamp(.5px,.15vw,1px);white-space:nowrap;opacity:.7;font-size:clamp(.75rem,2.5vw,1.15rem);font-family:var(--font-mono);color:var(--text-color);z-index:1;transition:all var(--duration-fast)ease;transform-style:preserve-3d;position:relative}@media (hover:hover){.stat-item:hover .stat-label{opacity:1;text-shadow:0 0 10px #fff6,0 0 20px #7c3aed80;transform:scale(1.15)translateY(-2px)translateZ(20px)}}.stat-item:not(.scanner-container):not(.experience-container):active .stat-label,.stat-item.is-touched .stat-label{opacity:1;text-shadow:0 0 10px #fff6,0 0 20px #7c3aed80;transition:all .1s cubic-bezier(.175,.885,.32,1.275);transform:scale(1.15)translateY(-2px)translateZ(20px)}.about-section .reveal-text{opacity:0;transition:all var(--duration-slow)var(--ease-smooth);transform:translateY(20px)}.about-section .reveal-text.visible{opacity:1!important;transform:none!important}.about-section .reveal-text.delay-1{transition-delay:.2s}.about-section .reveal-text.delay-2{transition-delay:.4s}@media (max-width:1150px){.about-grid{grid-template-columns:1fr;gap:1rem}.copy-encoded-stack{align-items:flex-start}.copy-encoded-row{justify-content:flex-start}.glass-card{min-height:350px;padding:2.5rem}.stat-item:before,.stat-item:after{width:90px;height:90px}}@media (max-width:600px){.about-section{padding:3rem 0 2rem}.about-section .section-title{margin-bottom:2rem;font-size:2.5rem}.glass-card{min-height:auto;padding:1rem}.stats-row{flex-flow:row;justify-content:flex-start;align-items:center;width:auto;margin-top:2rem;margin-left:-.5rem}.stat-item{text-align:center;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;flex:none;justify-content:center;align-items:center;width:clamp(135px,35vw,200px);height:clamp(135px,35vw,200px);padding-top:0;display:flex}.visual-content h3{letter-spacing:1px;font-size:1.4rem}}.stat-item.scanner-container{position:relative;overflow:visible}#scanner-root{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:visible}.stat-item.scanner-container:before,.stat-item.scanner-container:after{content:none!important;opacity:0!important;border:none!important;display:none!important}.stat-item.experience-container{position:relative;overflow:visible}#experience-root{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:visible}.stat-item.experience-container:before,.stat-item.experience-container:after{content:none!important;opacity:0!important;border:none!important;display:none!important}.work-section{z-index:10;padding-block-start:clamp(6rem,15vi + 3rem,15rem);padding-block-end:clamp(6rem,15vi + 3rem,15rem);position:relative;overflow:hidden}.work-section:before{content:"";z-index:0;pointer-events:none;width:140%;height:140%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pocket-wrapper{padding-block:var(--space-xl);perspective:2000px;transform-style:preserve-3d;position:relative}.pocket-glow{display:none}.pocket-wrapper.animating .pocket-glow{opacity:1}.pocket-flap{-webkit-backdrop-filter:none;z-index:100;pointer-events:none;height:50vh;box-shadow:none;background:#ffffff01;border:none;transition:all 2.5s cubic-bezier(.16,1,.3,1),opacity 2.5s,-webkit-backdrop-filter 2.5s,backdrop-filter 2.5s;position:absolute;left:0;right:0}.pocket-flap-top{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform-origin:top;border-bottom:none;height:50%;top:0}.pocket-flap-bottom{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform-origin:bottom;border-top:none;height:50%;bottom:0}.pocket-wrapper.animating .pocket-flap-top{clip-path:ellipse(150% 100% at 50% -90%);opacity:0;-webkit-backdrop-filter:none;border-bottom:none;transform:translateY(-20px);box-shadow:0 10px 30px #a855f71a}.pocket-wrapper.animating .pocket-flap-bottom{clip-path:ellipse(150% 100% at 50% 190%);opacity:0;-webkit-backdrop-filter:none;border-top:none;transform:translateY(20px);box-shadow:0 -10px 30px #a855f71a}.pocket-content{z-index:5;position:relative}.pocket-wrapper.animating .pocket-content{opacity:1;transform:scale(1)translateY(0)}.section-title-wrapper{text-align:left;margin-bottom:10rem;padding:4rem 0;position:relative}.section-title-wrapper .section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;margin:0;padding:0;font-size:clamp(3rem,6vw,5rem);display:inline-block;position:relative}.work-section .outline-text{color:#fff;background:0 0;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:#fff;-webkit-text-stroke:0;font-size:inherit;position:relative}[data-theme=light] .work-section .outline-text{color:#000;-webkit-text-fill-color:#000;opacity:1}.work-card{transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s}.portfolio-grid{z-index:2;flex-direction:column;gap:0;display:flex;position:relative}.portfolio-item{perspective:2000px;opacity:0;transition:opacity 1.2s var(--ease-smooth),transform 1.2s var(--ease-smooth);margin-bottom:20rem;position:relative;transform:translateY(60px)}.portfolio-item.visible{opacity:1;transform:translateY(0)}.portfolio-item:nth-child(odd){align-self:flex-start;max-width:60%;margin-left:0}.portfolio-item:nth-child(2n){align-self:flex-end;max-width:70%;margin-top:-10rem;margin-right:0}.portfolio-item:nth-child(3){max-width:58%;margin-top:0}.portfolio-item:first-child{transition-delay:0s}.portfolio-item:nth-child(2){transition-delay:.2s}.portfolio-item:nth-child(3){transition-delay:.4s}.work-card{transform-style:preserve-3d;transition:transform .8s var(--ease-smooth);-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border:none;border-radius:0;position:relative;overflow:visible}.work-card:hover{transform:translateY(-12px)scale(1.01)}.work-visual{aspect-ratio:16/10;inline-size:100%;transition:border-color var(--duration-medium)ease;border:1px solid #ffffff0f;border-radius:0;margin-block-end:var(--space-md);position:relative;overflow:hidden}.work-card:hover .work-visual{border-color:#a855f733}.work-image{width:100%;height:100%;transition:transform var(--duration-slow)var(--ease-smooth),opacity var(--duration-medium)ease;opacity:.92;background-position:50%;background-size:cover;justify-content:center;align-items:center;display:flex}.work-card:hover .work-image{opacity:1;transform:scale(1.04)}.work-graphic{width:120px;height:120px;transition:transform var(--duration-medium)var(--ease-smooth);justify-content:center;align-items:center;display:flex;position:relative}.work-card:hover .work-graphic{transform:scale(1.08)}.work-graphic--fintech{background:radial-gradient(#1e3a8a33 0%,#0000 70%);border-radius:16px;gap:6px;padding:20px;position:relative}.work-graphic--fintech:before{content:"";background:linear-gradient(135deg,#ffffff08 0%,#0000 100%);border:1px solid #ffffff14;border-radius:16px;position:absolute;top:0;bottom:0;left:0;right:0}.work-graphic--fintech:after{content:"";filter:blur(1px);background:linear-gradient(90deg,#0000 0%,#fbbf2499 20%,#fbbf24cc 50%,#fbbf2499 80%,#0000 100%);border-radius:2px;height:2px;animation:3s ease-in-out infinite trendGlow;position:absolute;top:35%;left:15%;right:15%}@keyframes trendGlow{0%,to{opacity:.5}50%{opacity:1}}.work-graphic--fintech .bar{transform-origin:bottom;background:linear-gradient(#fbbf24f2 0%,#f59e0bcc 40%,#3b82f699 100%);border-radius:4px 4px 0 0;width:14px;animation:2.5s ease-in-out infinite fintech-pulse;position:relative;box-shadow:0 0 15px #fbbf244d,inset 0 1px #fff6}.work-graphic--fintech .bar:after{content:"";filter:blur(3px);opacity:0;background:#fbbf24cc;border-radius:50%;width:6px;height:6px;animation:2.5s ease-in-out infinite barPeakGlow;position:absolute;top:-5px;left:50%;transform:translate(-50%)}@keyframes barPeakGlow{0%,40%,to{opacity:0}50%{opacity:1}}.work-graphic--fintech .bar:first-child{height:35px;animation-delay:0s}.work-graphic--fintech .bar:first-child:after{animation-delay:0s}.work-graphic--fintech .bar:nth-child(2){height:60px;animation-delay:.15s}.work-graphic--fintech .bar:nth-child(2):after{animation-delay:.15s}.work-graphic--fintech .bar:nth-child(3){height:48px;animation-delay:.3s}.work-graphic--fintech .bar:nth-child(3):after{animation-delay:.3s}.work-graphic--fintech .bar:nth-child(4){background:linear-gradient(#4ade80f2 0%,#fbbf24cc 50%,#3b82f699 100%);height:75px;animation-delay:.45s;box-shadow:0 0 20px #4ade8066,inset 0 1px #ffffff80}.work-graphic--fintech .bar:nth-child(4):after{background:#4ade80e6;animation-delay:.45s}.work-graphic--fintech .bar:nth-child(5){height:55px;animation-delay:.6s}.work-graphic--fintech .bar:nth-child(5):after{animation-delay:.6s}@keyframes fintech-pulse{0%,to{filter:brightness();transform:scaleY(1)}50%{filter:brightness(1.15);transform:scaleY(1.12)}}.work-card:hover .work-graphic--fintech .bar{animation-duration:1.2s;box-shadow:0 0 25px #fbbf2480,inset 0 1px #ffffff80}.work-card:hover .work-graphic--fintech:after{animation-duration:1.5s}.work-graphic--email{flex-direction:column;gap:10px;position:relative}.work-graphic--email .envelope{background:linear-gradient(135deg,#ffffff4d 0%,#ffffff26 100%);border:1px solid #ffffffa6;border-radius:4px;width:80px;height:55px;position:relative;overflow:hidden;box-shadow:0 18px 40px #0000002e,inset 0 1px #ffffff59}.work-graphic--email .envelope:after{content:"";height:38px;transition:transform var(--duration-medium)cubic-bezier(.16,1,.3,1);background:linear-gradient(#fffffff2 0%,#ffffffb8 100%);border-radius:3px;position:absolute;top:9px;left:10px;right:10px;transform:translateY(26px);box-shadow:0 10px 22px #00000038,inset 0 1px #ffffffe6}.work-graphic--email .envelope:before{content:"";width:0;height:0;transition:transform var(--duration-medium)cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 6px 12px #00000040);border-top:28px solid #ffffffe6;border-left:40px solid #0000;border-right:40px solid #0000;position:absolute;top:0;left:50%;transform:translate(-50%)}.work-graphic--email .envelope-line{background:#ffffff8c;border-radius:2px;height:3px;position:absolute;left:12px}.work-graphic--email .envelope-line:first-child{width:35px;bottom:20px}.work-graphic--email .envelope-line:nth-child(2){width:25px;bottom:12px}.work-graphic--email .notification{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#f97316 100%);border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;animation:2s ease-in-out infinite email-ping;display:flex;position:absolute;top:-8px;right:-8px}@keyframes email-ping{0%,to{transform:scale(1)}50%{transform:translateY(-2px)scale(1.12);box-shadow:0 0 22px #ef4444bf}}.work-card:hover .work-graphic--email .envelope:before{transform:translate(-50%)rotateX(25deg)}.work-card:hover .work-graphic--email .envelope:after{transform:translateY(10px)}.work-graphic--video{flex-direction:column}.work-graphic--video .play-circle{background:#ffffff1a;border:3px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative}.work-graphic--video .play-circle:before{content:"";border:2px solid #ffffff4d;border-radius:50%;animation:2s ease-out infinite video-pulse;position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}.work-graphic--video .play-triangle{width:0;height:0;transition:transform var(--duration-fast)ease;border-top:18px solid #0000;border-bottom:18px solid #0000;border-left:28px solid #ffffffe6;margin-left:8px}@keyframes video-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.work-card:hover .work-graphic--video .play-triangle{transform:scale(1.15)}.work-graphic--dashboard{flex-wrap:wrap;gap:6px;padding:10px}.work-graphic--dashboard .grid-cell{width:28px;height:28px;transition:all var(--duration-fast)ease;background:#ffffff26;border:1px solid #ffffff4d;border-radius:4px;position:relative}.work-graphic--dashboard .grid-cell:after{content:"";opacity:0;transition:opacity var(--duration-fast)ease;background:#fff9;border-radius:2px;position:absolute;top:6px;bottom:6px;left:6px;right:6px}.work-graphic--dashboard .grid-cell:first-child:after,.work-graphic--dashboard .grid-cell:nth-child(5):after,.work-graphic--dashboard .grid-cell:nth-child(7):after,.work-graphic--dashboard .grid-cell:nth-child(9):after{opacity:1;animation:3s ease-in-out infinite dashboard-blink}.work-graphic--dashboard .grid-cell:nth-child(5):after{animation-delay:.5s}.work-graphic--dashboard .grid-cell:nth-child(7):after{animation-delay:1s}.work-graphic--dashboard .grid-cell:nth-child(9):after{animation-delay:1.5s}@keyframes dashboard-blink{0%,to{opacity:.4}50%{opacity:1}}.work-card:hover .work-graphic--dashboard .grid-cell{background:#ffffff40;border-color:#ffffff80}.work-graphic--ads{flex-direction:column;gap:10px}.work-graphic--ads .metric-row{align-items:center;gap:10px;display:flex}.work-graphic--ads .metric-icon{border:2px solid #ffffffb3;border-radius:50%;width:24px;height:24px;position:relative}.work-graphic--ads .metric-icon--heart:before{content:"♥";color:#ffffffe6;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-graphic--ads .metric-icon--comment:before{content:"💬";font-size:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-graphic--ads .metric-icon--share:before{content:"↗";color:#ffffffe6;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-graphic--ads .metric-bar{background:#ffffff4d;border-radius:3px;width:60px;height:6px;overflow:hidden}.work-graphic--ads .metric-bar-fill{background:#ffffffe6;border-radius:3px;height:100%;animation:2s ease-out infinite ads-grow}.work-graphic--ads .metric-row:first-child .metric-bar-fill{width:85%}.work-graphic--ads .metric-row:nth-child(2) .metric-bar-fill{width:65%;animation-delay:.3s}.work-graphic--ads .metric-row:nth-child(3) .metric-bar-fill{width:45%;animation-delay:.6s}@keyframes ads-grow{0%,to{opacity:.7}50%{opacity:1}}.work-card:hover .work-graphic--ads .metric-bar-fill{animation-duration:1s}.work-graphic--blog{flex-direction:column;align-items:flex-start;gap:8px;padding:15px}.work-graphic--blog .text-line{background:#ffffff80;border-radius:4px;height:8px;position:relative;overflow:hidden}.work-graphic--blog .text-line:first-child{width:80px}.work-graphic--blog .text-line:nth-child(2){width:65px}.work-graphic--blog .text-line:nth-child(3){width:90px}.work-graphic--blog .text-line:nth-child(4){width:50px}.work-graphic--blog .text-line:after{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);width:100%;height:100%;animation:2s ease-in-out infinite blog-shimmer-gpu;position:absolute;top:0;left:0;transform:translate(-100%)}.work-graphic--blog .text-line:nth-child(2):after{animation-delay:.2s}.work-graphic--blog .text-line:nth-child(3):after{animation-delay:.4s}.work-graphic--blog .text-line:nth-child(4):after{animation-delay:.6s}.work-graphic--blog .cursor{background:#ffffffe6;width:2px;height:16px;margin-left:4px;animation:1s step-end infinite blog-cursor}@keyframes blog-shimmer-gpu{0%{transform:translate(-100%)}50%,to{transform:translate(100%)}}@keyframes blog-cursor{0%,50%{opacity:1}51%,to{opacity:0}}.work-card:hover .work-graphic--blog .text-line:after{animation:1.2s ease-in-out infinite blog-shimmer-gpu}.work-visual:after{content:"";opacity:0;width:100%;height:100%;transition:opacity var(--duration-medium)ease,border-color var(--duration-medium)ease;pointer-events:none;border:1px solid #a855f700;position:absolute;top:0;left:0}.work-card:hover .work-visual:after{opacity:1;border-color:#a855f726}.work-content{padding:0 2rem;position:relative}.work-meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:3px;color:var(--work-industry);transition:border-color var(--duration-slow)var(--ease-smooth)calc(50ms + var(--theme-delay,0s));border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.2rem;font-size:.7rem;display:flex}.work-card:hover .work-meta{transition:border-color var(--duration-fast)ease;border-bottom-color:#a855f74d}.meta-item{transition:color var(--duration-slow)var(--ease-smooth)calc(50ms + var(--theme-delay,0s));align-items:center;gap:.6rem;display:flex}.work-card:hover .meta-item{color:#ffffffb3;transition:color var(--duration-fast)ease}.meta-dot{background:var(--accent-color);width:4px;height:4px;transition:transform var(--duration-fast)ease;border-radius:50%}.work-card:hover .meta-dot{transform:scale(1.3)}.work-title{font-family:var(--font-display);color:var(--text-color);text-transform:uppercase;letter-spacing:.05em;transition:transform var(--duration-medium)var(--ease-smooth),letter-spacing var(--duration-medium)ease;margin-bottom:2rem;font-size:clamp(2.5rem,4vw,4.5rem);line-height:.95;display:inline-block;position:relative}.work-card:hover .work-title{letter-spacing:.08em;transform:translate(8px)}.work-title span{transition:transform var(--duration-medium)var(--ease-smooth);display:block}.work-card:hover .work-title span:first-child{transform:translate(-4px)}.work-card:hover .work-title span:last-child{transform:translate(4px)}.work-title .outline{color:#0000;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #a855f780;transition:all var(--duration-medium)ease;isolation:isolate;-webkit-background-clip:text;background-clip:text;position:relative}.work-card:hover .work-title .outline{-webkit-text-stroke:1.5px #a855f7b3}.work-desc{font-family:var(--font-mono);color:var(--work-desc);max-width:85%;transition:color var(--duration-slow)var(--ease-smooth)calc(50ms + var(--theme-delay,0s));margin-bottom:3rem;font-size:1rem;line-height:1.8}.work-card:hover .work-desc{color:#ffffffd9;transition:color var(--duration-fast)ease}.work-link{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:3px;color:var(--text-color);transition:all var(--duration-slow)var(--ease-smooth)calc(50ms + var(--theme-delay,0s));align-items:center;gap:1.2rem;padding-left:0;font-size:.8rem;text-decoration:none;display:inline-flex;position:relative}.work-link:before{content:"";background:var(--gradient-primary);width:0;height:1px;transition:width var(--duration-medium)var(--ease-smooth);position:absolute;bottom:-6px;left:0}.work-link:after{content:"→";transition:transform var(--duration-fast)ease;font-size:1.2rem}.work-link:hover{color:var(--accent-bright);transition:all var(--duration-fast)ease;transform:translate(8px)}.work-link:hover:before{width:100%}.work-link:hover:after{transform:translate(6px)}.work-number{display:none}@media (max-width:1024px){.portfolio-grid{gap:8rem}.portfolio-item,.portfolio-item:nth-child(odd),.portfolio-item:nth-child(2n),.portfolio-item:nth-child(3){margin-bottom:8rem;max-width:100%!important;margin-top:0!important;margin-left:0!important;margin-right:0!important}.work-visual{height:450px}.work-number{font-size:8rem;top:-4rem;right:-1.5rem}.section-title-wrapper .section-title{padding:0 2rem;font-size:clamp(2.5rem,5vw,3.5rem)}.pocket-wrapper.animating .pocket-flap-top{transform:translateY(-50px)scaleY(1.05)}.pocket-wrapper.animating .pocket-flap-bottom{transform:translateY(50px)scaleY(1.05)}}@media (max-width:768px){.work-content{padding:0 1rem}.work-visual{height:350px;margin-bottom:2rem}.work-title{margin-bottom:1.5rem;font-size:2.2rem}.work-desc{max-width:100%;font-size:.9rem}.work-number{font-size:6rem;top:-3rem;right:-1rem}.portfolio-item{margin-bottom:6rem}}@media (max-width:480px){.work-section{padding:5rem 0}.section-title-wrapper .section-title{font-size:3rem}.work-visual{height:300px;margin-bottom:1.5rem}.work-title{margin-bottom:1rem;font-size:1.8rem}.work-desc{font-size:.85rem}.work-number{font-size:5rem}.portfolio-item{margin-bottom:5rem}.work-content{padding:0 1rem}.portfolio-item,.portfolio-item:nth-child(odd),.portfolio-item:nth-child(2n),.portfolio-item:nth-child(3){align-self:stretch!important;max-width:100%!important;margin-top:0!important;margin-left:0!important;margin-right:0!important}}@media (max-width:375px){.work-section{padding:4rem 0}.section-title-wrapper .section-title{font-size:2.5rem}.work-visual{height:280px;margin-bottom:1.5rem}.work-title{margin-bottom:1rem;font-size:1.6rem}.work-desc{font-size:.85rem}.work-number{font-size:4rem;top:-2rem;right:-.5rem}.portfolio-item{margin-bottom:4rem}.work-content{padding:0 .75rem}.pocket-wrapper{padding:1.5rem .5rem}.portfolio-item,.portfolio-item:nth-child(odd),.portfolio-item:nth-child(2n),.portfolio-item:nth-child(3){align-self:stretch!important;width:100%!important;max-width:100%!important;margin:0 0 3rem!important}}[data-theme=light] .pocket-flap-top{border-bottom:1px solid #0000001a}[data-theme=light] .pocket-flap-bottom{border-top:1px solid #0000001a}[data-theme=light] .pocket-wrapper.animating .pocket-flap-top{border-bottom:1px solid #7c3aed66}[data-theme=light] .pocket-wrapper.animating .pocket-flap-bottom{border-top:1px solid #7c3aed66}[data-theme=light] .work-visual{border:1px solid #0000000f}[data-theme=light] .work-card:hover .work-visual{border-color:#7c3aed33}[data-theme=light] .work-meta{border-bottom:1px solid #00000014}[data-theme=light] .work-card:hover .work-meta{border-bottom-color:#7c3aed4d}[data-theme=light] .work-card:hover .meta-item{color:#000000b3}[data-theme=light] .work-card:hover .work-desc{color:#000000d9}.work-card.swipe-highlight{transition:transform .3s,box-shadow .3s;transform:scale(1.02);box-shadow:0 0 30px #7c3aed66}.contact-section{z-index:10;padding:clamp(4rem,8vw,10rem) 0;display:block;position:relative}.contact-section .container{text-align:center;flex-direction:column;align-items:center;width:100%;padding:0 clamp(1rem,3vw,2rem);display:flex}.contact-section .section-title{margin-bottom:clamp(1.5rem,3vw,2.5rem);font-size:clamp(1.8rem,5vw,3rem)}.contact-wrapper{transition:all var(--duration-slow)var(--ease-smooth)}.contact-wrapper.reveal-ready{opacity:0;transform:scale(.95)}.contact-wrapper.visible{opacity:1!important;transform:scale(1)!important}.email-link{font-family:"Space Grotesk",var(--font-mono);letter-spacing:.02em;background:var(--gradient-vibrant);-webkit-text-fill-color:transparent;transition:transform var(--duration-fast)var(--ease-smooth),filter var(--duration-fast)ease;overflow-wrap:break-word;word-break:break-word;isolation:isolate;-webkit-background-clip:text;background-clip:text;border:none;outline:none;max-width:100%;margin:2rem 0 1rem;font-size:clamp(.9rem,6vw,6rem);font-weight:400;text-decoration:none;display:inline-block;position:relative;text-transform:lowercase!important}.email-link:before{display:none}.email-link:hover{filter:drop-shadow(0 0 15px #a855f759);transform:scale(1.015)}@keyframes shimmerGpu{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(-100%)}}.email-link:after{content:"";background:var(--gradient-vibrant);width:0%;height:3px;box-shadow:0 0 15px var(--glow-medium),0 0 30px var(--glow-subtle);transition:width var(--duration-medium)var(--ease-smooth);position:absolute;bottom:-12px;left:0;overflow:hidden}.email-link:hover:after{width:100%}.social-links{flex-wrap:wrap;justify-content:center;gap:clamp(.75rem,3vi,2.5rem);inline-size:100%;margin-block-start:var(--space-md);display:flex}.social-link{color:var(--text-color);font-family:"Space Grotesk",var(--font-mono);text-transform:uppercase;letter-spacing:.1em;transition:color var(--duration-fast)var(--ease-smooth),transform var(--duration-fast)var(--ease-smooth);background:0 0;border:none;align-items:center;gap:.5rem;padding:.25rem 0;font-size:clamp(.85rem,2vw,1.5rem);font-weight:500;text-decoration:none;display:inline-flex;position:relative}.social-link img{filter:brightness(0)invert();width:clamp(20px,3vw,32px);height:clamp(20px,3vw,32px);transition:transform var(--duration-fast)ease}[data-theme=light] .social-link img{filter:brightness(0)invert(0)}.social-underline{background:var(--gradient-primary);height:2px;box-shadow:0 0 12px var(--glow-medium);transform-origin:0;transition:transform var(--duration-fast)var(--ease-smooth);pointer-events:none;clip-path:inset(100%);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.social-link:after{display:none}.social-link:hover{transform:translateY(-2px)}.social-link:hover img{transition:transform .2s var(--ease-smooth);transform:scale(1.05)}.social-link:hover .social-underline{transform:scaleX(1)}@media (min-width:768px){.contact-section .container{text-align:left;align-items:flex-start}.social-links{justify-content:flex-start}}.site-footer{padding-block:var(--space-md);font-family:"Syncopate",var(--font-display);opacity:.8;text-align:center;color:var(--text-color);text-transform:uppercase;transition:color var(--duration-slow)var(--ease-smooth)calc(50ms + var(--theme-delay,0s));font-size:clamp(.7rem,1vi + .5rem,.8rem)}@media (max-width:375px){.site-footer{padding-inline:var(--space-sm)}}@media (max-width:768px){.site-footer{padding-bottom:calc(var(--space-md) + 20px)}}html,body,*{cursor:none!important}html.is-transitioning #cursor{display:none!important}#cursor{pointer-events:none;will-change:transform,width,height;z-index:5000;mix-blend-mode:difference;mix-blend-mode:difference;background-color:#fff;border-radius:50%;width:20px;height:20px;transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#cursor.is-occluded{z-index:2000!important}#cursor.is-protected{z-index:5!important;mix-blend-mode:normal!important}html[data-theme=light] #cursor.is-protected{background-color:#000!important}.social-underline-overlay{clip-path:none!important;visibility:visible!important;transition:none!important}@media (hover:none) and (pointer:coarse){#cursor{display:none!important}*{cursor:auto!important}}body.modal-open #cursor{z-index:10001!important}body.modal-open:has(.modal-body:hover) #cursor{opacity:0!important;pointer-events:none!important}body.modal-open:has(.modal-progress-container:hover) #cursor{opacity:0!important;pointer-events:none!important}.modal-body,.modal-body *{cursor:default!important}.modal-body a,.modal-body button,.modal-body [role=button]{cursor:pointer!important}body.modal-open #cursor.is-protected{opacity:1;background-color:#fff;z-index:10001!important;mix-blend-mode:normal!important}.theme-toggle{cursor:pointer;z-index:101;width:3.5rem;height:3.5rem;color:var(--color-text);-webkit-tap-highlight-color:transparent;--ease-elastic:cubic-bezier(.175,.885,.32,1.275);--anim-duration:.6s;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:transform .3s;display:flex;view-transition-name:none!important}.theme-icon{width:1.5rem;height:1.5rem;transition:transform .4s var(--ease-elastic);overflow:visible}.core-circle{fill:currentColor;transition:r .5s var(--ease-elastic)}.mask-circle{transition:cx .6s var(--ease-elastic),cy .6s var(--ease-elastic)}.sun-rays{stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;transform-origin:50%;transition:transform .6s var(--ease-elastic),opacity .25s ease}.theme-toggle.state-sun .core-circle{r:5}.theme-toggle.state-sun .mask-circle{cx:30;cy:0}.theme-toggle.state-sun .sun-rays{opacity:1;transform:rotate(0)scale(1)}.theme-toggle.state-moon .core-circle{r:8}.theme-toggle.state-moon .mask-circle{cx:16;cy:8}.theme-toggle.state-moon .sun-rays{opacity:0;transform:rotate(90deg)scale(0)}.theme-toggle:hover .theme-icon{transform:scale(1.15)}.theme-toggle.state-sun:hover .core-circle{r:5.5}.theme-toggle.state-moon:hover .core-circle{r:8.5}.theme-toggle:active .theme-icon{transition:transform .1s ease-out;transform:scale(.92)}@keyframes magneticPull{0%{transform:translate(0)scale(1)}50%{transform:translate(var(--pull-x,0),var(--pull-y,0))scale(1.05)}to{transform:translate(0)scale(1)}}@keyframes glitchShift{0%,to{text-shadow:none;transform:translate(0)}20%{text-shadow:var(--chroma-offset-x)0 0 var(--chroma-r),calc(var(--chroma-offset-x)*-1)0 0 var(--chroma-b);transform:translate(-2px,1px)}40%{text-shadow:var(--chroma-offset-x)var(--chroma-offset-y)0 var(--chroma-r),calc(var(--chroma-offset-x)*-1)calc(var(--chroma-offset-y)*-1)0 var(--chroma-b);transform:translate(2px,-1px)}60%{text-shadow:calc(var(--chroma-offset-x)*.5)0 0 var(--chroma-g),calc(var(--chroma-offset-x)*-.5)0 0 var(--chroma-r);transform:translate(-1px,2px)}80%{text-shadow:none;transform:translate(1px,-2px)}}@keyframes liquidMorph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50%}75%{border-radius:40% 60% 50%/60% 40%}}@keyframes chromaRotate{0%{filter:hue-rotate()saturate()}25%{filter:hue-rotate(90deg)saturate(1.2)}50%{filter:hue-rotate(180deg)saturate()}75%{filter:hue-rotate(270deg)saturate(1.2)}to{filter:hue-rotate(360deg)saturate()}}@keyframes scanLine{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100%)}}@keyframes particleBurst{0%{opacity:1;transform:translate(0)scale(0)}to{transform:translate(var(--particle-x,0),var(--particle-y,0))scale(1);opacity:0}}@keyframes iridescent{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes breathe{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes skewMotion{0%,to{transform:skew(0)skewY(0)}25%{transform:skew(2deg)skewY(-1deg)}50%{transform:skew(0)skewY(0)}75%{transform:skew(-2deg)skewY(1deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotate3D{0%{transform:rotateY(0)rotateX(0)}to{transform:rotateY(360deg)rotateX(360deg)}}@keyframes wave{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(2deg)}75%{transform:translateY(10px)rotate(-2deg)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)translateY(-100%)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes textScramble{0%,to{opacity:1}50%{opacity:.3}}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal.revealed,.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translate(-50px)}.reveal-left.revealed{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translate(50px)}.reveal-right.revealed{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:scale(.9)}.reveal-scale.revealed{opacity:1;transform:scale(1)}@supports (transition-delay:calc(sibling-index() * 100ms)){.reveal-stagger>*{transition-delay:calc(sibling-index()*.1s)}}@supports not (transition-delay:calc(sibling-index() * 100ms)){.reveal-stagger>:first-child{transition-delay:0s}.reveal-stagger>:nth-child(2){transition-delay:.1s}.reveal-stagger>:nth-child(3){transition-delay:.2s}.reveal-stagger>:nth-child(4){transition-delay:.3s}.reveal-stagger>:nth-child(5){transition-delay:.4s}.reveal-stagger>:nth-child(6){transition-delay:.5s}}::view-transition-old(modal){animation-duration:.35s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-new(modal){animation-duration:.35s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-old(modal){animation-name:fade-out-scale}::view-transition-new(modal){animation-name:fade-in-scale}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fade-out-scale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes scrollParallax{0%{transform:translateY(50px)}to{transform:translateY(-50px)}}@keyframes scrollReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollFadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmerBorder{0%{--grad-pos:0%}to{--grad-pos:100%}}@keyframes shimmerBorderLoop{0%,to{--shimmer-pos:-100%}50%{--shimmer-pos:100%}}@keyframes glowPulseIntensity{0%,to{--glow-intensity:.5}50%{--glow-intensity:1}}@keyframes textScrambleChar{0%,90%{opacity:.3}to{opacity:1}}.text-scramble-char{animation:.1s forwards textScrambleChar;display:inline-block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:1!important;transform:none!important}}@media (hover:none) and (pointer:coarse){.work-graphic--fintech .bar,.work-graphic--fintech .bar:after,.work-graphic--email .notification,.work-graphic--video .play-circle:before,.work-graphic--dashboard .grid-cell:after,.work-graphic--ads .metric-bar-fill{animation:none!important}}.modal-overlay{-webkit-backdrop-filter:blur(20px)saturate(120%);z-index:9998;opacity:0;visibility:hidden;background:radial-gradient(#000000bf 0%,#000000eb 100%);transition:opacity .4s,visibility .4s;position:fixed;top:0;bottom:0;left:0;right:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{z-index:9999;opacity:0;visibility:hidden;pointer-events:none;justify-content:center;align-items:center;padding:24px;transition:opacity .4s,visibility .4s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-container.active{opacity:1;visibility:visible;pointer-events:all;overscroll-behavior:contain;touch-action:pan-y;overflow:auto}.modal-content{touch-action:pan-y;contain:layout style;-webkit-user-select:text;user-select:text;-webkit-backdrop-filter:blur(40px)saturate(150%);background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 50%,#a855f70d 100%);border-radius:20px;flex-direction:column;width:100%;max-width:1400px;max-height:90vh;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:translateY(40px)scale(.95);box-shadow:0 0 80px #a855f726,0 32px 64px #0006,0 16px 32px #0000004d,inset 0 1px #ffffff1a}.modal-container.active .modal-content{transform:translateY(0)scale(1)}.modal-content:before{content:"";-webkit-mask-composite:xor;opacity:.8;pointer-events:none;background:linear-gradient(135deg,#a855f780,#7c3aed4d,#a855f766,#a855f780) 0 0/300% 300%;border-radius:20px;padding:1px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes modalBorderGlow{0%,to{background-position:0%}50%{background-position:100%}}.modal-content:after{content:"";pointer-events:none;background:radial-gradient(circle,#a855f733 0%,#0000 70%);width:300px;height:300px;animation:8s ease-in-out infinite ambientFloat;position:absolute;top:-100px;right:-100px}@keyframes ambientFloat{0%,to{opacity:.5;transform:translate(0)}50%{opacity:.8;transform:translate(-20px,20px)}}.modal-header{z-index:10;background:#000;border-bottom:none;flex-wrap:wrap;flex-shrink:0;gap:clamp(12px,3vw,16px);padding:clamp(16px,4vw,24px) clamp(16px,5vw,32px);display:flex;position:relative}.modal-header:before{display:none}.modal-header .header-top-row{order:1;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.modal-header .header-controls{order:2;justify-content:flex-start;align-items:center;gap:16px;width:100%;display:flex}.modal-close{cursor:pointer;color:#fff;z-index:20;min-width:44px;min-height:44px;box-shadow:none;-webkit-backdrop-filter:none;opacity:.7;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:clamp(28px,8vw,36px);line-height:1;transition:opacity .2s,transform .2s;display:flex}.modal-header{will-change:margin-top;transition:margin-top .4s cubic-bezier(.16,1,.3,1)}.modal-header.modal-header-hidden{margin-top:calc(var(--mobile-header-height,120px)*-1)}@media (max-width:768px){.modal-header{z-index:20;background:#000}}.modal-title{font-family:"Syncopate",var(--font-display),sans-serif;color:#fff;text-align:left;text-shadow:none;text-transform:uppercase;letter-spacing:2px;flex:1;min-width:0;margin:0;font-size:clamp(16px,5vw,24px);font-weight:600;line-height:1.2;display:block}.modal-close:hover{color:#fff;opacity:1;background:0 0;transform:none}.modal-close:active{transform:none}.modal-body{overscroll-behavior:contain;background:var(--modal-bg,#0f172a99);-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;min-height:0;padding:0;overflow:hidden auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:linear-gradient(#a855f780 0%,#7c3aed66 100%);border:1px solid #ffffff1a;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(#a855f7b3 0%,#7c3aed99 100%)}.blog-modal,.blog-modal .modal-body{scrollbar-width:none!important;-ms-overflow-style:none!important;scrollbar-gutter:auto!important}.blog-modal::-webkit-scrollbar{-webkit-appearance:none!important;appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}.blog-modal .modal-body::-webkit-scrollbar{-webkit-appearance:none!important;appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}.blog-modal ::-webkit-scrollbar{-webkit-appearance:none!important;appearance:none!important;background:0 0!important;width:0!important;height:0!important;display:none!important}body.blog-modal-open .modal-container{scrollbar-width:none!important;-ms-overflow-style:none!important;overflow:hidden auto!important}body.blog-modal-open .modal-container::-webkit-scrollbar{-webkit-appearance:none!important;appearance:none!important;width:0!important;height:0!important;display:none!important}@media (max-width:768px){.modal-container{padding:0;padding-bottom:env(safe-area-inset-bottom,0px);align-items:flex-end}.modal-content{max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top));border-radius:0}.modal-content:before{display:none}.modal-close{font-size:28px}.header-controls{width:100%}.modal-body{padding:20px}}body.modal-open{width:100%;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:scroll}html.modal-open{overflow:hidden}[data-theme=light] .modal-overlay{background:radial-gradient(#ffffffd9 0%,#f0f0faf2 100%)}[data-theme=light] .modal-content{background:linear-gradient(135deg,#fffffff2 0%,#ffffffe6 50%,#f8f5fff2 100%);box-shadow:0 0 80px #7c3aed1a,0 32px 64px #00000026,0 16px 32px #0000001a,inset 0 1px #fffc}[data-theme=light] .modal-header{background:linear-gradient(#ffffffe6 0%,#f8f5ffcc 100%);border-bottom:1px solid #7c3aed26}[data-theme=light] .modal-title{color:#0f172a}[data-theme=light] .modal-subtitle{color:#0f172a99}[data-theme=light] .modal-close{color:#0f172ab3;background:#0000000d;border:1px solid #0000001a}[data-theme=light] .modal-close:hover{color:#0f172a;background:#7c3aed1a;border-color:#7c3aed4d}[data-theme=light] .modal-body{background:var(--modal-bg,#fffc)}[data-theme=light] .modal-body::-webkit-scrollbar-track{background:#00000008}[data-theme=light] .modal-body::-webkit-scrollbar-thumb{background:linear-gradient(#7c3aed66 0%,#5b21b64d 100%);border:1px solid #0000000d}.results-banner{border-left:3px solid var(--modal-accent,#a855f7);background:linear-gradient(135deg,#a855f71f 0%,#7c3aed0f 100%);border-radius:12px;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex;position:relative;overflow:hidden}.results-banner:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff08,#0000);animation:3s ease-in-out infinite bannerShimmer;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes bannerShimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.results-banner-label{text-transform:uppercase;letter-spacing:.1em;width:100%;color:var(--modal-accent,#a855f7);margin-bottom:-.5rem;font-size:.7rem;font-weight:600}.result-stat{flex-direction:column;align-items:center;gap:.25rem;min-width:80px;display:flex}.result-value{color:#fff;background:linear-gradient(135deg,#fff 0%,#a855f7cc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;line-height:1}.result-label{color:#fff9;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.75rem}[data-theme=light] .results-banner{background:linear-gradient(135deg,#7c3aed14 0%,#5b21b60a 100%);border-left-color:#7c3aed}[data-theme=light] .result-value{background:linear-gradient(135deg,#1e1b4b 0%,#7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .result-label{color:#0f172a99}[data-theme=light] .results-banner-label{color:#7c3aed}@media (max-width:480px){.results-banner{text-align:center;justify-content:center}.result-stat{min-width:70px}.result-value{font-size:1.4rem}}.email-modal .results-banner{background:linear-gradient(135deg,#1e40af1f 0%,#3b82f614 100%);border-left-color:#1e40af}.email-modal .results-banner-label{color:#1e40af}.email-modal .result-value{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.email-modal .result-label{color:#1e40afcc}@media (max-width:375px){.modal-container{padding:0}.modal-content{max-height:calc(100dvh - env(safe-area-inset-top));border-radius:0}.modal-body{padding:12px}.results-banner{gap:1rem;padding:1rem}.result-stat{min-width:60px}.result-value{font-size:1.25rem}.result-label{font-size:.65rem}}.modal-content.dashboard-modal{--modal-bg:linear-gradient(180deg,#000 0%,#0a0a0a 100%);--modal-text:#fff;--modal-primary:#a855f7;--modal-secondary:#7c3aed;--neon-green:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);--neon-purple:linear-gradient(135deg,#7c3aed 0%,#c084fc 100%);font-family:var(--font-main);isolation:isolate;-webkit-user-select:none;user-select:none}.dashboard-modal .modal-subtitle{color:var(--modal-text)}.dashboard-modal .modal-body{background:var(--modal-bg);color:var(--modal-text);position:relative}.dashboard-modal .modal-body:before{content:"";pointer-events:none;background-image:radial-gradient(1px 1px at 10% 20%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 30% 40%,#fff3 0%,#0000 100%),radial-gradient(1px 1px at 50% 10%,#ffffff40 0%,#0000 100%),radial-gradient(1px 1px at 70% 60%,#ffffff26 0%,#0000 100%),radial-gradient(1px 1px at 90% 30%,#fff3 0%,#0000 100%),radial-gradient(1px 1px at 20% 80%,#ffffff40 0%,#0000 100%),radial-gradient(1px 1px at 80% 90%,#ffffff26 0%,#0000 100%),radial-gradient(2px 2px at 15% 55%,#a855f766 0%,#0000 100%),radial-gradient(2px 2px at 85% 45%,#8b5cf666 0%,#0000 100%);animation:8s ease-in-out infinite starTwinkle;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes starTwinkle{0%,to{opacity:.8}50%{opacity:1}}.dashboard-modal .modal-body:after{content:"";pointer-events:none;background:radial-gradient(#a855f714 0%,#0000 60%);width:80%;height:400px;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.dashboard-modal .section-title{background:linear-gradient(135deg,#a855f7 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;text-align:center;letter-spacing:3px;text-transform:uppercase;text-wrap:balance;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:clamp(1rem,3vi,1.25rem);font-weight:700}.dashboard-modal .section-title:before{content:"> ";color:#a855f7;-webkit-text-fill-color:#a855f7;animation:1s step-end infinite dashboardCursorBlink}@keyframes dashboardCursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.section-subtitle{color:#fff6;text-align:center;margin:0 0 36px;font-family:Inter,sans-serif;font-size:12px}.slider-section{padding-top:2.5rem;border-bottom:1px solid #ffffff0d;margin-block-end:clamp(3rem,6vi,5rem);padding-block-end:clamp(3rem,6vi,5rem)}.comparison-slider{-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#0f172a 0%,#020617 100%);border:1px solid #ffffff0d;border-radius:20px;width:-moz-fit-content;width:fit-content;max-width:950px;margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:0 0 60px #a855f71a,0 20px 50px #00000080,inset 0 1px #ffffff0d}.comparison-slider:before{content:"";-webkit-mask-composite:xor;opacity:.7;background:linear-gradient(135deg,#a855f780,#8b5cf64d,#a855f780) 0 0/300% 300%;border-radius:21px;padding:1px;animation:6s infinite sliderBorderGlow;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes sliderBorderGlow{0%,to{background-position:0%}50%{background-position:100%}}.before-view{z-index:1;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);grid-area:1/1;width:100%;padding:28px 0;position:relative}.after-view{clip-path:inset(0 50% 0 0);z-index:2;pointer-events:none;background:linear-gradient(135deg,#064e3b 0%,#0f172a 100%);grid-area:1/1;width:100%;height:100%;padding:28px 0;position:relative}.before-view .view-label,.before-view .error-list,.after-view .view-label,.after-view .error-list{box-sizing:border-box;padding-left:28px;padding-right:28px}.view-label{letter-spacing:3px;color:#fff6;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:20px;font-size:10px;font-weight:700;display:flex}.view-label:before{content:"";border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite statusPulse}.before-view .view-label:before{background:#ef4444;box-shadow:0 0 10px #ef444480}.after-view .view-label:before{background:#a855f7;box-shadow:0 0 10px #a855f780}@keyframes statusPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.error-list{flex-direction:column;gap:14px;display:flex}.error-message{overflow-wrap:break-word;box-sizing:border-box;border-radius:10px;width:100%;padding:18px;font-family:Inter,sans-serif;font-size:13px;line-height:1.7}.error-message.before{color:#fca5a5;text-align:center;background:#ef444414;border:1px solid #ef444433;border-left:3px solid #ef4444;justify-content:left;align-items:center;display:flex}.error-message.after{border:1px solid #a855f733;border-left:3px solid var(--modal-primary);color:#c084fc;text-align:left;background:#a855f714}.slider-handle{cursor:ew-resize;z-index:10;background:linear-gradient(#a855f7 0%,#8b5cf6 100%);flex-direction:column;justify-content:center;align-items:center;width:4px;display:flex;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 20px #a855f780,0 0 40px #a855f74d}.handle-line{background:linear-gradient(#a855f7 0%,#8b5cf6 100%);flex:1;width:4px}.handle-grip{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;transition:all .3s;display:flex;box-shadow:0 0 30px #a855f780,0 6px 25px #0006,inset 0 1px #fff3}.handle-grip:hover{transform:scale(1.1);box-shadow:0 0 50px #a855f7b3,0 8px 30px #00000080}.buttons-section{margin-top:0;border-bottom:1px solid #ffffff0d;margin-block-end:clamp(3rem,6vi,5rem);padding-block-end:clamp(3rem,6vi,5rem)}.button-grid{grid-template-columns:1fr;gap:20px;max-width:750px;margin:0 auto;display:grid}.button-comparison{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:24px;transition:all .3s;display:flex}.button-comparison:hover{background:#ffffff0a;border-color:#a855f733}.btn-before,.btn-after{flex-direction:column;flex:1;align-items:center;gap:10px;display:flex}.demo-btn{letter-spacing:.5px;border:none;border-radius:10px;padding:14px 28px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;transition:all .3s}.demo-btn.technical{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d}.demo-btn.technical:hover{background:#8b5cf640;box-shadow:0 0 20px #8b5cf64d}.demo-btn.friendly{background:var(--neon-green);color:#fff;border:1px solid #0000;box-shadow:0 0 20px #a855f74d,inset 0 1px #fff3}.demo-btn.friendly:hover{transform:translateY(-2px);box-shadow:0 0 35px #a855f780,inset 0 1px #ffffff4d}.label{color:#fff6;text-transform:uppercase;letter-spacing:2px;font-size:10px}.arrow{background:linear-gradient(135deg,#a855f7 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #a855f780);-webkit-background-clip:text;background-clip:text;font-size:28px}.tooltips-section{margin-block-end:clamp(3rem,6vi,5rem)}.tooltip-demos{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto;display:grid}.tooltip-demo{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;padding:28px;transition:all .3s}.tooltip-demo:hover{border-color:#a855f733;box-shadow:0 0 30px #a855f70d}.demo-field{margin-bottom:24px}.demo-field label{color:#fff9;letter-spacing:.5px;margin-bottom:10px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;display:block}.input-with-tooltip{align-items:center;display:flex;position:relative}.input-with-tooltip input{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;flex:1;padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:13px;transition:all .3s}.input-with-tooltip input:focus{border-color:#a855f780;outline:none;box-shadow:0 0 20px #a855f726}.info-icon{color:#a855f7;cursor:help;filter:drop-shadow(0 0 5px #a855f780);justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;right:14px}.custom-tooltip{opacity:0;visibility:hidden;z-index:100;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border:1px solid #a855f74d;border-radius:12px;width:280px;padding:16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:150%;right:-20px;transform:translateY(10px)scale(.95);box-shadow:0 10px 40px -10px #000c,0 0 20px #a855f733,inset 0 1px #ffffff1a}.custom-tooltip:after{content:"";background:#0f172a;border-bottom:1px solid #a855f74d;border-right:1px solid #a855f74d;width:12px;height:12px;position:absolute;bottom:-6px;right:24px;transform:rotate(45deg)}.info-icon:hover .custom-tooltip{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.tooltip-content.main{color:#fff;margin-bottom:12px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;line-height:1.5}.tooltip-badge{text-transform:uppercase;color:#a855f7;vertical-align:middle;background:#a855f71a;border:1px solid #a855f733;border-radius:4px;margin-bottom:2px;margin-right:6px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-block}.tooltip-content.sub{color:#ffffff80;border-top:1px solid #ffffff1a;flex-direction:column;gap:4px;padding-top:12px;font-size:11px;display:flex}.tooltip-label{text-transform:uppercase;letter-spacing:1px;opacity:.7;font-size:9px;font-weight:700}.tooltip-old-text{color:#94a3b8;background:#0000004d;border-left:2px solid #fff3;border-radius:4px;padding:4px 6px;font-family:JetBrains Mono,monospace}@media (max-width:768px){.button-comparison{flex-direction:column;gap:16px}.arrow:not(.down){transform:rotate(90deg)}.handle-grip{width:48px;height:48px;font-size:18px}}.text-section{margin-block-end:clamp(3rem,6vi,5rem)}.section-grid{gap:24px;max-width:850px;margin:0 auto;display:grid}.text-comparison{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:24px;transition:all .3s;display:grid}.text-comparison:hover{background:#ffffff0a;border-color:#a855f733}.text-block{border-radius:12px;padding:20px;font-family:Inter,sans-serif;font-size:13px;line-height:1.6}.text-block.before{color:#ffffffb3;background:#ef44440d;border:1px solid #ef44441a}.text-block.after{color:#fff;background:#a855f70d;border:1px solid #a855f733;box-shadow:0 0 20px #a855f70d}.block-label{text-transform:uppercase;letter-spacing:2px;opacity:.5;margin-bottom:12px;font-size:10px;font-weight:700}.split-section{margin-block-end:clamp(3rem,6vi,5rem);grid-template-columns:1fr 1fr;align-items:start;gap:2rem;max-width:950px;margin-left:auto;margin-right:auto;display:grid}.loading-grid,.success-grid{gap:20px;display:grid}.loading-comparison,.success-banner{box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;align-items:center;gap:12px;width:100%;padding:24px;transition:all .3s;display:flex}.loading-comparison:hover,.success-banner:hover{border-color:#a855f733}.loader-content{border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.loader-content.technical,.success-before{color:#fff6;background:0 0;border:1px dashed #ffffff1a;border-radius:6px;width:auto;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-block}.loader-content.friendly,.success-after{box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;padding:16px 24px;font-size:13px;font-weight:500;display:flex}.loader-content.friendly{background:var(--neon-green);color:#fff;border:1px solid #0000;box-shadow:0 0 15px #a855f74d}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.success-after{color:#e9d5ff;background:linear-gradient(135deg,#a855f726 0%,#7c3aed26 100%);border:1px solid #a855f74d;font-family:Inter,sans-serif;box-shadow:0 0 20px #a855f71a}.check-icon{color:#fff;background:#a855f7;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex}.arrow.small{margin:4px 0;font-size:18px;transform:rotate(90deg)}.arrow.down{margin:4px 0;font-size:18px}@media (max-width:768px){.text-comparison{grid-template-columns:1fr}.text-comparison .arrow{margin:10px auto;transform:rotate(90deg)}.split-section,.tooltip-demos{grid-template-columns:1fr}}@media (max-width:600px){.handle-grip{width:40px;height:40px;font-size:14px}.error-message{padding:12px;font-size:11px}.dashboard-modal .section-title{font-size:14px}}@media (max-width:375px){.comparison-slider{border-radius:12px}.before-view,.after-view{padding:16px 0!important}.before-view .view-label,.before-view .error-list,.after-view .view-label,.after-view .error-list{flex-shrink:0;width:100%;padding-left:16px;padding-right:16px}.view-label{letter-spacing:2px;font-size:8px}.error-message{padding:10px;font-size:10px}.button-comparison{padding:16px}.demo-btn{padding:10px 16px;font-size:11px}.tooltip-demo{padding:16px}.demo-field label{font-size:10px}.input-with-tooltip input{padding:10px 12px;font-size:11px}.custom-tooltip{width:220px;padding:12px;right:-10px}.tooltip-content.main{font-size:11px}.dashboard-modal .section-title{letter-spacing:2px;font-size:12px}.section-subtitle{font-size:10px}}.dashboard-modal .modal-body{scrollbar-width:none;-ms-overflow-style:none}.dashboard-modal .modal-body::-webkit-scrollbar{display:none}.dashboard-modal{scrollbar-width:none;-ms-overflow-style:none}.dashboard-modal::-webkit-scrollbar{display:none}.modal-progress-container{z-index:100;background:#ffffff1a;flex-shrink:0;width:100%;height:4px;position:relative}.modal-progress-bar{background:var(--gradient-vibrant);width:0%;height:4px;box-shadow:0 0 15px var(--glow-medium),0 0 30px var(--glow-subtle),0 2px 8px #7c3aed66;transition:width .1s linear;overflow:hidden}.dashboard-modal section{transform:none!important}:root{--font-h1:clamp(1.5rem,4vw + .5rem,3rem);--font-h2:clamp(1.25rem,3vw + .5rem,2.25rem);--font-h3:clamp(1.1rem,2vw + .5rem,1.5rem);--font-body:clamp(1rem,1.5vw + .5rem,1.125rem);--geo-purple:#a855f7;--geo-purple-dark:#7c3aed;--geo-purple-light:#f3e8ff;--bg-page:#f9fafb;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#334155;--border-color:#e2e8f0}*,:before,:after{box-sizing:border-box}.blog-modal{--modal-bg:var(--bg-page);color:var(--text-primary);line-height:1.5}.blog-modal .modal-body{background:var(--bg-page);padding:0;font-family:Inter,sans-serif;scrollbar-width:none!important;-ms-overflow-style:none!important}.blog-modal .modal-body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.blog-modal{scrollbar-width:none}.blog-modal ::-webkit-scrollbar{scrollbar-width:none}.blog-modal ::-webkit-scrollbar{width:0;height:0;display:none}.blog-modal .modal-progress-container{z-index:100;background:#ffffff1a;flex-shrink:0;width:100%;height:4px;position:relative}.blog-modal .modal-progress-bar{background:var(--gradient-vibrant);width:0%;height:4px;box-shadow:0 0 15px var(--glow-medium),0 0 30px var(--glow-subtle),0 2px 8px #7c3aed66;transition:width .1s;overflow:hidden}.blog-modal .modal-progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}.human-btn-container{position:relative}.copy-tooltip{background:var(--text-primary);color:var(--bg-card);white-space:pre-line;text-align:center;opacity:0;pointer-events:none;z-index:10000;border-radius:6px;width:max-content;max-width:min(280px,100vw - 40px);padding:10px 14px;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:500;line-height:1.35;transition:opacity .3s;position:fixed;box-shadow:0 4px 12px #00000026}.copy-tooltip.visible{opacity:1}@media (max-width:600px){.copy-tooltip{max-width:calc(100vw - 40px);left:50%!important}}.schema-btn-header,.copy-text-btn{color:var(--text-primary);font-family:"Space Grotesk",var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;border:1px solid var(--border-color);cursor:pointer;z-index:1;background:0 0;align-items:center;gap:8px;padding:.75rem 1.5rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.schema-btn-header:before,.copy-text-btn:before{content:"";background:var(--text-primary);z-index:-1;width:0;height:0;transition:width .3s,height .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.schema-btn-header:hover,.copy-text-btn:hover{border-color:var(--geo-purple);color:var(--bg-card);transform:translateY(-2px)}.schema-btn-header:hover:before,.copy-text-btn:hover:before{width:100%;height:100%}.blog-layout{scrollbar-width:none;-ms-overflow-style:none;flex-direction:row-reverse;justify-content:flex-start;align-items:flex-start;gap:0;width:100%;max-width:1800px;margin:0;padding:60px 0;display:flex}.blog-layout::-webkit-scrollbar{width:0;height:0;display:none}.blog-toc{border-right:1px solid var(--border-color);background:0 0;flex:0 0 300px;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 80px);padding-left:20px;padding-right:40px;position:sticky;top:40px;overflow-y:auto}.blog-article{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex:1;min-width:0;max-width:1100px;margin:0 auto;padding:60px;box-shadow:0 4px 6px -1px #0000000d}@media (max-width:960px){.blog-layout{flex-direction:column;padding:20px}.blog-toc{display:none}.blog-article{max-width:100%;margin:0;padding:30px}.article-header-image{width:calc(100% + 60px)!important;margin:-30px -30px 30px!important}}@media (max-width:600px){.blog-layout{padding:12px}.blog-article{border-radius:8px;padding:20px}.article-header-image{max-height:35vh;width:calc(100% + 40px)!important;margin:-20px -20px 20px!important}.article-header-image img{max-height:35vh}.blog-article p,.blog-article li{font-size:var(--font-body);line-height:1.7}.modal-title{flex:none}.header-controls{gap:8px}.schema-btn-header,.copy-text-btn{letter-spacing:.5px;padding:.5rem .75rem;font-size:.65rem}.answer-box,.story-container{margin:25px 0;padding:20px}details>summary{padding-right:50px;font-size:1rem;padding:16px 20px!important}details .faq-answer,details .details-content{padding:0 20px 20px}.geo-table th,.geo-table td{padding:12px 16px;font-size:.85rem}.cta-button{padding:14px 28px;font-size:1rem}}@media (max-width:375px){.blog-layout{padding:8px}.blog-article{border-radius:6px;padding:16px}.article-header-image{max-height:30vh;width:calc(100% + 32px)!important;margin:-16px -16px 16px!important}.article-header-image img{max-height:30vh}.article-h1{margin-bottom:1rem;font-size:1.4rem;line-height:1.2}.article-h2{margin-top:1.5rem;margin-bottom:.75rem;font-size:1.15rem}.article-h3{font-size:1rem}.blog-article p,.blog-article li{margin-bottom:1rem;font-size:.9rem;line-height:1.6}.modal-title{font-size:.75rem}.schema-btn-header,.copy-text-btn{padding:.4rem .6rem;font-size:.55rem}.answer-box,.story-container{margin:20px 0;padding:16px}details>summary{padding-right:40px;font-size:.9rem;padding:12px 16px!important}details>summary:after{font-size:1.25rem;right:16px}details .faq-answer,details .details-content{padding:0 16px 16px}.geo-table th,.geo-table td{padding:10px 12px;font-size:.8rem}.table-container{background:0 0;border:none;overflow-x:visible}.geo-table{width:100%;display:block}.geo-table thead{display:none}.geo-table tbody{flex-direction:column;gap:16px;display:flex}.geo-table tr{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.geo-table td{text-align:left;border:none;flex-direction:column;gap:4px;padding:0;display:flex}.geo-table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.5px;color:var(--geo-purple);opacity:.9;font-size:.7rem;font-weight:700}.geo-table td:first-child,.geo-table td:nth-child(2){color:var(--geo-purple-dark);font-weight:700}.geo-table td:nth-child(3){color:var(--text-secondary);font-size:.85rem;font-weight:400;line-height:1.5}.cta-button{width:100%;padding:12px 24px;font-size:.9rem}.cta-container{margin:2.5rem 0 1.5rem}}.blog-article p,.blog-article li{font-family:Merriweather,serif;font-size:var(--font-body);color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.8}.article-h1{font-family:Inter,sans-serif;font-size:var(--font-h1);color:var(--text-primary);letter-spacing:-.02em;text-wrap:wrap;white-space:normal;width:100%;margin-bottom:2rem;font-weight:800;line-height:1.1}.article-h2{font-family:Inter,sans-serif;font-size:var(--font-h2);color:var(--text-primary);border-bottom:2px solid var(--border-color);text-wrap:wrap;width:100%;margin-top:3rem;margin-bottom:1.5rem;padding-bottom:1rem;font-weight:700}.article-h3{font-family:Inter,sans-serif;font-size:var(--font-h3);color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;font-weight:600}.blog-article a,.answer-link{color:var(--geo-purple-dark);text-underline-offset:3px;font-weight:600;text-decoration:underline}.article-header-image{border-bottom:1px solid var(--border-color);width:calc(100% + 120px);max-height:50vh;margin:-60px -60px 40px;display:block;overflow:hidden}.article-header-image img{object-fit:cover;object-position:center;width:100%;height:100%;max-height:50vh;display:block}.answer-box{border:2px solid var(--geo-purple);background:#f8fafc;border-radius:12px;margin:40px 0;padding:30px}.answer-icon{background:var(--geo-purple);color:#fff;float:left;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;font-weight:700;display:inline-flex}.answer-title{color:var(--geo-purple-dark);margin:0 0 1rem;font-size:clamp(1rem,2vw + .5rem,1.25rem);font-weight:700;display:inline-block}.story-container{background:#fffbf0;border-left:6px solid #f59e0b;border-radius:4px;margin:40px 0;padding:30px}.story-container p{color:#451a03}.answer-bullets{padding-left:1.5rem}.table-container{border:1px solid var(--border-color);background:#fff;border-radius:8px;margin:2rem 0;overflow-x:auto}.geo-table{border-collapse:collapse;width:100%;font-family:Inter,sans-serif;font-size:.95rem}.geo-table th,.geo-table td{border-bottom:1px solid var(--border-color);text-align:left;vertical-align:top;padding:16px 24px}.geo-table th{background:var(--geo-purple);color:#fff;font-weight:700}.geo-table td{color:var(--text-secondary)}.geo-table td:first-child,.geo-table td:nth-child(2){color:var(--geo-purple-dark);font-weight:700}.geo-table tr:last-child td{border-bottom:none}.code-block{color:#f1f5f9;background:#1e293b;border-radius:8px;margin:30px 0;overflow:hidden}.code-block pre{margin:0;padding:20px;font-family:"monospace";overflow-x:auto}details.faq-item,details.geo-details{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;margin-bottom:12px;transition:background .2s;overflow:hidden}details[open]{background:#f8fafc}details>summary{cursor:default;color:var(--text-primary);padding-right:60px;font-size:clamp(.9rem,1.5vw + .5rem,1.1rem);font-weight:700;list-style:none;transition:color .2s;display:block;position:relative;padding:24px 30px!important}details>summary::-webkit-details-marker{display:none}details>summary:after{content:"+";color:var(--geo-purple);font-size:1.5rem;line-height:1;position:absolute;top:50%;right:24px;transform:translateY(-50%)}details[open]>summary:after{content:"-"}details .faq-answer,details .details-content{color:var(--text-secondary);border-top:none;padding:0 32px 32px}details .details-content ol{margin-top:1rem;padding-left:20px}::selection{background:var(--geo-purple);color:#fff}button,a,details summary,.schema-btn-header,.modal-close{cursor:inherit!important}.cta-container{text-align:center;box-shadow:none;background:0 0;border:none;margin:4rem 0 2rem;padding:0}.blog-article .cta-button,.cta-button{background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);border:1px solid #ffffff1a;border-radius:50px;justify-content:center;align-items:center;margin-top:1rem;padding:18px 40px;font-size:1.15rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #7c3aed4d,0 2px 4px -1px #7c3aed1a;color:#fff!important;cursor:inherit!important;text-decoration:none!important}.blog-article .cta-button:hover,.cta-button:hover{background:linear-gradient(135deg,#b566ff 0%,#8b5cf6 100%);border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 20px 25px -5px #7c3aed66,0 10px 10px -5px #7c3aed33;color:#fff!important;text-decoration:none!important}.blog-article .cta-button:active,.cta-button:active{transform:translateY(0);box-shadow:0 4px 6px -1px #7c3aed4d}.toc-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:1rem;font-size:.85rem;font-weight:700}.toc-link{color:var(--text-secondary);padding:6px 0;font-size:.85rem;text-decoration:none;display:block}.toc-link:hover,.toc-link.active{color:var(--geo-purple);font-weight:600}.schema-drawer{z-index:9999;background:#fff;flex-direction:column;width:100%;max-width:600px;height:100vh;transition:right .3s ease-out;display:flex;position:fixed;top:0;right:-100%;box-shadow:-10px 0 30px #0000001a}.schema-drawer.open{right:0}@media (max-width:600px){.schema-drawer{max-width:100%}.drawer-header{padding:16px}.drawer-header h3{font-size:.9rem}.drawer-content{padding:16px;font-size:.85rem}.drawer-content pre{font-size:.7rem;overflow-x:auto}}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;display:flex}.drawer-header h3{margin:0;font-size:1.1rem;font-weight:700}.drawer-content{flex:1;padding:24px;overflow-y:auto}.close-drawer{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:4px;font-size:1.5rem}.close-drawer:hover{color:var(--text-primary)}[data-theme=dark] .blog-modal{--bg-page:#000;--bg-card:#0a0a0a;--text-primary:#fff;--text-secondary:#cbd5e1;--border-color:#334155}[data-theme=dark] .blog-article{background:#0a0a0a;border-color:#334155}[data-theme=dark] .answer-box{border-color:var(--geo-purple);background:#1e1b4b}[data-theme=dark] .story-container{background:#171003;border-left-color:#f59e0b}[data-theme=dark] .story-container p{color:#fef3c7}[data-theme=dark] .table-container{background:#0a0a0a;border-color:#334155}[data-theme=dark] .geo-table th{color:#fff}[data-theme=dark] .geo-table td{color:#cbd5e1}[data-theme=dark] .geo-table td:first-child,[data-theme=dark] .geo-table td:nth-child(2){color:var(--geo-purple)}[data-theme=dark] details[open]{background:#111827}[data-theme=dark] .schema-drawer{background:#0f172a;border-left:1px solid #334155}