:root{--bg:#0a0a0b;--bg-soft:#111114;--ink:#f5f3ee;--ink-dim:#a8a39a;--ink-faint:#5c574f;--accent:#FF9CF5;--accent-soft:#FF9CF5;--line:rgba(245,243,238,0.08);--line-hover:rgba(245,243,238,0.18);--grad-1:#FF9CF5;--grad-2:#1400FF;--grad-3:#FF9CF5;--font-primary:'IBM Plex Serif',serif;--font-secondary:'IBM Plex Sans',sans-serif;--font-heading:var(--font-primary);--font-body:var(--font-secondary);--ease-emphasized:cubic-bezier(0.16,1,0.3,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--modal-in:0.42s;--modal-out:0.26s;}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.16) transparent;}::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.16);border-radius:99px;transition:background 0.2s ease;}::-webkit-scrollbar-thumb:hover{background:rgba(255,156,245,0.4);}::-webkit-scrollbar-corner{background:transparent;}html{scroll-behavior:smooth;}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-feature-settings:"ss01","ss02";overflow-x:hidden;line-height:1.5;cursor:default;}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:normal;line-height:1.25;}a{color:inherit;text-decoration-color:rgba(245,243,238,0.35);text-underline-offset:0.18em;transition:color 0.3s,text-decoration-color 0.3s;}a:visited{color:inherit;}a:hover{color:var(--accent);text-decoration-color:var(--accent);}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:0.04;background-image:url("");}.site-loader{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:var(--bg);visibility:hidden;pointer-events:none;transition:visibility 0s linear 0.35s;}.site-loader.is-active{visibility:visible;pointer-events:auto;transition-delay:0s;}.site-loader-logo{position:relative;padding:20px;animation:loaderPulse 1.4s cubic-bezier(0.22,1,0.36,1) infinite;}.site-loader-logo::after{content:"";position:absolute;left:20px;right:20px;bottom:4px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--grad-2),transparent);transform-origin:left;animation:loaderLine 1.4s cubic-bezier(0.22,1,0.36,1) infinite;}.site-loader-logo img{display:block;width:min(52vw,185px);height:auto;}@keyframes loaderPulse{0%,100%{opacity:0.72;transform:translateY(0) scale(0.98);}50%{opacity:1;transform:translateY(-3px) scale(1);}}@keyframes loaderLine{0%{transform:scaleX(0);opacity:0;}35%{opacity:1;}100%{transform:scaleX(1);opacity:0;}}.project-card,.tool-card,.home-blog-card,.blog-card,.team-card,.ux-num-card,.ux-value-card,.ux-review-card,.ux-about-card,.ux-social-card,.ux-email-card,.ux-faq-item,.faq-item,.ux-cta-card,.cta-band,.contact-card,.ux-stat-card,.stat,.stack-col,.feature-card,.modal{background:linear-gradient(180deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.008) 100%) !important;backdrop-filter:blur(18px) saturate(180%) !important;-webkit-backdrop-filter:blur(18px) saturate(180%) !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 20px 60px -15px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.06) !important;}.project-card:hover,.tool-card:hover,.home-blog-card:hover,.blog-card:hover,.team-card:hover,.ux-num-card:hover,.ux-value-card:hover,.ux-review-card:hover,.ux-about-card:hover,.ux-social-card:hover,.ux-email-card:hover,.ux-faq-item:hover,.ux-faq-item.is-open,.faq-item:hover,.faq-item[open],.contact-card:hover,.ux-stat-card:hover{background:linear-gradient(180deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.015) 100%) !important;border-color:rgba(255,255,255,0.2) !important;box-shadow:0 24px 70px -12px rgba(0,0,0,0.7),inset 0 1px 0 rgba(255,255,255,0.1) !important;}.orb-cyan{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);width:200px;max-width:50%;height:200px;max-height:90%;border-radius:50%;background:radial-gradient(circle,rgba(255,156,245,0.22) 0%,rgba(20,0,255,0.14) 50%,transparent 10%);filter:blur(95px);opacity:0.8;pointer-events:none;z-index:0;will-change:left,top,opacity;transition:opacity 0.1s ease;}.grid-ripple{position:fixed;width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,156,245,0.6);box-shadow:0 0 25px rgba(255,156,245,0.5),inset 0 0 15px rgba(20,0,255,0.3);transform:translate(-50%,-50%) scale(1);pointer-events:none;z-index:1;animation:gridRippleAnim 0.9s cubic-bezier(0.1,0.8,0.3,1) forwards;}@keyframes gridRippleAnim{0%{width:20px;height:20px;opacity:1;}100%{width:380px;height:380px;opacity:0;}}.bg-grid-mesh{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,30%),rgba(255,156,245,0.08) 0%,transparent 55%),radial-gradient(circle at 75% 25%,rgba(20,0,255,0.06) 0%,transparent 50%),linear-gradient(to right,rgba(245,243,238,0.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(245,243,238,0.035) 1px,transparent 1px);background-size:100% 100%,100% 100%,48px 48px,48px 48px;background-position:0 0,0 0,0 0,0 0;mask-image:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,0.95) 20%,rgba(0,0,0,0.15) 100%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,0.95) 20%,rgba(0,0,0,0.15) 100%);opacity:0.7;transition:background-position 0.2s ease-out;}nav{position:fixed;top:0;left:0;right:0;width:100%;padding:14px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px;z-index:50;backdrop-filter:blur(28px) saturate(190%);background:rgba(10,10,14,0.85);border-bottom:1px solid rgba(255,255,255,0.08);box-shadow:0 10px 30px rgba(0,0,0,0.5);transition:all 0.3s ease;}@keyframes slideDown{from{transform:translateY(-120%);opacity:0;}to{transform:translateY(0);opacity:1;}}.logo{font-family:var(--font-heading);font-size:24px;letter-spacing:-0.02em;display:flex;align-items:center;gap:4px;flex-shrink:0;}.logo-mark{width:28px;height:28px;background:linear-gradient(135deg,var(--accent),var(--grad-2));border-radius:8px;position:relative;transform:rotate(8deg);transition:transform 0.4s cubic-bezier(0.22,1,0.36,1);}.logo:hover .logo-mark{transform:rotate(-180deg) scale(1.1);}.logo-mark::after{content:"11";position:absolute;inset:0;display:grid;place-items:center;font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:600;color:var(--bg);}.logo i{font-style:italic;color:var(--ink-dim);}.nav-links{display:flex;align-items:center;gap:8px;font-family:"JetBrains Mono",monospace;font-size:13px;letter-spacing:0.02em;margin:0 auto;}.nav-links a{color:var(--ink-dim);text-decoration:none;transition:all 0.25s ease;position:relative;display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:99px;}.nav-links a:hover{color:#ffffff;background:rgba(255,255,255,0.06);}.nav-links a.active{color:var(--accent);font-weight:500;background:rgba(255,156,245,0.12);border:1px solid rgba(255,156,245,0.4);box-shadow:none !important;}.nav-chevron{color:var(--ink-faint);transition:transform 0.3s cubic-bezier(0.22,1,0.36,1),color 0.3s ease;}.nav-dropdown:hover .nav-chevron,.nav-dropdown-toggle.active .nav-chevron{color:var(--accent);}.nav-dropdown:hover .nav-chevron{transform:rotate(180deg);}.mobile-menu-links a.active{color:var(--accent);}.nav-dropdown{position:relative;padding-bottom:20px;margin-bottom:-20px;}.nav-dropdown::after{content:"";position:absolute;top:100%;left:-20px;right:-20px;height:24px;background:transparent;pointer-events:auto;}.nav-dropdown-menu{position:absolute;top:calc(100% + 10px);left:50%;width:290px;padding:14px;border:1px solid rgba(255,255,255,0.12);border-radius:24px;background:radial-gradient(120% 120% at 50% 0%,rgba(26,26,36,0.95) 0%,rgba(12,12,18,0.98) 100%);box-shadow:0 24px 80px -10px rgba(0,0,0,0.85),0 0 0 1px rgba(255,156,245,0.08),inset 0 1px 0 rgba(255,255,255,0.15);backdrop-filter:blur(32px) saturate(190%);-webkit-backdrop-filter:blur(32px) saturate(190%);transform:translate(-50%,12px) scale(0.95);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.25s cubic-bezier(0.16,1,0.3,1),transform 0.25s cubic-bezier(0.16,1,0.3,1),visibility 0.25s cubic-bezier(0.16,1,0.3,1);transition-delay:0.1s;}.nav-dropdown-menu::after{content:"";position:absolute;top:-24px;left:0;right:0;height:24px;background:transparent;}.nav-dropdown-menu::before{display:none;}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1);transition-delay:0s;}.nav-dropdown-label{padding:4px 10px 10px;font-family:"JetBrains Mono",monospace;font-size:10.5px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:6px;}.nav-dropdown-menu a{position:relative;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;border:1px solid transparent;color:var(--ink-dim);font-size:13.5px;font-weight:450;line-height:1.35;transition:background 0.22s cubic-bezier(0.16,1,0.3,1),color 0.22s cubic-bezier(0.16,1,0.3,1),border-color 0.22s cubic-bezier(0.16,1,0.3,1),transform 0.22s cubic-bezier(0.16,1,0.3,1);}.nav-dropdown-menu a::before{display:none;}.nav-dropdown-menu a:hover{background:linear-gradient(135deg,rgba(255,156,245,0.12) 0%,rgba(255,156,245,0.03) 100%);border-color:rgba(255,156,245,0.25);color:#ffffff;transform:translateX(4px);box-shadow:0 4px 20px rgba(255,156,245,0.08);}.nav-dropdown-footer-link{display:flex !important;align-items:center;justify-content:space-between;margin-top:10px;padding:10px 14px !important;border-top:1px solid rgba(255,255,255,0.08);border-radius:12px;font-family:"JetBrains Mono",monospace;font-size:12px !important;font-weight:600;color:var(--accent) !important;transition:all 0.2s ease !important;}.nav-dropdown-footer-link:hover{background:rgba(255,156,245,0.12) !important;transform:translateX(4px);}.nav-dropdown-menu-wide{width:max-content;max-width:min(1120px,95vw);display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:8px 16px;align-items:start;}.nav-dropdown-col{min-width:0;padding:0 4px;}.nav-dropdown-col .nav-dropdown-label{margin-top:0;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--line);}.nav-dropdown-menu-wide a{position:relative;display:flex;align-items:center;gap:10px;}.nav-tool-icon{flex-shrink:0;color:var(--ink-faint);transition:color 0.2s ease,transform 0.2s ease;}.nav-dropdown-menu-wide a:hover .nav-tool-icon{color:var(--accent);transform:scale(1.18) rotate(4deg);}.nav-cta{display:inline-flex;align-items:center;justify-content:center;height:38px;flex-shrink:0;font-family:"JetBrains Mono",monospace;font-size:13px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;text-decoration:none;color:var(--bg) !important;background:linear-gradient(135deg,#FF9CF5,#d946ef);padding:0 20px;border-radius:999px;border:none;box-sizing:border-box;transition:transform 0.25s ease,box-shadow 0.25s ease,filter 0.25s ease;box-shadow:0 4px 20px rgba(255,156,245,0.3);}.nav-cta::before{display:none !important;}.nav-cta:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.08);box-shadow:0 8px 28px rgba(255,156,245,0.5);}.nav-cta.active{box-shadow:0 0 0 3px rgba(255,156,245,0.35);}.nav-item-badge-new{margin-left:auto;font-family:"JetBrains Mono",monospace;font-size:9px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:rgba(255,156,245,0.16);border:1px solid rgba(255,156,245,0.4);color:var(--accent);box-shadow:0 0 10px -2px rgba(255,156,245,0.4);}.nav-item-badge-soon{margin-left:auto;font-family:"JetBrains Mono",monospace;font-size:9px;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.15);color:var(--ink-dim);}.nav-dropdown-disabled{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;opacity:0.55;cursor:not-allowed;user-select:none;font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--ink-dim);}.nav-dropdown-menu a.nav-dropdown-item{display:flex;align-items:center;gap:12px;}.nav-dropdown-icon{width:28px;height:28px;border-radius:7px;object-fit:cover;flex-shrink:0;background:rgba(245,243,238,0.04);border:1px solid var(--line);}.mobile-menu-toggle{display:none;width:44px;height:44px;border:none;background:transparent;color:var(--ink);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;transition:border-color 0.3s,background 0.3s;}.mobile-menu-toggle span{width:18px;height:1px;background:currentColor;transition:transform 0.35s cubic-bezier(0.22,1,0.36,1),opacity 0.25s;}.mobile-menu-toggle:hover{border-color:var(--line-hover);background:rgba(245,243,238,0.08);}.mobile-menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg);}.mobile-menu-open .mobile-menu-toggle span:nth-child(2){opacity:0;}.mobile-menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}.mobile-menu-overlay{position:fixed;inset:0;z-index:70;background:rgba(10,10,11,0.62);opacity:0;pointer-events:none;transition:opacity 0.38s cubic-bezier(0.22,1,0.36,1);}.mobile-menu{position:fixed;inset:0 auto 0 0;z-index:80;width:min(82vw,340px);padding:24px;background:rgba(17,17,20,0.96);border-right:1px solid var(--line-hover);box-shadow:24px 0 80px rgba(0,0,0,0.38);transform:translateX(-104%);visibility:hidden;transition:transform 0.48s cubic-bezier(0.22,1,0.36,1),visibility 0.48s;display:flex;flex-direction:column;gap:44px;pointer-events:none;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}.mobile-menu::-webkit-scrollbar{width:6px;}.mobile-menu::-webkit-scrollbar-thumb{background:var(--line-hover);border-radius:99px;}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-shrink:0;}.mobile-menu-close{width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:rgba(245,243,238,0.04);color:var(--ink);font-size:26px;line-height:1;cursor:pointer;}.mobile-menu-links{display:flex;flex-direction:column;gap:10px;}.mobile-menu-links a{padding:16px 0;border-bottom:1px solid var(--line);color:var(--ink);font-family:"JetBrains Mono",monospace;font-size:16px;line-height:1;text-decoration:none;}.mobile-menu-links a:hover{color:var(--accent);}.mobile-menu-links a.mobile-menu-project{display:flex;align-items:center;gap:12px;font-size:14px;}.mobile-menu-links a.mobile-menu-project .nav-dropdown-icon{width:24px;height:24px;}.mobile-menu-group{border-bottom:1px solid var(--line);}.mobile-menu-summary{display:flex;align-items:center;justify-content:space-between;padding:16px 0;color:var(--ink);font-family:"JetBrains Mono",monospace;font-size:16px;line-height:1;cursor:pointer;list-style:none;}.mobile-menu-summary::-webkit-details-marker{display:none;}.mobile-menu-summary:hover{color:var(--accent);}.mobile-menu-chevron{display:inline-flex;color:var(--ink-dim);transition:transform 0.25s ease;}.mobile-menu-group[open]>.mobile-menu-summary .mobile-menu-chevron{transform:rotate(180deg);}.mobile-menu-group>.mobile-menu-summary{border-bottom:0;}.mobile-menu-sub{display:flex;flex-direction:column;gap:2px;padding:4px 0 14px 14px;}.mobile-menu-sub a{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:0;font-size:14px;color:var(--ink-dim);}.mobile-menu-sub a:hover{color:var(--accent);}.mobile-menu-sub a .nav-tool-icon{flex-shrink:0;color:var(--ink-faint);}.mobile-menu-sub a:hover .nav-tool-icon{color:var(--accent);}.mobile-menu-sublabel{margin-top:10px;padding-bottom:2px;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);}.mobile-menu-open{overflow:hidden;}.mobile-menu-open .mobile-menu-overlay{opacity:1;pointer-events:auto;}.mobile-menu-open .mobile-menu{transform:translateX(0);pointer-events:auto;visibility:visible;}.hero{min-height:850px;padding:180px 24px 100px;position:relative;z-index:1;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}.hero-meta{display:flex;gap:16px;align-items:center;justify-content:center;font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--ink-dim);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:32px;opacity:0;animation:fadeUp 1s cubic-bezier(0.22,1,0.36,1) 0.2s forwards;}.pulse-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;position:relative;}.pulse-dot::after{content:"";position:absolute;inset:-4px;background:#4ade80;border-radius:50%;animation:pulse 2s ease-out infinite;}@keyframes pulse{0%{transform:scale(1);opacity:0.6;}100%{transform:scale(2.5);opacity:0;}}.hero h1{font-family:var(--font-heading);font-size:clamp(34px,4.8vw,68px);font-weight:400;line-height:1.18;letter-spacing:normal;text-transform:none;margin-bottom:28px;max-width:1100px;text-align:center;}.hero h1 .line{display:block;overflow:hidden;}.hero h1 .line span{display:inline-block;transform:translateY(120%);animation:revealUp 1.2s cubic-bezier(0.22,1,0.36,1) forwards;}.hero h1 .line:nth-child(1) span{animation-delay:0.3s;}.hero h1 .line:nth-child(2) span{animation-delay:0.45s;}.hero h1 .line:nth-child(3) span{animation-delay:0.6s;}@keyframes revealUp{to{transform:translateY(0);}}.hero h1 em{font-family:var(--font-heading);font-style:normal;font-weight:400;color:var(--accent);position:relative;}.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:8%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:center;animation:drawLine 1s cubic-bezier(0.22,1,0.36,1) 1.4s forwards;}@keyframes drawLine{to{transform:scaleX(1);}}.hero-sub{max-width:640px;font-size:18px;color:var(--ink-dim);line-height:1.6;margin:0 auto;text-align:center;opacity:0;animation:fadeUp 1s cubic-bezier(0.22,1,0.36,1) 1s forwards;}@keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.hero-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-top:40px;opacity:0;animation:fadeUp 1s cubic-bezier(0.22,1,0.36,1) 1.2s forwards;}.btn{padding:16px 28px;border-radius:999px;font-family:"JetBrains Mono",monospace;font-size:13px;text-decoration:none;letter-spacing:0.04em;transition:all 0.4s cubic-bezier(0.22,1,0.36,1);display:inline-flex;align-items:center;gap:10px;cursor:pointer;border:none;text-transform:uppercase;}.btn,.btn:visited{text-decoration:none;}.btn-primary,.btn-primary:visited{background:var(--ink);color:var(--bg);}.btn-primary:hover{background:var(--accent);color:var(--ink);transform:translateY(-2px);box-shadow:0 20px 40px -10px rgba(255,87,34,0.4);}.btn-secondary,.btn-secondary:visited{background:transparent;color:var(--ink);border:1px solid var(--line-hover);}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line-hover);}.btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px);}.arrow{display:inline-block;transition:transform 0.4s;}.btn:hover .arrow{transform:translateX(4px);}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;overflow:hidden;position:relative;z-index:1;background:rgba(255,255,255,0.01);}.marquee-track{display:flex;gap:80px;white-space:nowrap;animation:scroll 30s linear infinite;font-family:"Instrument Serif",serif;font-size:28px;color:var(--ink-dim);}.marquee-track span{display:inline-flex;align-items:center;gap:80px;}.marquee-track i{color:var(--accent);font-style:normal;}@keyframes scroll{to{transform:translateX(-50%);}}section{position:relative;z-index:1;}.section-pad{padding:80px 48px;max-width:1400px;margin:0 auto;}.section-label{font-family:var(--font-heading);font-size:12px;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);margin-bottom:24px;display:flex;align-items:center;gap:12px;}.section-label::before{display:none !important;}.section-heading{font-family:var(--font-heading);font-size:clamp(28px,4.2vw,54px);font-weight:400;line-height:1.2;letter-spacing:normal;text-transform:none;margin-bottom:36px;max-width:950px;}.section-heading em{font-family:var(--font-heading);font-style:normal;color:var(--accent);}.section-pad>h2,.section-pad article h2{margin:32px 0 14px;font-family:var(--font-heading);font-size:clamp(26px,3vw,34px);font-weight:600;letter-spacing:-0.01em;line-height:1.1;color:var(--ink);}.section-pad>p,.section-pad>ul,.section-pad article p,.section-pad article ul{color:var(--ink-dim);font-size:17px;line-height:1.7;}.section-pad>ul,.section-pad article ul{margin:0 0 24px 0;padding-left:22px;}.section-pad li+li{margin-top:8px;}.section-pad a:not(.btn):not(.back-link):not(.side-link){color:var(--ink);text-decoration:none;background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px;}.section-pad a:not(.btn):not(.back-link):not(.side-link):hover{color:var(--accent);background-size:100% 2px;}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}.about-text p{font-size:21px;line-height:1.6;color:var(--ink-dim);margin-bottom:24px;}.about-text p strong{color:var(--ink);font-weight:400;}.stats{display:grid;grid-template-columns:1fr 1fr;gap:32px;}.stat{padding:32px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,0.015);transition:all 0.4s cubic-bezier(0.22,1,0.36,1);}.stat:hover{border-color:var(--line-hover);background:rgba(255,255,255,0.03);transform:translateY(-4px);}.stat-num{font-family:var(--font-heading);font-size:42px;font-weight:400;letter-spacing:0.04em;line-height:1.1;margin-bottom:8px;background:linear-gradient(135deg,var(--ink) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}.stat-label{font-family:var(--font-heading);font-size:12px;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-dim);}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}.project-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;position:relative;z-index:1;}.project-image{width:104px;height:104px;margin-bottom:24px;border:1px solid rgba(255,255,255,0.12);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.01)),rgba(0,0,0,0.16);box-shadow:0 28px 70px -36px rgba(0,0,0,0.9);transition:transform 0.45s cubic-bezier(0.22,1,0.36,1);}.project-image img{width:100%;height:100%;border-radius:16px;object-fit:cover;display:block;}.project-card{position:relative;padding:28px;border:1px solid var(--line);border-radius:18px;cursor:pointer;overflow:hidden;transition:all 0.5s cubic-bezier(0.22,1,0.36,1);min-height:304px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);}.project-info{display:grid;gap:16px;position:relative;z-index:1;}.project-info h3{font-family:var(--font-heading);font-size:24px;font-weight:500;line-height:1.25;letter-spacing:normal;text-transform:none;margin:0;color:var(--ink);}.project-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}.project-card::before{content:"";position:absolute;inset:auto 20px 0;height:1px;opacity:0.76;transition:opacity 0.4s,transform 0.4s;pointer-events:none;}.project-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 18%,rgba(255,255,255,0.08),transparent 28%),radial-gradient(circle at 82% 84%,rgba(255,87,34,0.12),transparent 34%);opacity:0;transition:opacity 0.4s;pointer-events:none;}.project-card:hover::after{opacity:1;}.project-card:hover{border-color:var(--line-hover);transform:translateY(-6px);box-shadow:0 30px 90px -56px rgba(0,0,0,0.95),inset 0 1px 0 rgba(255,255,255,0.08);}.project-card:hover::before{opacity:1;transform:scaleX(0.92);}.project-card:hover .project-image{transform:translateY(-4px) rotate(-2deg);}.project-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-size:28px;position:relative;margin-bottom:28px;transition:transform 0.5s cubic-bezier(0.22,1,0.36,1);}.project-card:hover .project-icon{transform:rotate(-8deg) scale(1.1);}.project-tag{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:0.08em;color:var(--ink-faint);text-transform:uppercase;padding-top:8px;text-align:right;}.project-status{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:0.08em;color:var(--ink);text-transform:uppercase;width:fit-content;border:1px solid rgba(255,255,255,0.18);border-radius:999px;padding:8px 11px;background:rgba(255,255,255,0.04);}.project-status.live,.project-status:not(.dev){color:#9ef0c0;border-color:rgba(158,240,192,0.32);}.project-status.dev{color:#ffd37a;border-color:rgba(255,211,122,0.34);}.project-cta{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:6px;font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:0.06em;text-transform:uppercase;color:var(--accent);}.project-card:hover .project-cta .arrow{transform:translateX(4px);}.project-cta .arrow{display:inline-block;transition:transform 0.3s ease;}.project-title{font-family:"Fraunces",serif;font-size:36px;font-weight:400;letter-spacing:-0.02em;margin-bottom:12px;line-height:1.1;}.project-title em{font-family:"Instrument Serif",serif;font-style:italic;color:var(--accent);}.project-desc{color:var(--ink-dim);font-size:16px;line-height:1.6;margin-bottom:24px;}.project-foot{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--line);font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--ink-dim);}.open-arrow{width:36px;height:36px;border-radius:50%;border:1px solid var(--line-hover);display:grid;place-items:center;transition:all 0.4s cubic-bezier(0.22,1,0.36,1);}.project-card:hover .open-arrow{background:var(--accent);border-color:var(--accent);transform:rotate(-45deg);}.open-arrow svg{transition:transform 0.4s;}.icon-1{background:linear-gradient(135deg,#ff5722,#ff8a5b);}.icon-2{background:linear-gradient(135deg,#00d4ff,#0066ff);}.icon-3{background:linear-gradient(135deg,#c238ff,#ff5722);}.icon-4{background:linear-gradient(135deg,#4ade80,#00d4ff);}.icon-5{background:linear-gradient(135deg,#fbbf24,#ff5722);}.icon-6{background:linear-gradient(135deg,#c238ff,#00d4ff);}.process-list{display:flex;flex-direction:column;}.process-item{display:grid;grid-template-columns:80px 1fr auto;gap:40px;padding:40px 0;border-top:1px solid var(--line);align-items:center;cursor:default;transition:all 0.4s cubic-bezier(0.22,1,0.36,1);}.process-item:last-child{border-bottom:1px solid var(--line);}.process-item:hover{padding-left:24px;}.process-item:hover .process-title em{color:var(--accent);}.process-num{font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--ink-faint);}.process-title{font-family:"Fraunces",serif;font-size:36px;font-weight:300;letter-spacing:-0.02em;}.process-title em{font-family:"Instrument Serif",serif;font-style:italic;color:var(--ink-dim);transition:color 0.4s;}.process-desc{color:var(--ink-dim);font-size:15px;max-width:280px;text-align:right;}.contact{text-align:center;padding:100px 24px;position:relative;}.contact h2{font-family:var(--font-heading);font-size:clamp(32px,4.5vw,56px);font-weight:400;line-height:1.2;letter-spacing:normal;margin-bottom:28px;}.contact h2 em{font-family:var(--font-heading);font-style:italic;color:var(--accent);}.contact-mail{display:inline-block;font-family:var(--font-heading);font-size:clamp(20px,2.8vw,32px);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-hover);padding-bottom:6px;transition:all 0.4s;}.contact-mail:hover{color:var(--accent);border-color:var(--accent);letter-spacing:0.02em;}.socials{display:flex;justify-content:center;gap:24px;margin-top:64px;font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;}.socials a{color:var(--ink-dim);text-decoration:none;transition:color 0.3s;}.socials a:hover{color:var(--accent);}.site-footer{border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(255,255,255,0.012));position:relative;z-index:1;}.footer-inner{max-width:1280px;margin:0 auto;padding:72px 48px 36px;}.footer-top-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px;}.footer-hr{border:none;height:1px;background:var(--line);margin:44px 0;}.footer-tools-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px;padding-bottom:48px;border-bottom:1px solid var(--line);}.footer-brand{display:flex;flex-direction:column;gap:20px;max-width:320px;}.footer-logo{display:inline-flex;align-items:center;text-decoration:none;}.footer-logo img{height:auto;}.footer-tagline{font-family:"Fraunces",serif;font-size:15px;line-height:1.6;color:var(--ink-dim);}.footer-socials{display:flex;align-items:center;gap:10px;margin-top:4px;}.footer-social-icon-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:var(--ink-dim);text-decoration:none;transition:all 0.25s ease;}.footer-social-icon-btn:hover{background:rgba(255,156,245,0.14);border-color:rgba(255,156,245,0.35);color:var(--accent);transform:translateY(-2px);}.footer-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;}.footer-col{display:flex;flex-direction:column;gap:14px;}.footer-cat-block{display:flex;flex-direction:column;gap:12px;}.footer-col-links{display:flex;flex-direction:column;gap:12px;}.footer-col-title{font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:4px;}.footer-col a{font-family:"Fraunces",serif;font-size:14px;color:var(--ink-dim);text-decoration:none;transition:color 0.3s,transform 0.3s;}.footer-col a:hover{color:var(--ink);}.footer-col-contact .footer-mail{color:var(--ink);word-break:break-word;}.footer-col-contact .footer-mail:hover{color:var(--accent);}.footer-location{font-family:"Fraunces",serif;font-size:14px;color:var(--ink-faint);}.footer-contact-cta{margin-top:6px;color:var(--accent) !important;font-weight:500;}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:28px;font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--ink-faint);letter-spacing:0.04em;text-transform:uppercase;}.modal-backdrop{position:fixed;inset:0;background:rgba(10,10,11,0.85);backdrop-filter:blur(12px);z-index:200;opacity:0;visibility:hidden;transition:opacity 0.5s cubic-bezier(0.22,1,0.36,1),visibility 0.5s;}.modal-backdrop.open{opacity:1;visibility:visible;}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.95);width:min(900px,92%);max-height:88%;background:var(--bg-soft);border:1px solid var(--line-hover);border-radius:28px;z-index:201;opacity:0;visibility:hidden;transition:all 0.6s cubic-bezier(0.22,1,0.36,1);overflow:hidden;display:flex;flex-direction:column;}.modal.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);}.modal-header{padding:40px 48px 0;display:flex;justify-content:space-between;align-items:flex-start;position:relative;}.modal-close{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-hover);background:transparent;color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:all 0.3s;flex-shrink:0;}.modal-close:hover{background:var(--accent);border-color:var(--accent);transform:rotate(90deg);}.modal-body{padding:32px 48px 48px;overflow-y:auto;flex:1;}.modal-body::-webkit-scrollbar{width:6px;}.modal-body::-webkit-scrollbar-thumb{background:var(--line-hover);border-radius:3px;}.modal-icon{width:80px;height:80px;border-radius:22px;display:grid;place-items:center;font-size:36px;margin-bottom:24px;}.modal-tag{display:inline-block;font-family:"JetBrains Mono",monospace;font-size:11px;text-decoration:none;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);}.modal-title{font-family:"Fraunces",serif;font-size:56px;font-weight:300;letter-spacing:-0.03em;line-height:1;margin-bottom:16px;}.modal-title em{font-family:"Instrument Serif",serif;font-style:italic;color:var(--accent);}.modal-subtitle{font-size:20px;color:var(--ink-dim);line-height:1.6;margin-bottom:40px;}.modal-section{margin-bottom:32px;}.modal-section h4{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:16px;}.modal-section p{font-size:16px;color:var(--ink-dim);line-height:1.7;}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.feature-item{padding:16px 20px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,0.015);font-size:14px;color:var(--ink-dim);display:flex;gap:12px;align-items:center;}.feature-item::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;}.tech-chip{padding:8px 16px;border:1px solid var(--line-hover);border-radius:999px;font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--ink);background:rgba(255,255,255,0.02);}.modal-status{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:rgba(74,222,128,0.1);border:1px solid rgba(74,222,128,0.3);color:#4ade80;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;}.modal-status.dev{background:rgba(251,191,36,0.1);border-color:rgba(251,191,36,0.3);color:#fbbf24;}.modal-status.soon{background:rgba(194,56,255,0.1);border-color:rgba(194,56,255,0.3);color:#c238ff;}.reveal{opacity:0;transform:translateY(40px);transition:opacity 1s cubic-bezier(0.22,1,0.36,1),transform 1s cubic-bezier(0.22,1,0.36,1);}.reveal.visible{opacity:1;transform:translateY(0);}@media (max-width:900px){nav{padding:10px 16px;gap:10px;justify-content:space-between;}.nav-links{display:none;}.nav-actions{margin-left:auto;gap:8px;flex-shrink:0;}.nav-search-btn{width:36px;height:36px;padding:0;border-radius:50%;justify-content:center;}.nav-search-text,.nav-search-kbd{display:none;}.nav-cta{padding:8px 14px;font-size:12px;white-space:nowrap;flex-shrink:0;}.mobile-menu-toggle{display:flex;flex-shrink:0;}}@media (max-width:480px){nav{padding:10px 12px;gap:8px;}.logo img{max-width:120px;height:auto;}.nav-cta{padding:7px 12px;font-size:11px;}}@media (max-width:900px){.section-pad,.hero,.contact{padding-left:24px;padding-right:24px;}.hero{padding-top:140px;min-height:auto;}.about-grid{grid-template-columns:1fr;gap:40px;}.projects-grid{grid-template-columns:repeat(2,1fr);}.project-card{min-height:260px;padding:24px;}.project-image{width:88px;height:88px;border-radius:22px;}.project-info h3{font-size:25px;}.process-item{grid-template-columns:50px 1fr;gap:20px;}.process-desc{display:none;}.stats{grid-template-columns:1fr;}.feature-list{grid-template-columns:1fr;}.modal{width:94%;max-height:92%;}.modal-header,.modal-body{padding-left:24px;padding-right:24px;}.modal-title{font-size:36px;}.hero-cta{flex-direction:column;align-items:flex-start;}}.page-hero{padding:140px 48px 40px;max-width:1400px;margin:0 auto;position:relative;z-index:1;}.page-hero .section-label{justify-content:start !important;}.page-title{font-family:"Fraunces",serif;font-size:48px !important;font-weight:300;line-height:0.96;letter-spacing:-0.04em;margin:16px 0 18px;}.page-title em{font-family:"Instrument Serif",serif;font-style:italic;color:var(--accent);}.page-sub{font-size:16px;line-height:1.6;color:var(--ink-dim);}.footer-bottom .footer-links{display:flex;gap:12px;align-items:center;}.footer-bottom .footer-links a{color:var(--ink-faint);text-decoration:none;transition:color 0.3s;}.footer-bottom .footer-links a:hover{color:var(--ink);}.footer-bottom .dot{color:var(--ink-faint);}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.principle{padding:32px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,0.015);transition:all 0.4s cubic-bezier(0.22,1,0.36,1);}.principle:hover{border-color:var(--line-hover);background:rgba(255,255,255,0.03);transform:translateY(-4px);}.principle-num{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:0.12em;color:var(--accent);margin-bottom:16px;}.principle h4{font-family:"Fraunces",serif;font-size:24px;font-weight:400;letter-spacing:-0.02em;margin-bottom:12px;}.principle p{color:var(--ink-dim);font-size:15px;line-height:1.6;}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1100px;margin:0 auto;}.contact-card{display:block;padding:36px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,0.025),rgba(255,255,255,0.005));text-decoration:none;color:var(--ink);transition:all 0.4s cubic-bezier(0.22,1,0.36,1);}.contact-card:hover{border-color:var(--line-hover);transform:translateY(-4px);}.contact-card-label{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;}.contact-card-value{font-family:"Fraunces",serif;font-size:32px;font-weight:400;letter-spacing:-0.02em;margin-bottom:16px;line-height:1.1;}.contact-card-meta{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:0.04em;color:var(--ink-dim);display:flex;justify-content:space-between;align-items:center;}.contact-card:hover .arrow{transform:translateX(4px);color:var(--accent);}.contact-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1100px;margin:0 auto;}.contact-info-title{font-family:"Fraunces",serif;font-size:28px;font-weight:400;letter-spacing:-0.02em;margin:16px 0 12px;}.contact-info-text{color:var(--ink-dim);font-size:15px;line-height:1.6;}.ux-contact-hero{padding:160px 24px 60px;text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:1;}.ux-badge{display:inline-flex;align-items:center;width:fit-content;padding:6px 16px;border-radius:99px;border:1px solid rgba(255,156,245,0.3);background:rgba(255,156,245,0.06);color:var(--accent);font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:24px;}.ux-contact-hero h1{font-family:var(--font-heading);font-size:clamp(36px,5vw,68px);font-weight:400;line-height:1.15;color:var(--ink);margin-bottom:20px;}.ux-contact-hero .ux-sub{font-family:var(--font-body);font-size:clamp(16px,2vw,19px);color:var(--ink-dim);max-width:640px;margin:0 auto 40px;line-height:1.6;}.ux-email-card{display:inline-block;padding:32px 48px;border-radius:24px;border:1px solid var(--line-hover);background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.008));box-shadow:0 30px 80px -20px rgba(0,0,0,0.6);transition:all 0.4s ease;margin-bottom:20px;}.ux-email-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 30px 90px -15px rgba(255,156,245,0.15);}.ux-email-link{font-family:var(--font-heading);font-size:clamp(24px,4vw,32px);color:var(--ink);text-decoration:none;display:block;transition:color 0.3s ease;}.ux-email-card:hover .ux-email-link{color:var(--accent);}.ux-email-sub{font-family:var(--font-body);font-size:14px;color:var(--ink-dim);margin-top:10px;}.ux-social-section{padding:60px 24px;max-width:1200px;margin:0 auto;text-align:center;}.ux-section-title{font-family:var(--font-heading);font-size:clamp(14px,2.5vw,28px);color:var(--ink);margin-bottom:16px;}.ux-section-sub{font-family:var(--font-body);font-size:16px;color:var(--ink-dim);margin-bottom:36px;}.ux-social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;}.ux-social-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,0.015);text-decoration:none;color:var(--ink);transition:all 0.35s cubic-bezier(0.22,1,0.36,1);}.ux-social-card:hover{border-color:var(--line-hover);background:rgba(255,255,255,0.04);transform:translateY(-4px);color:var(--accent);}.ux-social-card svg{width:28px;height:28px;fill:currentColor;transition:transform 0.3s ease;}.ux-social-card:hover svg{transform:scale(1.15);}.ux-social-card span{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--ink-dim);}.ux-social-card:hover span{color:var(--ink);}.ux-faq-section{padding:80px 24px 80px;max-width:900px;margin:0 auto;}.ux-faq-header{text-align:center;margin-bottom:48px;}.ux-faq-list,.faq-list{display:flex !important;flex-direction:column !important;gap:12px !important;max-width:900px !important;margin:0 auto 90px !important;}.ux-faq-item,.faq-item{position:relative !important;border-radius:16px !important;border:1px solid var(--line) !important;background:rgba(255,255,255,0.015) !important;overflow:hidden !important;box-sizing:border-box !important;margin:0 !important;transition:border-color 0.3s ease,background 0.3s ease,box-shadow 0.3s ease !important;}.ux-faq-item:hover,.faq-item:hover{border-color:var(--line-hover) !important;background:rgba(255,255,255,0.03) !important;}.ux-faq-item.is-open,.faq-item[open]{border-color:rgba(255,156,245,0.35) !important;background:rgba(255,156,245,0.02) !important;}.ux-faq-question,.faq-item summary{width:100% !important;min-height:68px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;padding:18px 26px !important;box-sizing:border-box !important;background:none !important;border:none !important;color:var(--ink) !important;font-family:var(--font-heading) !important;font-size:19px !important;font-weight:400 !important;line-height:1.35 !important;text-align:left !important;cursor:pointer !important;gap:20px !important;margin:0 !important;outline:none !important;list-style:none !important;}.ux-faq-question::-webkit-details-marker,.ux-faq-question::marker,.faq-item summary::-webkit-details-marker,.faq-item summary::marker{display:none !important;}.ux-faq-question>span:first-child,.faq-item summary>span:first-child{display:block !important;line-height:1.35 !important;margin:0 !important;padding:0 !important;}.ux-faq-question:hover,.faq-item summary:hover{color:var(--accent) !important;}.ux-faq-icon,.faq-toggle{width:32px !important;height:32px !important;border-radius:50% !important;border:1px solid rgba(255,255,255,0.15) !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;position:relative !important;font-size:0 !important;color:transparent !important;transition:transform 0.35s ease,background 0.3s ease,border-color 0.3s ease !important;}.ux-faq-icon::before,.ux-faq-icon::after,.faq-toggle::before,.faq-toggle::after{content:'' !important;position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;background-color:var(--ink-dim) !important;transition:background-color 0.3s ease !important;border-radius:1px !important;}.ux-faq-icon::before,.faq-toggle::before{width:12px !important;height:1.5px !important;}.ux-faq-icon::after,.faq-toggle::after{width:1.5px !important;height:12px !important;}.ux-faq-item.is-open .ux-faq-icon,.faq-item[open] .faq-toggle{transform:rotate(45deg) !important;background:var(--accent) !important;border-color:var(--accent) !important;}.ux-faq-item.is-open .ux-faq-icon::before,.ux-faq-item.is-open .ux-faq-icon::after,.faq-item[open] .faq-toggle::before,.faq-item[open] .faq-toggle::after{background-color:#000000 !important;}.ux-faq-answer,.faq-item p,.faq-item div:not(.faq-toggle){font-family:var(--font-body) !important;font-size:15px !important;line-height:1.65 !important;color:var(--ink-dim) !important;margin:0 !important;}.ux-faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.22,1,0.36,1),padding 0.3s ease;padding:0 26px !important;}.ux-faq-item.is-open .ux-faq-answer{max-height:500px;padding:0 26px 24px !important;}.ux-about-hero{padding:160px 24px 60px;text-align:center;max-width:960px;margin:0 auto;position:relative;z-index:1;}.ux-about-hero h1{font-family:var(--font-heading);font-size:clamp(38px,5.5vw,72px);font-weight:400;line-height:1.15;color:var(--ink);margin-bottom:24px;}.ux-about-hero .ux-sub{font-family:var(--font-body);font-size:clamp(16px,2.2vw,20px);color:var(--ink-dim);max-width:720px;margin:0 auto;line-height:1.65;}.ux-about-section{padding:60px 24px;max-width:1100px;margin:0 auto;}.ux-about-card{padding:44px;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,0.012);box-shadow:0 20px 60px -20px rgba(0,0,0,0.5);transition:border-color 0.3s ease;}.ux-about-card:hover{border-color:var(--line-hover);}.ux-about-card p{font-family:var(--font-body);font-size:17px;line-height:1.7;color:var(--ink-dim);margin-bottom:20px;}.ux-about-card p:last-child{margin-bottom:0;}.ux-values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px;}@media (max-width:768px){.ux-values-grid{grid-template-columns:1fr;}.ux-about-card{padding:28px;}}.ux-value-card{padding:32px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,0.015);transition:all 0.35s ease;}.ux-value-card:hover{border-color:var(--line-hover);transform:translateY(-4px);background:rgba(255,255,255,0.03);}.ux-value-num{font-family:var(--font-heading);font-size:14px;color:var(--accent);margin-bottom:12px;letter-spacing:0.08em;}.ux-value-title{font-family:var(--font-heading);font-size:24px;color:var(--ink);margin-bottom:12px;}.ux-value-desc{font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--ink-dim);}.ux-about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;}@media (max-width:900px){.ux-about-stats{grid-template-columns:repeat(2,1fr);}}@media (max-width:480px){.ux-about-stats{grid-template-columns:1fr;}}.ux-stat-card{padding:28px 20px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,0.015);text-align:center;transition:all 0.35s ease;}.ux-numbers-section{padding:80px 24px 120px;max-width:1350px;margin:0 auto;text-align:center;}.ux-badge-green{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:99px;border:1px solid rgba(74,222,128,0.25);background:rgba(74,222,128,0.05);color:#a7f3d0;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:24px;}.ux-badge-green .dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px #4ade80;}.ux-numbers-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:48px;}@media (max-width:1200px){.ux-numbers-grid{grid-template-columns:repeat(3,1fr);}}@media (max-width:768px){.ux-numbers-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:520px){.ux-numbers-grid{grid-template-columns:1fr;}}.ux-num-card{padding:32px 24px;border-radius:28px;border:1px solid rgba(255,255,255,0.08);background:rgba(18,18,24,0.7);backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:space-between;text-align:left;min-height:420px;transition:all 0.4s cubic-bezier(0.22,1,0.36,1);position:relative;overflow:hidden;}.ux-num-card:hover{border-color:rgba(255,255,255,0.2);transform:translateY(-6px);background:rgba(24,24,32,0.85);box-shadow:0 24px 60px -15px rgba(0,0,0,0.8);}.ux-num-top{display:flex;flex-direction:column;gap:18px;}.ux-num-icon{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);display:grid;place-items:center;font-size:18px;color:var(--ink);}.ux-num-icon svg{width:22px;height:22px;fill:currentColor;}.ux-num-value{font-family:var(--font-heading);font-size:clamp(40px,3.2vw,56px);font-weight:600;color:#ffffff;line-height:1;letter-spacing:-0.02em;}.ux-num-value .dim{font-size:20px;color:#666;font-weight:400;}.ux-num-title{font-family:var(--font-body);font-size:18px;font-weight:600;color:#ffffff;line-height:1.25;margin-top:4px;}.ux-num-sub{font-family:var(--font-body);font-size:13.5px;color:#888894;line-height:1.5;margin-top:8px;}.ux-num-bottom{padding-top:24px;margin-top:auto;display:flex;align-items:flex-end;min-height:50px;}.ux-stars-row{display:flex;gap:5px;color:#fbbf24;font-size:15px;}.ux-equalizer{display:flex;align-items:flex-end;gap:6px;height:32px;}.ux-equalizer span{width:14px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#ff2a5f,#7f0022);}.ux-arc-wrap{width:100%;height:48px;position:relative;overflow:hidden;}.ux-arc-wrap svg{width:100%;height:70px;}.ux-radar-rings{width:50px;height:50px;margin:0 auto;border-radius:50%;border:1px solid rgba(255,156,245,0.2);display:grid;place-items:center;position:relative;}.ux-radar-rings::before{content:"";width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,156,245,0.35);}.ux-radar-rings::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);}.ux-dots-row{display:flex;gap:8px;}.ux-dots-row span{width:8px;height:8px;border-radius:50%;background:#3b82f6;box-shadow:0 0 8px #3b82f6;}.ux-tech-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:10px;}.ux-tech-item{display:flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:13.5px;color:#a0a0b0;transition:color 0.25s ease,transform 0.25s ease;}.ux-tech-item:hover{color:#ffffff;transform:translateX(4px);}.ux-tech-icon{width:18px;height:18px;flex-shrink:0;display:grid;place-items:center;}.ux-tech-icon svg{width:100%;height:100%;fill:currentColor;}.ux-stat-card:hover{border-color:var(--line-hover);transform:translateY(-3px);}.ux-stat-number{font-family:var(--font-heading);font-size:clamp(36px,4vw,52px);color:var(--accent);line-height:1;margin-bottom:8px;}.ux-stat-label{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--ink);margin-bottom:6px;}.ux-stat-sub{font-family:var(--font-body);font-size:13px;color:var(--ink-dim);}.ux-reviews-grid{column-count:3;column-gap:20px;margin-top:40px;text-align:left;}@media (max-width:900px){.ux-reviews-grid{column-count:2;}}@media (max-width:600px){.ux-reviews-grid{column-count:1;}}.ux-review-card{break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:20px;display:inline-block;width:100%;padding:28px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,0.015);transition:all 0.35s ease;}.ux-review-card:hover{border-color:var(--line-hover);transform:translateY(-4px);background:rgba(255,255,255,0.03);}.ux-review-stars{color:#ffc107;font-size:16px;letter-spacing:2px;margin-bottom:16px;}.ux-review-text{font-family:var(--font-body);font-size:15px;line-height:1.65;color:var(--ink-dim);margin-bottom:24px;}.ux-review-author{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.08);}.ux-review-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--grad-2));color:#fff;display:grid;place-items:center;font-family:var(--font-heading);font-size:16px;flex-shrink:0;}.ux-review-info{display:flex;flex-direction:column;}.tools-banner-wrapper{padding:80px 24px;max-width:1350px;margin:0 auto;}.ux-tools-banner-card{padding:64px 40px;border-radius:32px;border:1px solid rgba(255,255,255,0.08);background:radial-gradient(100% 120% at 50% 0%,rgba(255,156,245,0.06),transparent 70%),linear-gradient(180deg,rgba(18,18,24,0.85),rgba(12,12,16,0.95));backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 30px 90px -20px rgba(0,0,0,0.7),inset 0 1px 0 rgba(255,255,255,0.1);text-align:center;position:relative;overflow:hidden;}.ux-tools-banner-head{max-width:760px;margin:0 auto 48px;}.ux-tools-banner-head h2{font-family:var(--font-heading);font-size:clamp(34px,4.5vw,56px);font-weight:400;color:#ffffff;line-height:1.15;margin:16px 0 16px;}.ux-tools-banner-head h2 em{font-style:italic;color:var(--accent);}.ux-tools-banner-sub{font-family:var(--font-body);font-size:16px;color:#a0a0b0;line-height:1.6;}.ux-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px;text-align:left;}@media (max-width:1024px){.ux-tools-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:580px){.ux-tools-grid{grid-template-columns:1fr;}}.ux-tool-card-item{padding:24px;border-radius:20px;border:1px solid rgba(255,255,255,0.07);background:rgba(255,255,255,0.02);backdrop-filter:blur(12px);text-decoration:none;color:#ffffff;display:flex;flex-direction:column;justify-content:space-between;gap:16px;transition:all 0.35s cubic-bezier(0.22,1,0.36,1);}.ux-tool-card-item:hover{border-color:var(--accent);background:rgba(255,255,255,0.045);transform:translateY(-4px);box-shadow:0 20px 50px -10px rgba(255,156,245,0.12);}.ux-tool-top{display:flex;align-items:center;justify-content:space-between;}.ux-tool-icon-wrap{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);display:grid;place-items:center;color:var(--accent);}.ux-tool-icon-wrap svg{width:22px;height:22px;fill:currentColor;}.ux-tool-arrow{color:#666;font-size:18px;transition:transform 0.3s ease,color 0.3s ease;}.ux-tool-card-item:hover .ux-tool-arrow{transform:translateX(4px);color:var(--accent);}.ux-tool-card-title{font-family:var(--font-heading);font-size:19px;font-weight:500;color:#ffffff;margin-bottom:6px;}.ux-tool-card-desc{font-family:var(--font-body);font-size:13.5px;color:#9494a0;line-height:1.5;}.tools-marquee{position:relative;overflow:hidden;margin-bottom:40px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);}.tools-marquee-track{display:flex;gap:12px;width:max-content;animation:toolsMarqueeScroll 35s linear infinite;}.tools-marquee:hover .tools-marquee-track{animation-play-state:paused;}@keyframes toolsMarqueeScroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}.tools-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:99px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.025);color:#d1d1db;text-decoration:none;font-family:var(--font-body);font-size:13px;white-space:nowrap;transition:all 0.25s ease;}.tools-chip:hover{border-color:var(--accent);color:#ffffff;background:rgba(255,156,245,0.1);transform:translateY(-2px);}.tools-chip-icon{width:16px;height:16px;display:grid;place-items:center;color:var(--accent);}.tools-chip-icon svg{width:100%;height:100%;fill:currentColor;}.ux-about-showcase-section{padding:100px 24px;max-width:1350px;margin:0 auto;}.ux-about-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch;margin-top:48px;}@media (max-width:992px){.ux-about-showcase-grid{grid-template-columns:1fr;}}.ux-about-narrative-card{padding:44px;border-radius:28px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.008) 100%);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 20px 60px -15px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.08);display:flex;flex-direction:column;justify-content:space-between;}.ux-about-narrative-card p{font-family:var(--font-body);font-size:16.5px;line-height:1.7;color:#a4a4b4;margin-bottom:20px;}.ux-about-narrative-card p strong{color:#ffffff;}.ux-pillar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}@media (max-width:520px){.ux-pillar-grid{grid-template-columns:1fr;}}.ux-pillar-card{padding:28px 24px;border-radius:24px;border:1px solid rgba(255,255,255,0.08);background:rgba(18,18,24,0.7);backdrop-filter:blur(16px);display:flex;flex-direction:column;justify-content:space-between;gap:20px;transition:all 0.35s cubic-bezier(0.22,1,0.36,1);}.ux-pillar-card:hover{border-color:rgba(255,156,245,0.4);transform:translateY(-5px);background:rgba(24,24,32,0.85);box-shadow:0 20px 50px -10px rgba(255,156,245,0.12);}.ux-pillar-top{display:flex;align-items:center;justify-content:space-between;}.ux-pillar-icon{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);display:grid;place-items:center;color:var(--accent);}.ux-pillar-icon svg{width:22px;height:22px;fill:currentColor;}.ux-pillar-badge{font-family:var(--font-body);font-size:10.5px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;padding:4px 10px;border-radius:99px;border:1px solid rgba(255,156,245,0.25);background:rgba(255,156,245,0.06);color:var(--accent);}.ux-pillar-title{font-family:var(--font-heading);font-size:22px;font-weight:500;color:#ffffff;margin-bottom:6px;}.ux-pillar-sub{font-family:var(--font-body);font-size:13.5px;color:#9494a0;line-height:1.5;}.ux-idea-wrapper{padding:80px 24px;max-width:1350px;margin:0 auto;}.ux-idea-card{padding:56px 44px;border-radius:32px;border:1px solid rgba(255,255,255,0.08);background:radial-gradient(90% 120% at 85% 20%,rgba(255,156,245,0.07),transparent 70%),linear-gradient(180deg,rgba(18,18,24,0.85),rgba(12,12,16,0.95));backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 30px 90px -20px rgba(0,0,0,0.7),inset 0 1px 0 rgba(255,255,255,0.1);position:relative;overflow:hidden;}@media (max-width:768px){.ux-idea-card{padding:36px 24px;}}.ux-idea-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center;}@media (max-width:992px){.ux-idea-grid{grid-template-columns:1fr;}}.ux-idea-content h2{font-family:var(--font-heading);font-size:clamp(28px,4vw,44px);font-weight:400;color:#ffffff;line-height:1.2;margin:16px 0 16px;}.ux-idea-content p{font-family:var(--font-body);font-size:15.5px;line-height:1.65;color:#a0a0b0;margin-bottom:24px;}.ux-idea-pillars-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}@media (max-width:480px){.ux-idea-pillars-grid{grid-template-columns:1fr;}}.ux-idea-pillar{padding:24px 20px;border-radius:22px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.02);backdrop-filter:blur(14px);transition:all 0.35s cubic-bezier(0.22,1,0.36,1);display:flex;flex-direction:column;justify-content:space-between;gap:12px;}.ux-idea-pillar:hover{border-color:var(--accent);background:rgba(255,156,245,0.06);transform:translateY(-4px);box-shadow:0 16px 40px -10px rgba(255,156,245,0.15);}.ux-idea-pillar-top{display:flex;align-items:center;justify-content:space-between;}.ux-idea-pillar-icon{font-size:20px;}.ux-idea-pillar-big{font-family:var(--font-heading);font-size:28px;font-weight:600;color:#ffffff;line-height:1;letter-spacing:-0.02em;}.ux-idea-pillar:hover .ux-idea-pillar-big{color:var(--accent);}.ux-idea-pillar-label{font-family:var(--font-body);font-size:13px;font-weight:600;color:#e2e2ec;letter-spacing:0.02em;}.ux-idea-pillar-sub{font-family:var(--font-body);font-size:12px;color:#888896;}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1350px;margin:40px auto 0;}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:640px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:12px;}.project-card{padding:20px 14px;border-radius:20px;gap:12px;}.project-image{width:64px;height:64px;border-radius:16px;}.project-info h3{font-size:15px;}.project-tagline-text{font-size:11px;line-height:1.4;}.project-status{font-size:10px;padding:4px 10px;}}.project-card{padding:32px 28px;border-radius:28px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.008) 100%);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 20px 60px -15px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.08);text-decoration:none;color:#ffffff;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;transition:all 0.35s cubic-bezier(0.22,1,0.36,1);}.project-card:hover{border-color:rgba(255,156,245,0.4);transform:translateY(-6px);background:linear-gradient(180deg,rgba(255,255,255,0.05) 0%,rgba(255,156,245,0.02) 100%);box-shadow:0 30px 70px -15px rgba(255,156,245,0.15);}.project-card-head{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;}.project-image{width:96px;height:96px;border-radius:24px;border:1px solid rgba(255,255,255,0.12);background:rgba(0,0,0,0.4);overflow:hidden;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,0.4);transition:transform 0.35s ease;}.project-card:hover .project-image{transform:scale(1.06);border-color:var(--accent);}.project-image img{width:100%;height:100%;object-fit:cover;}.project-tag{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;padding:4px 12px;border-radius:99px;border:1px solid rgba(255,156,245,0.25);background:rgba(255,156,245,0.08);color:var(--accent);}.project-info{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;}.project-info h3{font-family:var(--font-heading);font-size:22px;font-weight:500;color:#ffffff;margin:0;text-align:center;line-height:1.25;}.project-tagline-text{font-family:var(--font-body);font-size:13.5px;color:#9494a0;line-height:1.5;text-align:center;margin-bottom:4px;}.project-status{font-family:var(--font-body);font-size:12px;color:#888896;display:inline-flex;align-items:center;gap:6px;}.project-status::before{content:'';width:6px;height:6px;border-radius:50%;background:#10b981;display:inline-block;box-shadow:0 0 8px #10b981;}.project-cta{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--accent);margin-top:8px;display:inline-flex;align-items:center;gap:6px;transition:transform 0.25s ease;}.project-card:hover .project-cta{transform:translateX(4px);}.tool-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}@media (max-width:1024px){.tool-card-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:600px){.tool-card-grid{grid-template-columns:1fr;}}.tool-card{position:relative;padding:28px 24px;border-radius:24px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,rgba(255,255,255,0.025) 0%,rgba(255,255,255,0.005) 100%);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);text-decoration:none;color:#ffffff;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;transition:all 0.35s cubic-bezier(0.22,1,0.36,1);}.tool-card:hover{border-color:rgba(255,156,245,0.4);transform:translateY(-5px);background:linear-gradient(180deg,rgba(255,255,255,0.045) 0%,rgba(255,156,245,0.015) 100%);box-shadow:0 20px 50px -10px rgba(255,156,245,0.12);}.tool-card-badge{position:absolute;top:16px;right:16px;font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;padding:3px 9px;border-radius:99px;border:1px solid rgba(255,156,245,0.3);background:rgba(255,156,245,0.1);color:var(--accent);}.tool-card-icon{width:52px;height:52px;border-radius:16px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);display:grid;place-items:center;color:var(--accent);transition:transform 0.3s ease,border-color 0.3s ease;}.tool-card:hover .tool-card-icon{transform:scale(1.08);border-color:var(--accent);}.tool-card-icon svg{width:24px;height:24px;fill:currentColor;}.tool-card h2{font-family:var(--font-heading);font-size:20px;font-weight:500;color:#ffffff;margin:0;text-align:center;}.tool-card p{font-family:var(--font-body);font-size:13.5px;color:#9494a0;line-height:1.5;margin:0;text-align:center;}.tool-card-action{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--accent);display:inline-flex;align-items:center;gap:6px;transition:transform 0.25s ease;}.tool-card:hover .tool-card-action{transform:translateX(4px);}.blog-layout{display:grid;grid-template-columns:1fr 300px;gap:40px;max-width:1350px;margin:0 auto;align-items:start;}@media (max-width:992px){.blog-layout{grid-template-columns:1fr;width:100%;min-width:0;}.blog-main{width:100%;min-width:0;}}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}@media (max-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:12px;}.blog-card-body{padding:12px;gap:8px;}.blog-card-title{font-size:14px !important;}}.blog-card{border-radius:24px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,rgba(255,255,255,0.025) 0%,rgba(255,255,255,0.005) 100%);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);overflow:hidden;transition:all 0.35s cubic-bezier(0.22,1,0.36,1);display:flex;flex-direction:column;}.blog-card:hover{border-color:rgba(255,156,245,0.4);transform:translateY(-5px);background:linear-gradient(180deg,rgba(255,255,255,0.045) 0%,rgba(255,156,245,0.015) 100%);box-shadow:0 20px 50px -10px rgba(255,156,245,0.12);}.blog-card-link{text-decoration:none;color:#ffffff;display:flex;flex-direction:column;height:100%;}.blog-card-media{width:100%;height:180px;background:rgba(0,0,0,0.4);overflow:hidden;position:relative;border-bottom:1px solid rgba(255,255,255,0.06);}.blog-card-media img{width:100%;height:100%;transition:transform 0.35s ease;}.blog-card:hover .blog-card-media img{transform:scale(1.05);}.blog-card-media-fallback{display:grid;place-items:center;background:rgba(255,156,245,0.03);}.blog-card-logo{width:48px;height:48px;}.blog-card-body{padding:24px;display:flex;flex-direction:column;gap:12px;flex-grow:1;}.blog-card-meta{display:flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:12px;color:#888896;}.blog-card-tag{font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);}.blog-card-title{font-family:var(--font-heading);font-size:17px;font-weight:500;color:#ffffff;margin:0;line-height:1.35;}.blog-card-more{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--accent);margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:6px;transition:transform 0.25s ease;}[hidden],.blog-card[hidden]{display:none !important;}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:48px;}.blog-page-btn{padding:8px 16px;border-radius:99px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);color:#a0a0b0;font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:all 0.25s ease;}.blog-page-btn:hover:not(.is-disabled):not(.is-active){border-color:var(--accent);color:#ffffff;background:rgba(255,156,245,0.08);}.blog-page-btn.is-active{border-color:rgba(255,156,245,0.4);background:rgba(255,156,245,0.15);color:var(--accent);font-weight:600;}.blog-page-btn.is-disabled{opacity:0.35;cursor:not-allowed;}.blog-card:hover .blog-card-more{transform:translateX(4px);}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1350px;margin:40px auto 0;}@media (max-width:992px){.team-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:600px){.team-grid{grid-template-columns:1fr;}}.team-card{padding:36px 28px;border-radius:28px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.008) 100%);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 20px 60px -15px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.08);display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;transition:all 0.35s cubic-bezier(0.22,1,0.36,1);}.team-card:hover{border-color:rgba(255,156,245,0.4);transform:translateY(-5px);box-shadow:0 30px 70px -15px rgba(255,156,245,0.15);}.blog-post-wrapper{max-width:1350px;margin:0 auto 100px;padding:140px 24px 80px;}.blog-post-header{text-align:center;max-width:900px;margin:0 auto 48px;}.blog-post-back{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:99px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);color:#a0a0b0;font-family:var(--font-body);font-size:13px;font-weight:500;text-decoration:none;margin-bottom:24px;transition:all 0.25s ease;}.blog-post-back:hover{border-color:var(--accent);color:#ffffff;background:rgba(255,156,245,0.08);transform:translateX(-4px);}.blog-post-meta{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--font-body);font-size:13px;color:#888896;margin-bottom:20px;}.blog-post-tag{color:var(--accent);font-weight:600;letter-spacing:0.08em;text-transform:uppercase;}.blog-post-title{font-family:var(--font-heading);font-size:clamp(32px,4.5vw,56px);font-weight:500;color:#ffffff;line-height:1.2;margin-bottom:20px;}.blog-post-sub{font-family:var(--font-body);font-size:clamp(16px,2vw,19px);color:#a0a0b0;line-height:1.6;margin:0 auto 36px;max-width:780px;}.project-hero{padding-top:140px;padding-bottom:40px;}.project-hero-inner{max-width:1200px;margin:0 auto;padding:0 24px;}.project-hero-grid{display:grid;grid-template-columns:100px 1fr;gap:32px;align-items:start;margin-top:24px;}@media (max-width:768px){.project-hero-grid{grid-template-columns:1fr;}}.project-hero-icon{width:150px !important;height:150px !important;max-width:200px !important;max-height:200px !important;background:transparent;border:none;box-shadow:none;padding:0;display:block;flex-shrink:0;overflow:hidden;}.project-hero-icon img{width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;object-fit:contain;border-radius:22px;box-shadow:0 15px 40px rgba(0,0,0,0.4);}.project-hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-family:var(--font-body);font-size:13px;color:#888896;margin-bottom:12px;}.project-hero-title{font-family:var(--font-heading);font-size:clamp(32px,4.5vw,52px);font-weight:500;color:#ffffff;line-height:1.2;margin-bottom:12px;}.project-hero-tagline{font-family:var(--font-body);font-size:clamp(16px,1.8vw,19px);color:#a0a0b0;line-height:1.6;max-width:750px;margin-bottom:24px;}.project-side{position:sticky;top:110px;border-radius:28px;border:1px solid rgba(255,255,255,0.1);background:linear-gradient(180deg,rgba(255,255,255,0.035) 0%,rgba(255,255,255,0.008) 100%);backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);padding:32px 28px;box-shadow:0 30px 80px -20px rgba(0,0,0,0.7),0 0 0 1px rgba(255,156,245,0.08),inset 0 1px 0 rgba(255,255,255,0.15);display:flex;flex-direction:column;gap:22px;}.side-block{display:flex;flex-direction:column;gap:8px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,0.06);}.tool-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;}.tool-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:24px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.008) 100%);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);padding:32px 24px;text-decoration:none;box-shadow:0 20px 50px -15px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.1);transition:all 0.35s cubic-bezier(0.16,1,0.3,1);overflow:hidden;}.tool-card:hover{transform:translateY(-6px);border-color:rgba(255,156,245,0.3);background:linear-gradient(180deg,rgba(255,156,245,0.06) 0%,rgba(255,255,255,0.015) 100%);box-shadow:0 30px 70px -15px rgba(255,156,245,0.15),0 0 0 1px rgba(255,156,245,0.2),inset 0 1px 0 rgba(255,255,255,0.2);}.tool-card-icon{width:56px;height:56px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,156,245,0.08);border:1px solid rgba(255,156,245,0.2);color:var(--accent);margin-bottom:20px;font-size:24px;transition:all 0.3s ease;}.tool-card:hover .tool-card-icon{background:var(--accent);color:#0a0a0b;transform:scale(1.08) rotate(-4deg);box-shadow:0 0 20px rgba(255,156,245,0.4);}.tool-card h2{font-family:var(--font-heading);font-size:20px;font-weight:500;color:#ffffff;margin-bottom:10px;line-height:1.3;}.tool-card p{font-family:var(--font-body);font-size:14px;color:#a0a0b0;line-height:1.55;margin-bottom:24px;}.tool-card-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border-radius:99px;font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:600;color:var(--accent);background:rgba(255,156,245,0.1);border:1px solid rgba(255,156,245,0.25);transition:all 0.25s ease;}.tool-card:hover .tool-card-action{background:var(--accent);color:#0a0a0b;border-color:var(--accent);transform:translateX(3px);}.tool-card-badge{position:absolute;top:16px;right:16px;padding:4px 10px;border-radius:99px;font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#0a0a0b;background:var(--accent);box-shadow:0 0 12px rgba(255,156,245,0.5);}.wc-stat,.wc-secondary,.wc-keywords,.wc-textarea,.metric-card,.hash-card,.contrast-input-card,.contrast-result-card,.contrast-preview-card,.theme-toolbar-card,.theme-preview-card,.theme-card,.color-card,.pdf-card,.pdf-step,.pdf-option-card,.pdf-done-card,.pdf-file-card,.pdf-page-card,.qr-card,.qr-option-card,.qr-preview-card,.regex-card,.timestamp-card,.tool-panel,.panel-card{border-radius:16px !important;border:1px solid rgba(255,255,255,0.08) !important;background:linear-gradient(180deg,rgba(255,255,255,0.035) 0%,rgba(255,255,255,0.008) 100%) !important;backdrop-filter:blur(24px) saturate(180%) !important;-webkit-backdrop-filter:blur(24px) saturate(180%) !important;box-shadow:0 15px 40px -15px rgba(0,0,0,0.5),0 0 0 1px rgba(255,156,245,0.05),inset 0 1px 0 rgba(255,255,255,0.1) !important;transition:border-color 0.25s ease,background 0.25s ease,transform 0.25s ease !important;}.wc-stat:hover,.wc-secondary:hover,.wc-keywords:hover,.metric-card:hover,.hash-card:hover,.contrast-input-card:hover,.theme-toolbar-card:hover,.color-card:hover,.pdf-card:hover,.pdf-option-card:hover,.pdf-file-card:hover,.pdf-page-card:hover,.qr-card:hover,.regex-card:hover,.timestamp-card:hover,.tool-panel:hover,.panel-card:hover{border-color:rgba(255,156,245,0.25) !important;background:linear-gradient(180deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.012) 100%) !important;}.ux-why-section{max-width:900px;margin:60px auto 48px;text-align:center;}.ux-why-header{text-align:center;margin-bottom:32px;}.ux-why-header h2{font-family:var(--font-heading);font-size:clamp(30px,4.2vw,46px);font-weight:400;color:#ffffff;margin-top:14px;line-height:1.25;}.ux-why-card{position:relative;border-radius:24px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,rgba(255,255,255,0.025) 0%,rgba(255,255,255,0.006) 100%);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);padding:40px 48px;box-shadow:0 24px 60px -15px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.12);text-align:left;transition:all 0.3s ease;}.ux-why-card:hover{border-color:rgba(255,156,245,0.25);box-shadow:0 30px 70px -15px rgba(0,0,0,0.6),0 0 0 1px rgba(255,156,245,0.1),inset 0 1px 0 rgba(255,255,255,0.2);}.ux-why-card p{font-family:var(--font-body);font-size:15.5px;line-height:1.75;color:var(--ink-dim);margin-bottom:18px;}.ux-why-card p:last-of-type{margin-bottom:0;}.ux-why-highlights{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.06);}.ux-why-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:99px;font-family:"JetBrains Mono",monospace;font-size:11.5px;font-weight:500;color:var(--accent);background:rgba(255,156,245,0.08);border:1px solid rgba(255,156,245,0.2);}.game-page-body{min-height:100vh;display:flex !important;flex-direction:column !important;justify-content:space-between !important;box-sizing:border-box !important;padding-top:100px;padding-bottom:70px !important;}.game-wrapper-page,.game-workbench,.scribble-workbench{flex:1 0 auto !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;width:100% !important;box-sizing:border-box !important;margin-bottom:20px !important;}.minimal-game-footer{position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important;width:100% !important;z-index:100 !important;background:rgba(10,10,11,0.88) !important;backdrop-filter:blur(16px) saturate(180%) !important;-webkit-backdrop-filter:blur(16px) saturate(180%) !important;border-top:1px solid rgba(255,255,255,0.08) !important;padding:14px 24px !important;text-align:center !important;}.minimal-footer-inner{display:flex !important;align-items:center !important;justify-content:center !important;gap:12px !important;font-family:"JetBrains Mono",monospace !important;font-size:12px !important;color:#888896 !important;}.minimal-footer-inner a{color:#a0a0b0 !important;text-decoration:none !important;transition:color 0.2s ease !important;}.minimal-footer-inner a:hover{color:var(--accent) !important;}.side-block:last-child{padding-bottom:0;border-bottom:none;}.side-label{font-family:"JetBrains Mono",monospace;font-size:10.5px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:6px;}.side-label::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);}.side-value{font-family:var(--font-body);font-size:15px;font-weight:500;color:#ffffff;line-height:1.45;}.side-link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:99px;font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:600;color:var(--accent);background:rgba(255,156,245,0.1);border:1px solid rgba(255,156,245,0.25);text-decoration:none;width:fit-content;transition:all 0.25s ease;}.side-link:hover{background:rgba(255,156,245,0.2);color:#ffffff;transform:translateX(4px);box-shadow:0 4px 15px rgba(255,156,245,0.2);}.page-hero,.tool-hero{text-align:center;padding-top:140px;padding-bottom:48px;max-width:900px;margin:0 auto;}.page-hero .section-label,.tool-hero .section-label{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 18px;border-radius:99px;font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);background:rgba(255,156,245,0.1);border:1px solid rgba(255,156,245,0.25);margin:0 auto 20px;}.page-title{font-family:var(--font-heading);font-size:clamp(36px,5vw,60px);font-weight:500;color:#ffffff;line-height:1.15;margin-bottom:16px;text-align:center;}.page-sub{font-family:var(--font-body);font-size:clamp(16px,2vw,19px);color:#a0a0b0;line-height:1.6;max-width:720px;margin:0 auto;text-align:center;}.tool-how-banner{display:none !important;}.pdf-dropzone,.qr-dropzone,.image-dropzone,.metadata-dropzone,.tool-dropzone,.pdf-upload-zone,label[data-dropzone],label[data-sig-dropzone]{position:relative !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;padding:48px 32px !important;min-height:280px !important;border-radius:20px !important;border:1.5px dashed rgba(255,255,255,0.15) !important;background:rgba(255,255,255,0.015) !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;box-shadow:none !important;cursor:pointer !important;transition:border-color 0.25s ease,background 0.25s ease,transform 0.25s ease !important;overflow:hidden !important;text-align:center !important;}.pdf-dropzone::before,.qr-dropzone::before,.image-dropzone::before,.metadata-dropzone::before,.tool-dropzone::before,.pdf-upload-zone::before,label[data-dropzone]::before{display:none !important;}.pdf-dropzone:hover,.qr-dropzone:hover,.image-dropzone:hover,.metadata-dropzone:hover,.tool-dropzone:hover,.pdf-upload-zone:hover,label[data-dropzone]:hover{border-color:var(--accent) !important;background:rgba(255,156,245,0.025) !important;transform:translateY(-2px) !important;}.pdf-dropzone.is-drag,.qr-dropzone.is-drag,.image-dropzone.is-drag,.metadata-dropzone.is-drag,.tool-dropzone.is-drag,label[data-dropzone].is-drag{border-color:var(--accent) !important;background:rgba(255,156,245,0.06) !important;}.pdf-dropzone-icon,.qr-dropzone-icon,.image-dropzone-icon,.metadata-dropzone-icon{width:52px !important;height:52px !important;border-radius:14px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-family:var(--font-body) !important;font-size:11px !important;font-weight:700 !important;letter-spacing:0.08em !important;text-transform:uppercase !important;color:var(--bg) !important;background:var(--accent) !important;border:none !important;margin-bottom:20px !important;box-shadow:0 8px 24px rgba(255,156,245,0.3) !important;transition:transform 0.25s ease !important;}.pdf-dropzone:hover .pdf-dropzone-icon,.qr-dropzone:hover .qr-dropzone-icon,.image-dropzone:hover .image-dropzone-icon{transform:scale(1.06) !important;}.pdf-dropzone h3,.qr-dropzone h3,.image-dropzone h3,.metadata-dropzone h3,.tool-dropzone h3,label[data-dropzone] h3{font-family:var(--font-heading) !important;font-size:clamp(20px,2.4vw,25px) !important;font-weight:600 !important;color:#ffffff !important;margin-bottom:8px !important;line-height:1.3 !important;}.pdf-dropzone p,.qr-dropzone p,.image-dropzone p,.metadata-dropzone p,.tool-dropzone p,label[data-dropzone] p{font-family:var(--font-body) !important;font-size:14px !important;color:#a0a0b0 !important;line-height:1.5 !important;margin:0 !important;}.pdf-dropzone::after,label[data-dropzone]::after{content:"Choose File" !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:10px 26px !important;border-radius:12px !important;font-family:var(--font-body) !important;font-size:13.5px !important;font-weight:600 !important;color:var(--bg) !important;background:var(--accent) !important;box-shadow:0 4px 18px rgba(255,156,245,0.3) !important;margin-top:20px !important;transition:transform 0.2s ease,filter 0.2s ease !important;}.pdf-dropzone:hover::after,label[data-dropzone]:hover::after{transform:translateY(-1px) scale(1.03) !important;filter:brightness(1.08) !important;}.ux-sitemap-wrapper{max-width:1280px;margin:0 auto 100px;padding:140px 24px 0;}.ux-sitemap-hero{text-align:center;margin-bottom:54px;}.ux-sitemap-title{font-family:var(--font-heading);font-size:clamp(36px,5vw,60px);font-weight:500;color:#ffffff;margin-bottom:14px;}.ux-sitemap-sub{font-family:var(--font-body);font-size:clamp(16px,2vw,19px);color:#a0a0b0;max-width:640px;margin:0 auto;line-height:1.6;}.ux-sitemap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;}@media (max-width:992px){.ux-sitemap-grid{grid-template-columns:1fr;}}.ux-sitemap-card{border-radius:28px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.008) 100%);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);padding:32px;box-shadow:0 20px 60px -15px rgba(0,0,0,0.5);}.ux-sitemap-card-title{font-family:var(--font-heading);font-size:22px;font-weight:500;color:#ffffff;margin-bottom:20px;display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,0.06);}.ux-sitemap-card-title::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);}.ux-sitemap-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;}.ux-sitemap-link-item{display:flex;flex-direction:column;gap:4px;}.ux-sitemap-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:15px;font-weight:500;color:#e0e0f0;text-decoration:none;transition:all 0.25s ease;}.ux-sitemap-link .arrow{font-size:14px;color:var(--accent);transition:transform 0.25s ease;}.ux-sitemap-link:hover{color:#ffffff;transform:translateX(4px);}.ux-sitemap-link:hover .arrow{transform:translateX(4px);}.ux-sitemap-desc{font-family:var(--font-body);font-size:13px;color:#888896;padding-left:20px;line-height:1.4;}.ux-policy-wrapper{max-width:960px;margin:0 auto 100px;padding:140px 24px 0;}.ux-policy-hero{text-align:center;margin-bottom:48px;}.ux-policy-back-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:99px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);color:#a0a0b0;font-family:var(--font-body);font-size:13px;font-weight:500;text-decoration:none;margin-bottom:28px;transition:all 0.25s ease;}.ux-policy-back-btn:hover{border-color:var(--accent);color:#ffffff;background:rgba(255,156,245,0.08);transform:translateX(-4px);}.ux-policy-icon{width:90px;height:90px;border-radius:24px;object-fit:contain;margin:0 auto 20px;box-shadow:0 15px 40px rgba(0,0,0,0.5);display:block;}.ux-policy-title{font-family:var(--font-heading);font-size:clamp(32px,4.5vw,54px);font-weight:500;color:#ffffff;line-height:1.2;margin-bottom:16px;}.ux-policy-date{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:99px;font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--accent);background:rgba(255,156,245,0.1);border:1px solid rgba(255,156,245,0.25);margin-top:12px;}.ux-policy-container{display:flex;flex-direction:column;gap:28px;}.ux-policy-card{border-radius:28px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.008) 100%);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);padding:36px;box-shadow:0 20px 60px -15px rgba(0,0,0,0.5);}.ux-policy-lead{font-family:var(--font-body);font-size:17px;color:#e0e0f0;line-height:1.7;}.ux-policy-card-h2{font-family:var(--font-heading);font-size:24px;font-weight:500;color:#ffffff;margin-bottom:16px;display:flex;align-items:center;gap:14px;}.ux-policy-num{font-family:"JetBrains Mono",monospace;font-size:13px;font-weight:700;color:var(--accent);padding:4px 10px;border-radius:8px;background:rgba(255,156,245,0.1);border:1px solid rgba(255,156,245,0.2);}.ux-policy-card p{font-family:var(--font-body);font-size:15.5px;color:#a0a0b0;line-height:1.7;margin-bottom:14px;}.ux-policy-card p:last-child{margin-bottom:0;}.ux-policy-card ul{margin-top:14px;display:flex;flex-direction:column;gap:10px;padding-left:0;list-style:none;}.ux-policy-card li{font-family:var(--font-body);font-size:15px;color:#d0d0e0;display:flex;align-items:center;gap:12px;}.ux-policy-card li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);flex-shrink:0;}.modal-section{border-radius:24px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,rgba(255,255,255,0.025) 0%,rgba(255,255,255,0.005) 100%);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:32px;margin-bottom:24px;box-shadow:0 20px 50px -15px rgba(0,0,0,0.4);}.next-project{border-radius:28px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.008) 100%);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:40px;box-shadow:0 20px 60px -15px rgba(0,0,0,0.5);}.screen-frame{border-radius:20px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.02);backdrop-filter:blur(16px);overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,0.4);transition:transform 0.3s ease,border-color 0.3s ease;}.screen-frame:hover{border-color:rgba(255,156,245,0.4);transform:translateY(-4px);}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px;}@media (max-width:600px){.feature-list{grid-template-columns:1fr;}}.feature-item{padding:14px 18px;border-radius:16px;border:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.015);font-family:var(--font-body);font-size:14.5px;color:#e0e0f0;display:flex;align-items:center;gap:12px;transition:border-color 0.25s ease,background 0.25s ease;}.feature-item::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);flex-shrink:0;}.feature-item:hover{border-color:rgba(255,156,245,0.3);background:rgba(255,156,245,0.04);}.problem-approach{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:18px;}@media (max-width:768px){.problem-approach{grid-template-columns:1fr;}}.pa-block{padding:22px 24px;border-radius:20px;border:1px solid rgba(255,255,255,0.06);border-left:3px solid var(--accent);background:rgba(255,255,255,0.015);}.pa-label{font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;}.pa-block p{font-family:var(--font-body);font-size:14.5px;color:#a0a0b0;line-height:1.65;}.tech-stack{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}.tech-chip{padding:6px 16px;border-radius:99px;font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:500;color:#ffffff;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:all 0.25s ease;}.tech-chip:hover{border-color:var(--accent);color:var(--accent);background:rgba(255,156,245,0.08);transform:translateY(-2px);}.timeline-stepper-wrapper{position:relative;margin-top:32px;padding-left:32px;}.timeline-stepper-wrapper::before{content:"";position:absolute;top:24px;bottom:24px;left:0;width:2px;background:linear-gradient(180deg,var(--accent) 0%,#7C4DFF 50%,#00E676 100%);box-shadow:0 0 12px var(--accent);}.stepper-item{position:relative;margin-bottom:24px;}.stepper-item:last-child{margin-bottom:0;}.stepper-node{position:absolute;left:-32px;top:24px;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;background:#0a0a0b;border:2px solid var(--accent);box-shadow:0 0 12px var(--accent);display:flex;align-items:center;justify-content:center;z-index:2;}.stepper-node-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);}.stepper-card{border-radius:24px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,rgba(255,255,255,0.025) 0%,rgba(255,255,255,0.005) 100%);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:24px 28px;box-shadow:0 15px 45px -10px rgba(0,0,0,0.4);display:grid;grid-template-columns:48px 1fr;gap:20px;align-items:center;transition:border-color 0.3s ease,transform 0.3s ease;}.stepper-card:hover{border-color:rgba(255,156,245,0.3);transform:translateX(6px);}@media (max-width:600px){.stepper-card{grid-template-columns:1fr;}}.stepper-num{font-family:var(--font-heading);font-size:32px;font-weight:500;color:rgba(255,255,255,0.25);line-height:1;}.stepper-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;}.stepper-title{font-family:var(--font-heading);font-size:20px;font-weight:500;color:#ffffff;}.stepper-duration{padding:4px 12px;border-radius:99px;font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;background:rgba(255,156,245,0.1);color:var(--accent);border:1px solid rgba(255,156,245,0.25);}.stepper-desc{font-family:var(--font-body);font-size:14.5px;color:#a0a0b0;line-height:1.6;}.ux-app-detail-hero{text-align:center;padding-top:140px;padding-bottom:60px;max-width:960px;margin:0 auto;}.ux-app-back-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:99px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);color:#a0a0b0;font-family:var(--font-body);font-size:13px;font-weight:500;text-decoration:none;margin-bottom:32px;transition:all 0.25s ease;}.ux-app-back-btn:hover{border-color:var(--accent);color:#ffffff;background:rgba(255,156,245,0.08);transform:translateX(-4px);}.ux-app-icon-wrap{width:120px;height:120px;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.02) 100%);border:1px solid rgba(255,255,255,0.15);box-shadow:0 20px 60px -10px rgba(255,156,245,0.3),inset 0 1px 0 rgba(255,255,255,0.2);display:grid;place-items:center;margin:0 auto 28px;overflow:hidden;padding:12px;}.ux-app-icon-wrap img{width:100%;height:100%;object-fit:contain;border-radius:20px;}.ux-app-meta-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:20px;}.ux-app-badge{padding:5px 14px;border-radius:99px;font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;}.ux-app-badge-status{background:rgba(0,230,118,0.12);color:#00e676;border:1px solid rgba(0,230,118,0.3);}.ux-app-badge-tag{background:rgba(255,156,245,0.1);color:var(--accent);border:1px solid rgba(255,156,245,0.25);}.ux-app-badge-year{background:rgba(255,255,255,0.05);color:#a0a0b0;border:1px solid rgba(255,255,255,0.1);}.ux-app-title{font-family:var(--font-heading);font-size:clamp(36px,5.5vw,64px);font-weight:500;color:#ffffff;line-height:1.15;margin-bottom:18px;}.ux-app-tagline{font-family:var(--font-body);font-size:clamp(16px,2vw,20px);color:#a0a0b0;line-height:1.6;max-width:750px;margin:0 auto 36px;}.ux-app-cta-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;}.ux-app-content-grid{display:grid;grid-template-columns:320px 1fr;gap:36px;max-width:1350px;margin:0 auto 80px;align-items:start;}@media (max-width:992px){.ux-app-content-grid{grid-template-columns:1fr;}}.ux-app-card{border-radius:28px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.008) 100%);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 20px 60px -15px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.08);padding:36px;margin-bottom:28px;}.ux-app-sidebar{position:sticky;top:100px;}.ux-app-spec-item{display:flex;flex-direction:column;gap:6px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.06);}.ux-app-spec-item:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none;}.ux-app-spec-label{font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);}.ux-app-spec-val{font-family:var(--font-body);font-size:15px;color:#ffffff;font-weight:500;}.ux-app-card-h3{font-family:var(--font-heading);font-size:24px;font-weight:500;color:#ffffff;margin-bottom:18px;}.ux-app-lead-p{font-family:var(--font-body);font-size:17px;color:#d0d0e0;line-height:1.7;}.ux-app-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px;}@media (max-width:600px){.ux-app-features-grid{grid-template-columns:1fr;}}.ux-app-feature-item{padding:16px 20px;border-radius:18px;border:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.015);display:flex;align-items:center;gap:12px;font-family:var(--font-body);font-size:14px;color:#e0e0f0;}.ux-app-feature-icon{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);flex-shrink:0;}.blog-prose-container{border-radius:32px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,rgba(255,255,255,0.025) 0%,rgba(255,255,255,0.005) 100%);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 20px 60px -15px rgba(0,0,0,0.5);max-width:100%;min-width:0;}.blog-prose-container{padding:48px 44px;}@media (max-width:640px){.blog-prose-container{border-radius:20px;}.blog-prose-container{padding:28px 20px;}}.blog-prose{color:#c4c4d4;font-family:var(--font-body);font-size:17px;line-height:1.8;}.blog-prose h2{font-family:var(--font-heading);font-size:clamp(24px,3vw,32px);font-weight:500;color:#ffffff;margin:48px 0 20px;line-height:1.3;padding-top:16px;border-top:1px solid rgba(255,255,255,0.06);}.blog-prose h2:first-child,.blog-prose hr+h2{margin-top:24px;padding-top:0;border-top:none;}.blog-prose hr{border:none;border-top:1px solid rgba(255,255,255,0.08);margin:36px 0;}.blog-prose table,.table-responsive table{width:100%;border-collapse:separate;border-spacing:0;margin:32px 0;font-size:15px;line-height:1.6;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.02);}@media (max-width:768px){.blog-prose table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}}.table-responsive{width:100%;overflow-x:auto;margin:32px 0;-webkit-overflow-scrolling:touch;}.table-responsive table{margin:0;}.blog-prose th,.table-responsive th{background:rgba(255,255,255,0.07);color:#ffffff;font-family:var(--font-heading);font-weight:600;font-size:14px;text-align:left;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,0.12);border-right:1px solid rgba(255,255,255,0.06);white-space:nowrap;}.blog-prose th:last-child,.table-responsive th:last-child{border-right:none;}.blog-prose td,.table-responsive td{padding:14px 18px;color:#c4c4d4;vertical-align:top;border-bottom:1px solid rgba(255,255,255,0.06);border-right:1px solid rgba(255,255,255,0.06);}.blog-prose td:last-child,.table-responsive td:last-child{border-right:none;}.blog-prose tr:last-child td,.table-responsive tr:last-child td{border-bottom:none;}.blog-prose tr:nth-child(even),.table-responsive tr:nth-child(even){background:rgba(255,255,255,0.015);}.blog-prose tr:hover td,.table-responsive tr:hover td{background:rgba(255,255,255,0.03);}.blog-prose pre code{background:none;padding:0;color:#e0e0e0;}.sidebar-related-card{display:flex;flex-direction:column;gap:12px;align-items:stretch;padding:14px;border-radius:20px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.02);text-decoration:none;transition:border-color 0.3s ease,background 0.3s ease,transform 0.3s ease;margin-bottom:16px;}.sidebar-related-card:last-child{margin-bottom:0;}.sidebar-related-card:hover{border-color:rgba(255,156,245,0.35);background:rgba(255,156,245,0.04);transform:translateY(-2px);}.sidebar-related-media{width:100%;height:110px;border-radius:14px;overflow:hidden;background:rgba(0,0,0,0.4);flex-shrink:0;border:1px solid rgba(255,255,255,0.08);display:grid;place-items:center;}.sidebar-related-media img{width:100%;height:100%;object-fit:cover;border-radius:14px;}.sidebar-related-media.is-fallback img{width:48px;height:48px;object-fit:contain;}.sidebar-related-title{font-family:var(--font-heading);font-size:15px;font-weight:500;color:#ffffff;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.team-avatar{width:80px;height:80px;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--accent),var(--grad-2));box-shadow:0 10px 25px rgba(255,156,245,0.25);}.team-avatar-inner{width:100%;height:100%;border-radius:50%;background:#0f0f14;display:grid;place-items:center;font-family:var(--font-heading);font-size:28px;color:var(--accent);font-weight:500;}.team-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;}.team-name{font-family:var(--font-heading);font-size:22px;font-weight:500;color:#ffffff;margin:0;}.team-role{font-family:var(--font-body);font-size:12.5px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);}.team-bio{font-family:var(--font-body);font-size:14px;color:#9494a0;line-height:1.55;margin:0;}.ux-review-name{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--ink);}.ux-review-role{font-family:var(--font-body);font-size:12px;color:var(--ink-dim);}.ux-cta-card{padding:56px 40px;border-radius:28px;border:1px solid var(--line-hover);background:linear-gradient(180deg,rgba(255,156,245,0.04),rgba(20,0,255,0.02));text-align:center;max-width:960px;margin:80px auto 120px;box-shadow:0 30px 80px -20px rgba(0,0,0,0.6);}.ux-cta-card h2{font-family:var(--font-heading);font-size:clamp(32px,4vw,52px);color:var(--ink);margin-bottom:16px;}.ux-cta-card p{font-family:var(--font-body);font-size:17px;color:var(--ink-dim);max-width:600px;margin:0 auto 32px;line-height:1.6;}.ux-cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}.cta-band{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:48px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,0.025),rgba(255,255,255,0.005));}.cta-band-title{font-family:"Fraunces",serif;font-size:clamp(28px,4vw,44px);font-weight:300;letter-spacing:-0.02em;line-height:1.1;max-width:560px;}.cta-band-title em{font-family:"Instrument Serif",serif;font-style:italic;color:var(--accent);}.project-hero{padding:140px 0 0;position:relative;z-index:1;}.project-hero-inner{max-width:1400px;margin:0 auto;padding:0 48px;}.back-link{display:inline-block;font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-dim);text-decoration:none;margin-bottom:48px;transition:color 0.3s;}.back-link:hover{color:var(--accent);}.project-hero-text{width:100%;}.project-hero-grid{display:flex;gap:48px;align-items:start;}.project-hero-title{font-family:"Fraunces",serif;font-size:48px;font-weight:300;letter-spacing:-0.04em;line-height:0.98;margin:16px 0 20px;}.project-hero-tagline{font-family:"Instrument Serif",serif;font-size:clamp(22px,2.4vw,28px);color:var(--ink-dim);max-width:640px;margin-bottom:28px;line-height:1.4;}.project-hero-meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--ink-dim);letter-spacing:0.04em;}.dot-sep{color:var(--ink-faint);}.project-hero-icon img{width:240px;height:240px;border-radius:32px;width:auto;box-shadow:0 30px 80px -20px rgba(0,0,0,0.6);}.project-hero-image{margin-top:80px;max-width:1400px;margin-left:auto;margin-right:auto;padding:0 48px;}.project-hero-image img{width:100%;height:auto;border-radius:24px;border:1px solid var(--line);display:block;}.highlights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}.highlight{padding:28px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,0.015);transition:all 0.4s cubic-bezier(0.22,1,0.36,1);}.highlight:hover{border-color:var(--line-hover);transform:translateY(-3px);}.highlight-value{font-family:"Fraunces",serif;font-size:32px;font-weight:300;letter-spacing:-0.02em;background:linear-gradient(135deg,var(--ink) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1;margin-bottom:8px;}.highlight-label{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-dim);}.project-body-grid{display:grid;grid-template-columns:260px 1fr;gap:80px;align-items:start;}.project-side{position:sticky;top:120px;display:flex;flex-direction:column;gap:24px;padding:32px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,0.015);}.side-block{display:flex;flex-direction:column;gap:6px;}.side-label{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-faint);}.side-value{font-size:15px;color:var(--ink);line-height:1.4;}.side-link{color:var(--ink);font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:0.04em;line-height:1.4;text-decoration:none;text-transform:uppercase;transition:color 0.3s;}.side-link span{display:inline-block;transition:transform 0.3s;}.side-link:hover{color:var(--accent);}.side-link:hover span{transform:translateX(4px);}.project-main .modal-section{margin-bottom:48px;}.project-main .modal-section h4{font-size:12px;}.lead-paragraph{font-size:19px !important;line-height:1.7 !important;color:var(--ink) !important;}.screens-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;}.screens-controls{display:flex;gap:12px;}.screens-carousel-wrap{position:relative;}.screens-carousel-wrap .screens-controls{position:absolute;inset:50% -60px auto;z-index:4;display:flex;justify-content:space-between;pointer-events:none;transform:translateY(-50%);}.screens-carousel-wrap:not(.has-overflow) .screens-controls{display:none;}.screens-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--line-hover);background:rgba(10,10,11,0.72);backdrop-filter:blur(12px);color:var(--ink);font-size:18px;cursor:pointer;display:grid;place-items:center;transition:all 0.3s;font-family:inherit;}.screens-carousel-wrap .screens-btn{pointer-events:auto;}.screens-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--bg);transform:scale(1.04);}.screens-carousel{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;scrollbar-width:none;padding:0 0 16px;-webkit-overflow-scrolling:touch;}.screens-carousel::-webkit-scrollbar{width:0;height:0;display:none;}.screen-card{flex:0 0 220px;scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;margin:0;}.screen-frame{border-radius:20px;overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,0.02);aspect-ratio:9 / 19;transition:all 0.5s cubic-bezier(0.22,1,0.36,1);padding:0;cursor:zoom-in;display:block;width:100%;}.screen-card:hover .screen-frame{border-color:var(--line-hover);transform:translateY(-4px);box-shadow:0 30px 60px -20px rgba(0,0,0,0.5);}.screen-frame img{width:100%;height:100%;object-fit:cover;display:block;}.screen-card figcaption{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:0.04em;color:var(--ink-dim);padding:0 4px;}.lightbox{position:fixed;inset:0;background:rgba(10,10,11,0.92);backdrop-filter:blur(14px);z-index:300;display:grid;place-items:center;padding:60px 24px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;opacity:0;transition:opacity 0.3s cubic-bezier(0.22,1,0.36,1);}.lightbox::-webkit-scrollbar{width:0;height:0;display:none;}.lightbox.open{opacity:1;}.lightbox[hidden]{display:none;}.lightbox-figure{max-width:none;max-height:none;display:flex;flex-direction:column;align-items:center;gap:16px;margin:0;overflow:visible;}.lightbox-figure img{max-width:90%;max-height:80%;width:auto;height:auto;border-radius:18px;border:1px solid var(--line);box-shadow:0 40px 100px -20px rgba(0,0,0,0.7);display:block;transform-origin:center;transition:transform 0.2s ease;touch-action:none;user-select:none;-webkit-user-drag:none;}.lightbox-figure img.is-zoomed{cursor:grab;}.lightbox-figure img.is-dragging{cursor:grabbing;transition:none;}.lightbox-figure figcaption{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:0.04em;color:var(--ink-dim);text-align:center;max-width:600px;}.lightbox-close,.lightbox-nav,.lightbox-zoom{position:absolute;width:48px;height:48px;border-radius:50%;border:1px solid var(--line-hover);background:rgba(10,10,11,0.6);color:var(--ink);font-size:22px;cursor:pointer;display:grid;place-items:center;transition:all 0.3s;font-family:inherit;}.lightbox-close:hover,.lightbox-nav:hover,.lightbox-zoom:hover{background:var(--accent);border-color:var(--accent);color:var(--bg);}.lightbox-zoom-controls{position:absolute;top:24px;left:50%;z-index:2;display:flex;gap:10px;transform:translateX(-50%);}.lightbox-zoom{position:static;font-size:24px;line-height:1;}.lightbox-zoom:disabled{opacity:0.38;cursor:not-allowed;}.lightbox-zoom:disabled:hover{background:rgba(10,10,11,0.6);border-color:var(--line-hover);color:var(--ink);}.lightbox-close{top:24px;right:24px;}.lightbox-prev{left:24px;top:50%;transform:translateY(-50%);}.lightbox-next{right:24px;top:50%;transform:translateY(-50%);}@media (max-width:700px){.screen-card{flex:0 0 70vw;}.screens-head{flex-direction:column;align-items:flex-start;}.lightbox-prev,.lightbox-next{width:40px;height:40px;}}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.team-card{position:relative;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,0.025),rgba(255,255,255,0.005));transition:all 0.4s cubic-bezier(0.22,1,0.36,1);display:flex;flex-direction:column;text-align:center;}.team-card::before{content:"";position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:120%;height:70%;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%);opacity:0;transition:opacity 0.5s ease;pointer-events:none;}.team-card:hover{border-color:var(--line-hover);transform:translateY(-6px);}.team-card:hover::before{opacity:1;}.team-photo{width:132px;height:132px;margin:40px auto 0;border-radius:50%;overflow:hidden;position:relative;border:1px solid var(--line);background:radial-gradient(circle at 50% 30%,rgba(255,255,255,0.06),rgba(255,255,255,0.015));box-shadow:0 10px 30px rgba(0,0,0,0.25);transition:border-color 0.4s ease,box-shadow 0.4s ease;}.team-card:hover .team-photo{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 14px 38px rgba(0,0,0,0.35);}.team-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s cubic-bezier(0.22,1,0.36,1);}.team-card:hover .team-photo img{transform:scale(1.06);}.team-body{flex:1;padding:22px 32px 32px;display:flex;flex-direction:column;align-items:center;gap:10px;}.team-role{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);}.team-name{font-family:"Fraunces",serif;font-size:30px;font-weight:400;letter-spacing:-0.02em;line-height:1.05;margin:0;}.team-bio{color:var(--ink-dim);font-size:15px;line-height:1.65;margin:4px 0 14px;}.team-socials{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:0.06em;text-transform:uppercase;}.team-socials a{color:var(--ink-dim);text-decoration:none;transition:color 0.3s;}.team-socials a:hover{color:var(--accent);}.team-extras{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px;}.team-extra{padding:28px 32px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,0.015);display:flex;align-items:center;gap:24px;}.team-extra-num{font-family:"Fraunces",serif;font-size:44px;font-weight:300;letter-spacing:-0.03em;line-height:1;background:linear-gradient(135deg,var(--ink) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;flex-shrink:0;}.team-extra-label{color:var(--ink-dim);font-size:15px;line-height:1.5;}@media (max-width:900px){.team-grid{grid-template-columns:1fr;}.team-extras{grid-template-columns:1fr;}}@media (min-width:901px) and (max-width:1100px){.team-grid{grid-template-columns:repeat(2,1fr);}}.next-project{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:48px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,0.025),rgba(255,255,255,0.005));transition:all 0.4s cubic-bezier(0.22,1,0.36,1);}.next-project:hover{border-color:var(--line-hover);}.next-project-title{font-family:"Fraunces",serif;font-size:clamp(28px,4vw,44px);font-weight:300;letter-spacing:-0.02em;line-height:1.1;margin-bottom:8px;}.next-project-title em{font-family:"Instrument Serif",serif;font-style:italic;color:var(--accent);}.next-project-desc{color:var(--ink-dim);font-size:15px;max-width:560px;}@media (max-width:900px){.page-hero{padding:140px 24px 60px;}.page-hero.has-breadcrumb{padding-top:24px;}.blog-breadcrumb{padding-top:100px;}.principles-grid,.contact-grid,.contact-info-grid,.highlights-grid,.screens-grid{grid-template-columns:1fr;}.cta-band,.next-project{flex-direction:column;align-items:flex-start;padding:32px;}.project-hero-inner,.project-hero-image{padding:0 24px;}.project-hero-grid{flex-direction:column;gap:32px;}.project-hero-icon img{width:96px;height:96px;border-radius:22px;}.project-body-grid{grid-template-columns:1fr;gap:40px;}.project-side{position:static;}.footer-inner{padding:56px 24px 32px;}.footer-top-grid,.footer-tools-grid{grid-template-columns:repeat(2,1fr);gap:36px 24px;}.footer-brand{grid-column:1 / -1;max-width:100%;}.footer-bottom{flex-direction:column;gap:14px;align-items:flex-start;}}@media (max-width:520px){.footer-top-grid,.footer-tools-grid{grid-template-columns:1fr;}}@media (min-width:901px) and (max-width:1100px){.highlights-grid{grid-template-columns:repeat(2,1fr);}.principles-grid{grid-template-columns:repeat(2,1fr);}}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}.service-card{padding:40px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,0.025),rgba(255,255,255,0.005));transition:all 0.4s cubic-bezier(0.22,1,0.36,1);}.service-card:hover{border-color:var(--line-hover);transform:translateY(-4px);}.service-num{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:0.12em;color:var(--accent);margin-bottom:24px;}.service-card h3{font-family:"Fraunces",serif;font-size:32px;font-weight:400;letter-spacing:-0.02em;margin-bottom:12px;line-height:1.1;}.service-card p{color:var(--ink-dim);font-size:16px;line-height:1.6;margin-bottom:24px;}.service-tags{display:flex;flex-wrap:wrap;gap:8px;}.service-tags span{padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--ink-dim);letter-spacing:0.04em;}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}.featured-image{border-radius:24px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4 / 3;}.featured-image img{width:100%;height:100%;object-fit:cover;display:block;}.featured-title{font-family:"Fraunces",serif;font-size:clamp(36px,5vw,56px);font-weight:300;letter-spacing:-0.03em;line-height:1;margin:16px 0 16px;}.featured-tagline{font-family:"Instrument Serif",serif;font-style:italic;font-size:22px;color:var(--accent);margin-bottom:20px;line-height:1.4;}.featured-desc{font-size:17px;color:var(--ink-dim);line-height:1.6;margin-bottom:32px;}.featured-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;}.featured-stats>div{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--line);border-radius:12px;}.featured-stats strong{font-family:"Fraunces",serif;font-size:22px;font-weight:400;letter-spacing:-0.02em;color:var(--ink);}.featured-stats span{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint);}.stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}.stack-col{padding:28px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,0.015);}.stack-label{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;}.stack-list{list-style:none;padding:0;margin:0;}.stack-list li{font-family:"Fraunces",serif;font-size:19px;font-weight:300;padding:10px 0;border-top:1px solid var(--line);color:var(--ink);}.stack-list li:first-child{border-top:none;padding-top:0;}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.testimonial{padding:36px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,0.025),rgba(255,255,255,0.005));transition:all 0.4s cubic-bezier(0.22,1,0.36,1);margin:0;}.testimonial:hover{border-color:var(--line-hover);transform:translateY(-4px);}.testimonial blockquote{font-family:"Instrument Serif",serif;font-style:italic;font-size:22px;line-height:1.5;color:var(--ink);margin:0 0 24px;padding:0;position:relative;}.testimonial blockquote::before{content:"“";position:absolute;top:-28px;left:-8px;font-size:80px;color:var(--accent);opacity:0.5;line-height:1;font-style:normal;}.testimonial figcaption{display:flex;flex-direction:column;gap:4px;padding-top:16px;border-top:1px solid var(--line);}.t-name{font-family:"Fraunces",serif;font-size:16px;color:var(--ink);}.t-role{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:0.04em;color:var(--ink-dim);}.faq-list{display:flex;flex-direction:column;max-width:900px;margin:0 auto;}.faq-item{border-top:1px solid var(--line);cursor:pointer;}.faq-item:last-child{border-bottom:1px solid var(--line);}.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:24px;font-family:"Fraunces",serif;font-size:clamp(20px,2.2vw,26px);font-weight:400;letter-spacing:-0.01em;color:var(--ink);list-style:none;transition:color 0.3s;}.faq-item summary::-webkit-details-marker{display:none;}.faq-item summary:hover{color:var(--accent);}.faq-toggle{font-family:"JetBrains Mono",monospace;font-size:22px;color:var(--ink-dim);width:36px;height:36px;border-radius:50%;border:1px solid var(--line-hover);display:grid;place-items:center;flex-shrink:0;transition:all 0.4s cubic-bezier(0.22,1,0.36,1);}.faq-item[open] .faq-toggle{transform:rotate(45deg);background:var(--accent);border-color:var(--accent);color:var(--bg);}.faq-item p{margin-top:20px;color:var(--ink-dim);font-size:16px;line-height:1.7;max-width:720px;}@media (max-width:900px){.services-grid,.featured-grid,.stack-grid,.testimonials-grid{grid-template-columns:1fr;}.featured-stats{grid-template-columns:repeat(3,1fr);}}@media (min-width:901px) and (max-width:1100px){.stack-grid{grid-template-columns:repeat(2,1fr);}.testimonials-grid{grid-template-columns:repeat(2,1fr);}}.problem-approach{display:grid;grid-template-columns:1fr 1fr;gap:20px;}.pa-block{padding:28px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,0.015);}.pa-label{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;}.pa-block p{color:var(--ink-dim);font-size:15px;line-height:1.7;}.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}.result-card{padding:36px 28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,0.025),rgba(255,255,255,0.005));transition:all 0.4s cubic-bezier(0.22,1,0.36,1);}.result-card:hover{border-color:var(--line-hover);transform:translateY(-4px);}.result-value{font-family:"Fraunces",serif;font-size:48px;font-weight:300;letter-spacing:-0.03em;line-height:1;margin-bottom:12px;background:linear-gradient(135deg,var(--ink) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}.result-label{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-dim);}.timeline-list{display:flex;flex-direction:column;}.timeline-item{display:grid;grid-template-columns:80px 220px 1fr;gap:40px;padding:32px 0;border-top:1px solid var(--line);align-items:start;transition:padding 0.4s cubic-bezier(0.22,1,0.36,1);}.timeline-item:last-child{border-bottom:1px solid var(--line);}.timeline-item:hover{padding-left:20px;}.timeline-num{font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--ink-faint);padding-top:6px;}.timeline-title{font-family:"Fraunces",serif;font-size:28px;font-weight:400;letter-spacing:-0.02em;line-height:1.1;margin-bottom:6px;}.timeline-duration{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);}.timeline-detail{color:var(--ink-dim);font-size:15px;line-height:1.7;padding-top:6px;}.challenges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}.challenge-card{padding:32px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,0.015);transition:all 0.4s cubic-bezier(0.22,1,0.36,1);}.challenge-card:hover{border-color:var(--line-hover);transform:translateY(-4px);}.challenge-num{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:0.12em;color:var(--accent);margin-bottom:16px;}.challenge-card h4{font-family:"Fraunces",serif !important;font-size:22px !important;font-weight:400 !important;letter-spacing:-0.02em !important;color:var(--ink) !important;margin-bottom:12px;text-transform:none !important;}.challenge-card p{color:var(--ink-dim);font-size:15px;line-height:1.6;}.privacy-policy-card{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:32px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,0.025),rgba(255,255,255,0.005));}.privacy-policy-title{font-family:"Fraunces",serif;font-size:28px;font-weight:400;letter-spacing:-0.02em;color:var(--ink);line-height:1.15;margin-bottom:12px;}.privacy-policy-card p{max-width:560px;color:var(--ink-dim);font-size:15px;line-height:1.7;}.privacy-policy-card .btn{flex:0 0 auto;}.policy-page{position:relative;z-index:1;}.policy-hero{padding-top:140px;padding-bottom:48px;}.policy-hero-grid{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:end;}.policy-title{max-width:900px;margin:16px 0 18px;font-family:"Fraunces",serif;font-size:clamp(44px,7vw,84px);font-weight:300;letter-spacing:-0.04em;line-height:1;}.policy-effective{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);}.policy-app-icon{width:120px;height:120px;border-radius:28px;box-shadow:0 24px 70px -24px rgba(0,0,0,0.7);}.policy-content-wrap{padding-top:32px;}.policy-document{max-width:940px;margin:0 auto;padding:48px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,0.025),rgba(255,255,255,0.005));}.policy-lead{color:var(--ink);font-size:18px;line-height:1.75;}.policy-section{display:grid;grid-template-columns:56px 1fr;gap:28px;padding-top:32px;margin-top:32px;border-top:1px solid var(--line);}.policy-section-num{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--ink-faint);padding-top:8px;}.policy-section h2{margin:0 0 14px;font-family:"Fraunces",serif;font-size:30px;font-weight:400;letter-spacing:-0.02em;color:var(--ink);}.policy-section p,.policy-section li{color:var(--ink-dim);font-size:15px;line-height:1.75;}.policy-section p+p{margin-top:12px;}.policy-section ul{margin:16px 0 0;padding-left:20px;}.policy-section li+li{margin-top:8px;}.project-quote{max-width:900px;margin:0 auto;padding:48px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,0.025),rgba(255,255,255,0.005));text-align:center;}.project-quote blockquote{font-family:"Instrument Serif",serif;font-style:italic;font-size:clamp(22px,3vw,32px);line-height:1.4;color:var(--ink);margin:0 0 32px;padding:0;}.project-quote figcaption{display:flex;flex-direction:column;gap:4px;align-items:center;}.pq-name{font-family:"Fraunces",serif;font-size:17px;color:var(--ink);}.pq-role{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-dim);}@media (max-width:900px){.problem-approach,.results-grid,.challenges-grid{grid-template-columns:1fr;}.timeline-item{grid-template-columns:1fr;gap:8px;padding:24px 0;}.project-quote{padding:32px 24px;}.privacy-policy-card{align-items:flex-start;flex-direction:column;padding:28px;}.policy-hero{padding-top:120px;}.policy-hero-grid,.policy-section{grid-template-columns:1fr;}.policy-app-icon{width:96px;height:96px;border-radius:22px;}.policy-document{padding:28px;}.policy-section{gap:10px;}.policy-section-num{padding-top:0;}}@media (min-width:901px) and (max-width:1100px){.results-grid{grid-template-columns:repeat(2,1fr);}.challenges-grid{grid-template-columns:repeat(2,1fr);}}.blog-layout{margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start;}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;scroll-margin-top:110px;}.blog-empty{margin-top:32px;opacity:0.6;text-align:center;}.blog-pagination{position:static;inset:auto;max-width:none;background:none;border:none;box-shadow:none;backdrop-filter:none;animation:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:44px;}.blog-pagination[hidden]{display:none;}.blog-page-btn{font-family:"JetBrains Mono",monospace;font-size:0.85rem;line-height:1;min-width:38px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink-dim);cursor:pointer;transition:border-color 0.18s ease,color 0.18s ease,background 0.18s ease;}.blog-page-btn:hover{border-color:var(--line-hover);color:var(--ink);}.blog-page-btn.is-active{background:var(--accent);border-color:var(--accent);color:var(--bg);cursor:default;}.blog-page-btn.is-disabled{opacity:0.4;cursor:default;pointer-events:none;}.blog-card{border:1px solid transparent;border-radius:18px;background:linear-gradient(var(--bg-soft),var(--bg-soft)) padding-box,linear-gradient(var(--line),var(--line)) border-box;overflow:hidden;transition:background 0.25s ease,transform 0.25s ease,box-shadow 0.25s ease;}.blog-card:hover{transform:translateY(-4px);background:linear-gradient(var(--bg-soft),var(--bg-soft)) padding-box,linear-gradient(135deg,#a855f7,#1400ff) border-box;box-shadow:0 18px 40px -22px rgba(80,40,200,0.55);}.blog-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;background-image:none;}.blog-card-media{aspect-ratio:16 / 9;height:auto;overflow:hidden;border-bottom:1px solid var(--line);}.blog-card-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 0.4s ease;}.blog-card-media-fallback{display:flex;align-items:center;justify-content:center;background:var(--bg-soft);}.blog-card-media-fallback .blog-card-logo{width:auto;max-width:60%;opacity:0.55;}.blog-card-body{display:flex;flex-direction:column;gap:12px;padding:28px;flex:1;}.blog-card-meta{display:flex;align-items:center;gap:8px;font-family:"JetBrains Mono",monospace;font-size:0.75rem;letter-spacing:0.04em;color:var(--ink-dim);}.blog-card-tag{color:var(--accent);text-transform:uppercase;}.blog-card-title{font-size:17px !important;line-height:1.35;color:var(--ink);margin:0 !important;}.blog-card-desc{color:var(--ink-dim);font-size:0.95rem;line-height:1.6;margin:0;}.blog-card-more{margin-top:auto;padding-top:8px;color:var(--accent);font-size:0.9rem;display:inline-flex;align-items:center;gap:6px;}.blog-post-meta{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:10px;margin-bottom:20px;font-family:"JetBrains Mono",monospace;font-size:0.8rem;color:var(--ink-dim);}.blog-post-cover{max-width:980px;margin:0 auto 48px;border-radius:24px;overflow:hidden;border:1px solid var(--line);}.blog-post-cover img{width:100%;height:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;}.blog-post-body{max-width:760px;margin:0 auto;}.blog-prose{color:var(--ink);margin-top:32px;font-size:1.08rem;line-height:1.75;}.blog-prose>*+*{margin-top:1.25em;}.blog-prose h2{font-family:"Fraunces",serif;font-size:1.9rem;line-height:1.25;margin-top:1.8em;color:var(--ink);}.blog-prose h3{font-family:"Fraunces",serif;font-size:1.4rem;margin-top:1.6em;color:var(--ink);}.blog-prose p,.blog-prose ul,.blog-prose ol{color:var(--ink-dim);}.blog-prose ul,.blog-prose ol{padding-left:1.3em;}.blog-prose li+li{margin-top:0.4em;}.blog-prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;}.blog-prose strong{color:var(--ink);}.blog-prose blockquote{border-left:3px solid var(--accent);padding-left:20px;margin-left:0;font-family:"Instrument Serif",serif;font-size:1.3rem;font-style:italic;color:var(--ink);}.blog-prose code{font-family:"JetBrains Mono",monospace;font-size:0.88em;background:var(--bg-soft);border:1px solid var(--line);border-radius:6px;padding:0.15em 0.4em;}.blog-prose pre{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:20px;overflow-x:auto;}.blog-prose pre code{background:none;border:none;padding:0;font-size:0.9rem;line-height:1.6;}.blog-prose img{max-width:650px;width:100%;height:auto;display:block;margin:24px auto;border-radius:14px;border:1px solid var(--line);box-shadow:0 8px 30px rgba(0,0,0,0.4);}.blog-prose hr{border:none;border-top:1px solid var(--line);margin:2.5em 0;}@media (max-width:600px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:12px;}.blog-card-body{padding:12px;gap:8px;}.blog-card-title{font-size:14px !important;}.blog-card-meta{font-size:10px;}.blog-card-more{font-size:11px;}.blog-prose{font-size:1rem;}}.blog-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}.blog-card-pill{font-family:"JetBrains Mono",monospace;font-size:0.7rem;color:var(--ink-dim);border:1px solid var(--line);border-radius:999px;padding:2px 9px;}.blog-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:24px;}.sidebar-block{background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:22px;box-shadow:0 4px 24px rgba(0,0,0,0.12);transition:border-color 0.25s ease,box-shadow 0.25s ease;}.sidebar-block:hover{border-color:rgba(255,255,255,0.14);}.sidebar-label{display:block;font-family:"JetBrains Mono",monospace;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;}.sidebar-search input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:11px 14px;color:var(--ink);font-size:0.92rem;font-family:inherit;transition:border-color 0.2s ease;}.sidebar-search input::placeholder{color:var(--ink-faint);}.sidebar-search input:focus{outline:none;border-color:var(--accent);}.sidebar-cats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;}.sidebar-cat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:10px;color:var(--ink-dim);text-decoration:none;background-image:none;font-size:0.95rem;transition:background 0.18s ease,color 0.18s ease;}.sidebar-cat:hover{background:rgba(245,243,238,0.04);color:var(--ink);}.sidebar-cat.is-active{background:rgba(255,156,245,0.12);color:var(--accent);}.sidebar-count{font-family:"JetBrains Mono",monospace;font-size:0.75rem;color:var(--ink-faint);}.sidebar-cat.is-active .sidebar-count{color:var(--accent);}.sidebar-more-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--accent);font-size:0.85rem;font-family:inherit;cursor:pointer;padding:8px 12px 0 12px;margin-top:4px;transition:opacity 0.2s ease;}.sidebar-more-btn:hover{opacity:0.8;}.sidebar-related{display:flex;flex-direction:column;}.sidebar-related-card{display:flex;flex-direction:column;gap:10px;color:inherit;text-decoration:none;background-image:none;}.sidebar-related-card:hover .sidebar-related-title{color:var(--accent);}.sidebar-related-media{width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--bg);}.sidebar-related-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 0.3s ease;}.sidebar-related-media.is-fallback{display:flex;align-items:center;justify-content:center;}.sidebar-related-media.is-fallback img{width:52px;height:52px;object-fit:contain;}.sidebar-related-card:hover .sidebar-related-media img{transform:scale(1.05);}.sidebar-related-body{min-width:0;display:flex;flex-direction:column;gap:0;}.sidebar-related-title{color:var(--ink);font-size:0.95rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.18s ease;}.sidebar-related-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-family:"JetBrains Mono",monospace;font-size:0.7rem;color:var(--ink-faint);}.tools-page{padding-top:48px;}.tools-category{max-width:1400px;margin:0 auto;}.tool-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}@media (max-width:1200px){.tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:640px){.tool-card-grid{grid-template-columns:1fr;}}.tool-card-grid-hero{margin-top:52px;text-align:left;}.tool-card{position:relative;min-height:250px;padding:32px 28px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(120% 120% at 0% 0%,rgba(255,156,245,0.04),transparent 50%),linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.008)),rgba(17,17,20,0.75);backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:16px;text-decoration:none;overflow:hidden;transition:border-color 0.35s cubic-bezier(0.16,1,0.3,1),transform 0.35s cubic-bezier(0.16,1,0.3,1),box-shadow 0.35s cubic-bezier(0.16,1,0.3,1),background 0.35s ease;}.tool-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--grad-2),transparent);opacity:0;transition:opacity 0.35s ease;}.tool-card:hover{border-color:rgba(255,156,245,0.35);transform:translateY(-6px);box-shadow:0 20px 40px -15px rgba(0,0,0,0.6),0 0 30px -10px rgba(255,156,245,0.15);background:radial-gradient(120% 120% at 0% 0%,rgba(255,156,245,0.08),transparent 60%),linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.015)),rgba(22,22,28,0.85);}.tool-card:hover::before{opacity:1;}.tool-card-badge{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:1px solid rgba(255,156,245,0.4);border-radius:99px;background:rgba(255,156,245,0.12);color:var(--accent);font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;}.tool-card-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(255,156,245,0.6);animation:tool-badge-pulse 1.8s ease-out infinite;}@keyframes tool-badge-pulse{0%{box-shadow:0 0 0 0 rgba(255,156,245,0.55);}70%{box-shadow:0 0 0 6px rgba(255,156,245,0);}100%{box-shadow:0 0 0 0 rgba(255,156,245,0);}}.tool-card-icon{width:48px;height:48px;border-radius:12px;background:rgba(255,156,245,0.05);border:1px solid rgba(255,156,245,0.2);display:flex;align-items:center;justify-content:center;color:var(--accent);transition:transform 0.35s ease,background 0.35s ease,border-color 0.35s ease,box-shadow 0.35s ease;}.tool-card:hover .tool-card-icon{transform:scale(1.1) rotate(-4deg);background:rgba(255,156,245,0.16);border-color:rgba(255,156,245,0.45);box-shadow:0 0 20px -4px rgba(255,156,245,0.4);}.tool-card-icon svg{width:24px;height:24px;stroke:var(--accent);}.tool-card h2{font-family:"Fraunces",serif;font-size:21px;font-weight:400;line-height:1.2;letter-spacing:-0.02em;color:var(--ink);transition:color 0.3s ease;}.tool-card:hover h2{color:#ffffff;}.tool-card p{color:var(--ink-dim);font-size:13.5px;line-height:1.6;}.tool-card-action{margin-top:auto;font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:6px;transition:gap 0.3s ease;}.tool-card-action .arrow{display:inline-block;transition:transform 0.3s ease;}.tool-card:hover .tool-card-action .arrow{transform:translateX(4px);}.tool-hero{padding-bottom:48px;}.tool-how-banner{margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:8px;background:rgba(245,243,238,0.025);}.tool-how-banner h2{margin:0 0 10px;color:var(--ink);font-size:24px;font-weight:500;line-height:1.15;}.tool-how-banner p{max-width:780px;margin:0;color:var(--ink-dim);font-size:16px;line-height:1.7;}.tool-workbench,.glass-tool{display:grid;gap:28px;max-width:1120px;}.tool-panel{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:24px;border:1px solid var(--line);border-radius:8px;background:rgba(245,243,238,0.025);}.tool-field{display:grid;gap:10px;min-width:180px;font-family:"JetBrains Mono",monospace;color:var(--ink-dim);font-size:12px;letter-spacing:0.06em;text-transform:uppercase;}.tool-field input[type="color"]{width:88px;height:48px;border:1px solid var(--line-hover);border-radius:8px;background:transparent;cursor:pointer;}.tool-field input[type="range"]{accent-color:var(--accent);}.palette-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;}.palette-swatch{min-height:260px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--bg-soft);color:var(--ink);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:10px;cursor:pointer;text-align:left;transition:border-color 0.24s ease,transform 0.24s ease;}.palette-swatch:hover{border-color:var(--line-hover);transform:translateY(-3px);}.palette-color{flex:1;min-height:140px;border-radius:6px;background:var(--swatch);}.palette-name{font-family:"Fraunces",serif;font-size:22px;line-height:1.1;}.palette-hex{font-family:"JetBrains Mono",monospace;color:var(--ink-dim);font-size:12px;}.theme-tool-v2{display:grid;gap:36px;max-width:1400px;margin:0 auto;padding-bottom:60px;}.theme-top-bar{display:grid;gap:16px;}.theme-toolbar-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border:1px solid var(--line);border-radius:16px;background:var(--surface,rgba(245,243,238,0.03));backdrop-filter:blur(12px);flex-wrap:nowrap;}.toolbar-group{display:flex;align-items:center;gap:24px;flex-wrap:nowrap;}.inline-field{display:flex;align-items:center;gap:10px;margin:0;}.inline-field span{font-size:13px;font-weight:600;color:var(--ink-dim);white-space:nowrap;}.seed-input-wrapper{position:relative;width:44px;height:44px;border-radius:10px;overflow:hidden;border:1px solid var(--line);box-shadow:0 4px 12px rgba(0,0,0,0.15);}.seed-input-wrapper input[type="color"]{position:absolute;inset:-10px;width:150%;height:150%;border:0;cursor:pointer;}.tool-select{height:42px;padding:0 36px 0 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg-soft,#141419) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23a8a39a" stroke-width="2"><path d="m6 9 6 6 6-6"/></svg>') no-repeat right 12px center;color:var(--ink);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;appearance:none;-webkit-appearance:none;box-shadow:0 2px 8px rgba(0,0,0,0.15);}.tool-select:hover,.tool-select:focus{border-color:var(--line-hover);outline:none;}.tool-select option{background:#141419;color:#f5f3ee;padding:10px;}.toolbar-actions{display:flex;align-items:center;gap:16px;flex-shrink:0;}.theme-mode-toggle{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:10px;background:rgba(245,243,238,0.025);height:42px;align-items:center;}.theme-mode-toggle button{height:34px;padding:0 14px;border:0;border-radius:7px;background:transparent;color:var(--ink-dim);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap;}.theme-mode-toggle button.is-active{background:var(--ink);color:var(--bg);box-shadow:0 2px 8px rgba(0,0,0,0.2);}.palette-swatch-strip{display:flex !important;flex-direction:row !important;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;}.palette-swatch-strip .theme-color-row{flex:1 1 0px;min-width:125px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(245,243,238,0.02);transition:all 0.2s ease;cursor:pointer;}.palette-swatch-strip .theme-color-row:hover{border-color:var(--line-hover);transform:translateY(-2px);background:rgba(245,243,238,0.05);}.palette-swatch-strip .theme-color-dot{position:relative;width:100%;height:42px;border-radius:8px;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2),0 4px 10px rgba(0,0,0,0.2);cursor:pointer;overflow:hidden;display:block;}.palette-swatch-strip .theme-color-dot input{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;cursor:pointer;}.palette-swatch-strip .theme-color-info{width:100%;display:flex;flex-direction:column;gap:2px;}.palette-swatch-strip .theme-color-name{font-family:inherit;font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.palette-swatch-strip .theme-color-var{font-family:"JetBrains Mono",monospace;font-size:10px;color:var(--ink-dim);opacity:0.85;white-space:nowrap;}.palette-swatch-strip .theme-color-hex{font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:600;width:100%;text-align:center;padding:4px 8px;border-radius:6px;background:rgba(255,255,255,0.05);color:var(--ink);}.theme-preview-container{--primary:#6366F1;--secondary:#a855f7;--accent:#ec4899;--background:#0F172A;--card-surface:#1E293B;--theme-text:#F8FAFC;--text-muted:#94A3B8;--border-line:#334155;--btn-primary-text:#ffffff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;}.theme-mockup-frame{border:1px solid var(--border-line);border-radius:20px;overflow:hidden;box-shadow:0 35px 120px rgba(0,0,0,0.45);background:var(--background);transition:background 0.3s ease,border-color 0.3s ease;}.mockup-header-bar{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 20px;border-bottom:1px solid var(--border-line);background:rgba(0,0,0,0.25);}.window-dots{display:flex;gap:8px;}.window-dots span{width:11px;height:11px;border-radius:50%;background:var(--border-line);}.window-dots span:nth-child(1){background:#ff5f56;}.window-dots span:nth-child(2){background:#ffbd2e;}.window-dots span:nth-child(3){background:#27c93f;}.mockup-address-bar{display:flex;align-items:center;gap:8px;padding:6px 18px;border-radius:20px;background:rgba(255,255,255,0.05);font-size:12px;font-family:"JetBrains Mono",monospace;color:var(--text-muted);}.preview-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;background:rgba(255,255,255,0.08);color:var(--theme-text);}.dummy-site-canvas{padding:36px 40px;color:var(--theme-text);display:grid;gap:36px;background:var(--background);}.luxe-canvas{padding:44px 48px;background:var(--background);color:var(--theme-text);display:grid;gap:48px;position:relative;overflow:hidden;}.luxe-nav{display:flex;align-items:center;justify-content:space-between;position:static !important;width:100% !important;margin:0 !important;}.luxe-logo{font-size:26px;font-weight:800;color:var(--primary);letter-spacing:-0.02em;}.luxe-nav-links{display:flex;gap:32px;font-size:14px;font-weight:500;color:var(--text-muted);}.luxe-nav-links span.active{color:var(--theme-text);font-weight:700;}.luxe-nav-icon{display:flex;flex-direction:column;gap:5px;cursor:pointer;}.luxe-nav-icon span{display:block;width:22px;height:2px;background:var(--theme-text);border-radius:2px;}.luxe-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:420px;}.luxe-greeting{font-size:16px;font-weight:600;color:var(--text-muted);display:block;margin-bottom:12px;}.luxe-headline{font-size:clamp(34px,4vw,52px);font-weight:800;line-height:1.08;letter-spacing:-0.02em;color:var(--theme-text);margin-bottom:20px;}.luxe-headline .highlight{color:var(--primary);}.luxe-sub{font-size:15px;color:var(--text-muted);line-height:1.6;max-width:440px;margin-bottom:32px;}.btn-luxe-primary{padding:14px 34px;border-radius:30px;background:var(--primary);color:var(--btn-primary-text);font-weight:700;font-size:14px;border:0;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,0.2);transition:transform 0.2s ease,box-shadow 0.2s ease;}.btn-luxe-primary:hover{transform:translateY(-2px);}.btn-luxe-nav{padding:8px 20px;border-radius:20px;background:var(--primary);color:var(--btn-primary-text);font-weight:700;font-size:13px;border:0;cursor:pointer;}.luxe-hero-clean{display:grid;grid-template-columns:1.2fr 0.8fr;gap:36px;align-items:center;padding:36px 40px;border-radius:24px;background:var(--card-surface);border:1px solid var(--border-line);}.luxe-hero-right{display:grid;gap:16px;}.luxe-stat-card{padding:24px;border-radius:18px;background:var(--background);border:1px solid var(--border-line);display:grid;gap:8px;}.stat-number{font-size:42px;font-weight:800;color:var(--primary);line-height:1;letter-spacing:-0.03em;}.stat-label{font-size:14px;font-weight:600;color:var(--theme-text);}.stat-progress-bar{height:6px;border-radius:4px;background:var(--border-line);overflow:hidden;margin-top:8px;}.stat-progress-bar .fill{width:82%;height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));}.luxe-stat-card-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}.mini-badge-card{padding:16px;border-radius:16px;background:var(--background);border:1px solid var(--border-line);display:flex;flex-direction:column;gap:4px;}.badge-star{color:#facc15;font-weight:800;font-size:18px;}.mini-badge-card strong{font-size:18px;font-weight:800;color:var(--theme-text);}.mini-badge-card small{font-size:12px;color:var(--text-muted);}.badge-icon-box,.user-avatar-badge{width:36px;height:36px;border-radius:10px;background:var(--secondary);display:grid;place-items:center;font-size:18px;color:#fff;}.luxe-services-section{display:grid;gap:20px;}.luxe-section-title{font-size:18px;font-weight:800;letter-spacing:0.05em;color:var(--theme-text);margin:0;}.luxe-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}.luxe-service-card{padding:24px;border-radius:20px;background:var(--card-surface);border:1px solid var(--border-line);display:grid;gap:12px;transition:transform 0.2s ease,border-color 0.2s ease;}.luxe-service-card:hover,.luxe-service-card.active-card{border-color:var(--primary);transform:translateY(-3px);}.service-icon-box{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,0.06);display:grid;place-items:center;font-size:22px;}.luxe-service-card h4{font-size:17px;font-weight:700;color:var(--theme-text);margin:0;}.luxe-service-card p{font-size:13px;color:var(--text-muted);margin:0;line-height:1.5;}.theme-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;}.theme-contrast-card{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface,rgba(245,243,238,0.02));display:grid;gap:20px;}.contrast-sub{font-size:12px;color:var(--ink-dim);margin:4px 0 0 0;}.contrast-metrics{display:grid;gap:12px;}.metric-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px dashed var(--line);}.metric-item strong{display:block;font-size:14px;color:var(--ink);}.metric-item small{font-size:11px;color:var(--ink-dim);}.metric-val{display:flex;align-items:center;gap:10px;}.theme-export-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--bg-soft,#111116);}.export-header-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,0.02);}.export-header-row h3{font-size:15px;font-weight:700;margin:0;}.export-tabs{display:flex;gap:6px;}.tab-btn{padding:6px 14px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink-dim);font-size:12px;font-weight:600;cursor:pointer;transition:all 0.2s ease;}.tab-btn.active{color:var(--ink);background:var(--ink-faint,rgba(255,255,255,0.1));border-color:var(--line-hover);}.export-code-box{position:relative;padding:20px;max-height:220px;overflow-y:auto;}@media (max-width:1024px){.preview-hero{grid-template-columns:1fr;}.preview-features-grid{grid-template-columns:1fr;}.theme-bottom-grid{grid-template-columns:1fr;}}.glass-tool{grid-template-columns:320px minmax(0,1fr);align-items:stretch;}.glass-controls{align-items:stretch;flex-direction:column;justify-content:flex-start;}.glass-preview-stage{min-height:420px;padding:32px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,rgba(255,156,245,0.5),transparent 34%),linear-gradient(225deg,rgba(20,0,255,0.52),transparent 38%),repeating-linear-gradient(45deg,rgba(245,243,238,0.08) 0 1px,transparent 1px 24px),#151518;display:grid;place-items:center;}.glass-preview{width:min(100%,440px);min-height:250px;padding:34px;border:1px solid rgba(255,255,255,0.18);box-shadow:0 24px 80px rgba(0,0,0,0.28);display:grid;align-content:end;gap:10px;}.glass-preview span{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:0.12em;text-transform:uppercase;color:rgba(245,243,238,0.72);}.glass-preview strong{font-family:"Fraunces",serif;font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1;color:var(--ink);}.tool-code-block{grid-column:1 / -1;display:grid;gap:14px;justify-items:start;}.tool-code-block pre{width:100%;margin:0;padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--bg-soft);overflow-x:auto;}.tool-code-block code{font-family:"JetBrains Mono",monospace;color:var(--ink-dim);font-size:13px;line-height:1.7;}.color-library{display:grid;gap:28px;max-width:1240px;}.color-library-bar{display:grid;gap:18px;}.color-search input[type="search"]{width:100%;padding:14px 18px;border:1px solid var(--line);border-radius:8px;background:rgba(245,243,238,0.025);color:var(--ink);font-family:"JetBrains Mono",monospace;font-size:14px;}.color-search input[type="search"]::placeholder{color:var(--ink-faint);}.color-search input[type="search"]:focus{outline:none;border-color:var(--line-hover);}.color-chips{display:flex;flex-wrap:wrap;gap:8px;}.color-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(245,243,238,0.025);color:var(--ink-dim);font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:0.04em;cursor:pointer;transition:border-color 0.24s ease,color 0.24s ease,background 0.24s ease;}.color-chip:hover{border-color:var(--line-hover);color:var(--ink);}.color-chip.is-active{border-color:var(--ink);color:var(--ink);background:rgba(245,243,238,0.06);}.color-chip-dot{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.22);}.color-count{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-faint);margin:-8px 0 0;}.color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}.color-card{display:flex;flex-direction:column;gap:0;padding:0;border:1px solid var(--line);border-radius:10px;background:rgba(245,243,238,0.025);text-align:left;cursor:pointer;position:relative;transition:border-color 0.24s ease,transform 0.24s ease;}.color-card:hover{border-color:var(--line-hover);transform:translateY(-3px);z-index:2;}.color-card.is-menu-open,.color-card.is-menu-open:hover{z-index:40;}.color-card.is-hidden{display:none;}.color-card-swatch{display:block;width:100%;height:130px;border:0;border-radius:9px 9px 0 0;padding:0;cursor:pointer;}.color-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 14px 14px 18px;}.color-card-text{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;gap:12px;border:0;padding:0;background:transparent;cursor:pointer;text-align:left;}.color-card-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.color-card-name{font-family:"Fraunces",serif;font-size:18px;line-height:1.15;color:var(--ink);}.color-card-values{display:grid;gap:2px;text-align:right;}.color-card-hex,.color-card-rgb{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--ink-dim);}.color-card-rgb{color:var(--ink-faint);}.color-card-copy{position:absolute;top:12px;right:12px;padding:5px 10px;border-radius:999px;background:rgba(10,10,11,0.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--ink);font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:0.08em;text-transform:uppercase;opacity:0;transition:opacity 0.24s ease;}.color-card:hover .color-card-copy,.color-card.is-copied .color-card-copy{opacity:1;}.color-empty{font-family:"JetBrains Mono",monospace;color:var(--ink-dim);font-size:14px;}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}.color-card-menu-wrap{position:relative;flex-shrink:0;}.color-card-dots{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:var(--ink-dim);cursor:pointer;transition:background 0.2s ease,color 0.2s ease;}.color-card-dots:hover{background:rgba(245,243,238,0.06);color:var(--ink);}.color-card-dots svg{fill:currentColor;}.color-card-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:180px;padding:6px;border:1px solid var(--line-hover);border-radius:10px;background:var(--bg-soft);box-shadow:0 20px 50px rgba(0,0,0,0.45);}.color-card-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink);font-size:13px;text-align:left;cursor:pointer;}.color-card-menu button:hover{background:rgba(245,243,238,0.07);}.color-card-menu svg{color:var(--ink-dim);flex-shrink:0;}.color-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;}.color-modal[hidden]{display:none;}.color-modal-backdrop{position:absolute;inset:0;background:rgba(5,5,7,0.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity var(--modal-out) var(--ease-smooth);}.color-modal.is-open .color-modal-backdrop{opacity:1;transition:opacity var(--modal-in) var(--ease-smooth);}.color-modal-dialog{position:relative;width:100%;max-width:560px;max-height:calc(100% - 48px);display:flex;flex-direction:column;border:1px solid var(--line-hover);border-radius:16px;background:var(--bg-soft);color:var(--ink);overflow:hidden;outline:none;transform:translateY(24px) scale(0.96);opacity:0;transition:transform var(--modal-out) var(--ease-smooth),opacity var(--modal-out) var(--ease-smooth);will-change:transform,opacity;}.color-modal.is-open .color-modal-dialog{transform:translateY(0) scale(1);opacity:1;transition:transform var(--modal-in) var(--ease-emphasized),opacity var(--modal-in) var(--ease-emphasized);}.color-modal-hero{flex-shrink:0;height:168px;position:relative;}.color-modal-titlebar{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:space-between;padding:16px 18px;}.color-modal-heading{display:flex;align-items:baseline;gap:10px;color:#fff;}.color-modal.is-hero-light .color-modal-heading{color:#16161a;}.color-modal-heading strong{font-family:"Fraunces",serif;font-size:22px;font-weight:600;}.color-modal-heading span{font-family:"JetBrains Mono",monospace;font-size:13px;opacity:0.82;}.color-modal-close{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;background:rgba(255,255,255,0.85);color:#16161a;font-size:22px;line-height:1;cursor:pointer;transition:background 0.2s ease;}.color-modal-close:hover{background:#fff;}.color-modal-body{padding:22px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;}.color-modal-body::-webkit-scrollbar{width:0;height:0;display:none;}.cm-section+.cm-section{margin-top:26px;padding-top:22px;border-top:1px solid var(--line);}.cm-section h3{margin:0 0 14px;font-size:15px;font-weight:600;color:var(--ink);}.cm-conv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}.cm-conv{display:grid;gap:4px;padding:12px 14px;border-radius:9px;background:rgba(245,243,238,0.04);cursor:pointer;transition:background 0.18s ease;}.cm-conv:hover{background:rgba(245,243,238,0.08);}.cm-conv-label{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint);}.cm-conv-value{font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--ink);word-break:break-word;}.cm-harmony-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.cm-harmony{display:grid;gap:10px;padding:14px;border-radius:10px;background:rgba(245,243,238,0.04);}.cm-harmony-name{font-size:13px;font-weight:500;color:var(--ink);}.cm-chip-row{display:flex;flex-wrap:wrap;gap:8px;}.cm-chip{width:34px;height:34px;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.12);cursor:pointer;transition:transform 0.16s ease;}.cm-chip:hover{transform:scale(1.08);}.cm-chip.is-copied{outline:2px solid var(--ink);outline-offset:2px;}.cm-shades .cm-chip{flex:1;min-width:28px;}.cm-similar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.cm-similar{display:flex;align-items:center;gap:12px;padding:12px;border:0;border-radius:10px;background:rgba(245,243,238,0.04);cursor:pointer;text-align:left;transition:background 0.18s ease;}.cm-similar:hover{background:rgba(245,243,238,0.08);}.cm-similar.is-copied{outline:2px solid var(--ink);outline-offset:-1px;}.cm-similar-swatch{width:38px;height:38px;border-radius:8px;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.12);}.cm-similar-meta{display:grid;gap:2px;min-width:0;}.cm-similar-name{font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.cm-similar-hex{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--ink-dim);}.cm-access{display:grid;gap:10px;}.cm-access-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;background:rgba(245,243,238,0.04);font-size:14px;color:var(--ink);}.cm-ratio{font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--ink-dim);}.cm-badge{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;}.cm-badge.is-good{background:#d8f3e0;color:#1b7a44;}.cm-badge.is-mid{background:#fdeccb;color:#9a6b12;}.cm-badge.is-bad{background:#fbdada;color:#b4322c;}body.color-modal-open{overflow:hidden;}.color-fullscreen{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;clip-path:circle(0% at 50% 50%);transition:opacity var(--modal-out) var(--ease-smooth),clip-path var(--modal-out) var(--ease-smooth);will-change:opacity,clip-path;}.color-fullscreen[hidden]{display:none;}.color-fullscreen.is-open{opacity:1;clip-path:circle(150% at 50% 50%);transition:opacity var(--modal-in) var(--ease-emphasized),clip-path var(--modal-in) var(--ease-emphasized);}.color-fullscreen-caption{display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;text-align:center;pointer-events:none;transform:translateY(12px);opacity:0;transition:transform var(--modal-out) var(--ease-smooth),opacity var(--modal-out) var(--ease-smooth);}.color-fullscreen.is-open .color-fullscreen-caption{transform:translateY(0);opacity:1;transition:transform var(--modal-in) var(--ease-emphasized) 0.08s,opacity var(--modal-in) var(--ease-emphasized) 0.08s;}.color-fullscreen.is-light .color-fullscreen-caption{color:#16161a;}.color-fullscreen-caption strong{font-family:"Fraunces",serif;font-size:clamp(34px,6vw,72px);font-weight:600;line-height:1;}.color-fullscreen-caption span{font-family:"JetBrains Mono",monospace;font-size:clamp(14px,2vw,20px);opacity:0.85;}.color-fullscreen-close{position:absolute;top:22px;right:24px;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:12px;background:rgba(255,255,255,0.85);color:#16161a;font-size:26px;line-height:1;cursor:pointer;transition:background 0.2s ease;}.color-fullscreen-close:hover{background:#fff;}.copy-toast{position:fixed;top:24px;left:50%;z-index:1200;display:flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid var(--line-hover);border-radius:999px;background:var(--bg-soft);color:var(--ink);font-size:14px;box-shadow:0 18px 50px rgba(0,0,0,0.45);transform:translate(-50%,-24px);opacity:0;pointer-events:none;transition:transform var(--modal-in) var(--ease-emphasized),opacity var(--modal-in) var(--ease-emphasized);}.copy-toast.is-visible{transform:translate(-50%,0);opacity:1;}.copy-toast svg{flex-shrink:0;color:#4ade80;}.copy-toast strong{font-weight:600;}.copy-toast span{font-family:"JetBrains Mono",monospace;color:var(--ink-dim);font-size:13px;}@media (prefers-reduced-motion:reduce){.color-modal-dialog,.color-modal.is-open .color-modal-dialog,.color-modal-backdrop,.color-fullscreen,.color-fullscreen.is-open,.color-fullscreen-caption,.color-fullscreen.is-open .color-fullscreen-caption,.copy-toast{transition-duration:0.01ms;}.color-fullscreen,.color-fullscreen.is-open{clip-path:none;}}@media (max-width:900px){.tool-card-grid,.palette-grid,.theme-tool,.glass-tool{grid-template-columns:1fr;}.tool-panel{align-items:stretch;flex-direction:column;}.dummy-hero{grid-template-columns:1fr;padding-top:44px;}.dummy-vector{max-width:280px;justify-self:center;margin:8px 0 0;}.palette-swatch{min-height:170px;}.glass-preview-stage{min-height:340px;}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:560px){.color-grid{grid-template-columns:1fr;}.cm-conv-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.cm-harmony-grid,.cm-similar-grid{grid-template-columns:1fr;}}.sidebar-tags{display:flex;flex-wrap:wrap;gap:8px;}.sidebar-tag{font-family:"JetBrains Mono",monospace;color:var(--ink-dim);text-decoration:none;background-image:none;border:1px solid var(--line);border-radius:999px;padding:5px 12px;line-height:1;transition:border-color 0.18s ease,color 0.18s ease,background 0.18s ease;}.sidebar-tag:hover{border-color:var(--line-hover);color:var(--ink);}.sidebar-tag.is-active{background:var(--accent);border-color:var(--accent);color:var(--bg);}.sidebar-tag.tag-l1{font-size:0.78rem;}.sidebar-tag.tag-l2{font-size:0.9rem;}.sidebar-tag.tag-l3{font-size:1.02rem;color:var(--ink);}.blog-post-ad-block,.sidebar-block.ad-block{display:block !important;width:100% !important;clear:both;background:transparent !important;border:none !important;padding:0 !important;box-shadow:none !important;box-sizing:border-box !important;}.ad-slot,[data-ad-slot],.promo-card-slot{display:flex !important;align-items:center;justify-content:center;width:100% !important;min-height:250px !important;border-radius:20px !important;overflow:hidden !important;position:relative !important;padding:2px !important;background:linear-gradient(135deg,#7928ca,#ff0080,#0070f3,#7928ca) !important;background-size:300% 300% !important;animation:adSlotGradientBorder 6s ease infinite !important;box-sizing:border-box !important;}@keyframes adSlotGradientBorder{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}.ad-slot-media{padding:2px !important;}.ad-slot-link,.promo-slot-link{display:block !important;width:100% !important;height:100% !important;min-height:250px !important;border-radius:18px !important;overflow:hidden !important;text-decoration:none !important;}.ad-slot-img,.promo-slot-img,.ad-slot img{width:100% !important;height:100% !important;min-height:250px !important;max-height:340px !important;object-fit:cover !important;display:block !important;border-radius:18px !important;transition:transform 0.3s ease,filter 0.3s ease !important;}.ad-slot-link:hover .ad-slot-img,.promo-slot-link:hover .promo-slot-img{transform:scale(1.02) !important;filter:brightness(1.08) !important;}ins.adsbygoogle,.adsbygoogle{display:block !important;width:100% !important;min-height:250px !important;background:transparent !important;}ins.adsbygoogle iframe{width:100% !important;border:0 !important;}.blog-post-tags{margin-top:40px;padding-top:28px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:14px;}.blog-breadcrumb{max-width:1240px;margin:0 auto;padding:120px 6vw 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:"JetBrains Mono",monospace;font-size:0.78rem;color:var(--ink-faint);}.page-hero.has-breadcrumb{padding-top:32px;}.blog-breadcrumb a{color:var(--ink-dim);text-decoration:none;background-image:none;transition:color 0.18s ease;}.blog-breadcrumb a:hover{color:var(--accent);}.blog-breadcrumb [aria-current="page"]{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50vw;}@media (max-width:900px){.blog-layout{grid-template-columns:1fr;gap:40px;width:100%;min-width:0;}.blog-sidebar{position:static;top:auto;}.blog-layout-post .blog-main{max-width:100%;min-width:0;width:100%;}}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-soft);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:11px 40px 11px 14px;font-family:"JetBrains Mono",monospace;font-size:13px;line-height:1.4;cursor:pointer;outline:none;width:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a8a39a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:border-color 0.25s ease,background-color 0.25s ease;}select:hover{border-color:var(--line-hover);}select:focus{border-color:var(--accent);}select option,select optgroup{background-color:var(--bg-soft);color:var(--ink);}select option:checked,select option:hover{background-color:var(--accent);color:var(--bg);}select{color-scheme:dark;}.c-select{position:relative;width:100%;}.c-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg-soft);color:var(--ink);font-family:"JetBrains Mono",monospace;font-size:13px;line-height:1.4;text-align:left;cursor:pointer;transition:border-color 0.25s ease,background 0.25s ease;}.c-select-trigger:hover{border-color:var(--line-hover);}.c-select.is-open .c-select-trigger,.c-select-trigger:focus-visible{border-color:var(--accent);outline:none;}.c-select-arrow{flex-shrink:0;display:inline-flex;color:var(--ink-dim);transition:transform 0.24s ease;}.c-select.is-open .c-select-arrow{transform:rotate(180deg);}.c-select-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:50;max-height:280px;overflow-y:auto;padding:8px;border:1px solid var(--line-hover);border-radius:8px;background:rgba(17,17,20,0.96);box-shadow:0 28px 80px rgba(0,0,0,0.34);backdrop-filter:blur(20px);transform:translateY(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.24s ease,transform 0.24s ease,visibility 0.24s ease;scrollbar-width:thin;scrollbar-color:var(--line-hover) transparent;}.c-select-menu::-webkit-scrollbar{width:6px;}.c-select-menu::-webkit-scrollbar-track{background:transparent;margin:4px 0;}.c-select-menu::-webkit-scrollbar-thumb{background:var(--line-hover);border-radius:99px;}.c-select-menu::-webkit-scrollbar-thumb:hover{background:var(--ink-faint);}.c-select.is-open .c-select-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);}.c-select-option{display:block;width:100%;padding:11px 10px;border:0;border-radius:6px;background:transparent;color:var(--ink-dim);font-family:"JetBrains Mono",monospace;font-size:13px;line-height:1.35;text-align:left;cursor:pointer;transition:background 0.18s ease,color 0.18s ease;}.c-select-option:hover{background:rgba(245,243,238,0.06);color:var(--ink);}.c-select-option.is-selected{color:var(--ink);}.c-select-option.is-selected::after{content:"•";float:right;color:var(--accent);}.tool-spotlight-stack{position:fixed;right:20px;bottom:20px;z-index:900;width:320px;height:0;}.tool-spotlight{--depth:0;position:absolute;right:0;bottom:0;width:320px;border:1px solid rgba(255,156,245,0.28);border-radius:16px;background:linear-gradient(160deg,rgba(255,156,245,0.1),rgba(255,156,245,0) 60%),var(--bg-soft,rgba(17,17,20,0.96));box-shadow:0 24px 60px rgba(0,0,0,0.45);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(24px) scale(0.97);pointer-events:none;transition:opacity 0.42s var(--ease-emphasized,ease),transform 0.42s var(--ease-emphasized,ease),visibility 0s,filter 0.42s ease;}.tool-spotlight.is-queued{visibility:visible;opacity:1;pointer-events:none;transform:translateY(calc(var(--depth) * -14px)) scale(calc(1 - var(--depth) * 0.06));filter:brightness(calc(1 - var(--depth) * 0.35));}.tool-spotlight.is-current{visibility:visible;}.tool-spotlight.is-visible{opacity:1;transform:translateY(0) scale(1);filter:brightness(1);pointer-events:auto;}.tool-spotlight.is-dismissed{opacity:0;transform:translateY(16px) scale(0.97) rotate(-2deg);pointer-events:none;}.tool-spotlight.is-gone{visibility:hidden;}.tool-spotlight::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,0.06) 35%,transparent 50%);background-size:200% 100%;animation:tool-spotlight-sheen 5s ease-in-out infinite;pointer-events:none;}@keyframes tool-spotlight-sheen{0%{background-position:140% 0;}100%{background-position:-40% 0;}}.tool-spotlight-close{position:absolute;top:10px;right:10px;z-index:2;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:rgba(0,0,0,0.25);color:var(--ink-dim);font-size:15px;line-height:1;cursor:pointer;transition:border-color 0.2s ease,color 0.2s ease;}.tool-spotlight-close:hover{border-color:var(--accent);color:var(--ink);}.tool-spotlight-link{position:relative;z-index:1;display:block;padding:18px 20px 20px;text-decoration:none;}.tool-spotlight-tag{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid rgba(255,156,245,0.35);border-radius:99px;background:rgba(255,156,245,0.1);color:var(--accent);font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;white-space:nowrap;}.tool-spotlight-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:tool-badge-pulse 1.8s ease-out infinite;}.tool-spotlight-row{display:flex;align-items:center;gap:14px;margin-top:14px;}.tool-spotlight-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,0.05);color:var(--accent);}.tool-spotlight-icon svg{width:22px;height:22px;}.tool-spotlight-body{display:flex;flex-direction:column;gap:3px;min-width:0;}.tool-spotlight-name{color:var(--ink);font-size:15px;font-weight:500;letter-spacing:-0.01em;}.tool-spotlight-desc{color:var(--ink-dim);font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.tool-spotlight-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;}.tool-spotlight-action{display:inline-flex;color:var(--accent);font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:600;letter-spacing:0.04em;white-space:nowrap;}.tool-spotlight-dots{display:inline-flex;align-items:center;gap:5px;}.tool-spotlight-dot-item{width:5px;height:5px;border-radius:50%;background:var(--line-hover,rgba(255,255,255,0.2));transition:background 0.2s ease,transform 0.2s ease;}.tool-spotlight-dot-item.is-active{background:var(--accent);transform:scale(1.3);}.tool-spotlight-next{position:absolute;top:10px;right:42px;z-index:2;display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;border:1px solid var(--line);border-radius:99px;background:rgba(0,0,0,0.25);color:var(--ink-dim);font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;cursor:pointer;transition:border-color 0.2s ease,color 0.2s ease;}.tool-spotlight-next .arrow{transition:transform 0.2s ease;}.tool-spotlight-next:hover{border-color:var(--accent);color:var(--ink);}.tool-spotlight-next:hover .arrow{transform:translateX(3px);}@media (max-width:640px){.tool-spotlight-stack{left:16px;right:16px;bottom:16px;width:auto;}.tool-spotlight{left:0;right:0;width:auto;}}@media (prefers-reduced-motion:reduce){.tool-spotlight::before{animation:none;}.tool-spotlight-dot{animation:none;}.tool-spotlight{transition:opacity 0.2s ease;}}.tools-banner{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;padding:56px 0 48px;background:radial-gradient(120% 140% at 50% -20%,rgba(255,156,245,0.10),transparent 60%),linear-gradient(180deg,rgba(255,255,255,0.025),rgba(255,255,255,0.005)),rgba(17,17,20,0.6);}.tools-banner-glow{position:absolute;top:-40%;left:50%;width:70%;height:80%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(255,156,245,0.18),transparent);filter:blur(40px);pointer-events:none;animation:tools-glow 8s ease-in-out infinite;}@keyframes tools-glow{0%,100%{opacity:0.6;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.12);}}.tools-banner-head{position:relative;z-index:1;max-width:680px;margin:0 auto;padding:0 24px;text-align:center;}.tools-banner-title{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(30px,5vw,52px);line-height:1.02;letter-spacing:-0.03em;color:var(--ink);margin:14px 0 16px;}.tools-banner-title em{font-family:"Instrument Serif",serif;font-style:italic;color:var(--accent);}.tools-banner-sub{font-family:"JetBrains Mono",monospace;font-size:13px;line-height:1.7;color:var(--ink-dim);}.tools-marquee{position:relative;z-index:1;margin:40px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}.tools-marquee-track{display:flex;width:max-content;gap:14px;animation:tools-marquee 38s linear infinite;}.tools-marquee:hover .tools-marquee-track{animation-play-state:paused;}@keyframes tools-marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}.tools-chip{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;padding:11px 16px 11px 12px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,0.02);color:var(--ink-dim);font-family:"JetBrains Mono",monospace;font-size:13px;white-space:nowrap;text-decoration:none;transition:border-color 0.25s ease,color 0.25s ease,background 0.25s ease,transform 0.25s ease;}.tools-chip:hover{border-color:var(--accent);color:var(--ink);background:rgba(255,156,245,0.06);transform:translateY(-2px);}.tools-chip-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,0.04);color:var(--accent);}.tools-chip-icon svg{width:16px;height:16px;}.tools-banner-cta{position:relative;z-index:1;text-align:center;}@media (prefers-reduced-motion:reduce){.tools-marquee-track{animation:none;}.tools-banner-glow{animation:none;}}.nav-actions{display:flex;align-items:center;gap:10px;}.nav-search-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;gap:8px;padding:0 14px;border-radius:99px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.16);color:var(--ink);font-family:"JetBrains Mono",monospace;font-size:13px;box-sizing:border-box;cursor:pointer;transition:all 0.25s ease;}.nav-search-btn svg{width:17px;height:17px;color:#ffffff;flex-shrink:0;transition:color 0.25s ease,transform 0.25s ease;}.nav-search-btn:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,156,245,0.4);color:#ffffff;}.nav-search-btn:hover svg{color:var(--accent);transform:scale(1.1);}.nav-search-kbd{font-size:10px;padding:2px 5px;border-radius:4px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);color:var(--ink-faint);}.nav-donate-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;gap:6px;padding:0 16px;border-radius:99px;background:linear-gradient(135deg,rgba(255,156,245,0.15),rgba(20,0,255,0.25));border:1px solid rgba(255,156,245,0.3);color:#ffb8f8;font-family:"JetBrains Mono",monospace;font-size:13px;font-weight:500;box-sizing:border-box;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 12px rgba(255,156,245,0.1);}.nav-donate-btn:hover{background:linear-gradient(135deg,rgba(255,156,245,0.25),rgba(20,0,255,0.4));border-color:rgba(255,156,245,0.6);color:#ffffff;transform:translateY(-1px);box-shadow:0 4px 18px rgba(255,156,245,0.25);}.mobile-menu-action-btns{display:flex;flex-direction:column;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line);}.mobile-menu-search-btn,.mobile-menu-donate-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:12px;font-family:"JetBrains Mono",monospace;font-size:14px;font-weight:500;cursor:pointer;width:100%;}.mobile-menu-search-btn{background:rgba(255,255,255,0.05);border:1px solid var(--line);color:var(--ink);}.mobile-menu-donate-btn{background:linear-gradient(135deg,#FF9CF5,#7b2cbf);border:none;color:#ffffff;}.site-modal-overlay{position:fixed;inset:0;z-index:999;background:rgba(5,5,7,0.75);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity 0.25s ease,visibility 0.25s ease;}.site-modal-overlay.is-active{opacity:1;visibility:visible;}.site-search-modal{width:100%;max-width:620px;background:linear-gradient(180deg,rgba(20,20,26,0.98),rgba(12,12,16,0.99));border:1px solid rgba(255,255,255,0.12);border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,0.8),0 0 40px rgba(255,156,245,0.12);backdrop-filter:blur(28px);overflow:hidden;transform:scale(0.96) translateY(-10px);transition:transform 0.25s cubic-bezier(0.16,1,0.3,1);}.site-modal-overlay.is-active .site-search-modal{transform:scale(1) translateY(0);}.search-modal-header{position:relative;display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,0.08);background:radial-gradient(120% 120% at 50% 0%,rgba(255,156,245,0.08),transparent 70%);}.search-modal-icon{color:var(--accent);flex-shrink:0;}.search-modal-header input{flex:1;background:transparent;border:none;outline:none;color:var(--ink);font-family:"JetBrains Mono",monospace;font-size:15px;font-weight:500;}.search-clear-btn{background:rgba(255,255,255,0.06);border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:var(--ink-dim);font-size:16px;cursor:pointer;transition:all 0.2s ease;}.search-clear-btn:hover{background:rgba(255,255,255,0.15);color:#fff;}.search-modal-close{background:none;border:none;color:var(--ink-dim);font-size:24px;cursor:pointer;line-height:1;padding:0 4px;transition:color 0.2s ease;}.search-modal-close:hover{color:#fff;}.search-modal-filters{display:flex;align-items:center;gap:6px;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.2);}.search-filter-tab{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;border:1px solid transparent;background:transparent;color:var(--ink-dim);font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:500;cursor:pointer;transition:all 0.2s ease;}.search-filter-tab:hover{background:rgba(255,255,255,0.05);color:var(--ink);}.search-filter-tab.active{background:rgba(255,156,245,0.14);border-color:rgba(255,156,245,0.3);color:#ffb8f8;}.filter-count{font-size:10px;opacity:0.75;}.search-modal-body{max-height:380px;overflow-y:auto;padding:10px 14px;scrollbar-width:thin;scrollbar-color:rgba(255,156,245,0.25) transparent;}.search-modal-body::-webkit-scrollbar{width:6px;}.search-modal-body::-webkit-scrollbar-track{background:transparent;}.search-modal-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.18);border-radius:99px;}.search-modal-body::-webkit-scrollbar-thumb:hover{background:rgba(255,156,245,0.45);}.search-results-list{display:flex;flex-direction:column;gap:4px;}.search-result-item{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;border-radius:10px;background:rgba(255,255,255,0.015);border:1px solid transparent;text-decoration:none;color:var(--ink);transition:background 0.2s ease,border-color 0.2s ease,transform 0.2s ease;}.search-result-item:hover,.search-result-item.selected{background:rgba(255,156,245,0.08);border-color:rgba(255,156,245,0.22);transform:translateX(3px);}.search-item-left{display:flex;align-items:center;gap:12px;min-width:0;}.search-item-icon-box{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(255,255,255,0.05);color:var(--accent);}.app-icon-box{background:rgba(140,158,255,0.12);color:#8c9eff;}.tool-icon-box{background:rgba(255,156,245,0.12);color:#ffb8f8;}.blog-icon-box{background:rgba(56,239,125,0.12);color:#38ef7d;}.search-item-details{display:flex;align-items:center;gap:10px;min-width:0;}.search-item-title{font-family:"JetBrains Mono",monospace;font-size:13.5px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.search-highlight{background:rgba(255,156,245,0.3);color:#ffffff;border-radius:2px;padding:0 2px;}.search-item-cat{font-family:"JetBrains Mono",monospace;font-size:10.5px;color:var(--ink-faint);white-space:nowrap;}.search-item-right{display:flex;align-items:center;gap:10px;flex-shrink:0;}.search-item-badge{font-family:"JetBrains Mono",monospace;font-size:9.5px;padding:2px 7px;border-radius:99px;text-transform:uppercase;letter-spacing:0.04em;}.badge-tool{background:rgba(255,156,245,0.15);color:#ffb8f8;}.badge-app{background:rgba(140,158,255,0.2);color:#8c9eff;}.badge-blog{background:rgba(56,239,125,0.15);color:#38ef7d;}.search-item-arrow{display:flex;align-items:center;color:var(--accent);opacity:0;transform:translateX(-4px);transition:all 0.2s ease;}.search-result-item:hover .search-item-arrow,.search-result-item.selected .search-item-arrow{opacity:1;transform:translateX(0);}.search-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 20px;text-align:center;gap:10px;color:var(--ink-dim);font-family:"JetBrains Mono",monospace;font-size:13px;}.search-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:rgba(0,0,0,0.35);border-top:1px solid rgba(255,255,255,0.06);font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--ink-faint);}.search-modal-footer-right{display:flex;align-items:center;gap:14px;}.search-modal-footer kbd{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);padding:1px 5px;border-radius:4px;color:var(--ink-dim);font-size:10px;}.site-donate-modal{position:relative;width:100%;max-width:480px;background:#111116;border:1px solid var(--line-hover);border-radius:24px;padding:30px;box-shadow:0 25px 60px rgba(0,0,0,0.7),0 0 0 1px rgba(255,156,245,0.15);transform:scale(0.96) translateY(-10px);transition:transform 0.25s ease;}.site-modal-overlay.is-active .site-donate-modal{transform:scale(1) translateY(0);}.donate-modal-close{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--ink-dim);font-size:24px;cursor:pointer;}.donate-modal-header{text-align:center;margin-bottom:24px;}.donate-header-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;background:rgba(255,156,245,0.12);border:1px solid rgba(255,156,245,0.25);color:#ffb8f8;font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:500;margin-bottom:12px;}.donate-modal-header h3{font-family:"Fraunces",serif;font-size:24px;color:var(--ink);margin-bottom:8px;}.donate-modal-header p{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--ink-dim);line-height:1.5;margin-bottom:14px;}.donate-impact-chips{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:10px;}.impact-chip{font-family:"JetBrains Mono",monospace;font-size:10px;padding:3px 8px;border-radius:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:var(--ink-dim);}.donate-currency-toggle{display:flex;background:rgba(255,255,255,0.05);padding:4px;border-radius:12px;margin-bottom:18px;border:1px solid var(--line);}.currency-btn{flex:1;padding:8px 12px;border:none;background:transparent;color:var(--ink-dim);font-family:"JetBrains Mono",monospace;font-size:13px;border-radius:8px;cursor:pointer;transition:all 0.2s ease;}.currency-btn.active{background:rgba(255,156,245,0.15);color:#ffffff;border:1px solid rgba(255,156,245,0.3);}.donate-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;}.preset-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 10px;background:rgba(255,255,255,0.03);border:1px solid var(--line);border-radius:12px;color:var(--ink);cursor:pointer;transition:all 0.2s ease;}.preset-btn:hover,.preset-btn.active{background:rgba(255,156,245,0.12);border-color:var(--accent);color:#ffffff;}.preset-pop-badge{position:absolute;top:-8px;right:10px;background:linear-gradient(135deg,#FF9CF5,#7b2cbf);color:#ffffff;font-family:"JetBrains Mono",monospace;font-size:9px;font-weight:600;padding:1px 6px;border-radius:99px;text-transform:uppercase;}.preset-amt{font-family:"JetBrains Mono",monospace;font-size:15px;font-weight:600;}.preset-label{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--ink-dim);margin-top:2px;}.preset-btn.active .preset-label{color:#ffb8f8;}.donate-custom-field{display:flex;align-items:center;background:rgba(0,0,0,0.3);border:1px solid var(--line);border-radius:12px;padding:0 14px;margin-bottom:14px;}.currency-prefix{font-family:"JetBrains Mono",monospace;font-size:16px;color:var(--accent);margin-right:8px;}.donate-custom-field input{width:100%;padding:12px 0;background:transparent;border:none;outline:none;color:var(--ink);font-family:"JetBrains Mono",monospace;font-size:15px;}.donate-user-fields{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;}.donate-user-fields input{width:100%;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid var(--line);border-radius:10px;outline:none;color:var(--ink);font-family:"JetBrains Mono",monospace;font-size:13px;}.donate-user-fields input:focus{border-color:var(--accent);}.donate-status-msg{padding:10px 14px;border-radius:8px;font-family:"JetBrains Mono",monospace;font-size:12px;margin-bottom:16px;line-height:1.4;}.status-error{background:rgba(255,85,85,0.15);border:1px solid rgba(255,85,85,0.3);color:#ff8888;}.status-warning{background:rgba(255,184,0,0.15);border:1px solid rgba(255,184,0,0.3);color:#ffd000;}.status-success{background:rgba(0,230,118,0.15);border:1px solid rgba(0,230,118,0.3);color:#5effa8;}.donate-submit-btn{width:100%;padding:14px;border-radius:12px;background:linear-gradient(135deg,#FF9CF5,#1400FF);border:none;color:#ffffff;font-family:"JetBrains Mono",monospace;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(255,156,245,0.25);}.donate-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 26px rgba(255,156,245,0.4);}.donate-modal-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--ink-faint);text-align:center;}.donate-success-wrapper{text-align:center;padding:10px 0 0;}.donate-success-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:rgba(0,230,118,0.12);border:1px solid rgba(0,230,118,0.3);display:flex;align-items:center;justify-content:center;animation:successPop 0.4s cubic-bezier(0.175,0.885,0.32,1.275);}@keyframes successPop{0%{transform:scale(0.6);opacity:0;}100%{transform:scale(1);opacity:1;}}.donate-success-wrapper h3{font-family:"Fraunces",serif;font-size:22px;color:var(--ink);margin-bottom:6px;}.donate-success-wrapper p{font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--ink-dim);margin-bottom:20px;}.donate-success-details{background:rgba(255,255,255,0.03);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:24px;display:flex;flex-direction:column;gap:12px;}.success-detail-row{display:flex;align-items:center;justify-content:space-between;font-family:"JetBrains Mono",monospace;font-size:13px;}.detail-label{color:var(--ink-dim);}.detail-value{color:#5effa8;font-weight:500;word-break:break-all;}.donate-done-btn{width:100%;padding:14px;border-radius:12px;background:rgba(255,255,255,0.1);border:1px solid var(--line-hover);color:var(--ink);font-family:"JetBrains Mono",monospace;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.25s ease;}.donate-done-btn:hover{background:rgba(255,156,245,0.15);border-color:var(--accent);color:#ffffff;}.nav-mega-menu-tools{width:580px;max-width:min(640px,95vw);display:grid;grid-template-columns:190px 1fr;gap:0;padding:0 !important;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,0.12);box-shadow:0 30px 90px -10px rgba(0,0,0,0.9),0 0 0 1px rgba(255,156,245,0.08),inset 0 1px 0 rgba(255,255,255,0.15);}.mega-menu-sidebar{background:rgba(10,10,15,0.96);border-right:1px solid rgba(255,255,255,0.08);padding:16px 12px;display:flex;flex-direction:column;gap:4px;}.mega-menu-sidebar-title{font-family:"JetBrains Mono",monospace;font-size:10.5px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--accent);padding:4px 8px 10px;}.mega-cat-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink-dim);font-family:"JetBrains Mono",monospace;font-size:13px;cursor:pointer;transition:all 0.2s ease;text-align:left;}.mega-cat-item:hover,.mega-cat-item.active{background:rgba(255,156,245,0.12);border-color:rgba(255,156,245,0.25);color:#ffffff;}.mega-cat-count{font-size:10px;padding:1px 6px;border-radius:99px;background:rgba(255,255,255,0.08);color:var(--ink-faint);margin-left:auto;margin-right:6px;}.mega-cat-item.active .mega-cat-count{background:rgba(255,156,245,0.2);color:#ffb8f8;}.mega-cat-arrow{color:var(--ink-faint);transition:transform 0.2s ease,color 0.2s ease;}.mega-cat-item:hover .mega-cat-arrow,.mega-cat-item.active .mega-cat-arrow{color:var(--accent);transform:translateX(2px);}.mega-all-tools-link{margin-top:auto;padding-top:10px !important;border-top:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:space-between;font-family:"JetBrains Mono",monospace;font-size:11px !important;color:var(--accent) !important;text-decoration:none;}.mega-menu-content{padding:16px 18px;background:rgba(16,16,22,0.98);}.mega-tools-panel{display:none;animation:megaPanelFade 0.25s cubic-bezier(0.16,1,0.3,1);}.mega-tools-panel.active{display:block;}@keyframes megaPanelFade{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}.mega-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,0.08);}.mega-panel-header h4{font-family:"Fraunces",serif;font-size:15px;color:#ffffff;margin:0;}.mega-panel-count{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--ink-faint);}.mega-tools-grid{display:flex;flex-direction:column;gap:6px;max-height:350px;overflow-y:auto;overscroll-behavior:contain;overscroll-behavior-y:contain;padding-right:4px;}.mega-tools-grid::-webkit-scrollbar{width:4px;}.mega-tools-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:4px;}.mega-tool-card{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.04);text-decoration:none;transition:all 0.2s ease;}.mega-tool-card:hover{background:rgba(255,156,245,0.1);border-color:rgba(255,156,245,0.28);transform:translateX(4px);}.mega-tool-icon{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent);transition:transform 0.2s ease;}.mega-tool-card:hover .mega-tool-icon{transform:scale(1.12) rotate(4deg);}.mega-tool-info{flex:1;min-width:0;}.mega-tool-title-row{display:flex;align-items:center;justify-content:space-between;gap:6px;}.mega-tool-title{font-family:"JetBrains Mono",monospace;font-size:12.5px;font-weight:500;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.nav-games-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;background:rgba(255,156,245,0.08);border:1px solid rgba(255,156,245,0.25);border-radius:99px;color:var(--ink);font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:500;cursor:pointer;transition:all 0.25s ease;}.nav-games-btn:hover{background:rgba(255,156,245,0.18);border-color:var(--accent);color:#ffffff;transform:translateY(-1px);box-shadow:0 4px 15px rgba(255,156,245,0.25);}.nav-games-btn svg{color:var(--accent);}.mobile-menu-games-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(255,156,245,0.08);border:1px solid rgba(255,156,245,0.2);border-radius:12px;color:var(--ink);font-family:"JetBrains Mono",monospace;font-size:13px;cursor:pointer;transition:all 0.2s ease;}.mobile-menu-games-btn:hover{background:rgba(255,156,245,0.16);border-color:var(--accent);}.site-game-modal{position:relative;width:min(92vw,680px);background:rgba(18,18,22,0.94);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.12);border-radius:24px;box-shadow:0 24px 60px rgba(0,0,0,0.7),0 0 40px rgba(255,156,245,0.1);overflow:hidden;display:flex;flex-direction:column;}.game-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.02);}.game-modal-title{display:flex;align-items:center;gap:10px;font-family:"Fraunces",serif;font-size:18px;font-weight:600;color:#ffffff;}.game-header-badge{font-family:"JetBrains Mono",monospace;font-size:11px;padding:3px 9px;background:rgba(255,156,245,0.15);border:1px solid rgba(255,156,245,0.3);border-radius:20px;color:var(--accent);}.game-modal-close{background:none;border:none;color:var(--ink-dim);font-size:24px;cursor:pointer;line-height:1;transition:color 0.2s;}.game-modal-close:hover{color:#ffffff;}.game-modal-body{padding:24px;display:flex;flex-direction:column;align-items:center;gap:24px;min-height:420px;position:relative;}.ball-sort-header{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;background:rgba(255,255,255,0.03);padding:12px 18px;border-radius:16px;border:1px solid rgba(255,255,255,0.06);}.ball-sort-stats{display:flex;align-items:center;gap:12px;}.stat-pill{display:flex;align-items:center;gap:6px;font-family:"JetBrains Mono",monospace;font-size:12px;}.stat-label{color:var(--ink-faint);font-weight:500;}.stat-value{color:var(--accent);font-weight:700;font-size:14px;min-width:20px;}.ball-sort-actions{display:flex;align-items:center;gap:8px;}.game-btn-icon{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:all 0.2s ease;}.game-btn-icon:hover:not(:disabled){background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.25);color:#ffffff;}.game-btn-icon:disabled{opacity:0.3;cursor:not-allowed;}.game-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,var(--accent),#1400FF);border:none;border-radius:10px;color:#ffffff;font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 12px rgba(255,156,245,0.25);}.game-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(255,156,245,0.4);}.ball-sort-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;width:100%;padding:20px 10px 10px 10px;min-height:260px;}.ball-sort-flask{position:relative;width:54px;height:205px;background:rgba(255,255,255,0.03);border:2px solid rgba(255,255,255,0.18);border-top:none;border-radius:0 0 26px 26px;cursor:pointer;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);box-shadow:inset 0 -4px 12px rgba(255,255,255,0.05),0 8px 20px rgba(0,0,0,0.3);}.ball-sort-flask::before{content:"";position:absolute;top:-8px;left:-5px;right:-5px;height:8px;border:2px solid rgba(255,255,255,0.22);border-radius:6px;background:rgba(255,255,255,0.05);}.ball-sort-flask:hover{border-color:rgba(255,156,245,0.4);background:rgba(255,255,255,0.06);transform:translateY(-3px);}.ball-sort-flask.selected{border-color:var(--accent);box-shadow:inset 0 -4px 12px rgba(255,156,245,0.15),0 0 24px rgba(255,156,245,0.35);}.ball-sort-flask.selected::before{border-color:var(--accent);}.ball-sort-ball{position:absolute;left:5px;width:40px;height:40px;border-radius:50%;transition:bottom 0.25s cubic-bezier(0.34,1.56,0.64,1),transform 0.2s ease;}.ball-sort-ball.raised{transform:translateY(-28px);}.ball-sort-win-overlay{position:absolute;inset:0;background:rgba(10,10,12,0.85);backdrop-filter:blur(12px);display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity 0.3s ease;z-index:50;}.ball-sort-win-overlay.active{opacity:1;pointer-events:auto;}.win-modal-card{text-align:center;padding:30px 40px;background:rgba(24,24,30,0.95);border:1px solid rgba(255,156,245,0.3);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,0.8),0 0 30px rgba(255,156,245,0.2);display:flex;flex-direction:column;align-items:center;gap:12px;animation:winCardPop 0.4s cubic-bezier(0.175,0.885,0.32,1.275);}@keyframes winCardPop{0%{transform:scale(0.7);opacity:0;}100%{transform:scale(1);opacity:1;}}.win-icon{font-size:44px;}.win-modal-card h3{font-family:"Fraunces",serif;font-size:22px;color:#ffffff;margin:0;}.win-modal-card p{font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--ink-dim);margin:0 0 8px 0;}.win-next-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:linear-gradient(135deg,var(--accent),#1400FF);border:none;border-radius:12px;color:#ffffff;font-family:"JetBrains Mono",monospace;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.25s ease;box-shadow:0 4px 15px rgba(255,156,245,0.3);}.win-next-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 24px rgba(255,156,245,0.45);}.game-wrapper-page{padding:100px 24px 60px 24px;max-width:940px;margin:0 auto;}.game-workbench{background:rgba(18,18,22,0.75);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.12);border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,0.6),inset 0 1px 1px rgba(255,255,255,0.12);overflow:hidden;display:flex;flex-direction:column;width:100%;flex:1;}.game-top-bar{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;background:rgba(255,255,255,0.02);border-bottom:1px solid rgba(255,255,255,0.08);flex-wrap:wrap;gap:16px;}.game-brand{display:flex;align-items:center;gap:14px;}.back-to-games{width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:var(--ink-dim);display:grid;place-items:center;transition:all 0.2s ease;text-decoration:none;}.back-to-games:hover{background:rgba(255,156,245,0.12);border-color:var(--accent);color:#ffffff;transform:translateX(-2px);}.game-title-group{display:flex;flex-direction:column;gap:2px;}.game-title-text{font-family:"Fraunces",serif;font-size:20px;font-weight:600;color:#ffffff;margin:0;line-height:1.2;}.game-tag-badge{font-family:"JetBrains Mono",monospace;font-size:10px;color:var(--accent);letter-spacing:0.05em;text-transform:uppercase;}.game-metrics{display:flex;align-items:center;gap:12px;}.metric-pill{display:flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:99px;font-family:"JetBrains Mono",monospace;font-size:12px;}.metric-label{color:var(--ink-faint);font-weight:500;}.metric-value{color:var(--accent);font-weight:700;font-size:14px;}.game-controls{display:flex;align-items:center;gap:8px;}.ctrl-btn{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:all 0.2s ease;}.ctrl-btn:hover:not(:disabled){background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.25);color:#ffffff;transform:translateY(-1px);}.ctrl-btn:disabled{opacity:0.3;cursor:not-allowed;}.ctrl-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,var(--accent),#1400FF);border:none;border-radius:12px;color:#ffffff;font-family:"JetBrains Mono",monospace;font-size:12.5px;font-weight:600;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 14px rgba(255,156,245,0.25);}.ctrl-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(255,156,245,0.4);}.game-stage-viewport{position:relative;flex:1;min-height:380px;padding:40px 20px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,rgba(255,156,245,0.03),transparent 70%);}.game-footer-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:rgba(0,0,0,0.2);border-top:1px solid rgba(255,255,255,0.06);flex-wrap:wrap;gap:12px;}.game-tip{display:flex;align-items:center;gap:8px;font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--ink-dim);}.game-badge-privacy{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--ink-faint);}@media (max-width:680px){.game-wrapper-page{padding:85px 12px 30px 12px;}.game-top-bar{padding:14px 16px;flex-direction:column;align-items:stretch;gap:12px;}.game-brand{justify-content:space-between;}.game-metrics{justify-content:center;}.game-controls{justify-content:center;}.ball-sort-flask{width:46px;height:180px;}.ball-sort-ball{width:34px;height:34px;left:4px;}.game-footer-bar{padding:12px 16px;flex-direction:column;text-align:center;}}.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%;margin:0 auto;}@media (max-width:1200px){.games-grid{grid-template-columns:repeat(3,1fr);}}@media (max-width:860px){.games-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:560px){.games-grid{grid-template-columns:1fr;}}.game-card{position:relative;display:flex;flex-direction:column;background:rgba(18,18,22,0.6);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:24px;text-decoration:none;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);overflow:hidden;}.game-card:hover{background:rgba(24,24,30,0.85);border-color:rgba(255,156,245,0.35);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,0.5),0 0 30px rgba(255,156,245,0.15);}.game-card-badge{align-self:flex-start;font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;padding:4px 10px;background:rgba(255,156,245,0.12);border:1px solid rgba(255,156,245,0.25);border-radius:20px;color:var(--accent);margin-bottom:18px;}.coming-soon-badge{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.15);color:var(--ink-dim);}.game-card-disabled{opacity:0.65;cursor:not-allowed;}.game-card-disabled:hover{transform:none;border-color:rgba(255,255,255,0.08);box-shadow:none;background:rgba(18,18,22,0.6);}.game-coming-text{font-family:"JetBrains Mono",monospace;font-size:12.5px;color:var(--ink-faint);}.game-card-icon{width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}.game-card-title{font-family:"Fraunces",serif;font-size:20px;font-weight:600;color:#ffffff;margin:0 0 8px 0;}.game-card-desc{font-family:"JetBrains Mono",monospace;font-size:12.5px;color:var(--ink-dim);line-height:1.5;margin-bottom:20px;}.game-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,0.06);}.game-play-btn{display:flex;align-items:center;gap:6px;font-family:"JetBrains Mono",monospace;font-size:13px;font-weight:600;color:var(--accent);}.game-tag{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--ink-faint);}.ball-sort-flask.completed{border-color:#38ef7d !important;box-shadow:inset 0 -4px 14px rgba(56,239,125,0.25),0 0 20px rgba(56,239,125,0.4) !important;}.ball-sort-flask.completed::before{border-color:#38ef7d !important;}.game-confetti-particle{position:fixed;width:10px;height:10px;border-radius:3px;pointer-events:none;z-index:9999;}.game-page-body{display:flex;flex-direction:column;min-height:100%;}.scribble-workbench{width:100%;max-width:1100px;margin:0 auto;flex:1;display:flex;flex-direction:column;justify-content:center;}.scribble-grid{display:grid;grid-template-columns:220px 1fr 260px;gap:16px;min-height:480px;}.scribble-canvas-area{display:flex;flex-direction:column;gap:12px;}.canvas-wrapper{position:relative;background:#0d0d10;border:1px solid rgba(255,255,255,0.12);border-radius:18px;overflow:hidden;display:grid;place-items:center;}.game-wrapper-page{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:85px 24px 30px 24px;max-width:980px;margin:0 auto;}.minimal-game-footer{position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important;width:100% !important;padding:14px 24px !important;border-top:1px solid rgba(255,255,255,0.08) !important;background:rgba(10,10,14,0.92) !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;z-index:100 !important;}.minimal-footer-inner{max-width:940px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px;font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--ink-faint);}.minimal-link{color:var(--ink-dim);text-decoration:none;transition:color 0.2s ease;}.minimal-link:hover{color:var(--accent);}.minimal-dot{opacity:0.4;}.scribble-card{background:rgba(18,18,22,0.75);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.12);border-radius:24px;padding:40px;max-width:480px;margin:0 auto;box-shadow:0 30px 80px rgba(0,0,0,0.6);text-align:center;}.scribble-logo-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(255,156,245,0.12);border:1px solid rgba(255,156,245,0.25);border-radius:99px;font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:600;color:var(--accent);margin-bottom:16px;}.scribble-hero-title{font-family:"Fraunces",serif;font-size:26px;color:#ffffff;margin-bottom:8px;}.scribble-hero-desc{font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--ink-dim);line-height:1.5;margin-bottom:28px;}.input-field-group{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:20px;}.input-field-group label{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:0.05em;}.input-field-group input{width:100%;padding:12px 16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);border-radius:12px;color:#ffffff;font-family:"JetBrains Mono",monospace;font-size:14px;outline:none;transition:border-color 0.2s;}.input-field-group input:focus{border-color:var(--accent);}.scribble-btn-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:linear-gradient(135deg,var(--accent),#1400FF);border:none;border-radius:12px;color:#ffffff;font-family:"JetBrains Mono",monospace;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px rgba(255,156,245,0.3);transition:transform 0.2s ease;}.scribble-btn-primary:hover{transform:translateY(-2px);}.scribble-divider{position:relative;margin:20px 0;text-align:center;}.scribble-divider::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(255,255,255,0.08);}.scribble-divider span{position:relative;padding:0 12px;background:rgba(18,18,22,0.95);font-family:"JetBrains Mono",monospace;font-size:10px;color:var(--ink-faint);}.join-room-row{display:flex;gap:8px;}.join-room-row input{flex:1;padding:12px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);border-radius:12px;color:#ffffff;font-family:"JetBrains Mono",monospace;font-size:13px;outline:none;}.scribble-btn-secondary{padding:12px 18px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:12px;color:#ffffff;font-family:"JetBrains Mono",monospace;font-size:13px;font-weight:600;cursor:pointer;transition:background 0.2s;}.scribble-btn-secondary:hover{background:rgba(255,255,255,0.16);}.scribble-arena{display:flex;flex-direction:column;gap:16px;width:100%;}.scribble-top-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:rgba(18,18,22,0.8);border:1px solid rgba(255,255,255,0.1);border-radius:16px;}.room-code-badge{display:inline-flex;align-items:center;gap:6px;font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--accent);background:rgba(255,156,245,0.12);border:1px solid rgba(255,156,245,0.25);padding:4px 10px;border-radius:8px;cursor:pointer;user-select:none;transition:all 0.2s ease;}.room-code-badge:hover{background:rgba(255,156,245,0.25);border-color:rgba(255,156,245,0.5);transform:translateY(-1px);}.scribble-secret-word{font-family:"JetBrains Mono",monospace;font-size:20px;font-weight:700;letter-spacing:0.3em;color:#ffffff;}.scribble-timer-pill{display:flex;align-items:center;gap:6px;font-family:"JetBrains Mono",monospace;font-size:13px;color:#ffe000;}.scribble-grid{display:grid;grid-template-columns:220px 1fr 260px;gap:16px;min-height:480px;}.scribble-sidebar-left,.scribble-sidebar-right{background:rgba(18,18,22,0.7);border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;}.sidebar-title{font-family:"Fraunces",serif;font-size:15px;color:#ffffff;border-bottom:1px solid rgba(255,255,255,0.06);padding-bottom:8px;margin:0;}.players-list{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto;}.player-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:rgba(255,255,255,0.03);border-radius:10px;font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--ink);}.player-item.is-drawing{border:1px solid var(--accent);background:rgba(255,156,245,0.1);}.player-item.has-guessed{border:1px solid #38ef7d;background:rgba(56,239,125,0.1);}.start-game-btn,.restart-game-btn{width:100%;padding:10px;background:#38ef7d;border:none;border-radius:10px;color:#000000;font-family:"JetBrains Mono",monospace;font-size:12.5px;font-weight:700;cursor:pointer;transition:transform 0.15s,background 0.15s;}.restart-game-btn{background:linear-gradient(135deg,#ff416c,#ff4b2b);color:#ffffff;box-shadow:0 4px 14px rgba(255,65,108,0.3);}.start-game-btn:hover,.restart-game-btn:hover{transform:translateY(-2px);}#scribble-canvas{background:#0b0b0e;cursor:crosshair;touch-action:none;width:100%;height:100%;display:block;}.canvas-overlay-msg{position:absolute;inset:0;background:rgba(10,10,14,0.85);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px;z-index:10;pointer-events:auto;}.canvas-overlay-msg h2{font-family:"Fraunces",serif;font-size:22px;color:#ffffff;}.canvas-overlay-msg p{font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--ink-dim);}.scribble-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:rgba(18,18,22,0.8);border:1px solid rgba(255,255,255,0.08);border-radius:14px;}.color-picker-palette{display:flex;gap:8px;}.color-dot{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform 0.15s;}.color-dot.active{border-color:#ffffff;transform:scale(1.15);}.brush-sizes{display:flex;gap:6px;}.size-dot{padding:4px 8px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:var(--ink-dim);font-family:"JetBrains Mono",monospace;font-size:11px;cursor:pointer;}.size-dot.active{background:var(--accent);color:#ffffff;border-color:var(--accent);}.clear-canvas-btn{width:32px;height:32px;border-radius:8px;background:rgba(255,65,108,0.15);border:1px solid rgba(255,65,108,0.3);color:#ff416c;display:grid;place-items:center;cursor:pointer;}.chat-messages{flex:1;display:flex;flex-direction:column;gap:6px;overflow-y:auto;max-height:360px;font-family:"JetBrains Mono",monospace;font-size:12px;}.chat-msg{color:var(--ink-dim);line-height:1.4;word-break:break-word;}.chat-msg.system-msg{color:#38ef7d;font-weight:600;}.chat-input-form{display:flex;gap:6px;}.chat-input-form input{flex:1;padding:8px 12px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#ffffff;font-family:"JetBrains Mono",monospace;font-size:12px;outline:none;}.chat-send-btn{width:32px;height:32px;border-radius:8px;background:var(--accent);border:none;color:#ffffff;display:grid;place-items:center;cursor:pointer;}@media (max-width:900px){.scribble-grid{grid-template-columns:1fr;}}