@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&family=Sora:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-color:#f8f9fa;--text-color:#111;--primary:#05f;--accent:#111;--border-color:#00000014;--glass-bg:#ffffffb3;--glass-border:#00000014}*{box-sizing:border-box;margin:0;padding:0}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Inter,sans-serif;font-weight:500;line-height:1.1}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}.sticky-header{-webkit-backdrop-filter:none;z-index:1000;background:0 0;border-bottom:none;align-items:center;width:100%;height:70px;transition:all .4s;display:flex;position:fixed;top:0;left:0}.sticky-header.scrolled{-webkit-backdrop-filter:blur(20px);background:#0a0a0ad9;border-bottom:1px solid #ffffff0f;box-shadow:0 4px 30px #0000004d}.header-container{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 4rem;display:flex;position:relative}.header-logo,.header-logo a{align-items:center;display:flex}.header-logo img{filter:none;transition:opacity .3s}.header-center-wrapper{position:relative}.nav-pill{-webkit-backdrop-filter:blur(16px);background:#1e1e1ebf;border:1px solid #ffffff1a;border-radius:100px;padding:0 .5rem}.header-links{align-items:center;gap:.2rem;display:flex}.header-links a{text-transform:none;letter-spacing:.01em;color:#ffffffbf;border-radius:100px;padding:.55rem 1.1rem;font-size:.82rem;font-weight:400;transition:all .25s;position:relative}.header-links a:hover,.header-links a.active{color:#fff;background:#ffffff1a}.btn-nav-pixel-icon{cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex}.btn-nav-pixel-icon:hover{background:#ffffff29;border-color:#ffffff4d}@media (width<=768px){.sticky-header{height:60px}.header-container{padding:0 1.5rem}.header-links{gap:1.2rem}.header-links a{font-size:.75rem}.btn-nav-start-project{border-radius:50%;justify-content:center;width:40px;height:40px;padding:0}.btn-nav-start-project .btn-text{display:none}.hero-left{max-width:90%!important}}.hero{background:#0a0a0a;align-items:flex-end;min-height:100vh;padding:0 4rem 4rem;display:flex;position:relative;overflow:hidden}.hero-grid{z-index:2;justify-content:space-between;align-items:flex-end;gap:2rem;width:100%;padding-bottom:1rem;display:flex;position:relative}.hero-left{text-align:left;z-index:2;flex-direction:column;flex-shrink:0;align-items:flex-start;max-width:55%;padding-top:8rem;display:flex;position:relative}.hero-text-block{z-index:2;flex-direction:column;align-items:flex-start;max-width:100%;display:flex}.hero-tagline{letter-spacing:.18em;color:#ffffff73;text-transform:uppercase;margin-bottom:1.2rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;display:block}.hero-title-inline{letter-spacing:-.01em;font-family:Inter,sans-serif;font-size:clamp(1.35rem,4.5vw,2.3rem);font-weight:500;line-height:1.25}.hero-title-inline .text-white{color:#fff}.hero-title-inline .text-gray{color:#ffffff61}.hero-cta{z-index:2;flex-shrink:0;align-self:flex-end;padding-bottom:.5rem}.hero-right{display:none}.logo-3d-wrapper{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.pixel-scroll-indicator{z-index:5;flex-direction:row;align-items:center;gap:.6rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-text{text-transform:none;letter-spacing:.05em;opacity:.6;color:#fff;font-size:.75rem;font-weight:500}.scroll-icon{opacity:.6;color:#fff;animation:2s ease-in-out infinite bounceMini}@keyframes bounceMini{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (width<=968px){.hero{justify-content:flex-start;align-items:center;min-height:100vh;padding:6rem 2rem 2rem;display:flex}.hero-left{text-align:left;align-items:flex-start;padding-top:2rem;max-width:70%!important}.hero-text-block{text-align:left;align-items:flex-start;max-width:100%!important}.canvas-container{z-index:1;width:100%;height:100%;top:0;left:0;position:absolute!important}}.canvas-container{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.btn-start-project{color:#fff;text-transform:none;letter-spacing:.05em;box-shadow:none;-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:30px;justify-content:center;align-items:center;gap:.8rem;height:48px;padding:.8rem 1.8rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-start-project:hover{background:#ffffff38;border-color:#ffffff73;box-shadow:0 4px 20px #ffffff14}.btn-start-project:active{transform:scale(.96)}.magnetic-btn{color:#fff;text-transform:none;cursor:pointer;z-index:2;-webkit-backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:30px;justify-content:center;align-items:center;padding:1rem 2.5rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.magnetic-btn:before{content:"";z-index:-1;background:#ffffff26;border-radius:50% 50% 0 0;width:100%;height:100%;transition:transform .4s cubic-bezier(.77,0,.175,1);position:absolute;top:100%;left:0}.magnetic-btn:hover:before{border-radius:0;transform:translateY(-100%)}.magnetic-btn:hover{color:#fff;background:#ffffff2e;border-color:#fff6}.magnetic-btn.btn-start-project{color:#fff;text-transform:none;-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff38;border-radius:30px;gap:.8rem;height:48px;padding:.8rem 1.8rem;box-shadow:0 4px 20px #0000004d}.magnetic-btn.btn-start-project:before{background:#ffffff26}.magnetic-btn.btn-start-project:hover{color:#fff;background:#fff3;border-color:#fff6}section{padding:8rem 0}.reveal-text{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.reveal-text>*{transform:translateY(100%)}.mega-menu{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);opacity:0;z-index:999;background:#fffffffa;border-radius:16px;width:90vw;max-width:1200px;max-height:0;transition:max-height .6s cubic-bezier(.16,1,.3,1),opacity .4s,padding .6s;position:absolute;top:45px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 20px 40px #0000000f}.mega-menu:before{content:"";pointer-events:auto;background:0 0;width:100%;height:45px;position:absolute;top:-45px;left:0}.mega-menu.open{opacity:1;max-height:700px;padding:1.5rem;overflow:visible}.mega-menu-grid{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:1400px;margin:0 auto;display:grid}.mega-item{height:90px;color:var(--text-color);background:#00000003;border:1px solid #0000000a;border-radius:8px;flex-direction:column;justify-content:flex-end;padding:1.5rem;transition:height .6s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s,opacity .4s;display:flex;position:relative;overflow:hidden}.mega-item.active{border-color:var(--border-color);height:220px;box-shadow:0 10px 30px #00000008}.mega-image-container{border-radius:6px;width:100%;transition:height .6s cubic-bezier(.16,1,.3,1),opacity .4s,margin-bottom .6s;display:block;overflow:hidden}.mega-image-container img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(-80%)scale(1.1)}.mega-item.active .mega-image-container img{transform:translateY(0)scale(1)}.mega-content-row{justify-content:space-between;align-items:center;width:100%;display:flex}.mega-title{color:var(--text-color);font-family:Inter,sans-serif;font-size:1.2rem;font-weight:500}.mega-count{opacity:.5;text-transform:uppercase;letter-spacing:.05em;color:var(--text-color);font-size:.8rem}.mega-right{align-items:center;gap:1rem;display:flex}.services-section{background:var(--bg-color);padding:8rem 0}.services-section-title{letter-spacing:-.02em;color:var(--text-color);margin-bottom:4rem;font-family:Outfit,sans-serif;font-size:clamp(3rem,6vw,5rem);font-weight:600}.services-grid{grid-template-columns:1fr;gap:2.5rem;display:grid}@media (width>=768px){.services-grid{grid-template-columns:1fr 1fr}}@media (width>=1024px){.services-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}.service-grid-item{box-shadow:none;cursor:pointer;background:#f0eeeb;border:none;border-radius:16px;flex-direction:column;height:100%;min-height:500px;padding:0;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.service-grid-item:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0000001f}.service-image-container{border-radius:16px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.service-image-container img{object-fit:cover;object-position:center;filter:blur();width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .5s;transform:scale(1.01)}.service-grid-item:hover .service-image-container img{filter:blur(6px)brightness(.75);transform:scale(1.06)}.service-title-container{z-index:3;justify-content:space-between;align-items:baseline;display:flex;position:absolute;top:1.4rem;left:1.4rem;right:1.4rem}.service-title{color:#fff;text-shadow:0 1px 8px #00000059;font-family:Outfit,sans-serif;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:700}.service-counter{opacity:.85;color:#ffffffd9;white-space:nowrap;text-shadow:0 1px 4px #0000004d;font-size:.82rem;font-weight:300}.service-icon-bottom{z-index:3;opacity:.8;transition:opacity .3s;position:absolute;bottom:1.4rem;left:1.4rem}.service-grid-item:hover .service-icon-bottom{opacity:0}.sub-services-overlay{-webkit-backdrop-filter:blur(25px)brightness(.85);opacity:0;pointer-events:none;z-index:10;background:#14141480;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:1.8rem 1.5rem;transition:opacity .35s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;left:0}.service-grid-item:hover .sub-services-overlay{opacity:1;pointer-events:auto}.overlay-header{justify-content:space-between;align-items:baseline;width:100%;display:flex}.overlay-title{color:#fff;font-family:Outfit,sans-serif;font-size:clamp(1.1rem,2vw,1.25rem);font-weight:700}.overlay-counter{color:#fff9;font-size:.85rem;font-weight:300}.overlay-pills{flex-direction:column;align-items:flex-start;gap:.6rem;margin-top:1.5rem;margin-bottom:auto;display:flex}.sub-service-pill{color:#111;cursor:pointer;white-space:nowrap;background:#ffffffd9;border-radius:50px;padding:.45rem 1.1rem;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.sub-service-pill:hover{background:#fff;transform:translate(4px);box-shadow:0 4px 12px #0003}.overlay-footer{justify-content:flex-end;width:100%;margin-top:1rem;display:flex}.see-more-link{color:#fff;text-underline-offset:4px;opacity:.85;font-size:.9rem;font-weight:600;text-decoration:underline;transition:opacity .2s}.see-more-link:hover{opacity:1}.contact-modal-overlay{-webkit-backdrop-filter:blur(25px);z-index:2000;opacity:0;pointer-events:none;background:#f8f9fafa;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .6s cubic-bezier(.77,0,.175,1);display:flex;position:fixed;top:0;left:0}.contact-modal-overlay.open{opacity:1;pointer-events:auto}.contact-modal-container{scrollbar-width:none;flex-direction:column;width:90%;max-width:800px;max-height:90vh;padding:4rem;display:flex;position:relative;overflow-y:auto}.contact-modal-container::-webkit-scrollbar{display:none}.contact-modal-close{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .3s;display:flex;position:absolute;top:2rem;right:2rem}.contact-modal-close:hover{background:#0000000d}.contact-modal-title{color:var(--text-color);letter-spacing:-.02em;margin-bottom:3rem;font-family:Inter,sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:500;line-height:1.1}.contact-modal-title .text-muted-gray{color:#0006}.contact-form{flex-direction:column;width:100%;display:flex}.form-grid{flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem;display:flex}.form-group{flex-direction:column;display:flex}.form-group.half{flex:calc(50% - .75rem);min-width:280px}.form-group.full{flex:100%}.contact-form input,.contact-form textarea{border:1px solid var(--border-color);width:100%;color:var(--text-color);background:#fff;border-radius:8px;padding:1.2rem 1.5rem;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #0055ff14}.services-interest-section{margin-bottom:3.5rem}.services-interest-title{color:#0000008c;letter-spacing:.15em;margin-bottom:1.8rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;display:block}.services-interest-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem;display:grid}.service-interest-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:#000000bf;align-items:center;font-size:1rem;transition:color .3s;display:flex}.service-interest-label:hover{color:var(--primary)}.service-interest-label input{display:none}.checkbox-custom{border:1px solid var(--border-color);border-radius:50%;width:18px;height:18px;margin-right:1rem;transition:border-color .3s;display:inline-block;position:relative}.service-interest-label input:checked+.checkbox-custom{border-color:var(--primary)}.service-interest-label input:checked+.checkbox-custom:after{content:"";background-color:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;left:4px}.service-name{letter-spacing:.02em;font-weight:450}.contact-submit-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:30px;align-self:flex-start;align-items:center;gap:1rem;padding:1.2rem 2.5rem;font-size:.95rem;font-weight:600;transition:background-color .3s,transform .2s;display:inline-flex}.contact-submit-btn:hover{background-color:var(--accent);color:#fff}.contact-submit-btn:active{transform:scale(.98)}.submit-arrow{display:inline-flex}.portfolio-banner-section{background:#0a0a0a;padding:4rem 0 6rem}.portfolio-banner-link{border-radius:20px;display:block;position:relative;overflow:hidden}.portfolio-banner-wrapper{border-radius:20px;width:100%;position:relative;overflow:hidden}.portfolio-banner-img{border-radius:20px;width:100%;height:auto;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.portfolio-banner-link:hover .portfolio-banner-img{transform:scale(1.02)}.portfolio-banner-overlay{opacity:0;background:linear-gradient(#0000,#00000080);border-radius:0 0 20px 20px;justify-content:flex-end;padding:2rem 2.5rem;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.portfolio-banner-link:hover .portfolio-banner-overlay{opacity:1}.portfolio-banner-cta{color:#fff;letter-spacing:.02em;font-size:1rem;font-weight:600}.portfolio-page{background:#f8f9fa;min-height:100vh;font-family:Inter,sans-serif}.portfolio-page-header{z-index:100;-webkit-backdrop-filter:blur(16px);background:#f8f9fae6;border-bottom:1px solid #0000000f;padding:1.2rem 0;position:sticky;top:0}.portfolio-page-header-inner{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 4rem;display:flex}.portfolio-back-link{cursor:pointer;color:#0009;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-family:Inter,sans-serif;font-size:.9rem;transition:color .2s;display:flex}.portfolio-back-link:hover{color:#000}.portfolio-page-logo{cursor:pointer;background:0 0;border:none;padding:0}.portfolio-page-hero{padding:6rem 0 4rem}.portfolio-page-hero-inner{max-width:1400px;margin:0 auto;padding:0 4rem}.portfolio-page-tagline{letter-spacing:.18em;color:#0006;text-transform:uppercase;margin-bottom:1rem;font-size:.8rem;font-weight:500;display:block}.portfolio-page-title{letter-spacing:-.02em;color:#111;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:600;line-height:1.05}.portfolio-page-subtitle{color:#00000080;max-width:500px;font-size:1.1rem;line-height:1.6}.portfolio-page-content{max-width:1400px;margin:0 auto;padding:0 4rem 6rem}.portfolio-projects-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=1024px){.portfolio-projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.portfolio-projects-grid{grid-template-columns:1fr}.portfolio-page-header-inner,.portfolio-page-hero-inner,.portfolio-page-content{padding:0 1.5rem}}.portfolio-project-card{cursor:pointer;background:#fff;border:1px solid #0000000f;border-radius:16px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;overflow:hidden}.portfolio-project-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0000001a}.portfolio-project-image{aspect-ratio:16/10;background:linear-gradient(135deg,#05f 0%,#0a0a0a 100%);width:100%;position:relative;overflow:hidden}.portfolio-project-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.portfolio-project-card:hover .portfolio-project-image img{transform:scale(1.05)}.portfolio-project-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .3s;display:flex;position:absolute;top:1rem;right:1rem}.portfolio-project-card:hover .portfolio-project-overlay{opacity:1}.portfolio-project-info{padding:1.5rem}.portfolio-project-meta{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.portfolio-project-industry{letter-spacing:.12em;text-transform:uppercase;color:#0006;font-size:.75rem;font-weight:600}.portfolio-project-tags{flex-wrap:wrap;gap:.4rem;display:flex}.portfolio-project-tag{color:#0000008c;background:#0000000d;border-radius:50px;padding:.2rem .6rem;font-size:.7rem;font-weight:500}.portfolio-project-title{color:#111;margin-bottom:.4rem;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700}.portfolio-project-desc{color:#00000080;font-size:.88rem;line-height:1.5}.portfolio-filter-bar{flex-wrap:wrap;gap:.6rem;margin-bottom:2.5rem;display:flex}.portfolio-filter-btn{color:#0009;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000001f;border-radius:50px;padding:.55rem 1.2rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;transition:all .25s}.portfolio-filter-btn:hover{color:#111;border-color:#0006}.portfolio-filter-btn.active{color:#fff;background:#111;border-color:#111}.portfolio-project-footer{border-top:1px solid #0000000f;justify-content:space-between;align-items:center;margin-top:1.1rem;padding-top:1rem;display:flex}.portfolio-project-client{color:#000000b3;font-size:.8rem;font-weight:600}.portfolio-project-year{color:#0006;font-variant-numeric:tabular-nums;font-size:.78rem}.portfolio-page-footer-cta{text-align:center;color:#fff;background:#111;padding:5rem 2rem 6rem}.portfolio-page-footer-cta h2{letter-spacing:-.02em;margin-bottom:2rem;font-family:Outfit,sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:600}.portfolio-page-cta-btn{color:#111;background:#fff;border-radius:50px;padding:1rem 2.5rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.portfolio-page-cta-btn:hover{background:#ffffffd9;transform:translateY(-2px)}.ai-section{background:var(--bg-color);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:8rem 0;position:relative}.ai-title{text-align:center;color:var(--text-color);margin-bottom:4rem;font-size:clamp(2.2rem,5vw,4rem);font-weight:500}.ai-flex-container{flex-wrap:wrap;align-items:flex-start;gap:4rem;display:flex}.ai-form{flex-direction:column;flex:1;gap:1.5rem;min-width:300px;display:flex}.ai-form-group{flex-direction:column;gap:.5rem;display:flex}.ai-form-group label{opacity:.7;text-transform:uppercase;letter-spacing:.05em;text-align:left;color:var(--text-color);font-size:.9rem}.ai-input{border:1px solid var(--border-color);color:var(--text-color);background:#fff;border-radius:8px;outline:none;padding:1.2rem;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s}.ai-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #0055ff14}.ai-textarea{resize:none;height:120px}.ai-preview-panel{border:1px solid var(--glass-border);background:#fff;border-radius:12px;flex:1.5;justify-content:center;align-items:center;min-width:400px;height:600px;display:flex;overflow:hidden;box-shadow:0 8px 30px #00000008}@media (width<=768px){.ai-section{padding:4rem 0}.ai-title{margin-bottom:2rem;font-size:1.8rem}.ai-flex-container{gap:2rem}.ai-form{min-width:100%}.ai-preview-panel{min-width:100%;height:400px}}.footer-section{background:var(--bg-color);border-top:1px solid var(--border-color);padding-top:8rem;position:relative;overflow:hidden}.footer-container{z-index:2;position:relative}.footer-flex-container{flex-wrap:wrap;gap:4rem;margin-bottom:8rem;display:flex}.footer-left{flex:1;min-width:300px}.footer-title{text-align:left;color:var(--text-color);margin-bottom:2rem;font-size:clamp(2.2rem,5vw,4rem);font-weight:500}.footer-desc{opacity:.8;text-align:left;max-width:400px;color:var(--text-color);font-size:1.2rem;line-height:1.6}.footer-right{flex:1.5;min-width:350px}.footer-form{flex-direction:column;gap:1.5rem;display:flex}.footer-input{border:none;border-bottom:1px solid var(--border-color);color:var(--text-color);background:0 0;outline:none;padding:1.2rem;font-family:Inter,sans-serif;font-size:1rem;transition:border-color .3s}.footer-input:focus{border-bottom-color:var(--primary)}.footer-textarea{resize:none;height:120px}.footer-form-title{text-align:left;color:var(--text-color);margin-bottom:1rem;font-weight:500}.footer-bottom-links{border-bottom:1px solid var(--border-color);justify-content:space-between;padding-bottom:2rem;display:flex}.footer-bottom-links .links-wrapper{gap:2rem;display:flex}.footer-bottom-links a{opacity:.6;color:var(--text-color);font-size:.9rem;transition:opacity .3s}.footer-bottom-links a:hover{opacity:1;color:var(--primary)}.footer-large-text{text-align:center;opacity:.03;pointer-events:none;color:var(--text-color);font-family:Outfit,sans-serif;font-size:18vw;font-weight:800;line-height:.8;position:relative;bottom:-2vw}@media (width<=768px){.footer-section{padding-top:4rem}.footer-flex-container{gap:2rem;margin-bottom:4rem}.footer-left{min-width:100%}.footer-title{margin-bottom:1rem;font-size:1.8rem}.footer-desc{font-size:.95rem}.footer-right{min-width:100%}.footer-bottom-links{text-align:center;flex-direction:column;align-items:center;gap:1.5rem}.footer-bottom-links .links-wrapper{flex-wrap:wrap;justify-content:center;gap:1.2rem}.footer-large-text{font-size:22vw;bottom:-1vw}}.dashboard-container{flex-direction:column;gap:2.5rem;max-width:1400px;min-height:100vh;margin:0 auto;padding:100px 4rem 4rem;display:flex}.dashboard-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-bottom:1.5rem;display:flex}.dashboard-header-left{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.back-studio-btn{cursor:pointer;color:var(--primary);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-size:.85rem;font-weight:600;transition:opacity .2s;display:flex}.back-studio-btn:hover{opacity:.8}.dashboard-title{color:var(--text-color);font-family:Outfit,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700}.dashboard-header-right{align-items:center;display:flex}.client-badge{border:1px solid var(--border-color);background:#fff;border-radius:50px;align-items:center;gap:1rem;padding:.8rem 1.2rem;display:flex;box-shadow:0 4px 15px #00000003}.client-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;display:flex}.client-meta{flex-direction:column;align-items:flex-start;display:flex}.client-name{color:var(--text-color);font-size:.95rem;font-weight:600}.client-tier{color:#00000080;font-size:.75rem;font-weight:500}.dashboard-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.dashboard-grid.kpis{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.dashboard-grid.kpis{grid-template-columns:repeat(4,1fr)}}.dashboard-card{border:1px solid var(--border-color);background:#fff;border-radius:16px;flex-direction:column;padding:1.8rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 4px 20px #00000005}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000000a}.kpi-card{justify-content:space-between;gap:1rem}.kpi-card-header{justify-content:space-between;align-items:center;width:100%;display:flex}.kpi-title{text-transform:uppercase;letter-spacing:.05em;color:#00000080;font-size:.85rem;font-weight:600}.kpi-value{color:var(--text-color);margin-top:.5rem;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800}.kpi-change{color:#00b530;font-size:.8rem;font-weight:500}.dashboard-row{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=1024px){.dashboard-row{grid-template-columns:1.6fr 1.2fr}}.dashboard-column{flex-direction:column;gap:2rem;display:flex}.dashboard-card-title{color:var(--text-color);border-bottom:1px solid var(--border-color);text-align:left;margin-bottom:1.8rem;padding-bottom:.8rem;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700}.projects-list{flex-direction:column;gap:1.5rem;display:flex}.project-item{border:1px solid var(--border-color);text-align:left;background:#00000003;border-radius:12px;flex-direction:column;gap:1.2rem;padding:1.5rem;display:flex}.project-item-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.project-name{color:var(--text-color);font-size:1.1rem;font-weight:600}.project-desc{color:#00000080;margin-top:.2rem;font-size:.85rem;line-height:1.4}.status-badge{letter-spacing:.02em;border-radius:20px;padding:.3rem .8rem;font-size:.75rem;font-weight:600}.status-badge.development{color:var(--primary);background:#0055ff14}.status-badge.design-review{color:#4a5568;background:#71809614}.project-progress-wrapper{align-items:center;gap:1rem;display:flex}.progress-bar-container{background:#0000000a;border-radius:10px;flex:1;height:6px;overflow:hidden}.progress-bar-fill{border-radius:10px;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.progress-percentage{color:var(--text-color);text-align:right;min-width:35px;font-size:.85rem;font-weight:700}.logs-list{flex-direction:column;gap:1.8rem;padding-left:1.5rem;display:flex;position:relative}.logs-list:before{content:"";background:var(--border-color);width:2px;height:calc(100% - 20px);position:absolute;top:4px;left:3px}.log-item{text-align:left;display:flex;position:relative}.log-dot{background:var(--primary);z-index:2;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:5px;left:-1.5rem;box-shadow:0 0 0 4px #0055ff26}.log-content{flex-direction:column;gap:.3rem;width:100%;display:flex}.log-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.log-date{color:#0006;font-size:.8rem;font-weight:500}.log-user{color:var(--text-color);background:#0000000a;border-radius:4px;padding:.1rem .4rem;font-size:.8rem;font-weight:600}.log-message{color:var(--text-color);font-size:.9rem;line-height:1.4}.invoices-table{border-collapse:collapse;text-align:left;width:100%}.invoices-table th{text-transform:uppercase;letter-spacing:.05em;color:#00000080;border-bottom:1px solid var(--border-color);padding:.8rem 1rem;font-size:.8rem;font-weight:600}.invoices-table td{vertical-align:middle;border-bottom:1px solid #00000008;padding:1.2rem 1rem}.inv-id{color:var(--text-color);font-size:.9rem;font-weight:650}.inv-date{color:#0006;margin-top:.1rem;font-size:.75rem}.inv-amount{color:var(--text-color);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700}.invoice-status-tag{border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.invoice-status-tag.paid{color:#00b530;background:#00b53014}.invoice-status-tag.pending{color:#ffb547;background:#ffb54714}.dashboard-form{text-align:left;flex-direction:column;gap:1.2rem;display:flex}.form-row{flex-direction:column;width:100%;display:flex}.form-field{flex-direction:column;gap:.5rem;display:flex}.form-field label{text-transform:uppercase;letter-spacing:.05em;color:#00000080;font-size:.8rem;font-weight:600}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border-color);width:100%;color:var(--text-color);background:#fff;border-radius:8px;outline:none;padding:.9rem 1.2rem;font-family:Inter,sans-serif;font-size:.9rem;transition:all .3s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #0055ff14}.submit-ticket-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.8rem;margin-top:.5rem;padding:1rem;font-size:.9rem;font-weight:600;transition:background-color .2s;display:inline-flex}.submit-ticket-btn:hover{background:var(--accent)}.success-banner{color:#00b530;text-align:center;background:#00b53014;border:1px solid #00b53033;border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;font-weight:600}.submitted-tickets-list{text-align:left;flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.submitted-tickets-list .sub-title{color:var(--text-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.9rem;font-weight:700}.submitted-ticket-item{border:1px solid var(--border-color);background:#00000003;border-radius:8px;flex-direction:column;gap:.4rem;padding:1rem;display:flex}.ticket-meta{color:#0006;justify-content:space-between;font-size:.75rem;font-weight:500;display:flex}.ticket-id{color:var(--primary);font-weight:700}.ticket-subject{color:var(--text-color);font-size:.85rem;font-weight:600}.ticket-status-row{justify-content:space-between;align-items:center;margin-top:.2rem;display:flex}.ticket-cat{color:#00000080;font-size:.75rem;font-weight:550}.ticket-status{border-radius:4px;padding:.1rem .5rem;font-size:.75rem;font-weight:700}.ticket-status.open{color:#ffb547;background:#ffb54714}.ticket-status.in-progress{color:var(--primary);background:#0055ff14}@media (width<=768px){.dashboard-container{gap:1.8rem;padding:85px 1.5rem 3rem}.dashboard-header{padding-bottom:1rem}.dashboard-card{padding:1.2rem}}.gsignin-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9000;background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.gsignin-modal{text-align:center;background:#fff;border-radius:24px;width:90%;max-width:420px;padding:3rem 2.5rem;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative}.gsignin-close{cursor:pointer;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:background .2s;display:flex;position:absolute;top:1.2rem;right:1.2rem}.gsignin-close:hover{background:#0000001f}.gsignin-logo{margin-bottom:1.5rem}.gsignin-logo img{filter:invert();height:36px}.gsignin-title{color:#111;letter-spacing:-.02em;margin-bottom:.7rem;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:700}.gsignin-subtitle{color:#00000080;margin-bottom:2rem;font-size:.95rem;line-height:1.5}.gsignin-features{text-align:right;flex-direction:column;gap:.8rem;margin-bottom:2rem;display:flex}.gsignin-feature{color:#333;background:#f8f9fa;border-radius:10px;align-items:center;gap:.8rem;padding:.7rem 1rem;font-size:.9rem;display:flex}.gsignin-feature-icon{flex-shrink:0;font-size:1.2rem}.gsignin-btn-wrapper{justify-content:center;margin-bottom:1.2rem;display:flex}.gsignin-google-btn-container{justify-content:center;display:flex}.gsignin-demo-btn{color:#3c4043;cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:50px;align-items:center;gap:.8rem;padding:.85rem 2rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;transition:box-shadow .2s,background .2s;display:flex}.gsignin-demo-btn:hover{background:#f8f9fa;box-shadow:0 2px 12px #00000026}.gsignin-disclaimer{color:#00000059;font-size:.75rem;line-height:1.5}.ai-chat-page{z-index:8000;background:#0a0a0a;flex-direction:column;font-family:Inter,sans-serif;display:flex;position:fixed;inset:0}.ai-chat-topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f0ff2;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.ai-chat-topbar-left{align-items:center;gap:1rem;display:flex}.ai-chat-logo{filter:none;height:28px}.ai-chat-title{color:#fff;align-items:center;gap:.5rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;display:flex}.ai-badge{color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#ff6b35,#ff8c42);border-radius:4px;padding:.2rem .5rem;font-size:.65rem;font-weight:700}.ai-chat-subtitle{color:#fff6;margin-top:.1rem;font-size:.75rem}.ai-chat-topbar-right{align-items:center;gap:1rem;display:flex}.ai-user-info{align-items:center;gap:.6rem;display:flex}.ai-user-avatar{object-fit:cover;border-radius:50%;width:30px;height:30px}.ai-user-name{color:#ffffffb3;font-size:.85rem}.ai-reset-btn,.ai-close-btn{color:#fff9;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;transition:background .2s,color .2s;display:flex}.ai-reset-btn:hover,.ai-close-btn:hover{color:#fff;background:#ffffff26}.ai-chat-main{flex:1;display:flex;overflow:hidden}.ai-chat-column{flex-direction:column;flex:1;width:100%;max-width:680px;margin:0 auto;display:flex}.ai-chat-main.has-preview .ai-chat-column{border-right:1px solid #ffffff14;max-width:480px;margin:0}.ai-messages-area{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:1;gap:1.2rem;padding:2rem 1.5rem;display:flex;overflow-y:auto}.chat-message{align-items:flex-start;gap:.8rem;animation:.3s msgIn;display:flex}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-avatar{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.chat-avatar img{object-fit:contain;filter:none;width:22px;height:22px}.chat-bubble{border-radius:16px;max-width:75%;padding:.85rem 1.1rem;font-size:.9rem;line-height:1.65}.ai-bubble{color:#ffffffe0;background:#1a1a1a;border:1px solid #ffffff12;border-radius:4px 16px 16px}.user-bubble{color:#fff;background:#ff6b35;border-radius:16px 4px 16px 16px}@keyframes typingPulse{0%,60%,to{opacity:.4;transform:scale(1)}30%{opacity:1;transform:scale(1.3)}}.ai-input-area{background:#0a0a0a;border-top:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:.75rem;padding:1rem 1.5rem 1.5rem;display:flex}.ai-upload-btn{color:#fff9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;transition:all .2s;display:flex}.ai-upload-btn:hover{background:#ffffff26}.ai-upload-btn.uploaded{color:#34c759;background:#34c75933;border-color:#34c75980}.ai-form-row{flex:1;gap:.6rem;display:flex}.ai-chat-input{color:#fff;background:#ffffff12;border:1px solid #ffffff1a;border-radius:12px;outline:none;flex:1;padding:.85rem 1.2rem;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s}.ai-chat-input::placeholder{color:#ffffff4d}.ai-chat-input:focus{border-color:#ff6b3580}.ai-send-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;transition:background .2s,transform .1s;display:flex}.ai-send-btn:hover:not(:disabled){background:#e55a25}.ai-send-btn:active:not(:disabled){transform:scale(.95)}.ai-send-btn:disabled{opacity:.35;cursor:not-allowed}.ai-preview-column{background:#0d0d0d;flex-direction:column;flex:1;min-width:0;display:flex}.ai-preview-header{background:#111;border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;min-height:46px;padding:.6rem 1rem;display:flex}.preview-tabs{background:#ffffff0d;border-radius:8px;gap:.2rem;padding:.25rem;display:flex}.preview-tab{color:#ffffff73;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .9rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.preview-tab:hover{color:#ffffffbf}.preview-tab.active{color:#fff;background:#ffffff1f}.ai-preview-actions{gap:.6rem;display:flex}.ai-preview-btn{color:#ffffffa6;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:7px;align-items:center;gap:.4rem;padding:.35rem .9rem;font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;transition:all .2s;display:flex}.ai-preview-btn:hover{color:#fff;background:#ffffff24}.export-btn{color:#ff8c5a;border-color:#ff6b3566}.export-btn:hover{color:#ff6b35;background:#ff6b3526;border-color:#ff6b3599}.ai-preview-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.ai-preview-frame{flex:1;overflow:hidden}.ai-preview-frame iframe{background:#fff;border:none;width:100%;height:100%}.code-view-wrapper{background:#0d0d0d;flex-direction:column;flex:1;display:flex;overflow:hidden}.code-view-topbar{background:#111;border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;min-height:38px;padding:0 0 0 .5rem;display:flex}.code-file-tabs{height:100%;display:flex}.code-file-tab{color:#ffffff8c;cursor:pointer;border-right:1px solid #ffffff12;align-items:center;gap:.5rem;height:38px;padding:0 1.2rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;display:flex}.code-file-tab.active{color:#fff;background:#0d0d0d;border-top:2px solid #ff6b35}.code-copy-btn{color:#ffffff73;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:5px;margin-right:.8rem;padding:.25rem .75rem;font-family:Inter,sans-serif;font-size:.72rem;transition:all .2s}.code-copy-btn:hover{color:#fff;border-color:#ffffff4d}.code-view-body{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex:1;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.78rem;line-height:1.7;display:flex;overflow:auto}.code-line-numbers{color:#ffffff2e;text-align:right;-webkit-user-select:none;user-select:none;background:#0a0a0a;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;min-width:42px;padding:1rem .8rem;font-size:.72rem;display:flex;position:sticky;left:0}.code-line-numbers span{line-height:1.7;display:block}.code-content{white-space:pre;color:#ffffffd1;flex:1;margin:0;padding:1rem 1.5rem;overflow:visible}.ai-user-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#ff6b35,#ff4500);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:700;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gsignin-spinner{border:2px solid #00000026;border-top-color:#4285f4;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-logout-btn{color:#e53e3e;cursor:pointer;background:0 0;border:1px solid #0000001f;border-radius:50px;margin-left:1rem;padding:.5rem 1.2rem;font-size:.82rem;font-weight:600;transition:all .2s}.dashboard-logout-btn:hover{background:#fee2e2;border-color:#e53e3e}.dashboard-ai-bar{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ff6b3533;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.8rem;display:flex}.ai-bar-info{color:#e2e8f0;align-items:center;gap:.8rem;font-size:1rem;font-weight:600;display:flex}.ai-bar-icon{font-size:1.8rem}.ai-bar-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ff6b35,#e85d2c);border:none;border-radius:50px;padding:.7rem 1.5rem;font-size:.88rem;font-weight:700;transition:all .3s}.ai-bar-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3559}.dashboard-ai-panel{background:#0d1117;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0006}.ai-panel-header{background:#161b22;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.ai-panel-title{color:#e2e8f0;align-items:center;font-size:1rem;font-weight:700;display:flex}.ai-badge-small{color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#ff6b35,#e85d2c);border-radius:6px;margin-left:.4rem;padding:.15rem .45rem;font-size:.65rem;font-weight:800}.ai-panel-actions{gap:.5rem;display:flex}.ai-panel-action-btn{color:#e2e8f0;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;padding:.3rem .7rem;font-size:.9rem;transition:all .2s}.ai-panel-action-btn:hover{background:#ffffff14}.ai-panel-messages{flex-direction:column;gap:1rem;display:flex}.ai-upload-btn-sm{color:#e2e8f0;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;padding:.4rem .6rem;font-size:1rem;transition:all .2s}.ai-upload-btn-sm:hover{background:#ffffff14}.ai-chat-input-sm{color:#e2e8f0;background:#161b22;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:.6rem 1rem;font-family:inherit;font-size:.88rem}.ai-chat-input-sm:focus{border-color:#ff6b35}.ai-send-btn-sm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#e85d2c);border:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;transition:all .2s;display:flex}.ai-send-btn-sm:hover{transform:scale(1.05)}.ai-send-btn-sm:disabled{opacity:.4;cursor:not-allowed}.preview-tab-sm{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:.35rem 1rem;font-size:.78rem;font-weight:600;transition:all .2s}.preview-tab-sm.active{color:#ff6b35;background:#ff6b3526;border-color:#ff6b35}.preview-tab-sm:hover{background:#ffffff0f}.preview-download-btn{color:#fff;cursor:pointer;background:#238636;border:none;border-radius:8px;margin-left:auto;padding:.35rem 1rem;font-size:.78rem;font-weight:600;transition:all .2s}.preview-download-btn:hover{background:#2ea043}.chat-message{align-items:flex-start;gap:.6rem;display:flex}.chat-message.user{flex-direction:row-reverse}.chat-avatar{background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.chat-avatar img{object-fit:contain;width:100%;height:100%}.chat-bubble{word-wrap:break-word;border-radius:14px;max-width:85%;padding:.6rem 1rem;font-size:.85rem;line-height:1.7}.chat-bubble p{margin:.15rem 0}.ai-bubble{color:#e2e8f0;background:#161b22;border:1px solid #ffffff0f;border-top-left-radius:4px}.user-bubble{color:#fff;background:linear-gradient(135deg,#ff6b35,#e85d2c);border-bottom-right-radius:4px}.typing-bubble{align-items:center;gap:4px;padding:.8rem 1.2rem;display:flex}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.btn-nav-logout{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:50px;padding:.35rem .9rem;font-family:inherit;font-size:.78rem;transition:all .2s}.btn-nav-logout:hover{color:#ff6b6b;background:#ffffff14;border-color:#ff6b6b}.btn-nav-signin{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#e85d2c);border:none;border-radius:50px;padding:.45rem 1.2rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .3s}.btn-nav-signin:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ff6b3566}.header-user-info{align-items:center;gap:.6rem;display:flex}.header-user-name{color:#ffffffb3;font-size:.82rem;font-weight:500}@media (prefers-color-scheme:light){.dashboard-ai-bar{background:linear-gradient(135deg,#f0f4ff,#e8ecf4);border-color:#00000014}.ai-bar-info{color:#1a1a2e}}.ai-dashboard{color:#e2e8f0;background:#0a0a0a;flex-direction:column;min-height:100vh;display:flex}.ai-dashboard-topbar{z-index:100;background:#0d1117;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.8rem 2rem;display:flex;position:sticky;top:0}.ai-dashboard-topbar-left{align-items:center;gap:.8rem;display:flex}.ai-dashboard-logo{object-fit:contain;height:28px}.ai-dashboard-title{color:#e2e8f0;font-size:1.1rem;font-weight:700}.ai-badge-dash{color:#fff;vertical-align:middle;background:linear-gradient(135deg,#ff6b35,#e85d2c);border-radius:5px;margin-left:.3rem;padding:.12rem .4rem;font-size:.6rem;font-weight:800}.ai-dashboard-subtitle{color:#fff6;font-size:.72rem}.ai-dashboard-topbar-right{gap:.6rem;display:flex}.ai-dashboard-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;padding:.4rem 1rem;font-family:inherit;font-size:.8rem;transition:all .2s}.ai-dashboard-btn:hover{color:#fff;background:#ffffff0f}.ai-dashboard-btn.secondary{color:#ff6b35;border-color:#ff6b354d}.ai-dashboard-btn.secondary:hover{background:#ff6b351a}.ai-dashboard-tabs{background:#0d1117;border-bottom:1px solid #ffffff14;gap:0;padding:0 2rem;display:flex}.ai-dash-tab{color:#fff6;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.8rem 1.5rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.ai-dash-tab.active{color:#ff6b35;border-bottom-color:#ff6b35}.ai-dash-tab:disabled{opacity:.3;cursor:not-allowed}.ai-dash-tab:hover:not(:disabled){color:#ffffffb3}.ai-dashboard-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.ai-dash-chat{flex-direction:column;flex:1;width:100%;max-width:900px;margin:0 auto;display:flex}.ai-dash-messages{flex-direction:column;flex:1;gap:1rem;padding:1.5rem 2rem;display:flex;overflow-y:auto}.ai-dash-input-bar{background:#0d1117;border-top:1px solid #ffffff0f;align-items:center;gap:.5rem;padding:1rem 2rem;display:flex}.ai-dash-form{flex:1;gap:.5rem;display:flex}.ai-dash-input{color:#e2e8f0;background:#161b22;border:1px solid #ffffff1a;border-radius:12px;outline:none;flex:1;padding:.8rem 1.2rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.ai-dash-input:focus{border-color:#ff6b35}.ai-dash-input::placeholder{color:#ffffff40}.ai-send-btn-dash{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#e85d2c);border:none;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.3rem;transition:all .2s;display:flex}.ai-send-btn-dash:hover{transform:scale(1.05)}.ai-send-btn-dash:disabled{opacity:.4;cursor:not-allowed;transform:none}.ai-dash-preview{background:#0d1117;flex-direction:column;flex:1;display:flex}.ai-preview-header-bar{background:#161b22;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.6rem 1.5rem;display:flex}.ai-preview-header-left{align-items:center;gap:.5rem;display:flex}.ai-preview-url{color:#ffffff80;font-family:monospace;font-size:.82rem}.ai-download-btn{color:#fff;cursor:pointer;background:#238636;border:none;border-radius:8px;padding:.35rem 1.2rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s}.ai-download-btn:hover{background:#2ea043}.ai-code-file-tabs{background:#0d1117;border-radius:8px;gap:.25rem;padding:.2rem;display:flex}.ai-code-file-tab{color:#ffffff73;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.3rem .9rem;font-family:monospace;font-size:.75rem;font-weight:500;transition:all .2s}.ai-code-file-tab:hover{color:#fffc;background:#ffffff0d}.ai-code-file-tab.active{color:#fff;background:#238636}.ai-preview-header-right{align-items:center;gap:.5rem;display:flex}.ai-preview-iframe{border:none;flex:1;width:100%}.ai-dash-code{background:#0d1117;flex-direction:column;flex:1;display:flex}.ai-code-pre{color:#e2e8f0;flex:1;margin:0;padding:1.5rem;font-size:.78rem;line-height:1.6;overflow:auto}.ai-code-pre code{white-space:pre-wrap;word-break:break-all}.logo-fallback-container{z-index:1;pointer-events:none;background:radial-gradient(circle,#0a0a0a33 0%,#0a0a0a 80%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.logo-fallback-glass{-webkit-backdrop-filter:blur(12px);background:#ffffff03;border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:min(350px,60vw);height:min(350px,60vw);animation:6s ease-in-out infinite floatFallback;display:flex;box-shadow:0 25px 50px -12px #00000080,inset 0 1px #ffffff1a}.logo-fallback-svg{filter:drop-shadow(0 0 25px #0055ff73);width:55%;height:55%}@keyframes floatFallback{0%,to{transform:translateY(0)scale(1);box-shadow:0 25px 50px -12px #00000080,inset 0 1px #ffffff1a}50%{transform:translateY(-12px)scale(1.02);box-shadow:0 35px 60px -10px #0055ff26,inset 0 1px #ffffff26}}@keyframes pulse-glow{0%,to{opacity:.9;filter:drop-shadow(0 0 20px #05f6)}50%{opacity:1;filter:drop-shadow(0 0 35px #0055ffa6)}}.vix-studio-container{color:#e2e8f0;background:#06080c;width:100vw;height:100vh;font-family:Inter,system-ui,sans-serif;display:flex;overflow:hidden}.vix-studio-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#0d1117d9;border-right:1px solid #ffffff0f;flex-direction:column;width:280px;padding:1.5rem 1.2rem;display:flex}.vix-sidebar-logo{align-items:center;gap:.8rem;margin-bottom:2rem;display:flex}.vix-logo-img{filter:drop-shadow(0 0 10px #ff6b3566);height:32px}.vix-sidebar-title{background:linear-gradient(135deg,#fff 30%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.15rem;font-weight:800}.vix-badge-v3{color:#fff;background:linear-gradient(135deg,#ff6b35,#e85d2c);border-radius:4px;margin-left:.3rem;padding:.1rem .4rem;font-size:.65rem;font-weight:800}.vix-sidebar-section{margin-bottom:1.8rem}.vix-section-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;margin-bottom:.75rem;font-size:.72rem;font-weight:700}.vix-shortcut-btn{color:#ffffffbf;text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:.7rem;width:100%;margin-bottom:.5rem;padding:.65rem .9rem;font-size:.82rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.vix-shortcut-btn:hover{color:#fff;background:#ffffff0f;border-color:#ff6b354d;transform:translate(4px)}.vix-shortcut-icon{font-size:1.1rem}.vix-metrics-widget{color:#ffffffa6;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;margin-top:auto;margin-bottom:1.2rem;padding:.8rem 1rem;font-size:.75rem}.vix-metric-row{justify-content:space-between;margin-bottom:.4rem;display:flex}.vix-metric-row:last-child{margin-bottom:0}.vix-pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseGlow;display:inline-block;box-shadow:0 0 10px #10b981}.vix-sidebar-bottom-btns{flex-direction:column;gap:.5rem;display:flex}.vix-action-btn{cursor:pointer;text-align:center;border-radius:10px;width:100%;padding:.65rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.vix-action-btn.reset{color:#fffc;background:0 0;border:1px solid #ffffff1f}.vix-action-btn.reset:hover{color:#fff;background:#ffffff0f}.vix-action-btn.home{color:#ff6b35;background:linear-gradient(135deg,#ff6b351a,#e85d2c1a);border:1px solid #ff6b354d}.vix-action-btn.home:hover{color:#ff8554;background:#ff6b3533}.vix-studio-workspace{flex:1;height:100%;display:flex;overflow:hidden}.vix-studio-chat-pane{background:#090b10;border-right:1px solid #ffffff0f;flex-direction:column;flex:.45;height:100%;display:flex}.vix-chat-header{background:#0d111766;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1.2rem 1.8rem;display:flex}.vix-chat-header-title{align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.vix-status-badge{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:20px;align-items:center;gap:.35rem;padding:.15rem .5rem;font-size:.72rem;display:flex}.vix-chat-messages{flex-direction:column;flex:1;gap:1.2rem;padding:1.5rem;display:flex;overflow-y:auto}.vix-message-bubble{gap:.75rem;max-width:85%;display:flex}.vix-message-bubble.user{flex-direction:row-reverse;align-self:flex-end}.vix-message-bubble.ai{align-self:flex-start}.vix-bubble-avatar{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.vix-bubble-avatar img{object-fit:contain;width:70%;height:70%}.vix-bubble-content{border-radius:16px;padding:.85rem 1.1rem;font-size:.88rem;line-height:1.55;box-shadow:0 4px 30px #00000026}.vix-message-bubble.user .vix-bubble-content{color:#fff;background:linear-gradient(135deg,#ff6b35,#d84a1a);border-top-right-radius:2px}.vix-message-bubble.ai .vix-bubble-content{color:#e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0f;border-top-left-radius:2px}.vix-chat-input-area{background:#0d111780;border-top:1px solid #ffffff0f;padding:1.2rem}.vix-input-wrapper{background:#ffffff05;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:.4rem;padding:.4rem .6rem;transition:all .2s;display:flex}.vix-input-wrapper:focus-within{background:#ffffff0a;border-color:#ff6b3599;box-shadow:0 0 15px #ff6b3526}.vix-chat-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:.6rem;font-family:inherit;font-size:.88rem}.vix-chat-input::placeholder{color:#ffffff4d}.vix-chat-btn-circle{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .2s;display:flex}.vix-chat-btn-circle:hover{color:#fff;background:#ffffff1a;transform:scale(1.05)}.vix-chat-btn-circle.send{color:#fff;background:linear-gradient(135deg,#ff6b35,#e85d2c);border:none}.vix-chat-btn-circle.send:hover{transform:scale(1.08);box-shadow:0 0 12px #ff6b3566}.vix-chat-btn-circle:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.vix-studio-sandbox-pane{background:#06080c;flex-direction:column;flex:.55;height:100%;display:flex}.vix-sandbox-tabs{background:#0d111799;border-bottom:1px solid #ffffff0f;padding:0 1rem;display:flex}.vix-sandbox-tab{color:#ffffff73;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;padding:1rem 1.4rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.vix-sandbox-tab:hover{color:#ffffffd9}.vix-sandbox-tab.active{color:#ff6b35;border-bottom-color:#ff6b35}.vix-sandbox-tab:disabled{opacity:.25;cursor:not-allowed}.vix-sandbox-content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.vix-preview-container{flex-direction:column;width:100%;height:100%;display:flex}.vix-preview-bar{background:#0d111766;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.vix-device-controls{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;gap:.2rem;padding:.2rem;display:flex}.vix-device-btn{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.3rem .7rem;font-size:.75rem;font-weight:500;transition:all .15s}.vix-device-btn.active{color:#ff6b35;background:#ff6b3526}.vix-preview-actions{align-items:center;gap:.6rem;display:flex}.vix-download-btn-workbench{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem 1rem;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.vix-download-btn-workbench:hover{background:#059669;box-shadow:0 0 10px #10b9814d}.vix-preview-screen{background:#12141c;flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex;overflow:auto}.vix-iframe-desktop{background:#fff;border:none;border-radius:8px;width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #0006}.vix-iphone-container{background:#fff;border:10px solid #27272a;border-radius:40px;width:320px;height:580px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #000c,0 0 0 1px #ffffff0d}.vix-iphone-notch{z-index:5;background:#27272a;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:120px;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.vix-iphone-notch:after{content:"";background:#18181b;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:25px}.vix-iframe-mobile{background:#fff;border:none;width:100%;height:100%}.vix-code-container{flex-direction:column;width:100%;height:100%;display:flex}.vix-code-bar{background:#0d111766;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.6rem 1.2rem;display:flex}.vix-file-tabs{background:#ffffff08;border-radius:6px;gap:.25rem;padding:.2rem;display:flex}.vix-file-tab{color:#ffffff73;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.35rem .8rem;font-family:monospace;font-size:.72rem;transition:all .2s}.vix-file-tab:hover{color:#fff}.vix-file-tab.active{color:#ff6b35;background:#ff6b3526;border:1px solid #ff6b354d}.vix-code-body{background:#080a0f;flex:1;margin:0;padding:1.5rem;font-family:Fira Code,Courier New,monospace;font-size:.8rem;line-height:1.6;overflow:auto}.vix-code-body code{white-space:pre-wrap;word-break:break-all;color:#a5b4fc}.vix-diag-container{flex-direction:column;gap:2rem;height:100%;padding:2rem;display:flex;overflow-y:auto}.vix-diag-title-row{flex-direction:column;display:flex}.vix-diag-main-title{margin:0 0 .4rem;font-size:1.25rem;font-weight:800}.vix-diag-subtitle{color:#ffffff73;font-size:.8rem}.vix-metrics-grid{grid-template-cols:repeat(auto-fit, minmax(180px, 1fr));gap:1.5rem;display:grid}.vix-metric-card{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;align-items:center;padding:1.5rem;transition:all .2s;display:flex}.vix-metric-card:hover{background:#ffffff08;border-color:#ff6b3533}.vix-circle-svg-container{width:90px;height:90px;margin-bottom:1rem;position:relative}.vix-circle-bg{fill:none;stroke:#ffffff0a;stroke-width:8px}.vix-circle-progress{fill:none;stroke:#ff6b35;stroke-width:8px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .8s ease-in-out;transform:rotate(-90deg)}.vix-circle-val{color:#fff;font-size:1.15rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vix-metric-name{margin-bottom:.25rem;font-size:.85rem;font-weight:700}.vix-metric-desc{color:#fff6;font-size:.72rem}.vix-diag-audit-section{background:#ffffff03;border:1px solid #ffffff0d;border-radius:16px;padding:1.5rem}.vix-diag-audit-title{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.95rem;font-weight:700;display:flex}.vix-audit-list{flex-direction:column;gap:.8rem;display:flex}.vix-audit-item{color:#ffffffbf;gap:.75rem;font-size:.8rem;line-height:1.4;display:flex}.vix-audit-status-icon{color:#10b981;font-weight:700}.vix-settings-container{flex-direction:column;gap:1.8rem;height:100%;padding:2.2rem;display:flex;overflow-y:auto}.vix-form-group{flex-direction:column;gap:.5rem;display:flex}.vix-form-label{color:#ffffffb3;justify-content:space-between;font-size:.8rem;font-weight:700;display:flex}.vix-form-label-desc{color:#fff6;font-size:.72rem;font-weight:400}.vix-form-input{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.85rem;transition:all .2s}.vix-form-input:focus{background:#ffffff0d;border-color:#ff6b35}.vix-form-select{color:#fff;background:#0d1117;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.85rem}.vix-form-select:focus{border-color:#ff6b35}.vix-color-row{align-items:center;gap:1rem;display:flex}.vix-color-picker{appearance:none;cursor:pointer;background-color:#0000;border:none;width:44px;height:44px}.vix-color-picker::-webkit-color-swatch{border:1px solid #fff3;border-radius:8px}.vix-settings-rebuild-btn{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#ff6b35,#e85d2c);border:none;border-radius:10px;margin-top:1rem;padding:.8rem;font-size:.88rem;font-weight:700;transition:all .2s}.vix-settings-rebuild-btn:hover{transform:translateY(-1px);box-shadow:0 0 15px #ff6b3566}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.vix-claude-layout{color:#e3e4e6;background-color:#090b10;width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.vix-claude-sidebar{z-index:10;background-color:#12141c;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;width:260px;height:100%;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.vix-claude-sidebar.collapsed{border-right:none;width:0}.vix-claude-sidebar-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.vix-sidebar-brand{align-items:center;gap:.5rem;display:flex}.vix-sidebar-brand img{object-fit:contain;width:auto;height:24px}.vix-brand-title{letter-spacing:-.01em;background:linear-gradient(135deg,#fff,#ff6b35);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:.95rem;font-weight:800}.vix-sidebar-toggle-in{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.vix-sidebar-toggle-in:hover{color:#fff;background:#ffffff0d}.vix-new-chat-btn{color:#ff6b35;cursor:pointer;background:#ff6b351a;border:1px solid #ff6b3533;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin:1.25rem;padding:.8rem;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.vix-new-chat-btn:hover{color:#fff;background:#ff6b35;box-shadow:0 0 15px #ff6b354d}.vix-sidebar-history{flex-direction:column;flex:1;gap:.25rem;padding:.5rem .75rem;display:flex;overflow-y:auto}.vix-history-title-label{text-transform:uppercase;color:#ffffff4d;letter-spacing:.05em;margin:1rem .5rem .5rem;font-size:.7rem;font-weight:700}.vix-history-item{color:#ffffffa6;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.6rem;width:100%;padding:.65rem .75rem;font-size:.85rem;transition:all .2s;display:flex}.vix-history-item:hover,.vix-history-item.active{color:#fff;background:#ffffff0a}.vix-history-item span{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;overflow:hidden}.vix-sidebar-footer{border-top:1px solid #ffffff0a;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.vix-sidebar-toggle-out{z-index:100;color:#ffffff80;cursor:pointer;background:#12141c;border:1px solid #ffffff0f;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:absolute;top:1.25rem;left:1.25rem;box-shadow:0 4px 12px #00000026}.vix-sidebar-toggle-out:hover{color:#fff;background:#171923;border-color:#ffffff26}.vix-claude-main{flex:1;height:100%;display:flex;position:relative;overflow:hidden}.vix-claude-chat-container{background-color:#090b10;flex-direction:column;flex:1;height:100%;transition:all .3s;display:flex;position:relative}.vix-claude-chat-thread{scroll-behavior:smooth;flex:1;padding:2rem 1.5rem 8rem;overflow-y:auto}.vix-claude-chat-centered-wrapper{flex-direction:column;width:100%;max-width:800px;min-height:100%;margin:0 auto;display:flex}.vix-claude-welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:auto 0;padding:3rem 1.5rem;display:flex}.vix-welcome-logo{object-fit:contain;filter:drop-shadow(0 0 15px #ff6b3540);width:64px;height:64px;margin-bottom:1.5rem}.vix-welcome-title{letter-spacing:-.02em;color:#fff;margin-bottom:.75rem;font-size:2.2rem;font-weight:800}.vix-welcome-desc{color:#ffffff80;max-width:540px;margin-bottom:2.5rem;font-size:1.05rem;line-height:1.6}.vix-welcome-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;width:100%;max-width:760px;display:grid}.vix-welcome-card{cursor:pointer;text-align:right;background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;gap:.4rem;padding:1.25rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.vix-welcome-card:hover{background:#ffffff0a;border-color:#ff6b3533;transform:translateY(-2px)}.vix-welcome-card-icon{margin-bottom:.2rem;font-size:1.6rem}.vix-welcome-card-title{color:#fff;font-size:.92rem;font-weight:700}.vix-welcome-card-desc{color:#fff6;font-size:.78rem;line-height:1.4}.vix-claude-msg-row{gap:1.25rem;width:100%;margin-bottom:2.5rem;display:flex}.vix-claude-msg-row.user{flex-direction:row-reverse}.vix-msg-avatar{background:#1b1d28;border:1px solid #ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;display:flex}.vix-msg-avatar img{object-fit:contain;width:22px;height:22px}.vix-claude-bubble{flex-direction:column;gap:.5rem;width:100%;max-width:85%;display:flex}.vix-claude-msg-row.user .vix-claude-bubble{align-items:flex-end}.vix-msg-sender{text-transform:uppercase;letter-spacing:.05em;color:#ffffff59;font-size:.75rem;font-weight:700}.vix-claude-bubble-body{color:#ffffffe6;background:0 0;width:100%;font-size:.95rem;line-height:1.6}.vix-claude-msg-row.user .vix-claude-bubble-body{background:#ffffff08;border:1px solid #ffffff0d;border-radius:18px 4px 18px 18px;width:auto;max-width:100%;padding:.85rem 1.25rem}.vix-claude-input-container{z-index:5;background:linear-gradient(#0000,#090b10 35%);padding:1.5rem 2rem 2rem;position:absolute;bottom:0;left:0;right:0}.vix-claude-input-box{background:#13151f;border:1px solid #ffffff12;border-radius:20px;flex-direction:column;max-width:800px;margin:0 auto;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 12px 30px #00000040}.vix-claude-input-box:focus-within{border-color:#ff6b3566;box-shadow:0 12px 30px #ff6b350f,0 0 0 1px #ff6b3533}.vix-claude-textarea{color:#fff;resize:none;background:0 0;border:none;outline:none;width:100%;min-height:56px;max-height:200px;padding:1.2rem 1.4rem .5rem;font-family:inherit;font-size:.95rem;line-height:1.5}.vix-claude-input-toolbar{background:0 0;justify-content:space-between;align-items:center;padding:.6rem 1.2rem .8rem;display:flex}.vix-toolbar-left{gap:.6rem;display:flex}.vix-input-tool-btn{color:#fff9;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.vix-input-tool-btn:hover{color:#fff;background:#ffffff0f}.vix-claude-send-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s;display:flex}.vix-claude-send-btn:hover:not(:disabled){background:#ff5518;transform:scale(1.05);box-shadow:0 0 12px #ff6b3566}.vix-claude-send-btn:disabled{color:#fff3;cursor:not-allowed;background:#ffffff0d}.vix-claude-artifact-panel{z-index:8;background-color:#0b0d13;border-left:none;flex-direction:column;flex-shrink:0;width:0%;height:100%;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.vix-claude-artifact-panel.open{border-left:1px solid #ffffff0f;width:50vw}.vix-artifact-header{background-color:#12141d;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.9rem 1.5rem;display:flex}.vix-artifact-title-group{align-items:center;gap:.6rem;display:flex}.vix-artifact-badge{color:#ff6b35;background:#ff6b3526;border:1px solid #ff6b3540;border-radius:6px;padding:.15rem .4rem;font-size:.72rem;font-weight:700}.vix-artifact-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-size:.88rem;font-weight:700;overflow:hidden}.vix-artifact-close-btn{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.2rem .5rem;font-size:1.25rem;transition:all .2s}.vix-artifact-close-btn:hover{color:#fff;background:#ffffff0d}.vix-artifact-workspace{background-color:#07090d;flex-direction:column;flex:1;display:flex;overflow:hidden}.vix-artifact-tab-bar{background:#0f1118;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:.5rem 1.25rem;display:flex}.vix-artifact-tabs{gap:.4rem;display:flex}.vix-artifact-tab{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.vix-artifact-tab:hover{color:#fff;background:#ffffff08}.vix-artifact-tab.active{color:#ff6b35;background:#ff6b3514;font-weight:700}.vix-artifact-body{flex:1;position:relative;overflow:hidden}.vix-artifact-preview-pane{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.vix-artifact-preview-header{background:#090a0f;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:.5rem 1.25rem;display:flex}.vix-iframe-artifact-desktop{background:#fff;border:none;width:100%;height:100%}.vix-iframe-artifact-mobile-wrapper{background:#090b10;flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex;overflow-y:auto}.vix-claude-iphone{background:#1b1d28;border:10px solid #2d3043;border-radius:36px;flex-direction:column;width:320px;height:600px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000080}.vix-claude-iphone-notch{z-index:10;background:#2d3043;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:120px;height:18px;position:absolute;top:0;left:50%;transform:translate(-50%)}.vix-claude-iphone iframe{background:#fff;border:none;width:100%;height:100%}.vix-artifact-code-pane{background:#04060a;flex-direction:column;width:100%;height:100%;display:flex}.vix-artifact-code-header{background:#090a0f;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:.5rem 1.25rem;display:flex}.vix-artifact-code-body{color:#34d399;text-align:left;white-space:pre-wrap;background:#04060a;flex:1;margin:0;padding:1.5rem;font-family:Fira Code,Courier New,Courier,monospace;font-size:.82rem;line-height:1.5;overflow:auto}.typing-bubble{align-items:center;gap:.25rem;display:flex}.typing-dot{background:#ffffff80;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typingGlow}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.vix-staged-attachments-row{background:0 0;border-bottom:1px solid #ffffff08;flex-wrap:wrap;gap:.75rem;padding:.75rem 1.2rem .25rem;display:flex}.vix-staged-card{color:#ffffffd9;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:.6rem;padding:.4rem .75rem;font-size:.78rem;display:flex;position:relative}.vix-staged-thumb{object-fit:cover;border:1px solid #ffffff1a;border-radius:4px;width:20px;height:20px}.vix-staged-card-icon{font-size:.95rem}.vix-staged-remove-btn{color:#ffffff80;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:.2rem;padding:0;font-size:.6rem;transition:all .2s;display:flex}.vix-staged-remove-btn:hover{color:#ef4444;background:#ef444433}:root{--bg:#0f0f0f;--bg2:#161616;--bg3:#1c1c1c;--bg4:#242424;--border:#2a2a2a;--border2:#333;--text:#e8e6e0;--text2:#a09e98;--text3:#5a5855;--gold:#c8a96e;--gold2:#d4bc8a;--gold3:#e8d5a3;--radius:14px;--radius-sm:10px;--font:"Sora", sans-serif;--mono:"JetBrains Mono", monospace;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}#screen-home,#screen-chat{background:var(--bg);flex-direction:column;width:100%;height:100%;transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}#screen-chat{z-index:5;transform:translate(100%)}#screen-chat.active{transform:translate(0)}#screen-home.hidden{transform:translate(-30%)}#home-header{border-bottom:1px solid var(--border);padding:16px 20px 12px;padding-top:calc(16px + var(--safe-top));justify-content:space-between;align-items:center;display:flex}.logo-row{align-items:center;gap:10px;display:flex}.logo-icon{background:var(--gold);border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.logo-icon img{object-fit:contain;width:18px;height:auto}.logo-text{letter-spacing:.2px;font-size:17px;font-weight:600}.logo-sub{color:var(--text3);letter-spacing:.8px;text-align:left;margin-top:-2px;font-size:10px}.new-btn{background:var(--bg3);border:1px solid var(--border2);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.new-btn:active{background:var(--bg4);transform:scale(.95)}#home-scroll{-webkit-overflow-scrolling:touch;flex:1;padding:0 0 20px;overflow-y:auto}.section-label{color:var(--text3);letter-spacing:.8px;text-transform:uppercase;text-align:left;padding:20px 20px 8px;font-size:11px;font-weight:500}.welcome-card{border-radius:var(--radius);background:linear-gradient(135deg,#1a1610 0%,#1c1a14 100%);border:1px solid #2e2a1e;margin:16px 16px 8px;padding:20px}.wc-top{align-items:center;gap:12px;margin-bottom:14px;display:flex}.wc-icon{background:var(--gold);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.wc-icon img{object-fit:contain;width:24px;height:auto}.wc-title{color:var(--text);font-size:17px;font-weight:600}.wc-title span{color:var(--gold)}.wc-desc{color:var(--text2);font-size:13px;line-height:1.6}.chips-wrap{flex-direction:column;gap:8px;padding:0 16px;display:flex}.chip{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:13px 16px;transition:all .2s;display:flex}.chip:active{background:var(--bg3);border-color:var(--border2);transform:scale(.98)}.chip-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:flex}.chip-body{text-align:left;flex:1}.chip-title{color:var(--text);margin-bottom:2px;font-size:14px;font-weight:500}.chip-sub{color:var(--text3);font-size:12px}.chip-arrow{color:var(--text3);flex-shrink:0}.conv-item{cursor:pointer;align-items:center;gap:12px;padding:13px 20px;transition:background .15s;display:flex}.conv-item:active{background:var(--bg3)}.conv-dot{background:var(--gold);opacity:.5;border-radius:50%;flex-shrink:0;width:8px;height:8px}.conv-title{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;font-size:14px;overflow:hidden}.conv-time{color:var(--text3);font-size:11px}.empty-convs{color:var(--text3);text-align:center;padding:16px 20px;font-size:13px;font-style:italic}#chat-header{border-bottom:1px solid var(--border);background:var(--bg);padding:12px 16px;padding-top:calc(12px + var(--safe-top));flex-shrink:0;align-items:center;gap:12px;display:flex}#back-btn{width:36px;height:36px;color:var(--gold);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}#back-btn:active{background:var(--bg3)}#chat-title-wrap{text-align:left;flex:1;overflow:hidden}#chat-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}#chat-sub{color:var(--text3);align-items:center;gap:5px;font-size:11px;display:flex}.online-dot{background:#4ade80;border-radius:50%;width:5px;height:5px;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}#messages{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex:1;padding:16px 0 8px;overflow-y:auto}.msg-group{margin-bottom:4px;padding:4px 16px}.msg-row{align-items:flex-end;gap:8px;display:flex}.msg-row.user{flex-direction:row-reverse}.avatar-sm{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.avatar-sm.ai{background:var(--gold)}.avatar-sm.ai svg,.avatar-sm.ai img{object-fit:contain;width:14px;height:14px}.avatar-sm.user{background:var(--bg4);border:1px solid var(--border2);color:var(--text2);font-size:10px;font-weight:600}.bubble{border-radius:18px;max-width:82%;padding:11px 14px;font-size:14.5px;line-height:1.65}.bubble.ai{background:var(--bg2);border:1px solid var(--border);color:var(--text);text-align:left;border-bottom-left-radius:4px}.bubble.user{background:var(--gold);color:#0f0f0f;text-align:left;border-bottom-right-radius:4px;font-weight:400}.bubble.ai p{margin-bottom:8px}.bubble.ai p:last-child{margin-bottom:0}.bubble.ai strong{color:var(--gold3);font-weight:500}.bubble.ai em{color:var(--text2)}.bubble.ai h1,.bubble.ai h2,.bubble.ai h3{color:var(--text);margin:12px 0 6px;font-weight:500}.bubble.ai h1{font-size:17px}.bubble.ai h2{font-size:15px}.bubble.ai h3{font-size:14px}.bubble.ai ul,.bubble.ai ol{margin:6px 0;padding-left:18px}.bubble.ai li{margin-bottom:3px;font-size:14px}.bubble.ai code{border:1px solid var(--border2);font-family:var(--mono);color:var(--gold2);background:#0f0f0f;border-radius:5px;padding:1px 6px;font-size:12px}.bubble.ai pre{border:1px solid var(--border);font-family:var(--mono);color:#d4d0c8;background:#0a0a0a;border-radius:10px;margin:10px -2px;padding:12px;font-size:12px;line-height:1.55;overflow-x:auto}.bubble.ai pre code{color:inherit;background:0 0;border:none;padding:0;font-size:12px}.bubble.ai blockquote{border-left:2px solid var(--gold);color:var(--text2);margin:8px 0;padding-left:10px;font-style:italic}.bubble.ai a{color:var(--gold);text-decoration:none}.bubble.ai table{border-collapse:collapse;width:100%;margin:8px 0;font-size:12px}.bubble.ai th,.bubble.ai td{border:1px solid var(--border2);text-align:left;padding:6px 10px}.bubble.ai th{background:var(--bg3);color:var(--gold2);font-weight:500}.pre-wrap{position:relative}.copy-btn{background:var(--bg4);border:1px solid var(--border2);color:var(--text3);cursor:pointer;font-size:11px;font-family:var(--font);border-radius:6px;padding:3px 9px;transition:all .2s;position:absolute;top:8px;right:8px}.copy-btn:active{transform:scale(.95)}.msg-time{color:var(--text3);text-align:center;margin:4px 0;padding:2px 0;font-size:10px}.thinking-bubble{background:var(--bg2);border:1px solid var(--border);border-radius:18px 18px 18px 4px;align-items:center;gap:5px;padding:13px 16px;display:inline-flex}.thinking-bubble span{background:var(--gold);border-radius:50%;width:6px;height:6px;animation:.8s ease-in-out infinite think}.thinking-bubble span:nth-child(2){animation-delay:.15s}.thinking-bubble span:nth-child(3){animation-delay:.3s}@keyframes think{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}#input-bar{background:var(--bg);border-top:1px solid var(--border);padding:10px 12px;padding-bottom:calc(10px + var(--safe-bottom));flex-shrink:0}#input-row{background:var(--bg2);border:1.5px solid var(--border2);border-radius:22px;align-items:flex-end;gap:8px;padding:6px 6px 6px 16px;transition:border-color .2s;display:flex}#input-row:focus-within{border-color:var(--gold)}#txt{color:var(--text);font-family:var(--font);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:120px;padding:5px 0;font-size:15px;line-height:1.5}#txt::placeholder{color:var(--text3)}#send{background:var(--gold);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}#send:active{background:var(--gold2);transform:scale(.92)}#send:disabled{opacity:.35;cursor:not-allowed;transform:none}#send svg{width:15px;height:15px;margin-left:1px}html,body{max-width:100%;overflow-x:hidden}img,video,canvas,iframe,svg{max-width:100%}*{-webkit-tap-highlight-color:transparent}.header-right{align-items:center;gap:.5rem;display:flex}.nav-hamburger{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1600;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;transition:background .3s,border-color .3s;display:none;position:relative}.nav-hamburger span{background:#fff;border-radius:2px;width:20px;height:2px;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .2s;display:block}.nav-hamburger.is-open{background:#ffffff29}.nav-hamburger.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.is-open span:nth-child(2){opacity:0}.nav-hamburger.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-nav{z-index:1500;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;pointer-events:none;background:#0a0a0af7;flex-direction:column;justify-content:center;gap:2rem;padding:6rem 1.75rem 3rem;transition:opacity .4s,transform .45s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;transform:translateY(-10px)}.mobile-nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-nav-links{flex-direction:column;display:flex}.mobile-nav-links a{color:#fff;letter-spacing:-.01em;border-bottom:1px solid #ffffff12;padding:.85rem 0;font-family:Outfit,Inter,sans-serif;font-size:clamp(1.7rem,8vw,2.2rem);font-weight:500;transition:color .25s,padding-left .25s}.mobile-nav-links a:hover,.mobile-nav-links a:active{color:var(--primary);padding-left:.6rem}.mobile-nav-cta{color:#0a0a0a;cursor:pointer;background:#fff;border:none;border-radius:30px;justify-content:center;align-items:center;gap:.7rem;width:100%;margin-top:1.5rem;padding:1.15rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;transition:transform .2s;display:inline-flex}.mobile-nav-cta:active{transform:scale(.97)}@media (width<=900px){.header-center-wrapper,.btn-nav-pixel-icon{display:none}.nav-hamburger{display:flex}}@media (width>=901px){.mobile-nav{display:none!important}}@media (width<=768px){.hero{align-items:flex-end;padding:5rem 1.5rem 2.5rem}.hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#0a0a0aa6 45%,#0a0a0a 84%);height:62%;position:absolute;bottom:0;left:0;right:0}.hero-grid{flex-direction:column;align-items:stretch;gap:1.6rem;padding-bottom:0}.hero-left{align-items:flex-start;padding-top:0;max-width:100%!important}.hero-tagline{margin-bottom:.9rem}.hero-title-inline{font-size:clamp(1.5rem,6.6vw,2.1rem);line-height:1.3}.hero-cta{align-self:stretch;width:100%;padding-bottom:0}.hero-cta .btn-start-project{justify-content:center;width:100%}.pixel-scroll-indicator{bottom:1rem}.portfolio-banner-section{padding:2.5rem 0 4rem}.portfolio-banner-overlay{opacity:1;padding:1.5rem}.portfolio-banner-cta{font-size:.9rem}}@media (width<=600px){.contact-modal-container{width:100%;max-height:100vh;padding:4.5rem 1.4rem 2.5rem}.contact-modal-close{top:1rem;right:1rem}.contact-modal-title{margin-bottom:2rem}.form-group.half{flex-basis:100%;min-width:100%}.services-interest-grid{grid-template-columns:1fr;gap:.9rem}.contact-submit-btn{justify-content:center;width:100%}}@media (width<=480px){.live-chat-window{width:auto!important;height:min(72vh,460px)!important;bottom:5rem!important;left:1rem!important;right:1rem!important}.live-chat-fab{bottom:1rem!important;right:1rem!important}}@media (width<=600px){.container{padding:0 1.25rem}section,.services-section{padding:5rem 0}.services-section-title{margin-bottom:2.5rem;font-size:clamp(2.4rem,11vw,3rem)}}.ai-section .magnetic-btn,.footer-section .magnetic-btn{background:var(--text-color);color:#fff;border-color:var(--text-color);box-shadow:0 6px 22px #0000001f}.ai-section .magnetic-btn:before,.footer-section .magnetic-btn:before{background:var(--primary)}.ai-section .magnetic-btn:hover,.footer-section .magnetic-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.project-modal-overlay{z-index:3000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0a99;justify-content:center;align-items:center;padding:1.5rem;animation:.25s pmFade;display:flex;position:fixed;inset:0}@keyframes pmFade{0%{opacity:0}to{opacity:1}}.project-modal{background:#fff;border-radius:20px;width:100%;max-width:720px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) pmPop;position:relative;overflow:hidden auto;box-shadow:0 30px 80px #00000059}@keyframes pmPop{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}.project-modal-close{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;display:flex;position:absolute;top:14px;right:14px}.project-modal-close:hover{background:#000000bf}.project-modal-image{aspect-ratio:16/9;background:linear-gradient(135deg,#05f 0%,#0a0a0a 100%);width:100%}.project-modal-image img{object-fit:cover;width:100%;height:100%;display:block}.project-modal-body{padding:1.8rem}.project-modal-industry{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);font-size:.75rem;font-weight:600}.project-modal-title{color:#111;margin:.4rem 0 .8rem;font-family:Outfit,sans-serif;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700}.project-modal-desc{color:#0009;font-size:1rem;line-height:1.6}.project-modal-tags{flex-wrap:wrap;gap:.5rem;margin:1.2rem 0;display:flex}.project-modal-meta{border-top:1px solid #00000014;border-bottom:1px solid #00000014;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.4rem;padding:1.2rem 0;display:flex}.project-modal-meta div{flex-direction:column;gap:.2rem;display:flex}.project-modal-meta span{text-transform:uppercase;letter-spacing:.1em;color:#0006;font-size:.7rem}.project-modal-meta strong{color:#111;font-size:.95rem;font-weight:600}.project-modal-cta{color:#fff;background:#111;border-radius:30px;align-items:center;gap:.5rem;padding:.9rem 1.8rem;font-weight:600;transition:background .25s;display:inline-flex}.project-modal-cta:hover{background:var(--primary)}.project-modal-nourl{color:#0006;font-size:.85rem;font-style:italic}