.features-container,.ai-features-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:1px;scrollbar-width:none;-ms-overflow-style:none}.features-container::-webkit-scrollbar{display:none}@media(min-width:768px){.features-container{display:grid;grid-template-columns:repeat(2,1fr);overflow-x:visible;scroll-snap-type:none}}@media(min-width:1024px){.features-container{grid-template-columns:repeat(4,1fr)}}.feature-card,.ai-feature-card{position:relative;border:1px solid #26262c;padding:20px;display:flex;flex-direction:column;align-items:start;min-height:160px;flex:0 0 40%;scroll-snap-align:start;scroll-snap-stop:always;margin-right:4px}@media(min-width:480px){.feature-card{flex:0 0 28.57%}}@media(min-width:768px){.feature-card{flex:1;margin-right:0;scroll-snap-align:none}}@media(min-width:1024px){.feature-card{padding:24px 35px 35px;min-height:200px}}.feature-card:after,.ai-feature-card:after{background:linear-gradient(to bottom,#fff0,#ffffff0f);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:.45s cubic-bezier(.6,.6,0,1) opacity;width:100%}.feature-card:hover:after,.ai-feature-card:hover:after{opacity:1}.feature-card-icon svg,.ai-feature-card-icon svg{width:30px;height:30px;color:#f4f0ff;stroke:1;margin-bottom:20px}.feature-card-content,.ai-feature-card-content{display:flex;color:#f4f0ff;flex-direction:column;align-items:start}.feature-card-content-title,.ai-feature-card-content-title{font-size:14px;font-weight:600;margin-bottom:4px}.feature-card-content-description,.ai-feature-card-content-description{font-size:14px;color:#797789;font-weight:500}@media(min-width:1024px){.feature-card-content-title,.feature-card-content-description,.ai-feature-card-content-title,.ai-feature-card-content-description{font-size:16px}}.hero-ctas{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:1.1rem 2.2rem;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;font-size:1rem;box-shadow:0 4px 20px #8b5cf666;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf699}.btn-secondary{background:#ffffff0d;color:#d1d5db;padding:1.1rem 2.2rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease;font-size:1rem;backdrop-filter:blur(10px)}.portfolio-section{padding:40px 20px}@media(min-width:768px){.portfolio-section{padding:60px 20px}}@media(min-width:1024px){.portfolio-section{padding:0}}.portfolio-header{text-align:left;margin-bottom:40px}@media(min-width:768px){.portfolio-header{margin-bottom:60px}}.hero-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;background:#ffffff0d;backdrop-filter:blur(10px);margin-bottom:2rem;color:#c1b6cc;font-size:.875rem;font-weight:500;box-shadow:0 -7px 11px #a48fff1f inset;backdrop-filter:blur(6px);border:1px solid rgba(203,174,255,.21)}.portfolio-title{font-size:24px;font-weight:600;color:#f4f0ff;margin-bottom:12px}.portfolio-title .highlight{background:linear-gradient(135deg,#8b5cf6,#e879f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(min-width:768px){.portfolio-title{font-size:36px}}@media(min-width:1024px){.portfolio-title{line-height:53px;font-size:50px}}.portfolio-subtitle{font-size:20px;color:#c1b6cc;font-weight:400;max-width:553px}@media(min-width:768px){.portfolio-subtitle{font-size:18px}}.portfolio-filters{width:fit-content;display:flex;gap:8px;margin-bottom:40px;flex-wrap:wrap;padding:4px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05)}@media(min-width:768px){.portfolio-filters{margin-bottom:60px;gap:12px}}.portfolio-filter-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;background:transparent;color:#fff9;font-family:inherit}.portfolio-filter-btn:hover{color:#ffffffe6;background:#ffffff0d}.portfolio-filter-btn.active{background:linear-gradient(135deg,#8b5cf6,#e879f9);color:#fff;box-shadow:0 2px 8px #8b5cf64d}@media(min-width:768px){.portfolio-filter-btn{padding:12px 24px;font-size:15px}}.portfolio-list{display:flex;flex-direction:column;gap:40px}@media(min-width:768px){.portfolio-list{gap:60px;padding:0 2rem}}.portfolio-item{position:relative;display:flex;flex-direction:column;gap:20px;animation:fadeInUp .6s ease-out;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1),margin .5s cubic-bezier(.4,0,.2,1);opacity:1;transform:translateY(0) scale(1);will-change:opacity,transform}.portfolio-item.hidden{opacity:0;transform:translateY(-30px) scale(.95);margin-top:0!important;margin-bottom:0!important;pointer-events:none;height:0;overflow:hidden}@media(min-width:768px){.portfolio-item{flex-direction:row;align-items:center;gap:40px}}@media(min-width:1024px){.portfolio-item{gap:60px}}.portfolio-image{position:relative;width:100%;flex-shrink:0;border-radius:16px;overflow:hidden;background:#1a1a1e;border:1px solid #26262c}@media(min-width:768px){.portfolio-image{width:50%;max-width:600px}}.portfolio-image img{width:100%;height:auto;display:block;transition:transform .4s cubic-bezier(.4,0,.2,1)}.portfolio-item:hover .portfolio-image img{transform:scale(1.02)}.portfolio-divider{width:100%;height:1px;background-color:#ffffff14;margin:0;flex-shrink:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1);opacity:1;max-height:1px;overflow:hidden}.website-type-label{width:fit-content;display:inline-block;padding:6px 12px;border-radius:9999px;font-size:12px;font-weight:500;margin-bottom:16px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.website-type-label.wordpress,.website-type-label.highlevel{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fffffff2;box-shadow:0 2px 8px #8b5cf64d}@media(min-width:1024px){.website-type-label{font-size:13px;padding:7px 14px;margin-bottom:20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.portfolio-item:nth-child(1){animation-delay:.1s}.portfolio-item:nth-child(2){animation-delay:.2s}.portfolio-item:nth-child(3){animation-delay:.3s}.portfolio-item:nth-child(4){animation-delay:.4s}.portfolio-item:nth-child(5){animation-delay:.5s}.portfolio-item:nth-child(6){animation-delay:.6s}.portfolio-info{flex:1;display:flex;flex-direction:column;justify-content:center}.portfolio-website-name{font-size:32px;font-weight:600;color:#fff;margin-bottom:8px;line-height:1.2}.portfolio-website-name .title-highlight{background:linear-gradient(135deg,#8b5cf6,#e879f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}@media(min-width:768px){.portfolio-website-name{font-size:32px}}@media(min-width:1024px){.portfolio-website-name{font-size:50px;margin-bottom:12px}}.portfolio-description{font-size:20px;color:#c1b6cc;margin-bottom:24px;line-height:1.5;max-width:600px}@media(min-width:768px){.portfolio-description{font-size:16px;margin-bottom:32px}}@media(min-width:1024px){.portfolio-description{font-size:20px;margin-bottom:40px}}.portfolio-info-buttons{display:flex;gap:12px;flex-direction:column}@media(min-width:480px){.portfolio-info-buttons{flex-direction:row;gap:12px}}.portfolio-more-details-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(90deg,#8b5cf6,#8a2e9c);color:#fff;border:none;border-radius:999px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #8b5cf666;justify-content:center;flex:1}.portfolio-more-details-btn svg{width:16px;height:16px;transition:transform .3s ease}.portfolio-more-details-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #8b5cf699;background:linear-gradient(135deg,#9333ea,#8b5cf6)}.portfolio-more-details-btn:hover svg{transform:translate(2px)}.portfolio-visit-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:9999px;text-decoration:none;font-size:16px;font-weight:400;transition:all .3s ease;justify-content:center;flex:1;backdrop-filter:blur(4px)}.portfolio-visit-btn svg{width:16px;height:16px;transition:transform .3s ease}.portfolio-visit-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px);color:#fff}.portfolio-visit-btn:hover svg{transform:translate(1px,-1px)}@media(min-width:1024px){.portfolio-more-details-btn,.portfolio-visit-btn{font-size:18px;padding:14px 28px}.portfolio-visit-btn svg,.portfolio-more-details-btn svg{width:18px;height:18px}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;z-index:1001;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.modal.modal-show{opacity:1}.modal-content{background:#1a1a1e;max-width:900px;width:90%;max-height:calc(90vh - 100px);height:calc(90vh - 100px);margin-top:100px;overflow:hidden;position:relative;transform:scale(.9);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.modal.modal-show .modal-content{transform:scale(1)}.modal-header{position:absolute;top:16px;right:16px;z-index:10}.modal-close{background:#0009;border:none;color:#fff;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(10px)}.modal-close:hover{background:#000c;transform:scale(1.1)}.modal-body{overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#8b5cf6 #26262c}.modal-main-content{display:block;width:100%}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#26262c;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:4px;transition:background .3s ease}.modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#9333ea,#8b5cf6)}.modal-body::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#a855f7,#9333ea)}.modal-body::-webkit-scrollbar-corner{background:#26262c}.modal-hero{position:relative;height:300px;overflow:hidden}@media(min-width:768px){.modal-hero{height:400px}}.modal-hero-image{width:100%;height:100%;object-fit:cover;object-position:top}.modal-hero-content{padding:30px;background:#1a1a1e;color:#fff}.modal-title{font-size:28px;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(min-width:768px){.modal-title{font-size:36px}}.modal-subtitle{font-size:16px;color:#d1d5db;margin-bottom:20px;font-weight:500}@media(min-width:768px){.modal-subtitle{font-size:18px}}.modal-actions{display:flex;gap:12px}.modal-visit-btn{display:inline-flex;align-items:center;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 20px #8b5cf666}.modal-visit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #8b5cf699;background:linear-gradient(135deg,#9333ea,#8b5cf6)}.modal-details{padding:30px}.modal-section{margin-bottom:30px}.modal-section:last-child{margin-bottom:0}.modal-section h3{font-size:20px;font-weight:600;color:#f4f0ff;margin-bottom:16px;border-bottom:2px solid #26262c;padding-bottom:8px}.modal-description{font-size:16px;line-height:1.6;color:#d1d5db}.modal-gallery{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.modal-gallery{grid-template-columns:repeat(2,1fr)}}.gallery-image{width:100%;height:200px;object-fit:cover;border:1px solid #26262c;border-radius:8px;transition:transform .3s ease,border-color .3s ease;cursor:pointer}.gallery-image:hover{transform:scale(1.02);border-color:#8b5cf6}.modal-image-viewer{width:100%;height:100%;display:flex;flex-direction:column}.image-viewer-header{padding:20px 30px;border-bottom:1px solid #26262c;background:#1a1a1e;display:flex;justify-content:space-between;align-items:center;position:relative}.image-viewer-back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;color:#d1d5db;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.image-viewer-back:hover{background:#ffffff1a;border-color:#fff3;color:#f4f0ff}.image-viewer-back svg{width:16px;height:16px}.image-viewer-content{flex:1;display:flex;align-items:center;justify-content:center;padding:30px;background:#1a1a1e;position:relative}.viewer-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #0000004d;transition:opacity .3s ease}.viewer-image.fade-out{opacity:0}.image-counter{color:#d1d5db;font-size:14px;font-weight:500;background:#ffffff0d;padding:6px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.1);position:absolute;left:50%;transform:translate(-50%);z-index:5}.image-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:1px solid rgba(255,255,255,.2);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);z-index:10}.image-nav-btn:hover{background:#000000e6;border-color:#ffffff4d;transform:translateY(-50%) scale(1.1)}.image-nav-prev{left:20px}.image-nav-next{right:20px}.image-nav-btn svg{width:20px;height:20px}@media(max-width:767px){.image-viewer-header{padding:15px 20px 50px}.image-viewer-content{padding:20px}.image-viewer-back{font-size:13px;padding:6px 12px}.image-counter{font-size:12px;padding:4px 8px;bottom:15px;top:auto;left:50%;transform:translate(-50%);position:absolute}.image-nav-btn{width:40px;height:40px}.image-nav-btn svg{width:16px;height:16px}.image-nav-prev{left:10px}.image-nav-next{right:10px}}@media(max-width:767px){.modal-content{width:95%;margin:100px 20px 20px;max-height:calc(90vh - 120px)}.modal-hero-content,.modal-details{padding:20px}.modal-title{font-size:24px}.modal-actions{flex-direction:column}.modal-visit-btn{text-align:center;justify-content:center}}.portfolio-container[data-astro-cid-hcjuqwdu]{max-width:1312px;width:100%;margin-left:auto;margin-right:auto;text-align:left;position:relative;z-index:1;padding-top:140px;padding-bottom:100px}body.modal-open{overflow:hidden}