.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:0 0 40px}@media(min-width:768px){.portfolio-section{padding:0 0 60px}}@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}}.tag-icon{width:16px;height:16px;flex-shrink:0}.hero-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:9999px;background:#ffffff0d;backdrop-filter:blur(10px);margin-bottom:2rem;color:#fff;font-size:.875rem;font-weight:500}.portfolio-title{font-family:Clash Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(2.25rem,4.8vw,4.25rem);font-weight:700;line-height:1.08;color:#fff;margin-bottom:1.5rem}.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-controls{display:flex;align-items:flex-start;flex-wrap:wrap;gap:1.25rem 2.5rem;margin-bottom:3.5rem;padding-bottom:1.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.filter-group{display:flex;flex-direction:column;gap:.55rem;min-width:0}.filter-group-label{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff6}.filter-pills{display:flex;flex-wrap:wrap;gap:.5rem}.filter-select-wrap{display:none}.filter-pill--teams.is-active{color:#c4b5fd;background:#8b5cf629;border-color:#8b5cf673}.filter-pill--teams.is-active .filter-count{background:#8b5cf64d;color:#ddd6fe}.filter-pill--single-agent.is-active{color:#ffffffe6;background:#ffffff1a;border-color:#ffffff59;box-shadow:none}.filter-pill--single-agent.is-active .filter-count{background:#ffffff2e;color:#fff}@media(max-width:768px){.portfolio-controls{flex-direction:column;gap:1rem;margin-bottom:2.5rem}.filter-group{width:100%}.filter-pills{display:none}.filter-select-wrap{display:block}}.portfolio-empty{text-align:center;padding:2.5rem 1rem 3.5rem}.portfolio-empty[hidden]{display:none}.portfolio-empty-text{margin:0 0 .35rem;font-size:1rem;font-weight:500;color:#ffffffd9}.portfolio-empty-hint{margin:0 0 1.5rem;font-size:.9rem;color:#ffffff73}.portfolio-clear-btn{padding:.65rem 1.4rem;border-radius:9999px;background:#8b5cf629;border:1px solid rgba(139,92,246,.45);color:#fff;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.portfolio-clear-btn:hover{background:#8b5cf647;border-color:#8b5cf699}.portfolio-clear-btn:focus-visible{outline:none;border-color:#8b5cf6b3;box-shadow:0 0 0 3px #8b5cf62e}.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}.portfolio-item.is-filtered-out,.portfolio-divider.is-filtered-out{display:none}@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}.portfolio-labels{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}.website-type-label{width:fit-content;display:inline-block;padding:6px 12px;border-radius:9999px;font-size:12px;font-weight:500;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.plan-label{width:fit-content;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;font-size:12px;font-weight:500;border:1px solid transparent;transition:all .3s ease}.plan-label:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.plan-label.teams{background:#8b5cf61f;border-color:#8b5cf673;color:#c4b5fd}.plan-label.single-agent{background:#ffffff0a;border-color:#ffffff26;color:#ffffff8c}.website-type-label.wordpress,.website-type-label.highlevel,.website-type-label.custom{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fffffff2;box-shadow:0 2px 8px #8b5cf64d}@media(min-width:1024px){.portfolio-labels{margin-bottom:20px}.website-type-label,.plan-label{font-size:13px;padding:7px 14px}}.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;border-radius:10px;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;flex-wrap:wrap;gap:12px}.modal-plan-proof-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.45);color:#c4b5fd;text-decoration:none;border-radius:100px;font-size:16px;font-weight:600;transition:all .3s ease}.modal-plan-proof-btn:hover{transform:translateY(-2px);background:#8b5cf633;border-color:#8b5cf6b3}.modal-plan-proof-btn[hidden]{display:none}#modalPlanLabel{margin-bottom:12px}#modalPlanLabel:empty{display:none}.modal-visit-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;text-decoration:none;border-radius:100px;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:calc(var(--content-max) + var(--gutter-x) * 2);width:100%;margin-top:80px;margin-left:auto;margin-right:auto;text-align:left;position:relative;z-index:1;padding:4rem var(--gutter-x) 5rem}@media(max-width:768px){.portfolio-container[data-astro-cid-hcjuqwdu]{margin-top:70px;padding:2.5rem var(--gutter-x) 3.5rem}}body.modal-open{overflow:hidden}