:root{--bg:#06060b;--bg2:#0a0a16;--bg3:#12121c;--card:#111120;--gold:#c9a84c;--gold2:#f0d78c;--gold3:#a08530;--accent:#6c63ff;--teal:#2dd4bf;--teal2:#0d9488;--violet:#8b5cf6;--violet2:#a78bfa;--rose:#f43f5e;--rose2:#fb7185;--text:#f0ede6;--text2:#8a8a9a;--muted:#4a4a5a;--border:rgba(201,168,76,.1);--bdr2:rgba(255,255,255,.05);--heading:'Playfair Display',Georgia,serif;--body:'Inter',system-ui,sans-serif;--mono:'JetBrains Mono',monospace;--r:16px;--t:.45s cubic-bezier(.25,.46,.45,.94)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:var(--body);background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}
button,input,select,textarea{font-family:var(--body);border:none;outline:none;background:none;color:var(--text)}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.gradient-text{background:linear-gradient(135deg,var(--gold),var(--teal),var(--gold2),var(--violet2));background-size:300% 300%;animation:shimmer 5s ease-in-out infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:italic}
@keyframes shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.ambient-orbs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.orb{position:absolute;border-radius:50%;filter:blur(100px);animation:orbFloat 20s ease-in-out infinite}
.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(45,212,191,.08),rgba(139,92,246,.04));top:-10%;left:-10%;animation-delay:0s}
.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.07),rgba(244,63,94,.04));bottom:-10%;right:-10%;animation-delay:-7s}
.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(201,168,76,.06),rgba(45,212,191,.04));top:50%;left:50%;animation-delay:-14s}
.orb-4{width:350px;height:350px;background:radial-gradient(circle,rgba(244,63,94,.05),rgba(201,168,76,.03));top:30%;right:10%;animation-delay:-5s}
.orb-5{width:450px;height:450px;background:radial-gradient(circle,rgba(45,212,191,.05),rgba(108,99,255,.03));bottom:20%;left:20%;animation-delay:-10s}
@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(80px,-60px) scale(1.1)}50%{transform:translate(-40px,80px) scale(.9)}75%{transform:translate(60px,40px) scale(1.05)}}
.anim-in{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}
.anim-in.visible{opacity:1;transform:translateY(0)}
.reveal-up{opacity:0;transform:translateY(40px);transition:opacity .7s ease calc(var(--d,0s)),transform .7s ease calc(var(--d,0s))}
.reveal-up.visible{opacity:1;transform:translateY(0)}

/* NAV */
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:var(--t)}
.navbar.scrolled{padding:10px 0;background:rgba(6,6,11,.9);backdrop-filter:blur(24px) saturate(1.2);border-bottom:1px solid var(--border)}
.navbar .container{display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:2px;font-size:1.4rem;font-weight:700}
.logo-mark{background:linear-gradient(135deg,var(--gold),var(--gold2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--heading)}
.logo-word{font-weight:300;letter-spacing:1px}
.nav-menu{display:flex;gap:32px}
.nav-link{font-size:.88rem;font-weight:500;color:var(--text2);transition:color .3s;position:relative}
.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gold);transition:width .3s}
.nav-link:hover,.nav-link.active{color:var(--text)}
.nav-link:hover::after,.nav-link.active::after{width:100%}
.nav-btn{padding:10px 28px;border-radius:100px;font-size:.85rem;font-weight:600;background:linear-gradient(135deg,var(--gold),var(--teal2));color:var(--bg);transition:var(--t);display:flex;align-items:center;gap:8px}
.nav-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(45,212,191,.25)}
.btn-arrow{transition:transform .3s}.nav-btn:hover .btn-arrow{transform:translateX(4px)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{width:24px;height:2px;background:var(--text);transition:.3s;display:block}

/* HERO */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:140px 0 0;overflow:hidden}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}
.hero-eyebrow{display:flex;align-items:center;gap:14px;font-size:.78rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:28px}
.eyebrow-line{width:40px;height:1px;background:var(--gold)}
.hero-heading{font-family:var(--heading);font-size:clamp(2.6rem,4.5vw,4.2rem);line-height:1.12;font-weight:700;margin-bottom:24px}
.hero-heading span{display:block}
.hero-sub{color:var(--text2);font-size:1.1rem;line-height:1.9;margin-bottom:36px;max-width:500px}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap}
.btn-gold{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;border-radius:100px;font-weight:600;font-size:.95rem;background:linear-gradient(135deg,var(--gold),var(--gold3));color:var(--bg);transition:var(--t);cursor:pointer;border:none}
.btn-gold:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(201,168,76,.35)}
.btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;border-radius:100px;font-weight:600;font-size:.95rem;border:1px solid var(--border);color:var(--text);transition:var(--t);background:rgba(255,255,255,.02)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-3px)}
.btn-full{width:100%;justify-content:center}

/* HERO VISUAL */
.hero-visual{position:relative;height:420px}
.hero-card-stack{position:relative;width:100%;height:100%}
.floating-card{position:absolute;border-radius:var(--r);backdrop-filter:blur(20px);border:1px solid var(--bdr2);transition:transform .6s ease;animation:cardFloat 6s ease-in-out infinite}
.card-code{top:0;right:0;width:340px;padding:0;background:rgba(20,20,32,.85);z-index:3;animation-delay:0s}
.fc-header{display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid var(--bdr2)}
.dot{width:10px;height:10px;border-radius:50%}.red{background:#ff5f57}.yellow{background:#ffbd2e}.green{background:#28c840}
.code-block{padding:16px 20px;font-family:var(--mono);font-size:.78rem;line-height:1.8;overflow:hidden}
.code-kw{color:var(--accent)}.code-fn{color:var(--gold)}.code-str{color:#28c840}
.card-design{top:40%;left:0;width:240px;padding:16px;background:rgba(20,20,32,.8);z-index:2;animation-delay:-2s}
.design-preview{display:flex;flex-direction:column;gap:8px}
.dp-nav{height:6px;width:70%;background:rgba(255,255,255,.06);border-radius:3px}
.dp-hero-block{height:60px;background:linear-gradient(135deg,rgba(201,168,76,.15),rgba(201,168,76,.05));border-radius:8px;display:flex;align-items:center;justify-content:center}
.dp-circle{width:24px;height:24px;border-radius:50%;border:2px solid rgba(201,168,76,.3)}
.dp-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.dp-cols div{height:30px;background:rgba(255,255,255,.04);border-radius:4px}
.card-metric{bottom:10%;right:10%;width:160px;padding:20px;background:rgba(20,20,32,.85);text-align:center;z-index:4;animation-delay:-4s}
.metric-icon{font-size:1.4rem;color:var(--gold);margin-bottom:4px}
.metric-val{font-family:var(--heading);font-size:1.8rem;font-weight:700;color:var(--gold)}
.metric-label{font-size:.72rem;color:var(--text2);margin-top:2px}
@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* MARQUEE */
.hero-marquee{margin-top:80px;border-top:1px solid rgba(45,212,191,.08);border-bottom:1px solid rgba(139,92,246,.08);padding:18px 0;overflow:hidden;position:relative;z-index:1;background:linear-gradient(90deg,rgba(45,212,191,.02),rgba(139,92,246,.02),rgba(244,63,94,.02))}
.marquee-track{display:flex;width:max-content;animation:marquee 30s linear infinite}
.marquee-track span{font-size:.85rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;padding-right:16px;background:linear-gradient(90deg,var(--teal),var(--violet2),var(--gold),var(--rose2));background-size:200% 100%;animation:marqueeColor 8s ease-in-out infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes marqueeColor{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* STATS */
.stats-bar{padding:60px 0;border-bottom:1px solid var(--bdr2);position:relative;z-index:1;background:linear-gradient(180deg,rgba(45,212,191,.03),transparent)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}
.stat-item{display:flex;align-items:baseline;justify-content:center;gap:2px;flex-wrap:wrap;padding:24px 16px;border-radius:var(--r);background:rgba(45,212,191,.03);border:1px solid rgba(45,212,191,.08);transition:var(--t)}
.stat-item:hover{border-color:rgba(45,212,191,.2);box-shadow:0 0 30px rgba(45,212,191,.08)}
.stat-num{font-family:var(--heading);font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--teal),var(--teal2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-suffix{font-family:var(--heading);font-size:1.5rem;background:linear-gradient(135deg,var(--teal),var(--teal2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-label{width:100%;font-size:.8rem;color:var(--text2);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px}

/* ABOUT */
.about{padding:140px 0;position:relative;z-index:1}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.tag-label{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.sec-heading{font-family:var(--heading);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;line-height:1.2;margin-bottom:20px}
.sec-sub{color:var(--text2);font-size:1.05rem;max-width:540px}
.sec-header{text-align:center;margin-bottom:64px}.sec-header .sec-sub{margin:0 auto}
.about-text{color:var(--text2);font-size:1rem;line-height:1.9;margin-bottom:36px}
.about-highlights{display:flex;flex-direction:column;gap:20px}
.highlight{display:flex;gap:16px;align-items:flex-start}
.hl-icon{color:var(--gold);font-size:.7rem;margin-top:6px}
.highlight strong{display:block;font-size:.95rem;margin-bottom:2px}
.highlight p{color:var(--text2);font-size:.88rem;margin:0}
.about-visual{position:relative;height:360px}
.av-card{position:absolute;padding:24px;border-radius:var(--r);background:var(--card);border:1px solid var(--bdr2);backdrop-filter:blur(12px);transition:transform .5s ease;animation:cardFloat 7s ease-in-out infinite}
.av-card-1{top:0;left:0;width:220px;animation-delay:0s}
.av-card-2{top:30%;right:0;width:180px;animation-delay:-2.3s}
.av-card-3{bottom:0;left:20%;width:200px;animation-delay:-4.6s}
.av-score{font-family:var(--heading);font-size:2.4rem;font-weight:700;color:var(--gold)}.av-score span{font-size:1.2rem}
.av-label{font-size:.78rem;color:var(--text2);margin:6px 0 12px}
.av-bar{height:6px;background:var(--bdr2);border-radius:3px;overflow:hidden}.av-fill{height:100%;width:var(--w);background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:3px}
.av-emoji{font-size:2rem;margin-bottom:4px}.av-score-sm{font-family:var(--heading);font-size:1.4rem;font-weight:700;color:var(--gold);margin-top:4px}
.av-stack-icons{display:flex;gap:10px;font-size:1.4rem;margin-bottom:6px}
/* SERVICES */
.services{padding:140px 0;background:linear-gradient(180deg,var(--bg2),rgba(139,92,246,.03),var(--bg2));position:relative;z-index:1}
.services-showcase{display:flex;flex-direction:column;gap:32px}
.svc-panel{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:var(--r);overflow:hidden;background:var(--card);border:1px solid var(--bdr2);transition:var(--t);position:relative}
.svc-panel:hover{border-color:rgba(201,168,76,.2);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.3)}
.svc-panel.svc-alt .svc-body{order:2}.svc-panel.svc-alt .svc-visual{order:1}
.svc-number{position:absolute;top:24px;left:28px;font-family:var(--mono);font-size:.75rem;color:var(--muted);z-index:2}
.svc-body{padding:48px 40px;display:flex;flex-direction:column;justify-content:center}
.svc-icon-wrap{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.15);color:var(--gold);margin-bottom:20px}
.svc-body h3{font-family:var(--heading);font-size:1.6rem;margin-bottom:12px}
.svc-body p{color:var(--text2);font-size:.92rem;line-height:1.8;margin-bottom:20px}
.svc-tags{display:flex;flex-wrap:wrap;gap:8px}
.svc-tags li{padding:6px 14px;border-radius:100px;font-size:.75rem;font-weight:500;background:rgba(201,168,76,.06);border:1px solid rgba(201,168,76,.12);color:var(--gold)}
.svc-visual{display:flex;align-items:center;justify-content:center;padding:40px;background:linear-gradient(135deg,rgba(201,168,76,.03),rgba(108,99,255,.03));position:relative;overflow:hidden}

/* Service visuals */
.sv-browser{width:100%;max-width:340px;background:rgba(0,0,0,.4);border-radius:10px;overflow:hidden;border:1px solid var(--bdr2)}
.sv-dots{display:flex;gap:6px;padding:10px 14px;background:rgba(0,0,0,.3)}
.sv-dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.12)}
.sv-dots span:nth-child(1){background:#ff5f57}.sv-dots span:nth-child(2){background:#ffbd2e}.sv-dots span:nth-child(3){background:#28c840}
.sv-url-bar{margin:0 12px 12px;height:24px;background:rgba(255,255,255,.04);border-radius:6px}
.sv-content{padding:0 12px 12px}
.sv-nav-mock{height:6px;width:50%;background:rgba(255,255,255,.05);border-radius:3px;margin-bottom:12px}
.sv-hero-mock{padding:16px;background:linear-gradient(135deg,rgba(201,168,76,.1),rgba(201,168,76,.03));border-radius:8px;margin-bottom:12px}
.sv-text-lines{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.sv-text-lines div{height:6px;background:rgba(255,255,255,.08);border-radius:3px}
.sv-btn-mock{width:60px;height:20px;background:linear-gradient(135deg,var(--gold),var(--gold3));border-radius:4px;opacity:.5}
.sv-grid-mock{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.sv-grid-mock div{height:50px;background:rgba(255,255,255,.03);border-radius:6px}
.sv-layers{display:flex;flex-direction:column;align-items:center;gap:0;width:80%;max-width:280px}
.sv-layer{width:100%;padding:20px;border-radius:10px;text-align:center;border:1px solid var(--bdr2);transition:transform .5s ease}
.sv-l1{background:rgba(255,255,255,.02);transform:scale(.9);z-index:1}
.sv-l2{background:rgba(108,99,255,.06);transform:scale(.95) translateY(-10px);z-index:2}
.sv-l3{background:linear-gradient(135deg,rgba(201,168,76,.1),rgba(201,168,76,.04));transform:translateY(-20px);z-index:3;border-color:rgba(201,168,76,.2)}
.sv-layer-label{font-size:.8rem;font-weight:600;color:var(--text2)}
.sv-l3 .sv-layer-label{color:var(--gold)}
.sv-gears{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}
.sv-gear{position:absolute;animation:gearSpin 8s linear infinite}
.sv-gear-lg{font-size:4rem;color:var(--gold);opacity:.6;top:20px;left:20px}
.sv-gear-sm{font-size:2rem;color:var(--accent);opacity:.5;top:10px;right:40px;animation-direction:reverse;animation-duration:5s}
.sv-gear-md{font-size:3rem;color:var(--gold2);opacity:.4;bottom:20px;right:20px;animation-duration:6s}
@keyframes gearSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}

/* PROCESS */
.process{padding:140px 0;position:relative;z-index:1;background:linear-gradient(180deg,transparent,rgba(244,63,94,.02),transparent)}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.p-step{padding:36px 28px;border-radius:var(--r);background:var(--card);border:1px solid var(--bdr2);transition:var(--t);text-align:center;position:relative;overflow:hidden}
.p-step::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--rose),var(--violet),var(--teal));opacity:0;transition:opacity .4s}
.p-step:hover::before{opacity:1}
.p-step:hover{border-color:rgba(244,63,94,.2);transform:translateY(-8px);box-shadow:0 16px 48px rgba(244,63,94,.1)}
.p-num{font-family:var(--heading);font-size:2.4rem;font-weight:700;background:linear-gradient(135deg,var(--rose),var(--violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.4;margin-bottom:16px}
.p-step:hover .p-num{opacity:1}
.p-info h4{font-family:var(--heading);font-size:1.2rem;margin-bottom:8px}
.p-info p{color:var(--text2);font-size:.88rem}

/* WORK */
.work{padding:140px 0;background:linear-gradient(180deg,var(--bg2),rgba(108,99,255,.03),var(--bg2));position:relative;z-index:1}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.work-card{border-radius:var(--r);overflow:hidden;background:var(--card);border:1px solid var(--bdr2);transition:var(--t)}
.work-card:hover{transform:translateY(-8px);border-color:rgba(201,168,76,.2);box-shadow:0 20px 60px rgba(0,0,0,.3)}
.work-lg{grid-column:1/-1}
.wc-img{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;padding:40px;overflow:hidden}
.work-lg .wc-img{aspect-ratio:21/9}
.wc-info{padding:28px 32px}
.wc-cat{font-size:.72rem;color:var(--gold);text-transform:uppercase;letter-spacing:2px;font-weight:600}
.wc-info h3{font-family:var(--heading);font-size:1.3rem;margin:8px 0}
.wc-info p{color:var(--text2);font-size:.88rem}
.wc-mockup{display:flex;align-items:center;justify-content:center}
.wc-browser{width:80%;max-width:500px;background:rgba(0,0,0,.35);border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}
.wc-dots{display:flex;gap:5px;padding:8px 12px;background:rgba(0,0,0,.25)}
.wc-dots span{width:7px;height:7px;border-radius:50%}
.wc-dots span:nth-child(1){background:#ff5f57}.wc-dots span:nth-child(2){background:#ffbd2e}.wc-dots span:nth-child(3){background:#28c840}
.wc-page{padding:12px}
.wc-block-a{height:40px;background:linear-gradient(135deg,rgba(201,168,76,.15),rgba(201,168,76,.05));border-radius:6px;margin-bottom:8px}
.wc-block-b{height:12px;width:40%;background:rgba(255,255,255,.06);border-radius:3px;margin-bottom:12px}
.wc-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.wc-cols div{height:35px;background:rgba(255,255,255,.03);border-radius:4px}
.wc-dashboard{display:flex;width:80%;max-width:300px;height:160px;background:rgba(0,0,0,.35);border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}
.wc-sidebar-m{width:40px;background:rgba(0,0,0,.25)}
.wc-main-m{flex:1;padding:10px;display:flex;flex-direction:column;gap:6px}
.wc-chart-m{flex:1;background:linear-gradient(135deg,rgba(108,99,255,.12),rgba(108,99,255,.04));border-radius:6px}
.wc-row-m{display:flex;gap:6px}.wc-row-m div{flex:1;height:24px;background:rgba(255,255,255,.03);border-radius:4px}
.wc-mobile{width:100px;height:170px;background:rgba(0,0,0,.35);border-radius:14px;border:1px solid rgba(255,255,255,.06);padding:8px;display:flex;flex-direction:column;gap:6px}
.wc-mob-h{height:14px;background:rgba(255,255,255,.05);border-radius:3px}
.wc-mob-cards{flex:1;display:flex;flex-direction:column;gap:5px}
.wc-mob-cards div{flex:1;background:linear-gradient(135deg,rgba(201,76,124,.12),rgba(201,76,124,.04));border-radius:5px}
.wc-mob-btn{height:20px;background:linear-gradient(135deg,var(--gold),var(--gold3));border-radius:5px;opacity:.5}

/* TESTIMONIALS */
.testimonials{padding:140px 0;position:relative;z-index:1;background:linear-gradient(180deg,transparent,rgba(45,212,191,.02),transparent)}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.testi-card{padding:36px;border-radius:var(--r);background:var(--card);border:1px solid var(--bdr2);transition:var(--t);position:relative;overflow:hidden}
.testi-card::after{content:'"';position:absolute;top:-10px;right:16px;font-size:6rem;font-family:var(--heading);color:rgba(45,212,191,.06);pointer-events:none}
.testi-card:nth-child(1):hover{border-color:rgba(201,168,76,.25);box-shadow:0 16px 48px rgba(201,168,76,.08)}
.testi-card:nth-child(2):hover{border-color:rgba(139,92,246,.25);box-shadow:0 16px 48px rgba(139,92,246,.08)}
.testi-card:nth-child(3):hover{border-color:rgba(244,63,94,.25);box-shadow:0 16px 48px rgba(244,63,94,.08)}
.testi-card:hover{transform:translateY(-6px)}
.tc-stars{color:var(--gold);font-size:.95rem;letter-spacing:4px;margin-bottom:20px}
.testi-card blockquote{font-size:.92rem;color:var(--text2);line-height:1.85;margin-bottom:24px;font-style:italic}
.tc-author{display:flex;align-items:center;gap:14px}
.tc-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.78rem;color:var(--bg);background:linear-gradient(135deg,var(--c1),var(--c2))}
.tc-author strong{display:block;font-size:.88rem}
.tc-author span{font-size:.78rem;color:var(--muted)}

/* CONTACT */
.contact{padding:140px 0;background:linear-gradient(180deg,var(--bg2),rgba(201,168,76,.02),var(--bg2));position:relative;z-index:1}
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:60px;border-radius:24px;background:var(--card);border:1px solid rgba(201,168,76,.1);position:relative;overflow:hidden}
.contact-wrap::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--teal),var(--violet),var(--rose));}
.contact-left p{color:var(--text2);margin-bottom:32px;line-height:1.8}
.contact-details{display:flex;flex-direction:column;gap:12px}
.cd-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text2)}
.cd-item span{color:var(--gold)}
.contact-form{display:flex;flex-direction:column;gap:16px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:16px 20px;border-radius:var(--r);background:var(--bg2);border:1px solid var(--bdr2);font-size:.92rem;transition:border-color .3s,box-shadow .3s}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--muted)}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--teal);box-shadow:0 0 20px rgba(45,212,191,.08)}
.contact-form select option{background:var(--card)}
.contact-form textarea{resize:vertical;min-height:110px}

/* FOOTER */
.footer{padding:80px 0 36px;border-top:1px solid rgba(139,92,246,.1);position:relative;z-index:1;background:linear-gradient(180deg,var(--bg),rgba(6,6,11,.95))}
.footer-top{display:grid;grid-template-columns:1.5fr 2fr;gap:60px;margin-bottom:48px}
.footer-brand p{color:var(--text2);margin-top:16px;font-size:.9rem}
.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.footer-cols h5{font-family:var(--heading);color:var(--gold);margin-bottom:16px;font-size:.95rem}
.footer-cols a{display:block;color:var(--text2);font-size:.88rem;margin-bottom:10px;transition:color .3s}
.footer-cols a:hover{color:var(--gold)}
.footer-bottom{display:flex;justify-content:space-between;padding-top:32px;border-top:1px solid var(--bdr2);font-size:.78rem;color:var(--muted)}

/* WHAT IS SECTION */
.what-section{padding:140px 0;background:linear-gradient(180deg,var(--bg2),rgba(45,212,191,.02),var(--bg2));position:relative;z-index:1}
.what-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.what-text{color:var(--text2);font-size:1rem;line-height:1.9;margin-bottom:20px}
.what-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wh-card{padding:28px;border-radius:var(--r);background:var(--card);border:1px solid var(--bdr2);transition:var(--t);position:relative;overflow:hidden}
.wh-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity .4s}
.wh-card:nth-child(1)::before{background:linear-gradient(90deg,var(--teal),var(--teal2))}
.wh-card:nth-child(2)::before{background:linear-gradient(90deg,var(--gold),var(--gold2))}
.wh-card:nth-child(3)::before{background:linear-gradient(90deg,var(--violet),var(--violet2))}
.wh-card:nth-child(4)::before{background:linear-gradient(90deg,var(--rose),var(--rose2))}
.wh-card:hover::before{opacity:1}
.wh-card:nth-child(1):hover{border-color:rgba(45,212,191,.2);box-shadow:0 12px 40px rgba(45,212,191,.08)}
.wh-card:nth-child(2):hover{border-color:rgba(201,168,76,.2);box-shadow:0 12px 40px rgba(201,168,76,.08)}
.wh-card:nth-child(3):hover{border-color:rgba(139,92,246,.2);box-shadow:0 12px 40px rgba(139,92,246,.08)}
.wh-card:nth-child(4):hover{border-color:rgba(244,63,94,.2);box-shadow:0 12px 40px rgba(244,63,94,.08)}
.wh-card:hover{transform:translateY(-6px)}
.wh-icon{font-size:1.8rem;margin-bottom:12px}
.wh-card h4{font-family:var(--heading);font-size:1.05rem;margin-bottom:6px}
.wh-card p{color:var(--text2);font-size:.82rem;margin:0}

/* BENEFITS */
.benefits{padding:140px 0;position:relative;z-index:1}
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ben-card{padding:36px 32px;border-radius:var(--r);background:var(--card);border:1px solid var(--bdr2);transition:var(--t);position:relative;overflow:hidden}
.ben-card::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;opacity:0;transition:opacity .4s}
.ben-card:nth-child(1)::before{background:var(--gold)}
.ben-card:nth-child(2)::before{background:var(--teal)}
.ben-card:nth-child(3)::before{background:var(--violet)}
.ben-card:nth-child(4)::before{background:var(--rose)}
.ben-card:nth-child(5)::before{background:var(--accent)}
.ben-card:nth-child(6)::before{background:var(--teal2)}
.ben-card:hover::before{opacity:1}
.ben-card:nth-child(1):hover{border-color:rgba(201,168,76,.2);box-shadow:0 16px 48px rgba(201,168,76,.08)}
.ben-card:nth-child(2):hover{border-color:rgba(45,212,191,.2);box-shadow:0 16px 48px rgba(45,212,191,.08)}
.ben-card:nth-child(3):hover{border-color:rgba(139,92,246,.2);box-shadow:0 16px 48px rgba(139,92,246,.08)}
.ben-card:nth-child(4):hover{border-color:rgba(244,63,94,.2);box-shadow:0 16px 48px rgba(244,63,94,.08)}
.ben-card:nth-child(5):hover{border-color:rgba(108,99,255,.2);box-shadow:0 16px 48px rgba(108,99,255,.08)}
.ben-card:nth-child(6):hover{border-color:rgba(13,148,136,.2);box-shadow:0 16px 48px rgba(13,148,136,.08)}
.ben-card:hover{transform:translateY(-6px)}
.ben-num{font-family:var(--heading);font-size:3rem;font-weight:700;color:var(--gold);opacity:.12;position:absolute;top:12px;right:20px}
.ben-card h4{font-family:var(--heading);font-size:1.15rem;margin-bottom:10px}
.ben-card p{color:var(--text2);font-size:.88rem;line-height:1.8}

/* SERVICES 4-CARD GRID */
.svc-grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.svc-card-link{display:block;text-decoration:none;color:inherit}
.svc-card4{padding:40px 36px;border-radius:var(--r);background:var(--card);border:1px solid var(--bdr2);transition:var(--t);position:relative;height:100%;overflow:hidden}
.svc-card4::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .4s}
.svc-card-link:nth-child(1) .svc-card4::before{background:linear-gradient(90deg,var(--gold),var(--gold2))}
.svc-card-link:nth-child(2) .svc-card4::before{background:linear-gradient(90deg,var(--violet),var(--accent))}
.svc-card-link:nth-child(3) .svc-card4::before{background:linear-gradient(90deg,var(--teal),var(--teal2))}
.svc-card-link:nth-child(4) .svc-card4::before{background:linear-gradient(90deg,var(--rose),var(--rose2))}
.svc-card4:hover::before{opacity:1}
.svc-card-link:nth-child(1) .svc-card4:hover{border-color:rgba(201,168,76,.25);box-shadow:0 20px 60px rgba(201,168,76,.1)}
.svc-card-link:nth-child(2) .svc-card4:hover{border-color:rgba(139,92,246,.25);box-shadow:0 20px 60px rgba(139,92,246,.1)}
.svc-card-link:nth-child(3) .svc-card4:hover{border-color:rgba(45,212,191,.25);box-shadow:0 20px 60px rgba(45,212,191,.1)}
.svc-card-link:nth-child(4) .svc-card4:hover{border-color:rgba(244,63,94,.25);box-shadow:0 20px 60px rgba(244,63,94,.1)}
.svc-card4:hover{transform:translateY(-8px)}
.sc4-icon{font-size:2.4rem;margin-bottom:20px;display:block}
.svc-card4 h3{font-family:var(--heading);font-size:1.3rem;margin-bottom:12px}
.svc-card4 p{color:var(--text2);font-size:.9rem;line-height:1.8;margin-bottom:20px}
.sc4-arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.15);color:var(--gold);font-size:1.1rem;transition:var(--t)}
.svc-card4:hover .sc4-arrow{background:var(--gold);color:var(--bg)}

/* COMPARISON */
.comparison{padding:140px 0;background:linear-gradient(180deg,var(--bg2),rgba(139,92,246,.02),var(--bg2));position:relative;z-index:1}
.compare-tables{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.cmp-table{border-radius:var(--r);overflow:hidden;background:var(--card);border:1px solid var(--bdr2);transition:var(--t)}
.cmp-table:hover{border-color:rgba(139,92,246,.15);box-shadow:0 12px 40px rgba(139,92,246,.06)}
.cmp-title{font-family:var(--heading);font-size:1.15rem;padding:24px 28px;border-bottom:1px solid var(--bdr2)}
.cmp-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;padding:14px 28px;font-size:.88rem;border-bottom:1px solid var(--bdr2);transition:background .3s}
.cmp-row:last-child{border-bottom:none}
.cmp-row:hover{background:rgba(139,92,246,.03)}
.cmp-header{font-weight:700;color:var(--violet2);text-transform:uppercase;font-size:.75rem;letter-spacing:1px;background:rgba(139,92,246,.04)}
.cmp-row div{color:var(--text2)}
.cmp-row div:first-child{color:var(--text);font-weight:500}
.cmp-win{color:var(--teal) !important;font-weight:600 !important}

/* PRICING */
.pricing{padding:140px 0;position:relative;z-index:1;background:linear-gradient(180deg,transparent,rgba(201,168,76,.02),transparent)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.price-card{padding:40px 36px;border-radius:var(--r);background:var(--card);border:1px solid var(--bdr2);transition:var(--t);position:relative;overflow:hidden}
.price-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .4s}
.price-card:nth-child(1)::before{background:var(--teal)}
.price-card:nth-child(2)::before{background:linear-gradient(90deg,var(--gold),var(--gold2))}
.price-card:nth-child(3)::before{background:var(--violet)}
.price-card:hover::before{opacity:1}
.price-card:hover{transform:translateY(-8px);border-color:rgba(201,168,76,.2);box-shadow:0 20px 60px rgba(0,0,0,.3)}
.price-featured{border-color:rgba(201,168,76,.3);background:linear-gradient(180deg,rgba(201,168,76,.06),var(--card));box-shadow:0 0 40px rgba(201,168,76,.06)}
.price-featured::before{opacity:1 !important}
.pc-popular{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:6px 20px;border-radius:100px;font-size:.7rem;font-weight:700;background:linear-gradient(135deg,var(--gold),var(--gold3));color:var(--bg);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}
.pc-tag{font-size:.78rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.pc-price{font-family:var(--heading);font-size:2.4rem;font-weight:700;margin-bottom:8px}
.pc-price span{font-size:.9rem;font-weight:400;color:var(--text2)}
.pc-timeline{font-size:.85rem;color:var(--text2);margin-bottom:20px}
.price-card p{color:var(--text2);font-size:.88rem;margin-bottom:20px;line-height:1.7}
.price-card ul{margin-bottom:28px}
.price-card li{padding:8px 0;font-size:.88rem;color:var(--text2);padding-left:20px;position:relative}
.price-card li::before{content:'✦';position:absolute;left:0;color:var(--gold);font-size:.55rem;top:10px}

/* FAQ */
.faq{padding:140px 0;background:linear-gradient(180deg,var(--bg2),rgba(139,92,246,.02),var(--bg2));position:relative;z-index:1}
.faq-list{max-width:800px;margin:0 auto}
.faq-item{border-bottom:1px solid var(--bdr2);transition:background .3s}
.faq-item:first-child{border-top:1px solid var(--bdr2)}
.faq-item.active{background:rgba(139,92,246,.03);padding:0 20px;border-radius:var(--r);margin:8px 0;border:1px solid rgba(139,92,246,.1)}
.faq-q{width:100%;padding:24px 0;display:flex;justify-content:space-between;align-items:center;font-size:1.05rem;font-weight:600;color:var(--text);cursor:pointer;transition:color .3s;text-align:left;background:none;border:none;font-family:var(--body)}
.faq-q:hover{color:var(--violet2)}
.faq-icon{font-size:1.4rem;color:var(--violet2);transition:transform .3s;flex-shrink:0;margin-left:16px}
.faq-item.active .faq-icon{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}
.faq-item.active .faq-a{max-height:300px;padding-bottom:24px}
.faq-a p{color:var(--text2);font-size:.92rem;line-height:1.85}

/* RESPONSIVE */
@media(max-width:1024px){
.hero-inner{grid-template-columns:1fr;text-align:center}.hero-sub{margin:0 auto 36px}.hero-ctas{justify-content:center}
.hero-visual{height:320px;margin-top:40px}
.about-grid{grid-template-columns:1fr;text-align:center}.about-highlights{align-items:center}
.svc-panel{grid-template-columns:1fr}.svc-panel.svc-alt .svc-body{order:1}.svc-panel.svc-alt .svc-visual{order:2}
.process-steps{grid-template-columns:1fr 1fr}
.work-grid,.testi-grid{grid-template-columns:1fr}
.contact-wrap{grid-template-columns:1fr}
.footer-top{grid-template-columns:1fr}
.what-grid{grid-template-columns:1fr;text-align:center}
.benefits-grid{grid-template-columns:1fr 1fr}
.svc-grid-4{grid-template-columns:1fr}
.compare-tables{grid-template-columns:1fr}
.pricing-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}
.svc-d-grid{grid-template-columns:1fr}
.svc-d-alt .svc-d-content{order:1}
.svc-d-alt .svc-d-visual{order:2}
}
@media(max-width:768px){
.nav-menu,.nav-btn{display:none}.hamburger{display:flex}
.nav-menu.active{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(6,6,11,.95);backdrop-filter:blur(24px);padding:24px;border-bottom:1px solid var(--border);gap:16px}
.stats-grid{grid-template-columns:1fr 1fr}
.process-steps{grid-template-columns:1fr}
.hero-visual{display:none}
.form-row{grid-template-columns:1fr}
.footer-cols{grid-template-columns:1fr;text-align:center}
.footer-bottom{flex-direction:column;gap:8px;text-align:center}
.benefits-grid{grid-template-columns:1fr}
.what-cards{grid-template-columns:1fr}
.vis-redesign{flex-direction:column;gap:16px}
.vis-product-grid{grid-template-columns:1fr 1fr}
}

/* ===== SERVICE DETAIL SECTIONS ===== */
.svc-detail{padding:120px 0;position:relative;z-index:1}
.svc-d-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.svc-d-alt .svc-d-content{order:2}
.svc-d-alt .svc-d-visual{order:1}
.svc-d-text{color:var(--text2);font-size:1rem;line-height:1.9;margin-bottom:28px}
.svc-d-features{list-style:none;margin-bottom:32px;display:flex;flex-direction:column;gap:14px}
.svc-d-features li{display:flex;align-items:center;gap:12px;font-size:.92rem;color:var(--text2)}
.feat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.dot-teal{background:var(--teal)}.dot-gold{background:var(--gold)}.dot-rose{background:var(--rose)}.dot-violet{background:var(--violet)}.dot-green{background:#95bf47}
.tag-teal{color:var(--teal) !important}.tag-gold{color:var(--gold) !important}.tag-rose{color:var(--rose) !important}.tag-violet{color:var(--violet) !important}.tag-green{color:#95bf47 !important}
.svc-d-visual{display:flex;align-items:center;justify-content:center}

/* Section-specific backgrounds */
.svc-d-web{background:linear-gradient(180deg,var(--bg),rgba(45,212,191,.03),var(--bg))}
.svc-d-ecom{background:linear-gradient(180deg,var(--bg2),rgba(201,168,76,.03),var(--bg2))}
.svc-d-redesign{background:linear-gradient(180deg,var(--bg),rgba(244,63,94,.03),var(--bg))}
.svc-d-wp{background:linear-gradient(180deg,var(--bg2),rgba(139,92,246,.03),var(--bg2))}
.svc-d-shopify{background:linear-gradient(180deg,var(--bg),rgba(149,191,71,.03),var(--bg))}

/* VIS: Custom Web Dev - Code Editor + Layers */
.vis-web{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px}
.vis-code-editor{background:rgba(0,0,0,.4);border-radius:12px;overflow:hidden;border:1px solid rgba(45,212,191,.15);box-shadow:0 20px 60px rgba(45,212,191,.08)}
.vis-code-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:rgba(0,0,0,.3)}
.vis-code-title{font-size:.72rem;color:var(--text2);margin-left:auto;font-family:var(--mono)}
.vis-code-body{padding:16px 18px;font-family:var(--mono);font-size:.78rem;line-height:2}
.vis-code-line{display:flex;gap:8px;align-items:center}
.cl-num{color:var(--muted);min-width:16px;font-size:.7rem}
.cl-kw{color:var(--violet2)}.cl-fn{color:var(--teal)}.cl-str{color:var(--gold)}
.vis-layer{padding:14px 20px;border-radius:10px;font-size:.8rem;font-weight:600;text-align:center;border:1px solid;animation:cardFloat 6s ease-in-out infinite}
.vis-layer-1{background:rgba(45,212,191,.06);border-color:rgba(45,212,191,.15);color:var(--teal);animation-delay:0s}
.vis-layer-2{background:rgba(139,92,246,.06);border-color:rgba(139,92,246,.15);color:var(--violet2);animation-delay:-2s}
.vis-layer-3{background:rgba(201,168,76,.06);border-color:rgba(201,168,76,.15);color:var(--gold);animation-delay:-4s}

/* VIS: Ecommerce - Storefront */
.vis-ecom{width:100%;max-width:400px}
.vis-store{background:rgba(0,0,0,.35);border-radius:12px;overflow:hidden;border:1px solid rgba(201,168,76,.15);box-shadow:0 20px 60px rgba(201,168,76,.08)}
.vis-store-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--bdr2)}
.vis-store-logo{width:60px;height:10px;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:5px}
.vis-store-cart{font-size:.85rem;display:flex;align-items:center;gap:4px;color:var(--text2)}
.vis-cart-badge{background:var(--rose);color:#fff;font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:10px}
.vis-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}
.vis-product{border-radius:8px;overflow:hidden;background:rgba(255,255,255,.02);border:1px solid var(--bdr2);transition:var(--t)}
.vis-product:hover{border-color:rgba(201,168,76,.2);transform:translateY(-2px)}
.vis-product-img{height:70px}
.vis-product-info{padding:8px 10px;display:flex;justify-content:space-between;align-items:center}
.vis-product-name{width:50px;height:6px;background:rgba(255,255,255,.08);border-radius:3px}
.vis-product-price{font-family:var(--heading);font-size:.8rem;font-weight:700;color:var(--gold)}

/* VIS: Redesign - Before/After */
.vis-redesign{display:flex;align-items:center;gap:20px;width:100%;max-width:420px}
.vis-before,.vis-after{flex:1}
.vis-before-label,.vis-after-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;text-align:center}
.vis-before-label{color:var(--muted)}
.vis-after-label{color:var(--teal)}
.vis-old-site{background:rgba(0,0,0,.3);border-radius:8px;padding:8px;border:1px solid rgba(255,255,255,.04);opacity:.6}
.vis-old-nav{height:8px;background:rgba(255,255,255,.05);border-radius:3px;margin-bottom:6px}
.vis-old-hero{height:40px;background:rgba(255,255,255,.03);border-radius:4px;margin-bottom:6px}
.vis-old-blocks{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.vis-old-blocks div{height:30px;background:rgba(255,255,255,.02);border-radius:3px}
.vis-arrow-transform{font-size:1.8rem;color:var(--rose);animation:pulseArrow 2s ease-in-out infinite}
@keyframes pulseArrow{0%,100%{opacity:.5;transform:translateX(0)}50%{opacity:1;transform:translateX(5px)}}
.vis-new-site{background:rgba(0,0,0,.35);border-radius:8px;padding:8px;border:1px solid rgba(45,212,191,.15);box-shadow:0 8px 30px rgba(45,212,191,.06)}
.vis-new-nav{height:8px;background:linear-gradient(90deg,rgba(45,212,191,.2),rgba(139,92,246,.15));border-radius:3px;margin-bottom:6px}
.vis-new-hero{height:40px;background:linear-gradient(135deg,rgba(244,63,94,.1),rgba(139,92,246,.08));border-radius:4px;margin-bottom:6px}
.vis-new-blocks{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}
.vis-new-blocks div{height:30px;background:linear-gradient(135deg,rgba(45,212,191,.08),rgba(201,168,76,.05));border-radius:3px}

/* VIS: WordPress - Dashboard */
.vis-wp{width:100%;max-width:420px}
.vis-wp-dash{display:flex;background:rgba(0,0,0,.35);border-radius:12px;overflow:hidden;border:1px solid rgba(139,92,246,.15);box-shadow:0 20px 60px rgba(139,92,246,.08);height:260px}
.vis-wp-sidebar{width:50px;background:rgba(139,92,246,.08);padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;border-right:1px solid var(--bdr2)}
.vis-wp-logo{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.7rem;color:#fff;margin-bottom:8px}
.vis-wp-menu{display:flex;flex-direction:column;gap:6px;width:100%}
.vis-wp-menu div{height:6px;background:rgba(255,255,255,.06);border-radius:3px}
.vis-wp-menu div.active{background:linear-gradient(90deg,var(--violet),var(--violet2))}
.vis-wp-main{flex:1;padding:12px;display:flex;flex-direction:column;gap:10px}
.vis-wp-topbar{display:flex;justify-content:space-between;align-items:center}
.vis-wp-search{width:60%;height:22px;background:rgba(255,255,255,.04);border-radius:6px;border:1px solid var(--bdr2)}
.vis-wp-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--violet2),var(--accent))}
.vis-wp-content{flex:1;display:flex;flex-direction:column;gap:8px}
.vis-wp-block-hero{height:60px;background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(139,92,246,.04));border-radius:8px}
.vis-wp-blocks-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;flex:1}
.vis-wp-block-sm{background:rgba(255,255,255,.03);border-radius:6px;border:1px solid var(--bdr2)}

/* VIS: Shopify - Store */
.vis-shopify{width:100%;max-width:380px}
.vis-sf-store{background:rgba(0,0,0,.35);border-radius:12px;overflow:hidden;border:1px solid rgba(149,191,71,.15);box-shadow:0 20px 60px rgba(149,191,71,.08)}
.vis-sf-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--bdr2)}
.vis-sf-logo-s{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#95bf47,#5e8e3e);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.75rem;color:#fff}
.vis-sf-nav-items{display:flex;gap:8px}
.vis-sf-nav-items span{width:30px;height:5px;background:rgba(255,255,255,.06);border-radius:3px}
.vis-sf-cart-s{font-size:.85rem}
.vis-sf-hero-banner{height:80px;margin:10px;border-radius:8px;background:linear-gradient(135deg,rgba(149,191,71,.12),rgba(45,212,191,.06));border:1px solid rgba(149,191,71,.1)}
.vis-sf-products{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 10px 12px}
.vis-sf-prod{border-radius:8px;overflow:hidden;background:rgba(255,255,255,.02);border:1px solid var(--bdr2);transition:var(--t)}
.vis-sf-prod:hover{border-color:rgba(149,191,71,.2);transform:translateY(-2px)}
.vis-sf-prod-img{height:60px;background:linear-gradient(135deg,rgba(149,191,71,.1),rgba(149,191,71,.03))}
.vis-sf-prod-details{padding:6px 8px;display:flex;justify-content:space-between;align-items:center}
.vis-sf-prod-name{width:45px;height:5px;background:rgba(255,255,255,.08);border-radius:3px}
.vis-sf-prod-price{font-family:var(--heading);font-size:.75rem;font-weight:700;color:#95bf47}
.vis-sf-add-btn{margin:0 8px 8px;padding:6px;border-radius:6px;background:linear-gradient(135deg,#95bf47,#5e8e3e);color:#fff;font-size:.65rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:1px}