:root{--bg:#030612;--panel:#091127;--panel2:#0d1734;--text:#f4f8ff;--muted:#a9b8d6;--blue:#139dff;--cyan:#23e4ff;--purple:#8b35ff;--pink:#ff35e8;--green:#00d98e;--line:rgba(255,255,255,.12);--glass:rgba(255,255,255,.07);--radius:24px;--shadow:0 26px 90px rgba(0,0,0,.42)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;font-family:Inter,system-ui,Segoe UI,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 88%);pointer-events:none;z-index:-2}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.section{padding:58px 0}.section.compact{padding:42px 0}.section-slim{padding:42px 0}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.ambient-bg{position:fixed;inset:0;z-index:-3;overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(35,228,255,.14),transparent 26%),radial-gradient(circle at 80% 10%,rgba(255,53,232,.12),transparent 25%),linear-gradient(135deg,#030612,#071024 48%,#12071c)}.ambient-bg span{position:absolute;width:34vw;height:34vw;min-width:280px;min-height:280px;border-radius:50%;filter:blur(75px);opacity:.35;animation:floatBg 16s ease-in-out infinite}.ambient-bg span:nth-child(1){left:-10%;top:12%;background:var(--blue)}.ambient-bg span:nth-child(2){right:-12%;top:8%;background:var(--pink);animation-delay:-4s}.ambient-bg span:nth-child(3){left:28%;bottom:-22%;background:var(--purple);animation-delay:-8s}.ambient-bg span:nth-child(4){right:24%;bottom:8%;background:var(--cyan);animation-delay:-2s}@keyframes floatBg{50%{transform:translate3d(60px,-40px,0) scale(1.14)}}.loader{position:fixed;inset:0;background:#030612;z-index:9999;display:grid;place-items:center;align-content:center;gap:14px;transition:.5s}.loader.hidden{opacity:0;visibility:hidden}.loader-orb{width:68px;height:68px;border-radius:50%;background:conic-gradient(var(--cyan),var(--purple),var(--pink),var(--blue),var(--cyan));animation:spin 1s linear infinite;box-shadow:0 0 70px rgba(35,228,255,.4)}.loader-orb:after{content:"";position:absolute;width:44px;height:44px;border-radius:50%;background:var(--bg);transform:translate(12px,12px)}@keyframes spin{to{transform:rotate(360deg)}}.progress-line{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--cyan),var(--pink));z-index:3000;box-shadow:0 0 22px var(--cyan)}.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:9998;border-radius:50%;transform:translate(-50%,-50%)}.cursor-dot{width:8px;height:8px;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.cursor-ring{width:36px;height:36px;border:1px solid rgba(255,255,255,.5)}.top-contact{border-bottom:1px solid var(--line);background:rgba(2,6,18,.58);backdrop-filter:blur(14px)}.top-contact-inner{min-height:38px;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;font-size:.86rem;color:#dceaff}.top-contact a,.top-contact span{display:inline-flex;align-items:center;gap:7px}.top-contact i{color:var(--cyan)}.site-header{position:sticky;top:0;z-index:1000;background:rgba(3,6,18,.74);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.09);transition:.25s}.site-header.scrolled{box-shadow:0 16px 55px rgba(0,0,0,.32)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:48px;height:48px;border-radius:16px;object-fit:cover;box-shadow:0 0 35px rgba(35,228,255,.2)}.brand span{line-height:1;display:flex;flex-direction:column}.brand b{font-family:"Space Grotesk",Inter,sans-serif;font-weight:900;letter-spacing:.3px}.brand em{font-size:.75rem;letter-spacing:3px;text-transform:uppercase;color:var(--cyan);font-style:normal}.nav-menu{display:flex;align-items:center;gap:6px}.nav-menu a{padding:10px 12px;border-radius:999px;color:#d9e7ff;font-weight:800;font-size:.9rem;transition:.25s;position:relative}.nav-menu a:hover,.nav-menu a.is-active{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px var(--line)}.nav-cta{background:linear-gradient(135deg,var(--blue),var(--purple))!important;color:#fff!important;box-shadow:0 12px 34px rgba(19,157,255,.25)}.nav-login{width:42px;height:42px;display:grid!important;place-items:center;padding:0!important;background:rgba(255,255,255,.08)}.nav-toggle{display:none;border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:14px;padding:11px 13px;font-size:1.1rem}.hero{min-height:calc(100vh - 114px);display:grid;align-items:center;padding:58px 0 40px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.eyebrow{display:inline-flex;gap:9px;align-items:center;color:var(--cyan);font-weight:900;text-transform:uppercase;letter-spacing:2px;font-size:.75rem}.hero h1,.page-hero h1{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(2.7rem,6vw,6.1rem);line-height:.95;margin:14px 0;letter-spacing:-3px}.typing-text{background:linear-gradient(90deg,#fff,var(--cyan),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 28px rgba(35,228,255,.2)}.typing-text:after{content:"|";color:var(--cyan);margin-left:4px;animation:blink .8s steps(2) infinite}@keyframes blink{50%{opacity:0}}.hero p,.lead{font-size:1.08rem;line-height:1.75;color:var(--muted);max-width:760px}.hero-actions,.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border-radius:999px;color:#fff;font-weight:900;position:relative;overflow:hidden;transition:.25s;box-shadow:0 12px 34px rgba(0,0,0,.25)}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translateX(-120%);transition:.6s}.btn:hover:before{transform:translateX(120%)}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--purple),var(--pink))}.btn-ghost{background:rgba(255,255,255,.08);border:1px solid var(--line)}.spin-btn.loading i{animation:spin .8s linear infinite}.hero-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hero-proof span{padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);color:#dfeaff}.hero-proof b{color:#fff}.hero-showcase{position:relative;border-radius:34px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:rgba(255,255,255,.06);min-height:520px}.hero-showcase img{width:100%;height:520px;object-fit:cover}.floating-card{position:absolute;padding:12px 15px;border-radius:18px;background:rgba(3,6,18,.72);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.16);font-weight:900;box-shadow:0 16px 45px rgba(0,0,0,.25);animation:floatCard 5s ease-in-out infinite}.fc1{left:24px;top:30px}.fc2{right:24px;top:48%}.fc3{left:35px;bottom:30px}@keyframes floatCard{50%{transform:translateY(-12px)}}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-head h2,.newsletter h2,.cta-mega h2{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(1.8rem,3.6vw,3.2rem);line-height:1.02;margin:8px 0;letter-spacing:-1.6px}.section-head p{max-width:620px;color:var(--muted);line-height:1.65}.strip{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.01));border-block:1px solid rgba(255,255,255,.05)}.flip-card{min-height:320px;perspective:1300px;position:relative}.flip-inner{position:relative;min-height:320px;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.8,.2,1)}.flip-card:hover .flip-inner,.flip-card.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{position:absolute;inset:0;border-radius:var(--radius);backface-visibility:hidden;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 60px rgba(0,0,0,.26);background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.04))}.flip-front img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05);transition:.45s}.flip-card:hover .flip-front img{transform:scale(1.07)}.flip-front:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,18,.08),rgba(3,6,18,.82) 74%)}.flip-front.no-img:after{background:radial-gradient(circle at 30% 15%,rgba(35,228,255,.22),transparent 34%),linear-gradient(160deg,rgba(19,157,255,.16),rgba(139,53,255,.13),rgba(255,53,232,.1))}.flip-front-content{position:absolute;inset:auto 18px 18px 18px;z-index:1;text-align:center}.flip-front.no-img .flip-front-content{inset:0;display:grid;place-items:center;align-content:center;padding:22px}.flip-front h3,.flip-back h3{color:#fff;font-family:"Space Grotesk",Inter,sans-serif;font-size:1.35rem;letter-spacing:-.5px;margin:12px 0}.flip-back{transform:rotateY(180deg);padding:24px;display:grid;align-content:center;text-align:center;background:linear-gradient(145deg,rgba(12,22,48,.96),rgba(21,12,44,.96));overflow:auto}.flip-back p{color:#d9e7ff;line-height:1.6}.flip-back ul{list-style:none;padding:0;display:grid;gap:8px;color:#d9e7ff}.flip-back li:before{content:"✓ ";color:var(--cyan)}.icon-bubble{width:58px;height:58px;margin:auto;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--purple));box-shadow:0 14px 35px rgba(35,228,255,.22);font-size:1.4rem}.tag{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(35,228,255,.13);color:var(--cyan);font-weight:900;font-size:.76rem}.event-date{position:absolute;right:16px;top:16px;z-index:2;display:grid;place-items:center;min-width:58px;padding:9px 10px;border-radius:16px;background:linear-gradient(180deg,var(--cyan),var(--blue));color:#041023;box-shadow:0 12px 35px rgba(0,0,0,.3);font-weight:900}.event-date b{font-size:1.45rem;line-height:1}.event-date span{text-transform:uppercase;font-size:.72rem}.stat,.testimonial-card,.tool-box,.form-box,.contact-panel,.article-card,.cta-mega,.newsletter-box{border:1px solid var(--line);background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border-radius:var(--radius);box-shadow:0 18px 60px rgba(0,0,0,.22);backdrop-filter:blur(14px)}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:24px;text-align:center}.stat strong{display:block;font-size:2.2rem}.testimonial-card{padding:24px}.testimonial-card p{color:#dbe7ff;line-height:1.65}.testimonial-card span{display:block;color:var(--muted);margin-top:4px}.stars{color:#ffd35c;display:flex;gap:5px;margin-bottom:12px}.cta-mega,.newsletter-box{padding:28px;display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center}.newsletter-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}input,select,textarea,.form-control{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;border-radius:16px;padding:14px 15px;outline:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#95a7c8}.form-box{padding:26px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.form-box form{display:grid;gap:12px}.contact-panel{padding:24px}.contact-panel img,.article-card img{width:100%;height:300px;object-fit:cover;border-radius:18px;margin-bottom:18px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.filters input,.filters select{max-width:250px}.page-hero{padding:72px 0 34px}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.team-card{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,.04));box-shadow:0 18px 60px rgba(0,0,0,.22);transition:.28s}.team-card:hover{transform:translateY(-8px)}.team-card img{width:100%;height:290px;object-fit:cover}.team-card div{padding:20px}.team-card p{color:var(--muted);line-height:1.6}.tool-box{padding:26px}.check-list{display:grid;gap:10px;margin:16px 0}.check-list label{display:flex;gap:10px;align-items:center;color:#dbe7ff;padding:10px;border-radius:12px;background:rgba(255,255,255,.05)}.check-list input{width:auto}.audit-result,.plan-output{margin-top:14px;padding:16px;border-radius:16px;background:rgba(35,228,255,.1);border:1px solid rgba(35,228,255,.18)}.audit-result strong{display:block;font-size:2rem}.article-content{padding:22px;color:#dbe7ff;line-height:1.75}.article-card{overflow:hidden}.article-card img{border-radius:0;margin:0;height:380px}.footer{padding:48px 0 22px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(3,6,18,.55),rgba(2,4,12,.95))}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:24px}.footer-logo-line{display:inline-flex;align-items:center;gap:12px;font-weight:900}.footer-logo-line img{width:50px;height:50px;border-radius:17px}.footer p,.footer a{color:#c9d7f2;line-height:1.65}.footer a{display:block;margin:8px 0}.socials{display:flex;gap:10px}.socials a{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);background:rgba(255,255,255,.07);border-radius:14px;margin:0}.footer-cta{display:inline-flex!important;gap:8px;padding:10px 12px;background:rgba(35,228,255,.1);border-radius:999px;color:#fff!important}.footer-bottom{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#c9d7f2}.whatsapp-float{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;z-index:1200;background:#25d366;color:#fff;font-size:1.75rem;box-shadow:0 18px 50px rgba(37,211,102,.34);animation:pulse 2s infinite}@keyframes pulse{50%{transform:scale(1.06);box-shadow:0 18px 65px rgba(37,211,102,.55)}}.growth-assistant{position:fixed;right:18px;bottom:88px;z-index:1300}.assistant-toggle{width:52px;height:52px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--pink));color:#fff;font-size:1.2rem;box-shadow:0 16px 45px rgba(255,53,232,.25);cursor:pointer}.assistant-panel{position:absolute;right:0;bottom:62px;width:270px;padding:18px;border-radius:20px;border:1px solid var(--line);background:rgba(5,9,25,.94);backdrop-filter:blur(15px);box-shadow:var(--shadow);display:none}.growth-assistant.open .assistant-panel{display:grid;gap:10px}.assistant-panel p{margin:0;color:var(--muted)}.toast-zone{position:fixed;right:18px;top:100px;z-index:4000;display:grid;gap:10px}.toast{padding:13px 16px;border-radius:16px;background:rgba(6,14,30,.94);border:1px solid var(--line);box-shadow:0 16px 40px rgba(0,0,0,.32);display:flex;gap:10px;color:#fff;max-width:360px}.reveal{opacity:0;transform:translateY(26px);transition:.65s}.reveal.visible{opacity:1;transform:none}@media(max-width:1100px){.hero-grid,.grid-4,.footer-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.nav-toggle{display:inline-flex}.nav-menu{position:fixed;top:116px;left:14px;right:14px;display:none;grid-template-columns:1fr;border:1px solid var(--line);border-radius:24px;padding:16px;background:rgba(3,6,18,.96);box-shadow:var(--shadow)}.nav-menu.open{display:grid}.nav-menu a{width:100%;text-align:center}.nav-login{width:100%}}@media(max-width:760px){.container{width:calc(100% - 22px)}.top-contact-inner{gap:8px;font-size:.78rem}.hero{min-height:auto;padding:42px 0 28px}.hero-grid,.grid-2,.grid-3,.grid-4,.stats-strip,.team-grid,.footer-grid,.cta-mega,.newsletter-box{grid-template-columns:1fr}.hero h1,.page-hero h1{font-size:clamp(2.2rem,11vw,3.5rem);letter-spacing:-1.5px}.section,.section.compact,.section-slim{padding:34px 0}.hero-showcase,.hero-showcase img{min-height:360px;height:360px}.floating-card{position:static;margin:8px;display:inline-flex}.flip-card,.flip-inner{min-height:330px}.section-head{display:grid;margin-bottom:18px}.form-row,.newsletter-form{grid-template-columns:1fr}.filters input,.filters select{max-width:none}.team-card img{height:250px}.cursor-dot,.cursor-ring{display:none}.whatsapp-float{width:54px;height:54px}.growth-assistant{display:none}}@media(max-width:420px){.hero-actions .btn,.actions .btn,.newsletter-form .btn{width:100%}.flip-card,.flip-inner{min-height:350px}.brand em{letter-spacing:2px}.nav{height:68px}.brand img{width:42px;height:42px}}


/* v29 image + card polish */
.hero-showcase img,.flip-front img,.team-card img,.contact-panel img,.article-card img{object-position:center top}
.flip-front img{height:100%;min-height:320px}
.flip-front-content h3{color:#fff;text-shadow:0 10px 28px rgba(0,0,0,.55)}
.team-card{display:flex;flex-direction:column;height:100%}
.team-card div{display:flex;flex-direction:column;gap:10px;flex:1}
.team-card .btn{margin-top:auto}
.contact-panel img,.article-card img{object-fit:cover}
.empty-note{padding:16px;border:1px dashed rgba(255,255,255,.18);border-radius:16px;color:#cfe0ff;background:rgba(255,255,255,.04)}
.admin-table .btn{padding:10px 12px}
@media(max-width:760px){
  .flip-front img{min-height:330px}
  .flip-front-content{left:14px;right:14px;bottom:14px}
  .contact-panel img,.article-card img{height:260px}
}


/* === VERSION 30 REAL IMAGE UPGRADE === */
.hero-showcase img{aspect-ratio:16/10;object-fit:cover;object-position:center center;filter:saturate(1.08) contrast(1.05);}
.v30-showcase .showcase-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.v30-showcase .showcase-strip img{width:100%;height:260px;object-fit:cover;border-radius:24px;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.36)}
.v30-showcase .showcase-strip img:first-child{height:260px;grid-row:span 2}
.flip-front img{object-fit:cover;object-position:center center;}
.flip-card:nth-child(4) .flip-front img,.flip-card .flip-front img[src*="ecommerce"]{object-position:center center;}
.team-hero-card{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:32px;background:linear-gradient(145deg,rgba(8,15,34,.92),rgba(17,11,37,.88));box-shadow:0 24px 80px rgba(0,0,0,.32)}
.team-hero-card img{width:100%;height:460px;object-fit:cover;object-position:center top;border-radius:26px}
.team-hero-card div{padding:10px 12px}
.team-hero-card h2{margin:8px 0 12px}
.contact-panel img{object-position:center top;}
.portfolio-card img,.card-img{object-position:center center;}
@media(max-width:900px){
  .v30-showcase .showcase-strip,.team-hero-card{grid-template-columns:1fr}
  .v30-showcase .showcase-strip img,.v30-showcase .showcase-strip img:first-child,.team-hero-card img{height:280px;grid-row:auto}
}

/* === VERSION 31 FUNCTIONAL POLISH: LOGIN, SIGNUP, COOKIES, LINKS, MEDIA === */
.auth-section{padding-top:28px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}.auth-visual{position:relative;min-height:560px;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}.auth-visual img{width:100%;height:100%;object-fit:cover;object-position:center top}.auth-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,18,.05),rgba(3,6,18,.8))}.auth-caption{position:absolute;left:24px;right:24px;bottom:24px;z-index:1}.auth-caption h2{font-family:"Space Grotesk";font-size:2.2rem;margin:0 0 8px}.auth-caption p{color:#dce9ff;line-height:1.7}.auth-card{align-self:center}.auth-card h1{font-family:"Space Grotesk";font-size:2.4rem;margin:8px 0 18px}.form-note{color:var(--muted);line-height:1.6}.form-note a{color:var(--cyan);font-weight:900}.error-box{padding:13px 14px;border:1px solid rgba(255,85,85,.45);background:rgba(255,85,85,.12);color:#ffdede;border-radius:16px;margin:12px 0}.cookie-settings-link{display:block;margin:8px 0;background:none;border:0;color:#c9d7f2;padding:0;font:inherit;cursor:pointer;text-align:left}.cookie-settings-link:hover{color:#fff}.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:5000;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border-radius:24px;background:rgba(4,8,22,.96);border:1px solid rgba(255,255,255,.15);box-shadow:0 24px 90px rgba(0,0,0,.5);backdrop-filter:blur(18px)}.cookie-banner p{margin:6px 0 0;color:var(--muted);line-height:1.55}.cookie-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.cookie-modal{position:fixed;inset:0;z-index:5100;background:rgba(0,0,0,.62);display:grid;place-items:center;padding:18px}.cookie-modal-card{width:min(560px,96vw);position:relative;padding:26px;border-radius:28px;background:linear-gradient(155deg,rgba(10,20,42,.98),rgba(22,13,42,.98));border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow)}.modal-close{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff;cursor:pointer}.cookie-row{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:14px 0;padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05)}.cookie-row small{display:block;color:var(--muted);line-height:1.5;margin-top:4px}.cookie-row input{width:22px;height:22px;accent-color:var(--purple)}.page-hero{padding:58px 0 34px}.page-hero .container{position:relative}.contact-panel{padding:18px;border-radius:28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}.contact-panel img{width:100%;height:360px;border-radius:22px;object-fit:cover}.testimonial-card{padding:22px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 50px rgba(0,0,0,.25)}.testimonial-card p{color:#dbe7ff;line-height:1.7}.testimonial-card span{display:block;color:var(--muted);margin-top:6px}.stars{color:#ffd166;display:flex;gap:5px}.admin-sidebar a,.nav-menu a,.footer a,.btn{touch-action:manipulation}.nav-menu a:focus-visible,.btn:focus-visible,input:focus,select:focus,textarea:focus{outline:2px solid var(--cyan);outline-offset:3px}.form-box input,.form-box textarea,.form-box select,input,select,textarea{width:100%;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);color:#fff;border-radius:16px;padding:14px 15px;font:inherit}.form-box textarea,textarea{resize:vertical;min-height:120px}select option{background:#071024;color:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.form-box input,.form-box select,.form-box textarea{margin-bottom:12px}.nav-menu .nav-login{flex-shrink:0}.article-content a{color:var(--cyan);font-weight:900}.showcase-strip img,.hero-showcase img,.contact-panel img,.team-card img,.flip-front img{background:#071024}
@media(max-width:1200px){.nav-menu{gap:4px}.nav-menu a{font-size:.84rem;padding:9px 10px}.container{width:min(1120px,94%)}}
@media(max-width:980px){.auth-grid{grid-template-columns:1fr}.auth-visual{min-height:360px}.cookie-banner{display:grid}.cookie-actions{justify-content:start}.nav-menu{top:106px}.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.auth-visual{min-height:300px}.auth-caption h2{font-size:1.7rem}.auth-card h1{font-size:2rem}.form-row,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.cookie-banner{left:10px;right:10px;bottom:10px;padding:14px}.cookie-actions .btn{width:100%;padding:11px 12px}.cookie-row{align-items:flex-start}.footer-bottom{padding-bottom:70px}.top-contact-inner{justify-content:flex-start}.contact-panel img{height:280px}.page-hero{padding:38px 0 22px}.hero-showcase{min-height:330px}.hero-showcase img{height:330px}.v30-showcase .showcase-strip img{height:230px}.nav-menu{top:98px}.nav{height:66px}.section-head h2,.newsletter h2,.cta-mega h2{font-size:2rem}}
@media(max-width:430px){.container{width:calc(100% - 18px)}.brand b{font-size:.92rem}.brand em{font-size:.65rem}.top-contact{display:none}.nav-menu{top:74px}.hero h1,.page-hero h1{font-size:2.35rem}.btn{width:100%;padding:13px}.hero-actions,.actions{gap:9px}.flip-card,.flip-inner{min-height:360px}.cookie-modal-card{padding:20px}.auth-visual{min-height:260px}.auth-caption{left:16px;right:16px;bottom:16px}.auth-caption p{font-size:.93rem}}


/* ===== WEBCORE STUDIO360 V32 FUNCTIONAL FIXES ===== */
[hidden]{display:none!important}body.modal-open{overflow:hidden}.cookie-banner{z-index:8000;align-items:center}.cookie-banner[hidden],.cookie-modal[hidden]{display:none!important}.cookie-modal{position:fixed!important;inset:0!important;z-index:9000!important;display:grid!important;place-items:center!important;background:rgba(2,5,16,.78)!important;backdrop-filter:blur(10px);padding:16px}.cookie-modal-card{max-height:92vh;overflow:auto}.cookie-intro{color:var(--muted);margin-top:-8px;line-height:1.55}.cookie-modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.cookie-row{cursor:pointer}.cookie-row input:disabled{cursor:not-allowed;opacity:.8}.cookie-actions .btn,.cookie-modal-actions .btn{white-space:nowrap}.nav-menu a{cursor:pointer}.blog-reactions{display:flex;gap:10px;flex-wrap:wrap;padding:14px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}.blog-reactions .btn{width:auto}.comment-list{margin-top:22px;display:grid;gap:12px}.comment-item{padding:14px 15px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05)}.comment-item b{color:#fff}.comment-item small{display:block;color:var(--muted);margin:4px 0 8px}.comment-item p{margin:0;color:#dce7ff;line-height:1.6}.empty-note{padding:16px;border:1px dashed rgba(255,255,255,.18);border-radius:16px;color:#cfe0ff;background:rgba(255,255,255,.04)}.auth-card .btn,.form-box .btn{margin-top:4px}.nav-menu .is-active{color:#fff;background:rgba(255,255,255,.08)}.article-card{overflow:hidden}.article-card>img{width:100%;height:430px;object-fit:cover;object-position:center top}.article-content{padding:22px}.article-content p{line-height:1.85;color:#dce7ff}.article-content h2,.article-content h3{color:#fff}.loading{opacity:.7;pointer-events:none}.loading:after{content:'';display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;margin-left:8px;vertical-align:-2px;animation:spin .7s linear infinite}.auth-grid{gap:18px}.auth-visual,.auth-card{min-width:0}.form-box input,.form-box select,.form-box textarea{box-sizing:border-box}.badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.badge-row span{display:inline-flex;gap:8px;align-items:center;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#dce7ff}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.cookie-banner{display:grid!important;grid-template-columns:1fr}.cookie-actions{justify-content:stretch}.cookie-actions .btn{flex:1}.article-card>img{height:340px}}
@media(max-width:700px){.cookie-banner{left:8px!important;right:8px!important;bottom:8px!important;border-radius:18px}.cookie-actions{display:grid}.cookie-actions .btn,.cookie-modal-actions .btn{width:100%}.cookie-modal{align-items:end;padding:10px}.cookie-modal-card{width:100%;border-radius:22px;max-height:88vh;padding:20px}.cookie-row{padding:13px;gap:10px}.blog-reactions{display:grid}.blog-reactions .btn{width:100%}.article-card>img{height:260px}.auth-grid{grid-template-columns:1fr!important}.auth-visual{min-height:250px!important}.nav-menu a{font-size:.95rem}.badge-row span{width:100%;justify-content:center}}


/* v33 services image fix */
.service-flip-card .flip-front img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:brightness(.58) saturate(1.08) contrast(1.05)}
.service-flip-card .flip-front:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(5,8,25,.62) 55%,rgba(2,4,16,.88));pointer-events:none}
.service-flip-card .flip-front-content{z-index:2}
.service-flip-card .icon-bubble{box-shadow:0 18px 50px rgba(64,101,255,.45),0 0 28px rgba(204,48,255,.35)}
.service-flip-card h3{font-size:1.08rem;line-height:1.2;text-wrap:balance;max-width:92%;margin-left:auto;margin-right:auto}
.service-flip-card .flip-back{background:radial-gradient(circle at top left,rgba(65,120,255,.2),transparent 28%),linear-gradient(160deg,#080b1a,#10162f 55%,#140b29)}
@media(max-width:760px){.service-flip-card .flip-front img{object-position:center top}.service-flip-card h3{font-size:1rem}.grid.grid-3{gap:16px}}


/* === v34 image visibility + login/admin routing polish === */
.service-flip-card .flip-front img,
.flip-front img{filter:brightness(.94) saturate(1.18) contrast(1.05)!important;opacity:1!important;}
.service-flip-card .flip-front:after{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(2,5,18,.22) 55%,rgba(2,5,18,.48))!important;}
.flip-front:after{background:linear-gradient(180deg,rgba(3,6,18,.01),rgba(3,6,18,.30) 62%,rgba(3,6,18,.58))!important;}
.service-flip-card:hover .flip-front img{filter:brightness(1.04) saturate(1.25) contrast(1.08)!important;transform:scale(1.06);}
.service-flip-card .flip-front-content{background:linear-gradient(180deg,transparent,rgba(2,5,18,.22));border-radius:18px;padding:10px 8px;text-shadow:0 4px 20px rgba(0,0,0,.7);}
.service-flip-card .icon-bubble{background:linear-gradient(135deg,#1aa8ff,#8a35ff)!important;box-shadow:0 14px 35px rgba(0,0,0,.32),0 0 26px rgba(35,228,255,.34)!important;}
.nav-login.wide{width:auto!important;padding:10px 13px!important;gap:8px!important;}
@media(max-width:760px){.service-flip-card .flip-front img{object-position:center top!important}.service-flip-card .flip-front:after{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(2,5,18,.24),rgba(2,5,18,.58))!important}.nav-login.wide{width:100%!important}}


/* V36 final link, login and mobile nav polish */
@media(max-width:980px){
  .top-contact{display:none!important}
  .nav{height:72px}
  .nav-toggle{display:inline-flex!important;align-items:center;justify-content:center;z-index:2002}
  .nav-menu{position:fixed!important;top:72px!important;left:4%!important;right:4%!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:16px!important;border-radius:24px!important;background:rgba(5,8,24,.98)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 24px 80px rgba(0,0,0,.55)!important;backdrop-filter:blur(20px)!important;transform:translateY(-14px) scale(.98)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;max-height:calc(100vh - 92px)!important;overflow:auto!important}
  .nav-menu.open{transform:translateY(0) scale(1)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .nav-menu a{width:100%!important;min-height:44px!important;border-radius:16px!important;justify-content:center!important;display:flex!important;align-items:center!important}
  .nav-login{width:100%!important;height:46px!important}
  .nav-login.wide{width:100%!important}
  .nav-cta{width:100%!important}
  .brand span b{font-size:.95rem}.brand em{font-size:.62rem;letter-spacing:2px}
}
@media(max-width:520px){.brand img{width:42px!important;height:42px!important}.nav{height:68px}.nav-menu{top:68px!important}.container{width:min(94%,1180px)!important}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}}
.service-flip-card .flip-front:after{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(3,6,18,.28),rgba(3,6,18,.68))!important}
.flip-front img{filter:saturate(1.12) brightness(1.08)!important}
.loader{transition:.35s!important}.loader.hidden{display:none!important}

/* v37 updates: uniform service images, horizontal branding, clickable content cards, custom validation */
.brand,
.footer-logo-line{
  display:flex!important;
  align-items:center!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
}
.brand span{
  display:flex!important;
  align-items:center!important;
  flex-direction:row!important;
  gap:7px!important;
  white-space:nowrap!important;
  line-height:1!important;
}
.brand b,.brand em{display:inline-block!important;white-space:nowrap!important}.brand em{letter-spacing:2px!important}.brand img{flex:0 0 auto!important}.footer-logo-line span{white-space:nowrap!important}
.service-flip-card,.service-flip-card .flip-inner{min-height:370px;height:370px}.service-flip-card .flip-front img{width:100%;height:370px!important;min-height:370px!important;object-fit:cover;object-position:center center}.service-flip-card .flip-back{min-height:370px}.service-flip-card .icon-bubble{margin-bottom:10px}
.clickable-card{cursor:pointer}.card-full-link{position:absolute;inset:0;z-index:3;border-radius:var(--radius);font-size:0;color:transparent}.clickable-card .flip-front-content,.clickable-card .event-date{z-index:4;pointer-events:none}.mini-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:900;font-size:.82rem}.clickable-card .flip-back .btn{position:relative;z-index:5}.badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.badge-row span{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line);color:#dfeaff;font-weight:800}.badge-row i{color:var(--cyan)}
.field-invalid{border-color:rgba(255,83,112,.9)!important;box-shadow:0 0 0 3px rgba(255,83,112,.16)!important;background:rgba(255,83,112,.08)!important}.field-valid{border-color:rgba(0,217,142,.65)!important}.field-error{display:block;margin:-6px 0 6px 3px;color:#ffd4dc;font-size:.82rem;font-weight:800}.form-alert{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;margin:0 0 10px;padding:12px 14px;border-radius:16px;background:rgba(255,83,112,.12);border:1px solid rgba(255,83,112,.38);color:#ffe7eb;font-weight:800}.form-alert i{margin-top:2px;color:#ff8aa0}.admin-form .field-error{grid-column:auto}.newsletter-form .field-error{margin-top:0}.newsletter-form .form-alert{grid-column:1/-1}.auth-card .form-alert,.form-box .form-alert{margin-bottom:2px}
@media(max-width:760px){.brand{gap:8px!important;min-width:0}.brand img{width:42px!important;height:42px!important}.brand b{font-size:.95rem}.brand em{font-size:.68rem;letter-spacing:1px!important}.service-flip-card,.service-flip-card .flip-inner{min-height:350px;height:350px}.service-flip-card .flip-front img{height:350px!important;min-height:350px!important}.badge-row{gap:8px}.badge-row span{width:100%;justify-content:center}}
@media(max-width:380px){.brand b{font-size:.82rem}.brand em{font-size:.58rem;letter-spacing:.4px!important}.brand img{width:38px!important;height:38px!important}}

/* ================================
   WEBCORE FINAL NAVBAR FIX
   Home | Company ▼ | Services ▼ | Blogs | Shop | Login | Lock
   ================================ */

.site-header .nav {
    position: relative;
}

.site-header .nav-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

.site-header .nav-menu > a,
.site-header .nav-dropdown-btn {
    min-height: 42px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px;
    padding: 10px 13px !important;
    border-radius: 999px;
    color: #eaf3ff;
    font-weight: 900;
    font-size: 0.9rem;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: 0.25s ease;
    border: 0;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
}

.site-header .nav-menu > a:hover,
.site-header .nav-menu > a.is-active,
.site-header .nav-menu > a.active,
.site-header .nav-dropdown:hover .nav-dropdown-btn,
.site-header .nav-dropdown:focus-within .nav-dropdown-btn {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.site-header .nav-dropdown {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.site-header .nav-dropdown-btn i {
    font-size: 0.72rem;
    color: #23e4ff;
}

.site-header .nav-dropdown-menu {
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    width: 235px;
    padding: 12px;
    border-radius: 18px;
    background: rgba(8, 12, 28, 0.98);
    border: 1px solid rgba(255, 255, 255, 0.13);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
    display: none;
    z-index: 99999;
    backdrop-filter: blur(16px);
}

.site-header .nav-dropdown:hover .nav-dropdown-menu,
.site-header .nav-dropdown:focus-within .nav-dropdown-menu {
    display: grid;
    gap: 8px;
}

.site-header .nav-dropdown-menu a {
    width: 100%;
    min-height: 42px;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px;
    padding: 11px 12px !important;
    border-radius: 13px;
    color: #dbe7ff;
    font-weight: 800;
    font-size: 0.9rem;
    text-align: left;
    text-decoration: none;
    transition: 0.25s ease;
    background: transparent !important;
    box-shadow: none !important;
}

.site-header .nav-dropdown-menu a i {
    color: #23e4ff;
    width: 18px;
    text-align: center;
}

.site-header .nav-dropdown-menu a:hover {
    background: rgba(35, 228, 255, 0.1) !important;
    color: #ffffff;
}

.site-header .nav-login.wide {
    width: auto !important;
    min-width: auto !important;
    height: 42px !important;
    padding: 10px 13px !important;
    border-radius: 999px !important;
}

.site-header .nav-lock {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, rgba(35, 228, 255, 0.16), rgba(236, 42, 213, 0.22)) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 28px rgba(35, 228, 255, 0.14) !important;
}

.site-header .nav-lock:hover {
    transform: translateY(-2px);
    color: #23e4ff !important;
    box-shadow: 0 14px 36px rgba(35, 228, 255, 0.22) !important;
}

.site-header .nav-lock i {
    font-size: 1rem;
}

.site-header .nav-more,
.site-header .nav-more-btn,
.site-header .nav-more-menu,
.site-header .nav-cta,
.site-header .nav-menu .nav-cta,
.site-header .nav-menu .start-btn,
.site-header .nav-menu .btn-start,
.site-header .nav-menu a[href*="signup"],
.site-header .nav-menu a[href*="start"] {
    display: none !important;
}

@media (max-width: 1120px) {
    .site-header .nav-menu {
        gap: 5px !important;
    }

    .site-header .nav-menu > a,
    .site-header .nav-dropdown-btn {
        font-size: 0.84rem;
        padding: 9px 10px !important;
    }
}

@media (max-width: 980px) {
    .top-contact {
        display: none !important;
    }

    .site-header .nav {
        height: 72px;
    }

    .site-header .nav-toggle {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        z-index: 2002;
    }

    .site-header .nav-menu {
        position: fixed !important;
        top: 72px !important;
        left: 4% !important;
        right: 4% !important;
        width: auto !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 16px !important;
        border-radius: 24px !important;
        background: rgba(5, 8, 24, 0.98) !important;
        border: 1px solid rgba(255, 255, 255, 0.14) !important;
        box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55) !important;
        backdrop-filter: blur(20px) !important;
        transform: translateY(-14px) scale(0.98) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        max-height: calc(100vh - 92px) !important;
        overflow: auto !important;
        z-index: 2000 !important;
    }

    .site-header .nav-menu.open {
        transform: translateY(0) scale(1) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .site-header .nav-menu > a,
    .site-header .nav-dropdown-btn {
        width: 100% !important;
        min-height: 46px !important;
        justify-content: center !important;
        border-radius: 16px !important;
        font-size: 0.95rem !important;
    }

    .site-header .nav-dropdown {
        width: 100%;
        display: block;
    }

    .site-header .nav-dropdown-btn {
        background: rgba(255, 255, 255, 0.06);
        justify-content: space-between !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .site-header .nav-dropdown-menu {
        position: static;
        width: 100%;
        margin-top: 8px;
        box-shadow: none;
        background: rgba(255, 255, 255, 0.045);
        display: none;
    }

    .site-header .nav-dropdown:hover .nav-dropdown-menu,
    .site-header .nav-dropdown:focus-within .nav-dropdown-menu {
        display: grid;
    }

    .site-header .nav-lock {
        width: 100% !important;
        height: 46px !important;
        min-width: 100% !important;
        border-radius: 16px !important;
    }

    .site-header .nav-login,
    .site-header .nav-login.wide {
        width: 100% !important;
        height: 46px !important;
    }
}

@media (max-width: 520px) {
    .site-header .nav {
        height: 68px;
    }

    .site-header .nav-menu {
        top: 68px !important;
        left: 10px !important;
        right: 10px !important;
    }

    .site-header .brand {
        gap: 8px !important;
        min-width: 0;
    }

    .site-header .brand img {
        width: 42px !important;
        height: 42px !important;
    }

    .site-header .brand b {
        font-size: 0.9rem !important;
    }

    .site-header .brand em {
        font-size: 0.62rem !important;
        letter-spacing: 1px !important;
    }
}
/* ================================
   WEBCORE PREMIUM PRICING CARDS
   Beautiful customer-focused cards
   ================================ */

.pricing-modern-section {
    padding-top: 46px;
    padding-bottom: 70px;
}

.pricing-head {
    margin-bottom: 34px;
}

.pricing-modern-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
}

.pricing-modern-card {
    position: relative;
    min-height: 560px;
    padding: 34px 32px 26px;
    border-radius: 30px;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;

    background:
        radial-gradient(circle at top, rgba(35, 228, 255, 0.10), transparent 34%),
        linear-gradient(160deg, rgba(8, 15, 34, 0.92), rgba(15, 12, 35, 0.94));

    border: 1px solid rgba(255, 255, 255, 0.13);
    box-shadow:
        0 28px 80px rgba(0, 0, 0, 0.38),
        inset 0 0 0 1px rgba(255, 255, 255, 0.035);

    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.pricing-modern-card:hover {
    transform: translateY(-10px);
    border-color: rgba(35, 228, 255, 0.35);
    box-shadow:
        0 34px 95px rgba(0, 0, 0, 0.48),
        0 0 45px rgba(35, 228, 255, 0.14);
}

.pricing-featured {
    border-color: rgba(236, 42, 213, 0.58);
    box-shadow:
        0 34px 95px rgba(0, 0, 0, 0.5),
        0 0 38px rgba(236, 42, 213, 0.22),
        0 0 38px rgba(35, 228, 255, 0.18);
}

.pricing-featured:hover {
    border-color: rgba(35, 228, 255, 0.75);
    box-shadow:
        0 38px 110px rgba(0, 0, 0, 0.55),
        0 0 55px rgba(35, 228, 255, 0.25),
        0 0 55px rgba(236, 42, 213, 0.22);
}

.popular-ribbon {
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    padding: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--blue), var(--purple), var(--pink));
    box-shadow: 0 0 32px rgba(236, 42, 213, 0.35);
}

.popular-ribbon span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    padding: 9px 18px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(19, 157, 255, 0.95), rgba(139, 53, 255, 0.95), rgba(255, 53, 232, 0.95));
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 0.74rem;
    font-weight: 1000;
}

.pricing-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    padding: 9px 18px;
    border-radius: 999px;
    color: var(--cyan);
    background: rgba(35, 228, 255, 0.10);
    border: 1px solid rgba(35, 228, 255, 0.16);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.72rem;
    font-weight: 1000;
}

.pricing-icon {
    width: 78px;
    height: 78px;
    margin: 0 auto 24px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 2rem;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.06);
}

.pricing-icon.blue {
    color: var(--cyan);
    box-shadow:
        0 0 0 8px rgba(35, 228, 255, 0.04),
        0 0 38px rgba(35, 228, 255, 0.35);
}

.pricing-icon.purple {
    color: #d78cff;
    box-shadow:
        0 0 0 8px rgba(139, 53, 255, 0.05),
        0 0 42px rgba(236, 42, 213, 0.38);
}

.pricing-icon.pink {
    color: var(--pink);
    box-shadow:
        0 0 0 8px rgba(255, 53, 232, 0.05),
        0 0 42px rgba(255, 53, 232, 0.38);
}

.pricing-modern-card h3 {
    margin: 0 0 12px;
    color: #ffffff;
    font-family: "Space Grotesk", Inter, sans-serif;
    font-size: clamp(1.45rem, 2.2vw, 1.95rem);
    line-height: 1.12;
    letter-spacing: -0.9px;
}

.pricing-summary {
    margin: 0 auto;
    max-width: 340px;
    min-height: 78px;
    color: #cbd8f4;
    font-size: 1rem;
    line-height: 1.65;
}

.pricing-line {
    width: 100%;
    height: 1px;
    margin: 22px 0;
    background: linear-gradient(90deg, transparent, rgba(35, 228, 255, 0.35), rgba(236, 42, 213, 0.35), transparent);
}

.pricing-features {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
    width: 100%;
    display: grid;
    gap: 13px;
    text-align: left;
}

.pricing-features li {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #e2ebff;
    font-weight: 800;
    line-height: 1.35;
}

.pricing-features li i {
    color: var(--cyan);
    font-size: 1.05rem;
    flex: 0 0 auto;
}

.pricing-features.pink-list li i {
    color: var(--pink);
}

.pricing-btn {
    width: 100%;
    min-height: 54px;
    margin-top: auto;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #ffffff;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: linear-gradient(135deg, var(--blue), var(--purple), var(--pink));
    box-shadow: 0 18px 42px rgba(139, 53, 255, 0.32);
    transition: 0.3s ease;
}

.pricing-btn:hover {
    transform: translateY(-3px);
    box-shadow:
        0 22px 56px rgba(35, 228, 255, 0.28),
        0 16px 45px rgba(255, 53, 232, 0.24);
}

.pricing-btn i {
    transition: transform 0.25s ease;
}

.pricing-btn:hover i {
    transform: translateX(4px);
}

.pricing-note {
    margin: 18px 0 0;
    color: rgba(219, 231, 255, 0.72);
    font-size: 0.94rem;
    line-height: 1.5;
}

/* Remove old pricing card scrollbars if old classes remain */
.price-card,
.price-card-v11,
.pricing-card {
    overflow: visible !important;
}

.price-card *,
.price-card-v11 *,
.pricing-card * {
    scrollbar-width: none;
}

.price-card *::-webkit-scrollbar,
.price-card-v11 *::-webkit-scrollbar,
.pricing-card *::-webkit-scrollbar {
    display: none;
}

/* Responsive pricing cards */
@media (max-width: 1100px) {
    .pricing-modern-grid {
        grid-template-columns: 1fr;
        max-width: 680px;
        margin-left: auto;
        margin-right: auto;
    }

    .pricing-modern-card {
        min-height: auto;
    }

    .pricing-summary {
        min-height: auto;
    }
}

@media (max-width: 560px) {
    .pricing-modern-section {
        padding-top: 32px;
        padding-bottom: 48px;
    }

    .pricing-modern-card {
        padding: 28px 20px 22px;
        border-radius: 24px;
    }

    .pricing-icon {
        width: 68px;
        height: 68px;
        font-size: 1.7rem;
    }

    .pricing-features li {
        font-size: 0.94rem;
    }

    .popular-ribbon span {
        min-width: 138px;
        font-size: 0.66rem;
    }
}
/* ================================
   WEBCORE TOP CONTACT + SOCIAL BAR
   ================================ */

.top-contact {
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    background:
        linear-gradient(90deg, rgba(3, 6, 18, 0.92), rgba(14, 10, 34, 0.92)),
        rgba(3, 6, 18, 0.92);
    backdrop-filter: blur(16px);
}

.top-contact-inner {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    font-size: 0.86rem;
    color: #dceaff;
}

.top-contact-left,
.top-contact-socials {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.top-contact-left a,
.top-contact-left span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #dceaff;
    font-weight: 800;
    white-space: nowrap;
}

.top-contact-left i {
    color: var(--cyan);
    font-size: 0.92rem;
}

.top-contact-left a:hover {
    color: #ffffff;
}

.top-contact-socials {
    justify-content: flex-end;
    gap: 9px;
}

.top-social-label {
    color: #aebddd;
    font-weight: 800;
    margin-right: 3px;
    white-space: nowrap;
}

.top-contact-socials a {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.11);
    transition: 0.25s ease;
}

.top-contact-socials a:hover {
    transform: translateY(-2px);
    color: #061021;
    background: linear-gradient(135deg, var(--cyan), var(--pink));
    box-shadow: 0 10px 28px rgba(35, 228, 255, 0.25);
}

.top-contact-socials i {
    font-size: 0.84rem;
}

/* Tablet */
@media (max-width: 980px) {
    .top-contact-inner {
        justify-content: center;
        text-align: center;
    }

    .top-contact-left,
    .top-contact-socials {
        justify-content: center;
    }
}

/* Phone */
@media (max-width: 640px) {
    .top-contact {
        display: block !important;
    }

    .top-contact-inner {
        padding: 8px 0;
        display: grid;
        gap: 8px;
        min-height: auto;
    }

    .top-contact-left {
        gap: 9px;
        font-size: 0.75rem;
    }

    .top-contact-left a,
    .top-contact-left span {
        white-space: normal;
    }

    .top-social-label {
        display: none;
    }

    .top-contact-socials {
        gap: 8px;
    }

    .top-contact-socials a {
        width: 30px;
        height: 30px;
    }
}
/* ================================
   CONTACT PAGE GOOGLE MAP SECTION
   ================================ */

.contact-map-section {
    padding-top: 40px;
    padding-bottom: 80px;
}

.contact-map-card {
    display: grid;
    grid-template-columns: 0.75fr 1.25fr;
    gap: 22px;
    align-items: stretch;
    padding: 22px;
    border-radius: 30px;
    background:
        radial-gradient(circle at top left, rgba(35, 228, 255, 0.12), transparent 35%),
        radial-gradient(circle at bottom right, rgba(236, 42, 213, 0.14), transparent 35%),
        linear-gradient(145deg, rgba(8, 15, 34, 0.92), rgba(18, 12, 42, 0.94));
    border: 1px solid rgba(255, 255, 255, 0.13);
    box-shadow:
        0 30px 90px rgba(0, 0, 0, 0.38),
        inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}

.map-info {
    padding: 34px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.10);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.map-label {
    width: fit-content;
    margin-bottom: 16px;
    padding: 8px 14px;
    border-radius: 999px;
    color: var(--cyan);
    background: rgba(35, 228, 255, 0.10);
    border: 1px solid rgba(35, 228, 255, 0.18);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.72rem;
    font-weight: 1000;
}

.map-info h3 {
    margin: 0 0 12px;
    color: #ffffff;
    font-family: "Space Grotesk", Inter, sans-serif;
    font-size: clamp(1.7rem, 3vw, 2.4rem);
    letter-spacing: -1px;
}

.map-info p {
    margin: 0;
    color: #cbd8f4;
    line-height: 1.75;
    font-weight: 700;
}

.map-actions {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.map-frame {
    min-height: 420px;
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(35, 228, 255, 0.18);
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.35),
        0 0 36px rgba(35, 228, 255, 0.12);
}

.map-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 420px;
    filter: saturate(1.12) contrast(1.05);
}

@media (max-width: 980px) {
    .contact-map-card {
        grid-template-columns: 1fr;
    }

    .map-info {
        padding: 26px;
    }
}

@media (max-width: 560px) {
    .contact-map-card {
        padding: 14px;
        border-radius: 24px;
    }

    .map-info,
    .map-frame {
        border-radius: 20px;
    }

    .map-frame,
    .map-frame iframe {
        min-height: 330px;
    }
}

/* v39 — View More flip controls + founder/team presentation */
.flip-toggle{
  position:relative;
  z-index:8;
  pointer-events:auto!important;
  border:1px solid rgba(255,255,255,.18);
  cursor:pointer;
  font-family:inherit;
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease;
}
.flip-toggle:hover{
  transform:translateY(-2px);
  background:rgba(35,228,255,.18);
  box-shadow:0 10px 28px rgba(35,228,255,.16);
}
.flip-toggle i{transition:transform .35s ease}
.flip-toggle:hover i{transform:rotate(180deg)}
.flip-back-btn{margin-top:8px}
.clickable-card .flip-front-content .flip-toggle{
  pointer-events:auto!important;
  position:relative;
  z-index:8;
}
.team-flip-card,.team-flip-card .flip-inner{
  min-height:430px;
  height:430px;
}
.team-flip-card .flip-front img{
  width:100%;
  height:430px!important;
  min-height:430px!important;
  object-fit:cover;
  object-position:center 22%;
  filter:brightness(1.03) saturate(1.04) contrast(1.03)!important;
}
.team-flip-card .flip-front:after{
  background:linear-gradient(180deg,rgba(3,6,18,.01) 25%,rgba(3,6,18,.18) 54%,rgba(3,6,18,.82) 100%)!important;
}
.team-flip-card .flip-front-content{
  left:18px;
  right:18px;
  bottom:18px;
  padding:12px 10px;
  border-radius:18px;
  background:linear-gradient(180deg,transparent,rgba(3,6,18,.38));
}
.team-flip-card .flip-back{
  min-height:430px;
  background:
    radial-gradient(circle at 20% 10%,rgba(35,228,255,.14),transparent 32%),
    radial-gradient(circle at 85% 90%,rgba(139,53,255,.18),transparent 34%),
    linear-gradient(145deg,rgba(8,18,42,.98),rgba(20,11,42,.98));
}
.team-flip-card .flip-back p{max-width:34ch;margin:8px auto 14px}
@media(max-width:760px){
  .team-flip-card,.team-flip-card .flip-inner{min-height:400px;height:400px}
  .team-flip-card .flip-front img{height:400px!important;min-height:400px!important;object-position:center 20%}
}


/* ============================================
   V40 — WEB DEVELOPMENT + HOSTING PRICING
   ============================================ */
.pricing-page-hero .lead{
    max-width:860px;
}
.pricing-jump-links{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}
.package-price{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:4px;
    margin:2px 0 12px;
    min-height:72px;
    color:#fff;
}
.package-price .currency{
    margin-top:11px;
    color:var(--cyan);
    font-size:1.15rem;
    font-weight:1000;
}
.package-price strong{
    font-family:"Space Grotesk",Inter,sans-serif;
    font-size:clamp(2.8rem,5vw,4.4rem);
    line-height:1;
    letter-spacing:-3px;
    text-shadow:0 0 30px rgba(35,228,255,.16);
}
.package-price .period{
    align-self:flex-end;
    margin-bottom:10px;
    color:#b9c7e4;
    font-weight:900;
    font-size:.95rem;
}
.hosting-pricing-section{
    position:relative;
    border-top:1px solid rgba(255,255,255,.07);
    background:
        radial-gradient(circle at 14% 18%,rgba(35,228,255,.07),transparent 26%),
        radial-gradient(circle at 90% 74%,rgba(236,42,213,.07),transparent 28%);
}
.pricing-modern-card{
    min-height:690px;
}
.hosting-card{
    min-height:625px;
}
.pricing-modern-card .pricing-features{
    flex:1 0 auto;
}
.pricing-modern-card .pricing-features li{
    padding:2px 0;
}
.pricing-modern-card .pricing-badge{
    max-width:100%;
    text-align:center;
}
@media(max-width:1100px){
    .pricing-modern-card,
    .hosting-card{
        min-height:auto;
    }
}
@media(max-width:560px){
    .pricing-jump-links{
        display:grid;
        grid-template-columns:1fr;
    }
    .pricing-jump-links .btn{
        width:100%;
        justify-content:center;
    }
    .package-price strong{
        font-size:3.3rem;
    }
}