:root{--navy:#061426;--navy2:#0b2744;--navy3:#113a62;--gold:#e4b43e;--gold2:#ffd86b;--cyan:#53d6e8;--cyan2:#a7f1f7;--ink:#102239;--muted:#65758a;--line:#dce6ef;--white:#fff;--ivory:#fbf8ef;--soft:#f4f8fb;--max:1180px;--shadow:0 22px 70px rgba(6,20,38,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans","Noto Sans Telugu",sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}.section{padding:96px 0}.scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;z-index:3000;background:linear-gradient(90deg,var(--gold),var(--cyan));box-shadow:0 0 14px rgba(83,214,232,.5)}
.header{position:sticky;top:0;z-index:1500;background:rgba(6,20,38,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}.identity{display:flex;align-items:center;gap:12px;color:#fff;flex:0 0 auto}.ak{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#241c08;font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;box-shadow:0 10px 28px rgba(228,180,62,.2)}.identity-copy b,.identity-copy small{display:block}.identity-copy b{font-family:"Plus Jakarta Sans",sans-serif;font-size:1rem}.identity-copy small{color:#b7c6d8;font-size:.72rem;margin-top:2px}.menu{display:flex;align-items:center;justify-content:center;gap:24px;color:#c9d5e2;font-weight:700;font-size:.88rem;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.menu a{position:relative;padding:9px 0}.menu a:after{content:"";position:absolute;left:0;right:100%;bottom:1px;height:2px;background:var(--gold);transition:.22s}.menu a:hover{color:#fff}.menu a:hover:after{right:0}.nav-cta{flex:0 0 auto}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:13px 22px;border-radius:14px;font-family:"Plus Jakarta Sans",sans-serif;font-size:.88rem;font-weight:800;border:0;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;border-bottom:4px solid transparent}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(3px) scale(.985);border-bottom-width:1px;box-shadow:0 4px 12px rgba(0,0,0,.18)}.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#251d08;border-bottom-color:#a67b12;box-shadow:0 13px 30px rgba(228,180,62,.25)}.btn-navy{background:#102b49;color:#fff;border:1px solid rgba(255,255,255,.12);border-bottom-color:#04101e;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.hero{position:relative;overflow:hidden;color:#fff;padding:92px 0 82px;background:radial-gradient(circle at 80% 12%,rgba(83,214,232,.13),transparent 26%),radial-gradient(circle at 12% 88%,rgba(228,180,62,.12),transparent 28%),linear-gradient(135deg,#020914,#061426 55%,#0b2744)}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(#000,transparent 95%)}.hero-layout{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.eyebrow{color:#d4e1ef}.eyebrow:before,.section-kicker:before{content:"";width:24px;height:2px;background:var(--gold)}.hero-name{margin-top:24px;color:var(--gold2);font-family:"Plus Jakarta Sans",sans-serif;font-size:.9rem;font-weight:800;letter-spacing:.12em}.hero-role{margin-top:6px;font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:800}.hero-role span{color:var(--cyan)}.hero h1{font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(3.25rem,6vw,5.8rem);line-height:1.02;letter-spacing:-.052em;margin:22px 0 20px}.hero h1 em{display:block;font-style:normal;background:linear-gradient(90deg,var(--gold2),#fff3b2 35%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{max-width:700px;color:#cedaea;font-size:1.12rem;margin:0}.hero-pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:27px}.hero-pillars div{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:13px 14px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11)}.hero-pillars b{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(228,180,62,.14);color:var(--gold2);font-size:.75rem}.hero-pillars span{font-weight:700;color:#f0f5fb;font-size:.86rem;line-height:1.35}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.hero-trust{display:flex;flex-wrap:wrap;gap:15px;margin-top:19px;color:#aebfd2;font-size:.8rem}.hero-trust span:before{content:"✓";color:var(--cyan);font-weight:900;margin-right:6px}.hero-frame{position:relative;padding:11px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);box-shadow:0 38px 100px rgba(0,0,0,.35)}.hero-frame img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:22px}.hero-visual-gradient{position:absolute;inset:11px;border-radius:22px;background:linear-gradient(to top,rgba(3,11,22,.72),transparent 45%);pointer-events:none}.floating-label{position:absolute;z-index:3;max-width:210px;padding:10px 12px;border-radius:13px;background:rgba(4,18,34,.88);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 28px rgba(0,0,0,.22);backdrop-filter:blur(9px)}.floating-label small,.floating-label strong{display:block}.floating-label small{color:var(--gold2);font-size:.62rem;font-weight:800;letter-spacing:.08em}.floating-label strong{margin-top:2px;font-size:.78rem}.label-a{left:-25px;top:38px}.label-b{right:-18px;top:150px}.label-c{left:-20px;bottom:110px}.visual-footer{position:absolute;z-index:3;left:30px;right:30px;bottom:30px;padding:14px 15px;border-radius:14px;background:rgba(3,14,28,.78);border:1px solid rgba(255,255,255,.13)}.visual-footer small,.visual-footer strong{display:block}.visual-footer small{color:var(--gold2);font-size:.64rem;font-weight:800;letter-spacing:.07em}.visual-footer strong{margin-top:4px;font-size:.95rem}
.section-title{max-width:820px;margin-bottom:44px}.section-title.center{text-align:center;margin-left:auto;margin-right:auto}.section-title h2{font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(2.35rem,4.4vw,4rem);line-height:1.08;letter-spacing:-.04em;margin:14px 0 14px}.section-title h2 span,.case-card dt{color:#1c669d}.section-title p{color:var(--muted);font-size:1.04rem;margin:0}.section-kicker{color:#1c669d}.section-kicker.gold{color:var(--gold2)}
.services{background:linear-gradient(180deg,#fff,#f7fafc)}.service-stack{display:grid;gap:38px}.service-row{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;overflow:hidden;border-radius:28px;background:#fff;border:1px solid #dfe8f0;box-shadow:var(--shadow)}.service-row.reverse .service-media{order:2}.service-row.reverse .service-copy{order:1}.service-media{display:grid;place-items:center;padding:18px;background:linear-gradient(145deg,#061426,#0b2947)}.service-media img{width:100%;height:100%;max-height:490px;object-fit:contain;border-radius:18px}.service-copy{position:relative;padding:46px 48px;background:radial-gradient(circle at 95% 5%,rgba(83,214,232,.08),transparent 24%),#fff}.service-index{position:absolute;right:32px;top:28px;font-family:"Plus Jakarta Sans",sans-serif;font-size:3.5rem;font-weight:800;color:#edf3f7}.service-label{color:#1b6f98;font-size:.7rem;font-weight:800;letter-spacing:.08em}.service-copy h3{max-width:620px;font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(2rem,3.4vw,3rem);line-height:1.08;letter-spacing:-.035em;margin:14px 0 14px}.service-copy p{color:var(--muted);font-size:1.03rem}.service-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.service-points span{padding:8px 10px;border-radius:999px;background:#eef5f8;color:#335670;font-size:.76rem;font-weight:700;border:1px solid #dbe8ed}
.results{color:#fff;background:radial-gradient(circle at 90% 15%,rgba(83,214,232,.11),transparent 25%),linear-gradient(135deg,#04101f,#092847)}.dark-title h2{color:#fff}.dark-title h2 span{color:var(--gold2)}.dark-title p{color:#b7c7d9}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:25px 20px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}.stat b,.stat span{display:block}.stat b{font-family:"Plus Jakarta Sans",sans-serif;font-size:2.5rem;color:var(--gold2)}.stat span{color:#c8d5e4;font-size:.82rem;margin-top:4px}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.proof-card{padding:25px;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 18px 40px rgba(0,0,0,.12)}.proof-card small,.proof-card strong{display:block}.proof-card small{color:#5e7690;font-weight:800;font-size:.68rem;letter-spacing:.05em}.proof-card strong{font-family:"Plus Jakarta Sans",sans-serif;font-size:2.3rem;color:#087b82;margin:10px 0 8px}.proof-card p{margin:0;color:var(--muted);font-size:.88rem}.proof-note{text-align:center;color:#8fa4ba;font-size:.72rem;margin:18px 0 0}
.work{background:#fff}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-card{padding:26px;border-radius:22px;background:linear-gradient(180deg,#fff,#f9fbfc);border:1px solid #dce6ee;box-shadow:0 12px 34px rgba(6,20,38,.07)}.case-card.featured{color:#fff;background:linear-gradient(145deg,#071a31,#0c365c);border-color:#24567b;box-shadow:0 20px 50px rgba(6,20,38,.18)}.case-top{display:flex;align-items:center;justify-content:space-between}.case-top span{color:#2182a5;font-size:.68rem;font-weight:800;letter-spacing:.07em}.featured .case-top span{color:var(--cyan)}.case-top b{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#edf3f7;color:#637890}.featured .case-top b{background:rgba(255,255,255,.09);color:#fff}.case-card h3{font-family:"Plus Jakarta Sans",sans-serif;font-size:1.35rem;margin:20px 0 16px}.case-card dl{margin:0;display:grid;gap:12px}.case-card dl div{padding-top:11px;border-top:1px solid #e6edf2}.featured dl div{border-top-color:rgba(255,255,255,.10)}.case-card dt{font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.featured dt{color:var(--gold2)}.case-card dd{margin:4px 0 0;color:#66788d;font-size:.86rem}.featured dd{color:#c9d7e6}.website-work{margin-top:26px;padding:30px;border-radius:24px;background:linear-gradient(135deg,var(--ivory),#eef8f9);border:1px solid #e3e6df}.website-work-head h3{font-family:"Plus Jakarta Sans",sans-serif;font-size:1.55rem;margin:9px 0 18px}.website-chips{display:flex;flex-wrap:wrap;gap:9px}.website-chips span{padding:9px 12px;border-radius:999px;background:#fff;border:1px solid #dfe7e8;font-size:.78rem;font-weight:700;color:#3f5f71}
.certs{background:linear-gradient(180deg,#f6f9fb,#eef4f7)}.cert-slider{position:relative;max-width:1040px;margin:auto;padding:28px 70px 34px;border-radius:28px;background:#fff;border:1px solid #dbe5ec;box-shadow:var(--shadow)}.cert-stage{position:relative;height:690px}.cert-slide{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .42s ease}.cert-slide.active{opacity:1;visibility:visible;pointer-events:auto}.cert-canvas{width:min(100%,900px);aspect-ratio:4/3;display:grid;place-items:center;padding:8px;background:#fff;border-radius:16px}.cert-canvas img{width:100%;height:100%;object-fit:contain;image-rendering:auto}.cert-slide h3{font-family:"Plus Jakarta Sans",sans-serif;font-size:1.22rem;margin:14px 0 0;color:#102239}.cert-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:50px;height:72px;border-radius:15px;border:0;background:#08213e;color:#fff;font-size:2.2rem;cursor:pointer;box-shadow:0 12px 28px rgba(6,20,38,.18);transition:.15s}.cert-arrow:hover{background:#0d3d68}.cert-arrow:active{transform:translateY(-47%) scale(.96)}.cert-prev{left:12px}.cert-next{right:12px}.cert-footer{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:4px}.cert-dots{display:flex;gap:7px}.cert-dot{width:9px;height:9px;border-radius:50%;border:0;background:#c9d5de;padding:0;cursor:pointer}.cert-dot.active{width:28px;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--cyan))}.cert-counter{font-size:.72rem;color:#718196;font-weight:700}
.contact{color:#fff;background:linear-gradient(135deg,#04101f,#082849)}.contact-panel{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;padding:42px;border-radius:30px;background:radial-gradient(circle at 90% 15%,rgba(83,214,232,.12),transparent 28%),rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10)}.contact-copy h2{font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(2.35rem,4vw,3.8rem);line-height:1.08;letter-spacing:-.04em;margin:14px 0 14px}.contact-copy h2 span{color:var(--gold2)}.contact-copy p{color:#c2d0df}.contact-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.contact-trust span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);font-size:.72rem;color:#c8d6e4}.contact-actions{display:grid;gap:12px}.contact-btn{display:grid;grid-template-columns:90px 1fr 34px;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;color:#fff;border-bottom:4px solid rgba(0,0,0,.25);box-shadow:0 12px 30px rgba(0,0,0,.14);transition:.14s}.contact-btn:hover{transform:translateY(-2px)}.contact-btn:active{transform:translateY(3px) scale(.985);border-bottom-width:1px}.contact-btn span{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.contact-btn b{font-family:"Plus Jakarta Sans",sans-serif;font-size:.94rem}.contact-btn i{font-style:normal;font-size:1.35rem}.whatsapp{background:#15976f}.call{background:#1f65c8}.email{background:#8a6b28}
footer{padding:30px 0 88px;background:#020914;color:#96a8bc}.footer{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer b,.footer span{display:block}.footer b{font-family:"Plus Jakarta Sans",sans-serif;color:#fff}.footer span{font-size:.78rem}.footer small{font-size:.74rem}.floating-cta{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:1400;min-width:min(92vw,340px);text-align:center;padding:14px 21px;border-radius:15px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#241d08;font-family:"Plus Jakarta Sans",sans-serif;font-size:.84rem;font-weight:800;border-bottom:4px solid #9d7312;box-shadow:0 16px 40px rgba(0,0,0,.28);transition:.14s}.floating-cta:hover{transform:translateX(-50%) translateY(-2px)}.floating-cta:active{bottom:11px;transform:translateX(-50%) scale(.985);border-bottom-width:1px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .58s ease,transform .58s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1060px){.menu{display:none}.hero-layout{grid-template-columns:1fr}.hero-visual{max-width:650px;margin:auto}.label-a{left:18px}.label-b{right:18px}.label-c{left:18px}.service-row,.contact-panel{grid-template-columns:1fr}.service-row.reverse .service-media,.service-row.reverse .service-copy{order:initial}.stat-grid{grid-template-columns:repeat(2,1fr)}.proof-grid,.case-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){body{padding-bottom:76px}.wrap{width:min(100% - 24px,var(--max))}.section{padding:70px 0}.nav{height:70px}.identity-copy small,.nav-cta{display:none}.hero{padding:62px 0 58px}.hero h1{font-size:clamp(2.75rem,13vw,4.2rem)}.hero-pillars{grid-template-columns:1fr}.hero-frame img{aspect-ratio:4/5}.floating-label{display:none}.visual-footer{left:22px;right:22px;bottom:22px}.service-copy{padding:30px 24px}.service-index{font-size:2.7rem;right:22px;top:20px}.service-copy h3{font-size:2rem;padding-right:38px}.stat-grid,.proof-grid,.case-grid{grid-template-columns:1fr}.cert-slider{padding:18px 40px 28px}.cert-stage{height:430px}.cert-canvas{aspect-ratio:4/3}.cert-arrow{width:36px;height:58px;font-size:1.6rem}.cert-prev{left:2px}.cert-next{right:2px}.contact-panel{padding:26px}.contact-btn{grid-template-columns:70px 1fr 28px}.footer{display:block;text-align:center}.footer small{display:block;margin-top:9px}.floating-cta{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}}

/* V20 — HD certificate viewer + premium 3D icon buttons */
.btn,.contact-btn,.floating-cta,.cert-arrow{
  position:relative;isolation:isolate;overflow:hidden;
  transform:translateY(0);will-change:transform,box-shadow;
  transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,filter .16s ease,border-bottom-width .16s ease;
}
.btn::after,.contact-btn::after,.floating-cta::after,.cert-arrow::after{
  content:"";position:absolute;inset:-2px;z-index:-1;pointer-events:none;
  background:linear-gradient(110deg,transparent 16%,rgba(255,255,255,.28) 36%,transparent 58%);
  transform:translateX(-125%);transition:transform .52s ease;
}
.btn:hover::after,.contact-btn:hover::after,.floating-cta:hover::after,.cert-arrow:hover::after{transform:translateX(125%)}
.btn:hover,.contact-btn:hover,.floating-cta:hover{transform:translateY(-4px);filter:saturate(1.08) brightness(1.03)}
.btn:active,.contact-btn:active,.floating-cta:active{transform:translateY(5px) scale(.975);box-shadow:0 3px 9px rgba(0,0,0,.22)!important;border-bottom-width:1px!important}
.btn-ico{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:11px;background:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.25);margin-right:10px}
.btn-ico svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.btn-label{position:relative;z-index:1}
.btn-gold .btn-ico{background:rgba(49,35,3,.10)}
.btn-navy .btn-ico{background:rgba(255,255,255,.10)}
.nav-cta{padding-left:12px}

.contact-btn{grid-template-columns:44px 1fr 34px;gap:12px;padding:14px 15px;border-radius:18px}
.contact-btn>.btn-ico{margin:0;width:44px;height:44px;border-radius:14px}
.contact-btn>.btn-ico:last-child{width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.12)}
.contact-text{display:block;min-width:0}
.contact-text small{display:block;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.82;margin-bottom:2px}
.contact-text b{display:block;font-family:"Plus Jakarta Sans",sans-serif;font-size:.96rem;line-height:1.25}
.contact-btn.whatsapp{background:linear-gradient(145deg,#10a876,#087c59);border-bottom-color:#055a41}
.contact-btn.call{background:linear-gradient(145deg,#2f7df1,#1453ad);border-bottom-color:#0e3b7c}
.contact-btn.email{background:linear-gradient(145deg,#e3b84b,#a87812);border-bottom-color:#75540d;color:#17120a}
.contact-btn.email>.btn-ico{background:rgba(35,25,2,.10)}

.floating-cta{display:inline-flex;align-items:center;justify-content:center;gap:0}
.floating-cta .btn-ico{margin-right:9px}

/* Certificate slider: native PNG, stable aspect ratio, no blur/drag */
.cert-slider{max-width:1190px;padding:26px 74px 30px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #d8e3ed;box-shadow:0 28px 80px rgba(6,20,38,.12)}
.cert-stage{position:relative;height:auto;aspect-ratio:1140/970;max-height:none}
.cert-slide{position:absolute;inset:0;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .34s ease;transform:none!important}
.cert-slide.active{opacity:1;visibility:visible;pointer-events:auto}
.cert-canvas{position:relative;width:min(100%,1140px);aspect-ratio:1140/880;display:grid;place-items:center;padding:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px #e4e9ef}
.cert-canvas img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#fff;transform:none!important;filter:none!important;image-rendering:auto;backface-visibility:hidden}
.cert-slide h3{margin:14px 0 0;font-size:1.28rem;line-height:1.2;color:#0b2848}
/* Non-destructive date hiding overlays — source PNGs remain original/native resolution */
.cert-canvas .date-mask{position:absolute;pointer-events:none;background:#fff;z-index:3}
.cert-hubspot .date-mask{left:26%;right:26%;top:68.4%;height:6.4%;border-radius:4px}
.cert-google .date-mask{left:3.2%;width:38%;top:84.2%;height:7.3%;border-radius:3px}
.cert-arrow{width:54px;height:74px;border-radius:18px;border:0;background:linear-gradient(180deg,#0e315a,#071b34);color:#fff;border-bottom:5px solid #020b15;box-shadow:0 14px 30px rgba(4,16,31,.23);display:grid;place-items:center}
.cert-arrow span{font-size:2.4rem;line-height:1;transform:translateY(-2px)}
.cert-arrow:hover{background:linear-gradient(180deg,#15508d,#0b2a4e);transform:translateY(-50%) scale(1.04)}
.cert-arrow:active{transform:translateY(calc(-50% + 5px)) scale(.96);border-bottom-width:1px;box-shadow:0 4px 10px rgba(4,16,31,.22)}
.cert-dot{height:10px;width:10px;border-radius:999px;transition:width .2s ease,transform .16s ease,background .2s ease;box-shadow:inset 0 0 0 1px rgba(8,33,62,.08)}
.cert-dot:hover{transform:scale(1.25)}
.cert-dot:active{transform:scale(.88)}
.cert-dot.active{width:34px;background:linear-gradient(90deg,var(--gold),var(--cyan));box-shadow:0 4px 12px rgba(83,214,232,.22)}

@media(max-width:720px){
  .btn-ico{width:30px;height:30px;flex-basis:30px;border-radius:9px}
  .btn-ico svg{width:17px;height:17px}
  .cert-slider{padding:18px 42px 24px}
  .cert-stage{aspect-ratio:1140/1000}
  .cert-arrow{width:38px;height:60px;border-radius:13px}
  .cert-arrow span{font-size:1.7rem}
  .cert-canvas{border-radius:11px}
  .cert-slide h3{font-size:1rem;margin-top:9px}
}


/* V21 — clean hero image, clearly observable certificate slideshow, high-intent channel CTAs */
.hero-frame{overflow:hidden}
.hero-frame .floating-label{display:none!important}
.visual-footer{display:none!important}
.visual-caption{margin-top:14px;padding:15px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.14)}
.visual-caption small{font-size:.68rem;font-weight:900;letter-spacing:.09em;color:var(--gold2)}
.visual-caption strong{font-family:"Plus Jakarta Sans",sans-serif;font-size:.88rem;color:#e8f3ff}

/* tactile CTA system: no gimmicky shine, clear physical press */
.btn,.contact-btn,.floating-cta,.cert-arrow{overflow:visible!important}
.btn::after,.contact-btn::after,.floating-cta::after,.cert-arrow::after{display:none!important}
.btn{min-height:62px;border-radius:16px;padding:10px 18px;gap:10px;border:1px solid rgba(255,255,255,.14);transform:translateY(0);transition:transform .11s ease,box-shadow .11s ease,filter .11s ease}
.btn-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.08;position:relative;z-index:2}
.btn-copy small{font-size:.59rem;letter-spacing:.1em;font-weight:900;opacity:.78;margin-bottom:4px}
.btn-copy b{font-family:"Plus Jakarta Sans",sans-serif;font-size:.88rem;font-weight:900;white-space:nowrap}
.cta-arrow{font-size:1.25rem;font-weight:900;margin-left:5px;transition:transform .14s ease}
.btn:hover .cta-arrow,.floating-cta:hover .cta-arrow{transform:translateX(4px)}
.btn-whatsapp{background:linear-gradient(180deg,#24d58a,#0aa66b);color:#fff;border-color:#63e8b0;border-bottom:0;box-shadow:0 7px 0 #06764c,0 15px 32px rgba(8,166,107,.28)}
.btn-whatsapp .btn-ico{background:rgba(255,255,255,.18);color:#fff}
.btn-outline-premium{background:linear-gradient(180deg,#153a60,#0b2643);color:#fff;border-color:#2f587d;box-shadow:0 7px 0 #041526,0 15px 30px rgba(0,0,0,.2)}
.btn:hover{transform:translateY(-2px);filter:brightness(1.04)}
.btn:active{transform:translateY(6px) scale(.99);box-shadow:0 1px 0 rgba(0,0,0,.75),0 5px 12px rgba(0,0,0,.18)!important}
.btn-primary-cta{padding-left:15px;padding-right:16px}
.nav-cta{min-height:54px;padding:8px 14px}
.nav-cta .btn-copy b{font-size:.78rem}
.nav-cta .btn-copy small{font-size:.54rem}

/* contact sources */
.channel-actions{gap:16px}
.channel-card{grid-template-columns:56px 1fr 34px;gap:14px;padding:17px 18px;border-radius:20px;box-shadow:0 7px 0 rgba(0,0,0,.28),0 18px 36px rgba(0,0,0,.16);transform:translateY(0);transition:transform .11s ease,box-shadow .11s ease,filter .11s ease}
.channel-card:hover{transform:translateY(-2px);filter:brightness(1.04)}
.channel-card:active{transform:translateY(6px) scale(.992);box-shadow:0 1px 0 rgba(0,0,0,.32),0 5px 12px rgba(0,0,0,.16)}
.channel-icon{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
.channel-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.channel-arrow{font-size:1.45rem;font-weight:900;transition:transform .15s ease}
.channel-card:hover .channel-arrow{transform:translateX(5px)}
.contact-text small{font-size:.62rem;letter-spacing:.1em;font-weight:900;opacity:.86}
.contact-text b{font-size:1.04rem;margin:3px 0 4px}
.contact-text em{display:block;font-style:normal;font-size:.72rem;opacity:.82;font-weight:600}
.contact-btn.whatsapp{background:linear-gradient(180deg,#22c985,#0c9764);border:1px solid #4de3a7;color:#fff}
.contact-btn.call{background:linear-gradient(180deg,#3488ef,#165fc1);border:1px solid #65a7f5;color:#fff}
.contact-email-static{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;padding:17px 18px;border-radius:20px;background:linear-gradient(180deg,#fff8df,#f6e8b5);border:1px solid #e6c968;color:#18263a;box-shadow:0 10px 28px rgba(0,0,0,.11)}
.contact-email-static .channel-icon{background:#f0c64e;color:#1d2b3a}
.contact-email-static .contact-text small{color:#806315;opacity:1}
.contact-email-static .contact-text b{word-break:break-all}
.contact-email-static .contact-text em{color:#736742}

/* floating CTA: unmistakably WhatsApp */
.floating-whatsapp{min-width:min(94vw,390px);min-height:66px;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(180deg,#24d58a,#0aa66b);color:#fff;border:1px solid #60e6ae;border-bottom:0;box-shadow:0 8px 0 #06764c,0 18px 42px rgba(0,0,0,.30);border-radius:18px;padding:9px 16px;transition:transform .11s ease,box-shadow .11s ease,filter .11s ease}
.floating-whatsapp:hover{transform:translateX(-50%) translateY(-2px);filter:brightness(1.04)}
.floating-whatsapp:active{bottom:14px;transform:translateX(-50%) translateY(7px) scale(.99);box-shadow:0 1px 0 #06764c,0 6px 14px rgba(0,0,0,.2)}
.floating-whatsapp .btn-copy{align-items:flex-start}
.floating-whatsapp .btn-copy small{font-size:.58rem}
.floating-whatsapp .btn-copy b{font-size:.86rem}

/* certificate showcase: visually obvious horizontal slide movement */
.cert-slider{position:relative;padding-top:22px}
.cert-showcase-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 10px 12px;text-align:left}
.cert-showcase-head div{display:grid;gap:2px}
.cert-showcase-head small{font-size:.62rem;letter-spacing:.11em;font-weight:900;color:#62778d}
.cert-showcase-head strong{font-family:"Plus Jakarta Sans",sans-serif;font-size:1.08rem;color:#0b2848}
.cert-showcase-head>span{font-size:.72rem;font-weight:700;color:#7a8b9e}
.cert-progress-track{height:5px;border-radius:999px;background:#e7eef4;overflow:hidden;margin:0 10px 16px}
.cert-progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--cyan),#5578ff);border-radius:999px}
.cert-stage{overflow:hidden!important;isolation:isolate}
.cert-slide{opacity:0;visibility:hidden;transform:translateX(100px) scale(.985)!important;transition:transform .68s cubic-bezier(.22,.8,.2,1),opacity .55s ease!important;z-index:0}
.cert-slide.active{opacity:1;visibility:visible;transform:translateX(0) scale(1)!important;z-index:2}
.cert-slide.enter-from-right{visibility:visible;transform:translateX(120px) scale(.985)!important;opacity:0}
.cert-slide.enter-from-left{visibility:visible;transform:translateX(-120px) scale(.985)!important;opacity:0}
.cert-slide.exit-left{visibility:visible;transform:translateX(-120px) scale(.985)!important;opacity:0;z-index:1}
.cert-slide.exit-right{visibility:visible;transform:translateX(120px) scale(.985)!important;opacity:0;z-index:1}
.cert-arrow{background:linear-gradient(180deg,#154b83,#09294b);box-shadow:0 6px 0 #031425,0 14px 28px rgba(4,16,31,.22);transition:transform .11s ease,box-shadow .11s ease,filter .11s ease}
.cert-arrow:hover{filter:brightness(1.08)}
.cert-arrow:active{box-shadow:0 1px 0 #031425,0 5px 10px rgba(4,16,31,.2)!important}

@media(max-width:720px){
  .visual-caption{display:grid;justify-items:start}
  .btn-copy b{white-space:normal;text-align:left}
  .cert-showcase-head{align-items:flex-start;flex-direction:column;gap:5px}
  .cert-showcase-head>span{font-size:.67rem}
  .contact-email-static{grid-template-columns:50px 1fr}
  .channel-icon{width:50px;height:50px}
  .channel-card{grid-template-columns:50px 1fr 26px}
}

/* v22 — colorful premium CTA system */
:root{
  --cta-green:#20d892;
  --cta-green-dark:#07875a;
  --cta-cyan:#36d9f2;
  --cta-blue:#2978ff;
  --cta-violet:#7b5cff;
  --cta-gold:#ffc94d;
  --cta-orange:#ff8c32;
}

/* Four positioning pillars: distinct, premium, instantly scannable */
.hero-pillars{gap:13px}
.hero-pillars div{
  position:relative;
  overflow:hidden;
  min-height:78px;
  padding:15px 16px;
  border:1px solid rgba(255,255,255,.15);
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 30px rgba(0,0,0,.13);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.hero-pillars div::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:4px;border-radius:0 0 15px 15px;
}
.hero-pillars div:nth-child(1)::after{background:linear-gradient(90deg,#36d9f2,#2978ff)}
.hero-pillars div:nth-child(2)::after{background:linear-gradient(90deg,#7b5cff,#d263ff)}
.hero-pillars div:nth-child(3)::after{background:linear-gradient(90deg,#20d892,#36d9f2)}
.hero-pillars div:nth-child(4)::after{background:linear-gradient(90deg,#ffc94d,#ff8c32)}
.hero-pillars div:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 20px 38px rgba(0,0,0,.19)}
.hero-pillars b{font-size:.78rem;font-weight:900;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.hero-pillars div:nth-child(1) b{background:linear-gradient(135deg,#36d9f2,#2978ff);color:#fff}
.hero-pillars div:nth-child(2) b{background:linear-gradient(135deg,#8f74ff,#6b46e8);color:#fff}
.hero-pillars div:nth-child(3) b{background:linear-gradient(135deg,#2ce3a0,#0ca772);color:#fff}
.hero-pillars div:nth-child(4) b{background:linear-gradient(135deg,#ffd460,#ff9d32);color:#201707}
.hero-pillars span{font-size:.91rem;font-weight:800;letter-spacing:-.01em}

/* Shared high-attraction CTA appearance */
.btn,.floating-whatsapp,.contact-btn,.cert-arrow{
  isolation:isolate;
  position:relative;
  transform:translateY(0);
  transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .14s ease,filter .14s ease;
}
.btn::before,.floating-whatsapp::before,.contact-btn::before{
  content:"";position:absolute;inset:1px 1px auto 1px;height:46%;border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(255,255,255,0));
  opacity:.62;pointer-events:none;z-index:-1;
}
.btn:hover,.floating-whatsapp:hover,.contact-btn:hover{transform:translateY(-4px) scale(1.015);filter:saturate(1.12) brightness(1.04)}
.btn:active,.contact-btn:active{transform:translateY(7px) scale(.985)!important;filter:brightness(.97)}

/* Primary WhatsApp — emerald + cyan, strong visual depth */
.btn-whatsapp{
  min-height:66px!important;
  border-radius:19px!important;
  border:1px solid #67f2bd!important;
  background:linear-gradient(135deg,#24dd91 0%,#0fbd85 48%,#11a6d5 100%)!important;
  color:#fff!important;
  box-shadow:0 8px 0 #067a58,0 18px 38px rgba(18,195,137,.31),0 0 0 1px rgba(255,255,255,.06) inset!important;
}
.btn-whatsapp:hover{box-shadow:0 10px 0 #067a58,0 24px 48px rgba(18,195,137,.40),0 0 28px rgba(54,217,242,.17)!important}
.btn-whatsapp:active{box-shadow:0 2px 0 #067a58,0 8px 18px rgba(0,0,0,.22)!important}
.btn-whatsapp .btn-ico{width:42px;height:42px;flex-basis:42px;border-radius:13px;background:rgba(255,255,255,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 12px rgba(0,0,0,.10)}
.btn-whatsapp .btn-copy small{color:#dffff2;opacity:1}
.btn-whatsapp .btn-copy b{font-size:.94rem}

/* Portfolio / proof CTA — blue-violet with gold detail */
.btn-outline-premium{
  min-height:64px!important;border-radius:19px!important;border:1px solid #6aa6ff!important;
  background:linear-gradient(135deg,#143b72 0%,#235dcc 56%,#6b4bea 100%)!important;
  color:#fff!important;
  box-shadow:0 8px 0 #08234d,0 18px 36px rgba(35,93,204,.29)!important;
}
.btn-outline-premium:hover{box-shadow:0 10px 0 #08234d,0 24px 48px rgba(63,97,225,.36),0 0 28px rgba(123,92,255,.18)!important}
.btn-outline-premium:active{box-shadow:0 2px 0 #08234d,0 8px 18px rgba(0,0,0,.22)!important}
.btn-outline-premium .btn-ico{width:42px;height:42px;flex-basis:42px;border-radius:13px;background:linear-gradient(135deg,rgba(54,217,242,.28),rgba(255,201,77,.18));border:1px solid rgba(255,255,255,.18)}
.btn-outline-premium .btn-copy small{color:#bfe9ff;opacity:1}
.btn-outline-premium .btn-copy b{font-size:.94rem}

/* Header CTA: compact but vivid */
.nav-cta{min-height:52px!important;border-radius:15px!important;box-shadow:0 6px 0 #067a58,0 13px 28px rgba(18,195,137,.25)!important}
.nav-cta:active{transform:translateY(5px) scale(.985)!important;box-shadow:0 1px 0 #067a58,0 5px 12px rgba(0,0,0,.22)!important}

/* Certificate arrows — visible navigation, not anonymous dark blocks */
.cert-arrow{
  width:58px!important;height:58px!important;border-radius:50%!important;
  border:2px solid rgba(255,255,255,.9)!important;
  background:linear-gradient(145deg,#36d9f2,#2978ff 55%,#7b5cff)!important;
  color:#fff!important;font-size:2rem!important;font-weight:900!important;
  box-shadow:0 7px 0 #133d87,0 15px 32px rgba(41,120,255,.28),0 0 0 6px rgba(41,120,255,.08)!important;
}
.cert-arrow:hover{transform:translateY(-50%) scale(1.09)!important;box-shadow:0 9px 0 #133d87,0 22px 40px rgba(41,120,255,.38),0 0 0 8px rgba(54,217,242,.11)!important}
.cert-arrow:active{transform:translateY(calc(-50% + 7px)) scale(.98)!important;box-shadow:0 2px 0 #133d87,0 7px 14px rgba(0,0,0,.20)!important}
.cert-dot{transition:width .2s ease,transform .2s ease,background .2s ease}
.cert-dot:hover{transform:scale(1.35);background:#7b5cff}
.cert-dot.active{background:linear-gradient(90deg,#36d9f2,#2978ff,#7b5cff,#ffc94d)!important;box-shadow:0 0 12px rgba(41,120,255,.26)}

/* Contact channel cards: strong, colorful and obvious */
.contact-btn{border-radius:21px!important;padding:17px 18px!important;overflow:hidden!important}
.contact-btn.whatsapp{
  background:linear-gradient(135deg,#20d892,#0ead80 52%,#12a8c8)!important;
  border:1px solid #62efba!important;
  box-shadow:0 8px 0 #087452,0 18px 38px rgba(12,167,113,.28)!important;
}
.contact-btn.whatsapp:hover{box-shadow:0 10px 0 #087452,0 25px 48px rgba(12,167,113,.37)!important}
.contact-btn.call{
  background:linear-gradient(135deg,#36a4ff,#2768e8 55%,#7357ee)!important;
  border:1px solid #7ac0ff!important;
  box-shadow:0 8px 0 #153d8f,0 18px 38px rgba(39,104,232,.29)!important;
}
.contact-btn.call:hover{box-shadow:0 10px 0 #153d8f,0 25px 48px rgba(39,104,232,.38)!important}
.contact-btn:active{box-shadow:0 2px 0 rgba(0,0,0,.45),0 7px 16px rgba(0,0,0,.18)!important}
.channel-icon{background:rgba(255,255,255,.20)!important;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 12px rgba(0,0,0,.12)}
.channel-arrow{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.17);font-size:1.15rem;font-weight:900;transition:transform .16s ease}
.contact-btn:hover .channel-arrow{transform:translateX(4px) rotate(-6deg)}

/* Floating CTA: premium gradient, compact, highly visible */
.floating-whatsapp{
  min-width:min(94vw,440px)!important;min-height:68px!important;border-radius:22px!important;
  background:linear-gradient(110deg,#1fe08e 0%,#0dbc84 43%,#20b9da 72%,#5f78ff 100%)!important;
  border:1px solid #72f0c2!important;color:#fff!important;
  box-shadow:0 9px 0 #087251,0 20px 46px rgba(0,0,0,.30),0 0 34px rgba(32,185,218,.16)!important;
}
.floating-whatsapp::after{
  content:"";position:absolute;inset:-3px;border-radius:25px;border:1px solid rgba(97,229,255,.42);pointer-events:none;animation:ctaHalo 2.1s ease-in-out infinite;
}
@keyframes ctaHalo{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.9;transform:scale(1.025)}}
.floating-whatsapp:hover{transform:translateX(-50%) translateY(-5px) scale(1.015)!important;box-shadow:0 11px 0 #087251,0 27px 55px rgba(0,0,0,.34),0 0 40px rgba(32,185,218,.24)!important}
.floating-whatsapp:active{transform:translateX(-50%) translateY(7px) scale(.985)!important;box-shadow:0 2px 0 #087251,0 7px 16px rgba(0,0,0,.22)!important}
.floating-whatsapp .btn-ico{width:44px;height:44px;flex-basis:44px;border-radius:14px;background:rgba(255,255,255,.21)}
.floating-whatsapp .btn-copy small{color:#e8fff7!important;opacity:.88!important}
.floating-whatsapp .btn-copy b{font-size:.94rem!important}

/* Ensure CTA text remains readable on small screens */
@media(max-width:720px){
  .hero-actions{display:grid;grid-template-columns:1fr;gap:13px}
  .hero-actions .btn{width:100%;justify-content:flex-start}
  .btn-copy b{white-space:normal!important}
  .cert-arrow{width:48px!important;height:48px!important;font-size:1.65rem!important}
  .floating-whatsapp{min-width:calc(100% - 22px)!important;min-height:64px!important;border-radius:19px!important}
}


/* V23 certificate slider reliability + precise permanent date removal */
.cert-canvas .date-mask{display:none!important}
.cert-slide{
  transition:transform .48s cubic-bezier(.22,.76,.2,1),opacity .38s ease!important;
  will-change:transform,opacity;
}
.cert-slide.enter-from-right{transform:translateX(150px) scale(.992)!important;opacity:0!important;visibility:visible!important}
.cert-slide.enter-from-left{transform:translateX(-150px) scale(.992)!important;opacity:0!important;visibility:visible!important}
.cert-slide.exit-left{transform:translateX(-150px) scale(.992)!important;opacity:0!important;visibility:visible!important}
.cert-slide.exit-right{transform:translateX(150px) scale(.992)!important;opacity:0!important;visibility:visible!important}
.cert-slide.active{transform:translateX(0) scale(1)!important;opacity:1!important;visibility:visible!important}
.cert-canvas img{filter:none!important;transform:none!important;image-rendering:auto!important}

/* v24 certificate slideshow refinements */
.cert-slide{
  transition:transform .56s cubic-bezier(.22,.8,.2,1),opacity .42s ease!important;
}
.cert-progress-track span{
  will-change:width;
}


/* V25 — certificate ID preservation + compact center CTA + quick circular contacts */
body{padding-bottom:92px!important}

.bottom-project-cta{
  position:fixed;
  left:50%;
  bottom:16px;
  transform:translateX(-50%);
  z-index:1450;
  width:auto;
  min-width:260px;
  max-width:330px;
  min-height:58px;
  padding:9px 18px 10px 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  border-radius:18px;
  color:#07172f;
  background:linear-gradient(135deg,#ffe58a 0%,#ffc84e 48%,#ffac35 100%);
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 7px 0 #b97912,0 15px 32px rgba(0,0,0,.28);
  font-weight:800;
  transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;
}
.bottom-project-cta:hover{transform:translateX(-50%) translateY(-3px);filter:saturate(1.08);box-shadow:0 10px 0 #b97912,0 20px 38px rgba(0,0,0,.30)}
.bottom-project-cta:active{transform:translateX(-50%) translateY(6px) scale(.985);box-shadow:0 1px 0 #b97912,0 6px 12px rgba(0,0,0,.22)}
.bottom-project-cta small,.bottom-project-cta b{display:block;line-height:1.1}
.bottom-project-cta small{font-size:.62rem;letter-spacing:.08em;color:#6c4a06;margin-bottom:4px}
.bottom-project-cta b{font-size:.92rem;white-space:nowrap}
.bottom-cta-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.52);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.bottom-cta-icon svg{width:21px;height:21px;fill:none;stroke:#08765a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.quick-connect{
  position:fixed;
  right:20px;
  bottom:112px;
  z-index:1460;
  display:flex;
  flex-direction:column;
  gap:18px;
  align-items:flex-end;
}
.quick-circle{
  position:relative;
  width:62px;
  height:62px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  border:2px solid rgba(255,255,255,.8);
  box-shadow:0 10px 28px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .16s ease,filter .16s ease;
}
.quick-circle::before,.quick-circle::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:50%;
  border:2px solid currentColor;
  opacity:.42;
  animation:quickWave 2s ease-out infinite;
  pointer-events:none;
}
.quick-circle::after{animation-delay:1s}
.quick-circle:hover{transform:scale(1.10) translateY(-2px);filter:brightness(1.08)}
.quick-circle:active{transform:scale(.93) translateY(3px)}
.quick-circle svg{width:29px;height:29px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.quick-wa{background:linear-gradient(135deg,#25d366,#0fbf9d);color:#39e6a2}
.quick-call{background:linear-gradient(135deg,#2f7df6,#7a5cff);color:#72a7ff}
.quick-label{
  position:absolute;
  right:74px;
  padding:7px 10px;
  border-radius:10px;
  background:#07172f;
  color:#fff;
  font-size:.72rem;
  font-weight:800;
  opacity:0;
  transform:translateX(8px);
  pointer-events:none;
  transition:.18s;
  box-shadow:0 8px 20px rgba(0,0,0,.22);
}
.quick-circle:hover .quick-label{opacity:1;transform:translateX(0)}
@keyframes quickWave{0%{transform:scale(.82);opacity:.5}75%,100%{transform:scale(1.42);opacity:0}}

/* Ensure full certificate canvas and ID are visible */
.cert-canvas{overflow:visible!important}
.cert-canvas img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.cert-stage{overflow:hidden!important}

@media(max-width:720px){
  body{padding-bottom:84px!important}
  .bottom-project-cta{bottom:10px;min-width:220px;max-width:250px;min-height:54px;padding:8px 14px 9px 10px;border-radius:16px}
  .bottom-project-cta b{font-size:.82rem}
  .bottom-project-cta small{font-size:.55rem}
  .bottom-cta-icon{width:34px;height:34px;flex-basis:34px}
  .quick-connect{right:12px;bottom:92px;gap:13px}
  .quick-circle{width:52px;height:52px}
  .quick-circle svg{width:24px;height:24px}
  .quick-label{display:none}
}


/* V26 — clean certificate dates + compact centered CTA + corrected quick-contact icons */
body{padding-bottom:84px!important}

.bottom-project-cta{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:14px!important;
  transform:translateX(-50%)!important;
  z-index:1600!important;
  width:auto!important;
  min-width:0!important;
  max-width:330px!important;
  min-height:54px!important;
  padding:8px 16px 9px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  border-radius:17px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#18d792 0%,#0fc4aa 48%,#1da4f6 100%)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 6px 0 #08785e,0 15px 34px rgba(0,0,0,.28),0 0 30px rgba(30,201,186,.18)!important;
  transition:transform .14s ease,box-shadow .14s ease,filter .14s ease!important;
}
.bottom-project-cta:hover{transform:translateX(-50%) translateY(-3px) scale(1.015)!important;filter:brightness(1.05)!important;box-shadow:0 9px 0 #08785e,0 21px 44px rgba(0,0,0,.31),0 0 38px rgba(36,218,197,.24)!important}
.bottom-project-cta:active{transform:translateX(-50%) translateY(5px) scale(.985)!important;box-shadow:0 1px 0 #08785e,0 6px 14px rgba(0,0,0,.2)!important}
.bottom-project-cta small,.bottom-project-cta b{display:block!important;line-height:1.1!important;text-align:left!important}
.bottom-project-cta small{font-size:.56rem!important;letter-spacing:.12em!important;color:#e8fff8!important;margin-bottom:3px!important}
.bottom-project-cta b{font-size:.82rem!important;white-space:normal!important}
.bottom-cta-icon{width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.34)!important}
.bottom-cta-icon svg{width:22px!important;height:22px!important;fill:none!important;stroke:#fff!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}

.quick-connect{position:fixed!important;right:20px!important;bottom:100px!important;z-index:1610!important;display:flex!important;flex-direction:column!important;gap:16px!important;align-items:center!important}
.quick-circle{position:relative!important;width:60px!important;height:60px!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#fff!important;border:2px solid rgba(255,255,255,.78)!important;box-shadow:0 11px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.35)!important;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;isolation:isolate!important}
.quick-circle::before,.quick-circle::after{content:""!important;position:absolute!important;inset:-8px!important;border-radius:50%!important;border:2px solid currentColor!important;opacity:.42!important;animation:quickWaveV26 1.9s ease-out infinite!important;pointer-events:none!important;z-index:-1!important}
.quick-circle::after{animation-delay:.95s!important}
.quick-circle:hover{transform:scale(1.1) translateY(-2px)!important;filter:brightness(1.06)!important;box-shadow:0 14px 36px rgba(0,0,0,.31),0 0 28px currentColor!important}
.quick-circle:active{transform:scale(.93) translateY(3px)!important}
.quick-wa{background:linear-gradient(135deg,#25d366,#0fbf9d)!important;color:#36e39a!important}
.quick-call{background:linear-gradient(135deg,#2f7df6,#735cff)!important;color:#6fa8ff!important}
.quick-icon{width:30px!important;height:30px!important;display:grid!important;place-items:center!important}
.quick-icon svg{width:29px!important;height:29px!important;display:block!important;fill:none!important;stroke:#fff!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.quick-label{position:absolute!important;right:72px!important;top:50%!important;transform:translate(8px,-50%)!important;padding:7px 10px!important;border-radius:10px!important;background:#07172f!important;color:#fff!important;font-size:.72rem!important;font-weight:800!important;opacity:0!important;pointer-events:none!important;transition:.18s!important;white-space:nowrap!important;box-shadow:0 8px 20px rgba(0,0,0,.22)!important}
.quick-circle:hover .quick-label{opacity:1!important;transform:translate(0,-50%)!important}
@keyframes quickWaveV26{0%{transform:scale(.84);opacity:.46}75%,100%{transform:scale(1.45);opacity:0}}

/* Make channel icons crisp and centered */
.channel-icon svg{display:block!important;width:28px!important;height:28px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.contact-btn.whatsapp .channel-icon{color:#fff!important;background:rgba(255,255,255,.18)!important}
.contact-btn.call .channel-icon{color:#fff!important;background:rgba(255,255,255,.18)!important}
.contact-email-static .channel-icon svg{stroke:#1d2b3a!important}

/* Keep full certificate frame visible */
.cert-canvas{overflow:hidden!important;background:#fff!important}
.cert-canvas img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;display:block!important}

@media(max-width:720px){
  body{padding-bottom:80px!important}
  .bottom-project-cta{bottom:10px!important;max-width:270px!important;padding:7px 13px 8px 9px!important}
  .bottom-project-cta b{font-size:.75rem!important}
  .bottom-project-cta small{font-size:.52rem!important}
  .bottom-cta-icon{width:33px!important;height:33px!important;flex-basis:33px!important}
  .quick-connect{right:12px!important;bottom:88px!important;gap:13px!important}
  .quick-circle{width:52px!important;height:52px!important}
  .quick-icon,.quick-icon svg{width:25px!important;height:25px!important}
  .quick-label{display:none!important}
}


/* ============================================================
   V27 — premium service positioning + scroll highlights + clear WA icons
   ============================================================ */
.premium-pillars{
  gap:14px!important;
  perspective:900px;
}
.premium-pillars .pillar-card{
  position:relative;
  display:grid!important;
  grid-template-columns:58px 1fr!important;
  gap:14px!important;
  align-items:center!important;
  min-height:92px;
  padding:16px 18px!important;
  border-radius:21px!important;
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.038))!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 15px 34px rgba(0,0,0,.18);
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,filter .35s ease;
}
.premium-pillars .pillar-card::before{
  content:"";
  position:absolute;
  inset:-65%;
  z-index:-2;
  opacity:.18;
  transform:rotate(12deg);
  animation:pillarAura 7s linear infinite;
}
.premium-pillars .pillar-card::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:4px;
  border-radius:0 0 20px 20px;
  box-shadow:0 -8px 25px currentColor;
}
.pillar-ads{color:#39dff6}.pillar-ads::before,.pillar-ads::after{background:linear-gradient(90deg,#39dff6,#2478ff,#39dff6)}
.pillar-performance{color:#a887ff}.pillar-performance::before,.pillar-performance::after{background:linear-gradient(90deg,#7d5cff,#d95cff,#7d5cff)}
.pillar-funnel{color:#37e6a7}.pillar-funnel::before,.pillar-funnel::after{background:linear-gradient(90deg,#26d997,#34dff0,#26d997)}
.pillar-web{color:#ffc95b}.pillar-web::before,.pillar-web::after{background:linear-gradient(90deg,#ffc95b,#ff8e39,#ffc95b)}
@keyframes pillarAura{to{transform:rotate(372deg)}}
.pillar-icon{
  width:54px;height:54px;
  display:grid;place-items:center;
  border-radius:18px;
  color:#fff;
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 22px rgba(0,0,0,.2);
  transition:transform .35s ease,box-shadow .35s ease;
}
.pillar-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pillar-ads .pillar-icon{background:linear-gradient(135deg,#28caee,#2778ff)}
.pillar-performance .pillar-icon{background:linear-gradient(135deg,#8b69ff,#d253ef)}
.pillar-funnel .pillar-icon{background:linear-gradient(135deg,#20d890,#17b9b5)}
.pillar-web .pillar-icon{background:linear-gradient(135deg,#ffd058,#ff8f3d);color:#1e1608}
.pillar-copy{min-width:0}
.pillar-copy small{display:block;margin-bottom:4px;font-size:.61rem;font-weight:900;letter-spacing:.105em;color:currentColor}
.pillar-copy strong{display:block;color:#fff;font-family:"Plus Jakarta Sans",sans-serif;font-size:1rem;line-height:1.28;letter-spacing:-.018em}
.premium-pillars .pillar-card:hover,
.premium-pillars .pillar-card.is-inview{
  transform:translateY(-5px) scale(1.025);
  border-color:currentColor!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 22px 45px rgba(0,0,0,.27),0 0 34px color-mix(in srgb,currentColor 35%,transparent);
}
.premium-pillars .pillar-card:hover .pillar-icon,
.premium-pillars .pillar-card.is-inview .pillar-icon{transform:scale(1.08) rotate(-3deg);box-shadow:0 13px 28px rgba(0,0,0,.26),0 0 22px currentColor}

/* Full service rows receive a matching scroll-enter glow */
.service-row{position:relative;transition:transform .5s cubic-bezier(.2,.75,.2,1),box-shadow .5s,border-color .5s}
.service-row::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .5s;box-shadow:inset 0 0 0 2px var(--service-accent,transparent),0 25px 65px color-mix(in srgb,var(--service-accent) 18%,transparent)}
.service-accent-ads{--service-accent:#25cfee}.service-accent-performance{--service-accent:#8e65ff}.service-accent-funnel{--service-accent:#21d89a}.service-accent-web{--service-accent:#ffb646}
.service-row.is-service-active{transform:translateY(-7px);border-color:var(--service-accent);box-shadow:0 28px 70px rgba(7,23,47,.16)}
.service-row.is-service-active::after{opacity:1}
.service-row.is-service-active .service-copy h3{color:#071f3b}
.service-row.is-service-active .service-label{color:var(--service-accent)}
.service-row.is-service-active .service-index{color:color-mix(in srgb,var(--service-accent) 22%,#edf3f7)}

/* Clear, highly legible WhatsApp mark everywhere */
.wa-mark{width:27px!important;height:27px!important;overflow:visible}
.wa-mark .wa-bubble{fill:#fff!important;stroke:none!important}
.wa-mark .wa-phone{fill:#16b978!important;stroke:none!important}
.btn-whatsapp .wa-mark .wa-phone,.channel-card.whatsapp .wa-mark .wa-phone,.bottom-project-cta .wa-mark .wa-phone{fill:#15a86f!important}
.quick-wa .wa-mark{width:31px!important;height:31px!important}
.quick-wa .wa-mark .wa-phone{fill:#15b876!important}

/* Make quick circles unmistakable and avoid washed-out icon rendering */
.quick-wa .quick-icon,.quick-call .quick-icon{display:grid!important;place-items:center!important;width:100%!important;height:100%!important}
.quick-wa .quick-icon svg,.quick-call .quick-icon svg{display:block!important}
.quick-wa{box-shadow:0 12px 34px rgba(14,190,122,.35),0 0 0 5px rgba(37,211,102,.10),inset 0 1px 0 rgba(255,255,255,.38)!important}
.quick-call{box-shadow:0 12px 34px rgba(67,105,255,.35),0 0 0 5px rgba(91,103,255,.10),inset 0 1px 0 rgba(255,255,255,.38)!important}

@media(max-width:720px){
  .premium-pillars .pillar-card{grid-template-columns:50px 1fr!important;min-height:80px;padding:13px 14px!important}
  .pillar-icon{width:46px;height:46px;border-radius:15px}
  .pillar-icon svg{width:25px;height:25px}
  .pillar-copy strong{font-size:.91rem}
}


/* =========================================================
   v28 — ELITE / LUXURY HERO SERVICES + CTA SYSTEM
   Champagne Gold • Deep Navy • Ivory • Controlled Cyan
   ========================================================= */

:root{
  --elite-gold:#d9b65f;
  --elite-gold-2:#f3d98e;
  --elite-ivory:#fffdf7;
  --elite-ink:#050b14;
  --elite-navy:#071525;
  --elite-navy-2:#0b2038;
  --elite-cyan:#63d9e7;
}

/* Make the four core services feel like one premium expertise system */
.premium-pillars{
  margin-top:31px!important;
  gap:14px!important;
  position:relative;
}
.premium-pillars::before{
  content:"CORE DIGITAL MARKETING EXPERTISE";
  grid-column:1/-1;
  display:block;
  margin-bottom:1px;
  color:rgba(243,217,142,.88);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.premium-pillars .pillar-card{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:58px 1fr!important;
  align-items:center!important;
  min-height:102px!important;
  padding:18px 20px!important;
  border-radius:19px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.025))!important;
  border:1px solid rgba(243,217,142,.20)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 -1px 0 rgba(0,0,0,.28),
    0 16px 34px rgba(0,0,0,.18)!important;
  transition:
    transform .38s cubic-bezier(.22,.85,.28,1),
    border-color .38s ease,
    box-shadow .38s ease,
    background .38s ease!important;
}

/* subtle metallic top sheen */
.premium-pillars .pillar-card::before{
  content:""!important;
  position:absolute!important;
  z-index:-1;
  inset:0!important;
  background:
    linear-gradient(112deg,
      transparent 0%,
      transparent 36%,
      rgba(255,255,255,.055) 45%,
      rgba(243,217,142,.10) 50%,
      rgba(255,255,255,.04) 55%,
      transparent 64%,
      transparent 100%)!important;
  transform:translateX(-110%)!important;
  transition:transform .9s cubic-bezier(.18,.72,.22,1)!important;
  opacity:1!important;
}

/* elegant bottom accent: gold first, service tint second */
.premium-pillars .pillar-card::after{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:0!important;
  height:2px!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,transparent,var(--elite-gold),var(--elite-cyan),transparent)!important;
  opacity:.70!important;
  transform:none!important;
  box-shadow:0 0 14px rgba(217,182,95,.18)!important;
}

.premium-pillars .pillar-card:hover,
.premium-pillars .pillar-card.is-inview{
  transform:translateY(-6px)!important;
  border-color:rgba(243,217,142,.58)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 22px 44px rgba(0,0,0,.28),
    0 0 0 1px rgba(217,182,95,.10),
    0 0 32px rgba(217,182,95,.10)!important;
}
.premium-pillars .pillar-card:hover::before,
.premium-pillars .pillar-card.is-inview::before{
  transform:translateX(110%)!important;
}

/* unified luxury icons – not rainbow tiles */
.premium-pillars .pillar-icon{
  width:50px!important;
  height:50px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 30% 25%,rgba(255,255,255,.15),transparent 35%),
    linear-gradient(145deg,#17283d,#0b1727)!important;
  color:var(--elite-gold-2)!important;
  border:1px solid rgba(243,217,142,.36)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 9px 20px rgba(0,0,0,.24)!important;
  transition:transform .35s ease,box-shadow .35s ease,color .35s ease!important;
}
.premium-pillars .pillar-icon svg{
  width:26px!important;
  height:26px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.premium-pillars .pillar-card:hover .pillar-icon,
.premium-pillars .pillar-card.is-inview .pillar-icon{
  transform:translateY(-2px) scale(1.04)!important;
  color:#fff1b7!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 12px 24px rgba(0,0,0,.30),
    0 0 20px rgba(217,182,95,.16)!important;
}

.premium-pillars .pillar-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
}
.premium-pillars .pillar-copy small{
  color:rgba(243,217,142,.82)!important;
  font-size:.66rem!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
.premium-pillars .pillar-copy strong{
  color:var(--elite-ivory)!important;
  font-family:"Plus Jakarta Sans",sans-serif!important;
  font-size:1rem!important;
  line-height:1.34!important;
  font-weight:800!important;
  letter-spacing:-.018em!important;
}

/* small unique identity without carnival colors */
.premium-pillars .pillar-ads{--service-glow:rgba(99,217,231,.12)}
.premium-pillars .pillar-performance{--service-glow:rgba(154,130,255,.10)}
.premium-pillars .pillar-funnel{--service-glow:rgba(61,215,167,.09)}
.premium-pillars .pillar-web{--service-glow:rgba(243,217,142,.10)}
.premium-pillars .pillar-card:hover,
.premium-pillars .pillar-card.is-inview{
  background:
    radial-gradient(circle at 85% 15%,var(--service-glow),transparent 35%),
    linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035))!important;
}

/* Premium CTA pair */
.hero-actions{
  gap:14px!important;
  align-items:stretch!important;
}
.hero-actions .btn{
  min-height:66px!important;
  border-radius:16px!important;
  position:relative!important;
  overflow:hidden!important;
  transform:translateY(0)!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
}

/* Primary: champagne gold, executive rather than bright green */
.hero-actions .btn-primary-cta{
  color:#07111d!important;
  background:
    linear-gradient(180deg,#f5dea0 0%,#d7b259 78%,#c89f42 100%)!important;
  border:1px solid rgba(255,242,191,.9)!important;
  box-shadow:
    0 6px 0 #8b6822,
    0 15px 30px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.7)!important;
}
.hero-actions .btn-primary-cta .btn-copy small{
  color:#5d4512!important;
  opacity:1!important;
  letter-spacing:.10em!important;
}
.hero-actions .btn-primary-cta .btn-copy b{
  color:#07111d!important;
  font-size:1rem!important;
}
.hero-actions .btn-primary-cta .btn-ico{
  background:rgba(6,19,34,.10)!important;
  border:1px solid rgba(6,19,34,.12)!important;
}
.hero-actions .btn-primary-cta .wa-mark{
  color:#0b7650!important;
}

/* Secondary: elite navy glass */
.hero-actions .btn-outline-premium{
  color:#fff!important;
  background:linear-gradient(180deg,#18314c,#0b2037)!important;
  border:1px solid rgba(99,217,231,.24)!important;
  box-shadow:
    0 6px 0 #030c16,
    0 15px 30px rgba(0,0,0,.23),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.hero-actions .btn-outline-premium .btn-ico{
  background:rgba(99,217,231,.10)!important;
  border-color:rgba(99,217,231,.20)!important;
}
.hero-actions .btn-outline-premium .btn-copy small{
  color:#9be7f1!important;
}
.hero-actions .btn-outline-premium .btn-copy b{
  color:#fff!important;
  font-size:1rem!important;
}

/* precise tactile button motion */
.hero-actions .btn:hover{
  transform:translateY(-3px)!important;
  filter:brightness(1.035)!important;
}
.hero-actions .btn-primary-cta:hover{
  box-shadow:
    0 9px 0 #8b6822,
    0 22px 40px rgba(0,0,0,.32),
    0 0 30px rgba(217,182,95,.14),
    inset 0 1px 0 rgba(255,255,255,.75)!important;
}
.hero-actions .btn-outline-premium:hover{
  box-shadow:
    0 9px 0 #030c16,
    0 22px 40px rgba(0,0,0,.30),
    0 0 25px rgba(99,217,231,.08),
    inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.hero-actions .btn:active{
  transform:translateY(5px) scale(.992)!important;
}
.hero-actions .btn-primary-cta:active{
  box-shadow:
    0 1px 0 #8b6822,
    0 8px 14px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.45)!important;
}
.hero-actions .btn-outline-premium:active{
  box-shadow:
    0 1px 0 #030c16,
    0 8px 14px rgba(0,0,0,.24)!important;
}

/* Elite trust line */
.hero-trust{
  color:#bdc9d8!important;
  gap:20px!important;
}
.hero-trust span::before{
  content:"◆"!important;
  color:var(--elite-gold)!important;
  font-size:.62rem!important;
  margin-right:8px!important;
}

/* responsive */
@media(max-width:720px){
  .premium-pillars::before{font-size:.62rem}
  .premium-pillars .pillar-card{
    min-height:88px!important;
    grid-template-columns:52px 1fr!important;
    padding:15px 16px!important;
  }
  .premium-pillars .pillar-icon{width:46px!important;height:46px!important}
  .premium-pillars .pillar-copy strong{font-size:.94rem!important}
  .hero-actions .btn{min-height:62px!important}
}

/* === 2026-08-31 conversion CTA fixes === */
.btn-whatsapp,.btn-primary-cta,.contact-btn.whatsapp,.bottom-project-cta,.quick-wa{
  position:relative;overflow:hidden;animation:dlgHomePulse 2.7s ease-in-out infinite;
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.btn-whatsapp,.btn-primary-cta,.contact-btn.whatsapp,.bottom-project-cta,.quick-wa{
  box-shadow:0 10px 0 rgba(7,113,73,.95),0 18px 34px rgba(17,173,112,.28)!important;
  filter:saturate(1.04);
}
.btn-whatsapp:hover,.btn-primary-cta:hover,.contact-btn.whatsapp:hover,.bottom-project-cta:hover,.quick-wa:hover{transform:translateY(-3px) scale(1.01)}
.btn-whatsapp::before,.btn-primary-cta::before,.contact-btn.whatsapp::before,.bottom-project-cta::before,.quick-wa::before{
  content:"";position:absolute;inset:-120% auto auto -40%;width:44%;height:320%;transform:rotate(22deg);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.24),rgba(255,255,255,0));animation:dlgHomeShine 3.2s linear infinite;
}
@keyframes dlgHomePulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes dlgHomeShine{0%{left:-48%}100%{left:130%}}


/* 2026-08-31 CTA dominance update */
@keyframes dlgCtaFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.01)}}
@keyframes dlgCtaGlow{0%,100%{box-shadow:0 8px 0 rgba(4,107,76,.95),0 18px 34px rgba(18,195,137,.22),0 0 0 rgba(54,217,242,0)}50%{box-shadow:0 10px 0 rgba(4,107,76,.98),0 24px 48px rgba(18,195,137,.38),0 0 28px rgba(54,217,242,.18)}}
@keyframes dlgAccentFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.01)}}
.btn-whatsapp,.btn-primary-cta,.contact-btn.whatsapp,.bottom-project-cta,.quick-wa,.nav-cta,.floating-whatsapp{animation:dlgCtaFloat 2.8s ease-in-out infinite,dlgCtaGlow 2.8s ease-in-out infinite;will-change:transform,box-shadow}
.btn-outline-premium,.contact-btn.call{animation:dlgAccentFloat 3.1s ease-in-out infinite .22s;will-change:transform}
.btn-whatsapp,.btn-primary-cta,.nav-cta,.floating-whatsapp{background:linear-gradient(180deg,#27df91,#089f67)!important;border-color:#74efbd!important;color:#fff!important}
.btn-outline-premium{background:linear-gradient(180deg,#2d8fff,#5f5bff)!important;border-color:#86a6ff!important;color:#fff!important}
.contact-btn.whatsapp{background:linear-gradient(180deg,#1ed58a,#068a58)!important;border-color:#64efba!important}
.contact-btn.call{background:linear-gradient(180deg,#3f8fff,#1459d7)!important;border-color:#86b8ff!important}
.btn:hover,.contact-btn:hover,.floating-whatsapp:hover{animation-play-state:paused!important}


/* === 2026-08-31 final user requested refinements === */
.btn-whatsapp,.btn-primary-cta,.contact-btn.whatsapp,.bottom-project-cta,.quick-wa,.nav-cta,.floating-whatsapp{
  background:linear-gradient(180deg,#ffd65a,#f2b81d)!important;
  border-color:#ffe596!important;
  color:#16253a!important;
  box-shadow:0 8px 0 #b58200,0 18px 40px rgba(242,184,29,.32)!important;
  animation:dlgFastLift 1.55s ease-in-out infinite, dlgFastGlow 1.55s ease-in-out infinite!important;
}
.btn-whatsapp .btn-copy small,.floating-whatsapp .btn-copy small,.nav-cta .btn-copy small{color:#5a4200!important;opacity:1!important}
.btn-whatsapp .btn-copy b,.floating-whatsapp .btn-copy b,.nav-cta .btn-copy b,.contact-btn.whatsapp b,.contact-btn.whatsapp span{color:#16253a!important}
.btn-whatsapp .btn-ico,.floating-whatsapp .btn-ico,.nav-cta .btn-ico,.contact-btn.whatsapp .channel-icon{background:rgba(255,255,255,.30)!important;color:#16253a!important}
.btn::before,.floating-whatsapp::before,.contact-btn::before,.nav-cta::before,.quick-wa::before,.bottom-project-cta::before{display:none!important;content:none!important}
.btn:hover,.floating-whatsapp:hover,.contact-btn:hover,.nav-cta:hover{transform:translateY(-5px) scale(1.018)!important;filter:saturate(1.1) brightness(1.03)!important}
@keyframes dlgFastLift{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes dlgFastGlow{0%,100%{box-shadow:0 8px 0 #b58200,0 18px 40px rgba(242,184,29,.28)}50%{box-shadow:0 12px 0 #b58200,0 26px 56px rgba(242,184,29,.46)}}
footer{padding-bottom:94px!important}
.footer{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap}
.footer > div:first-child b{display:block}
.footer > div:first-child span{display:block;margin-top:3px}
.footer-note{width:100%;text-align:center;margin-top:10px;color:#7f93aa;font-size:.73rem;letter-spacing:.02em}
@media(max-width:720px){.footer{display:block!important;text-align:center}.footer-note{margin-top:14px}}


/* === FINAL OVERRIDES v8: whatsapp/footer refinements === */
:root{--dlg-wa-yellow1:#ffd54a;--dlg-wa-yellow2:#efb600;--dlg-wa-text:#14263a;--dlg-wa-stroke:#fff0a6}
.btn-whatsapp,.btn-primary-cta,.contact-btn.whatsapp,.bottom-project-cta,.quick-wa,.nav-cta,.floating-whatsapp{
  position:relative!important;
  overflow:visible!important;
  background:linear-gradient(180deg,var(--dlg-wa-yellow1),var(--dlg-wa-yellow2))!important;
  border:1px solid var(--dlg-wa-stroke)!important;
  color:var(--dlg-wa-text)!important;
  box-shadow:0 14px 28px rgba(239,182,0,.28),0 0 0 1px rgba(255,255,255,.08) inset!important;
  animation:dlgPulse3D 1.55s ease-in-out infinite,dlgGlowRing 1.55s ease-in-out infinite!important;
  transform-origin:center center!important;
  will-change:transform,box-shadow,filter!important;
}
.btn-whatsapp::before,.btn-primary-cta::before,.contact-btn.whatsapp::before,.bottom-project-cta::before,.quick-wa::before,.nav-cta::before,.floating-whatsapp::before{
  content:""!important;position:absolute!important;inset:-7px!important;border-radius:inherit!important;border:2px solid rgba(255,214,74,.42)!important;opacity:0;transform:scale(.92);pointer-events:none;animation:dlgWavePulse 1.55s ease-out infinite!important;
}
.btn-whatsapp::after,.btn-primary-cta::after,.contact-btn.whatsapp::after,.bottom-project-cta::after,.quick-wa::after,.nav-cta::after,.floating-whatsapp::after{
  content:""!important;position:absolute!important;inset:-14px!important;border-radius:inherit!important;border:2px solid rgba(255,214,74,.20)!important;opacity:0;transform:scale(.88);pointer-events:none;animation:dlgWavePulse2 1.55s ease-out infinite!important;
}
.btn-whatsapp:hover,.btn-primary-cta:hover,.contact-btn.whatsapp:hover,.bottom-project-cta:hover,.quick-wa:hover,.nav-cta:hover,.floating-whatsapp:hover{filter:brightness(1.03) saturate(1.06)!important}
.btn-whatsapp .btn-copy small,.floating-whatsapp .btn-copy small,.nav-cta .btn-copy small,.contact-btn.whatsapp small,.quick-wa small,.bottom-project-cta small{color:#5f4a00!important;opacity:1!important;font-weight:900!important;letter-spacing:.08em!important}
.btn-whatsapp .btn-copy b,.floating-whatsapp .btn-copy b,.nav-cta .btn-copy b,.contact-btn.whatsapp b,.contact-btn.whatsapp span,.quick-wa b,.bottom-project-cta b{color:var(--dlg-wa-text)!important}
.btn-whatsapp .btn-ico,.floating-whatsapp .btn-ico,.nav-cta .btn-ico,.contact-btn.whatsapp .channel-icon,.quick-wa .btn-ico,.bottom-project-cta .btn-ico{background:rgba(255,255,255,.42)!important;color:var(--dlg-wa-text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 18px rgba(0,0,0,.08)!important}
.nav-cta,.btn-whatsapp{min-height:58px!important}
.floating-whatsapp{min-height:68px!important}
@keyframes dlgPulse3D{0%,100%{transform:scale(1) translateZ(0)}50%{transform:scale(1.045) translateZ(0)}}
@keyframes dlgGlowRing{0%,100%{box-shadow:0 14px 28px rgba(239,182,0,.26),0 0 0 1px rgba(255,255,255,.08) inset}50%{box-shadow:0 18px 40px rgba(239,182,0,.40),0 0 30px rgba(255,214,74,.18),0 0 0 1px rgba(255,255,255,.1) inset}}
@keyframes dlgWavePulse{0%{opacity:.60;transform:scale(.92)}100%{opacity:0;transform:scale(1.14)}}
@keyframes dlgWavePulse2{0%{opacity:.32;transform:scale(.88)}100%{opacity:0;transform:scale(1.24)}}
footer{padding:34px 0 96px!important;background:#020914!important}
.footer{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:30px!important;flex-wrap:wrap!important}
.footer > div:first-child,.footer > div:last-child{text-align:left}
.footer > div:first-child b{display:block!important;line-height:1.1}
.footer > div:first-child span,.footer > div:first-child small{display:block!important;margin-top:4px!important}
.footer small,.footer span,.footer a{font-size:.92rem!important;color:#d4deea!important}
.footer-note{width:100%!important;text-align:center!important;margin-top:12px!important;padding-top:8px!important;color:#dce6f2!important;font-size:.84rem!important;letter-spacing:.01em!important}
@media(max-width:720px){.footer,.footer > div:first-child,.footer > div:last-child{text-align:center!important;justify-content:center!important}.footer-note{margin-top:10px!important}}


/* === FINAL CONVERSION + SEO UI PASS v9 === */
:root{--dlg-yellow:#ffd449;--dlg-yellow2:#f2b900;--dlg-yellow-text:#15253a}
/* CTA: front/back pulse, visible rings, no red/bottom outline */
.btn-whatsapp,.btn-primary-cta,.contact-btn.whatsapp,.bottom-project-cta,.quick-wa,.nav-cta,.floating-whatsapp{
  position:relative!important;isolation:isolate!important;overflow:visible!important;
  background:linear-gradient(180deg,var(--dlg-yellow),var(--dlg-yellow2))!important;
  color:var(--dlg-yellow-text)!important;border:1px solid #ffe99c!important;border-bottom-width:1px!important;
  box-shadow:0 10px 28px rgba(242,185,0,.34),0 0 0 1px rgba(255,255,255,.18) inset!important;
  transform-origin:center!important;animation:dlgFrontBack 1.35s ease-in-out infinite!important;will-change:transform,box-shadow!important
}
.btn-whatsapp>* ,.btn-primary-cta>* ,.contact-btn.whatsapp>* ,.bottom-project-cta>* ,.quick-wa>* ,.nav-cta>* ,.floating-whatsapp>*{position:relative;z-index:2}
.btn-whatsapp::before,.btn-primary-cta::before,.contact-btn.whatsapp::before,.bottom-project-cta::before,.quick-wa::before,.nav-cta::before,.floating-whatsapp::before,
.btn-whatsapp::after,.btn-primary-cta::after,.contact-btn.whatsapp::after,.bottom-project-cta::after,.quick-wa::after,.nav-cta::after,.floating-whatsapp::after{
  content:""!important;display:block!important;position:absolute!important;pointer-events:none!important;border-radius:inherit!important;z-index:1!important;background:transparent!important
}
.btn-whatsapp::before,.btn-primary-cta::before,.contact-btn.whatsapp::before,.bottom-project-cta::before,.quick-wa::before,.nav-cta::before,.floating-whatsapp::before{inset:-6px!important;border:2px solid rgba(255,212,73,.58)!important;animation:dlgWave1 1.55s ease-out infinite!important}
.btn-whatsapp::after,.btn-primary-cta::after,.contact-btn.whatsapp::after,.bottom-project-cta::after,.quick-wa::after,.nav-cta::after,.floating-whatsapp::after{inset:-12px!important;border:2px solid rgba(255,212,73,.28)!important;animation:dlgWave2 1.55s ease-out infinite .18s!important}
.btn-whatsapp .btn-copy small,.floating-whatsapp .btn-copy small,.nav-cta .btn-copy small,.contact-btn.whatsapp small,.bottom-project-cta small{color:#5b4700!important;opacity:1!important;font-weight:900!important}
.btn-whatsapp .btn-copy b,.floating-whatsapp .btn-copy b,.nav-cta .btn-copy b,.contact-btn.whatsapp b,.contact-btn.whatsapp span,.bottom-project-cta b{color:var(--dlg-yellow-text)!important}
.btn-whatsapp .btn-ico,.floating-whatsapp .btn-ico,.nav-cta .btn-ico,.contact-btn.whatsapp .channel-icon{background:rgba(255,255,255,.46)!important;color:var(--dlg-yellow-text)!important}
@keyframes dlgFrontBack{0%,100%{transform:scale(.985)}50%{transform:scale(1.055);box-shadow:0 14px 34px rgba(242,185,0,.46),0 0 24px rgba(255,212,73,.18)}}
@keyframes dlgWave1{0%{opacity:.70;transform:scale(.96)}100%{opacity:0;transform:scale(1.15)}}
@keyframes dlgWave2{0%{opacity:.42;transform:scale(.94)}100%{opacity:0;transform:scale(1.24)}}
.btn-whatsapp:hover,.btn-primary-cta:hover,.contact-btn.whatsapp:hover,.bottom-project-cta:hover,.quick-wa:hover,.nav-cta:hover,.floating-whatsapp:hover{animation-play-state:paused!important;transform:scale(1.055)!important;filter:brightness(1.02) saturate(1.05)!important}
/* Consistent footer */
.dlg-footer{background:#020914;color:#d8e2ed;border-top:1px solid rgba(255,255,255,.08);padding:34px 0 28px!important}
.dlg-footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1.1fr;align-items:center;gap:34px}
.dlg-footer-brand b{display:block;color:#fff;font-family:"Plus Jakarta Sans",sans-serif;font-size:1.03rem;line-height:1.15}.dlg-footer-brand small{display:block;margin-top:5px;color:#a9bbcd;font-size:.78rem}
.dlg-footer-nav{text-align:center;color:#e6edf5;font-weight:700;font-size:.88rem;white-space:nowrap}.dlg-footer-nav a:hover{color:#ffd449}
.dlg-footer-contact{display:flex;justify-content:flex-end;gap:16px;align-items:center;flex-wrap:wrap;font-size:.88rem}.dlg-footer-contact a{color:#fff;font-weight:800}.dlg-footer-contact span{color:#9eb2c6}
.dlg-footer-bottom{text-align:center;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:#9eb2c6;font-size:.78rem;letter-spacing:.01em}
@media(max-width:820px){.dlg-footer-grid{grid-template-columns:1fr;text-align:center;gap:16px}.dlg-footer-contact{justify-content:center}.dlg-footer-nav{white-space:normal}.dlg-footer-bottom{margin-top:18px}}


/* === v11 precise WhatsApp wave cleanup === */
/* Reset old tall shine/wave geometry so no vertical artifacts remain. */
.btn-whatsapp::before,.btn-primary-cta::before,.contact-btn.whatsapp::before,
.bottom-project-cta::before,.quick-wa::before,.nav-cta::before,.floating-whatsapp::before,
.btn-whatsapp::after,.btn-primary-cta::after,.contact-btn.whatsapp::after,
.bottom-project-cta::after,.quick-wa::after,.nav-cta::after,.floating-whatsapp::after{
  width:auto!important;height:auto!important;left:-3px!important;right:-3px!important;top:-3px!important;bottom:-3px!important;
  inset:-3px!important;transform:none!important;rotate:0deg!important;background:transparent!important;
  border-radius:inherit!important;pointer-events:none!important;z-index:0!important;content:""!important;display:block!important;
}
/* Only WhatsApp CTAs keep a subtle close wave. */
.btn-whatsapp::before,.btn-primary-cta::before,.contact-btn.whatsapp::before,
.bottom-project-cta::before,.quick-wa::before,.nav-cta::before,.floating-whatsapp::before{
  border:1px solid rgba(255,212,73,.34)!important;
  animation:dlgWaWaveNominal 1.8s ease-out infinite!important;
}
.btn-whatsapp::after,.btn-primary-cta::after,.contact-btn.whatsapp::after,
.bottom-project-cta::after,.quick-wa::after,.nav-cta::after,.floating-whatsapp::after{
  inset:-6px!important;left:-6px!important;right:-6px!important;top:-6px!important;bottom:-6px!important;
  border:1px solid rgba(255,212,73,.16)!important;
  animation:dlgWaWaveNominal2 1.8s ease-out infinite .22s!important;
}
@keyframes dlgWaWaveNominal{0%{opacity:.48;transform:scale(1)}100%{opacity:0;transform:scale(1.035)}}
@keyframes dlgWaWaveNominal2{0%{opacity:.26;transform:scale(1)}100%{opacity:0;transform:scale(1.055)}}
/* No wave pseudo-elements on non-WhatsApp CTAs. */
.btn-outline-premium::before,.btn-outline-premium::after,.contact-btn.call::before,.contact-btn.call::after,
.contact-btn.email::before,.contact-btn.email::after,.quick-call::before,.quick-call::after,
.cert-arrow::before,.cert-arrow::after{display:none!important;content:none!important}


/* === v13 exact Home-matched side Quick WhatsApp + Call buttons === */
.quick-connect{
  position:fixed!important;right:20px!important;bottom:100px!important;z-index:1700!important;
  display:flex!important;flex-direction:column!important;gap:18px!important;align-items:center!important;
}
.quick-circle{
  position:relative!important;width:60px!important;height:60px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;border:2px solid rgba(255,255,255,.86)!important;
  color:#fff!important;box-shadow:0 12px 30px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.38)!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;isolation:isolate!important;
  animation:none!important;overflow:visible!important;
}
.quick-wa{
  background:linear-gradient(180deg,#ffd64f,#f1b700)!important;color:#ffd64f!important;
  box-shadow:0 12px 32px rgba(241,183,0,.34),0 0 0 5px rgba(255,214,79,.10),inset 0 1px 0 rgba(255,255,255,.40)!important;
}
.quick-call{
  background:linear-gradient(135deg,#2f7df6,#705cff)!important;color:#6fa8ff!important;
  box-shadow:0 12px 32px rgba(67,105,255,.34),0 0 0 5px rgba(91,103,255,.10),inset 0 1px 0 rgba(255,255,255,.40)!important;
}
.quick-circle::before,.quick-circle::after{
  content:""!important;display:block!important;position:absolute!important;pointer-events:none!important;
  left:-7px!important;right:-7px!important;top:-7px!important;bottom:-7px!important;width:auto!important;height:auto!important;
  border-radius:50%!important;background:transparent!important;z-index:-1!important;opacity:0!important;
  transform:scale(.92)!important;
}
.quick-wa::before{border:2px solid rgba(255,214,79,.62)!important;animation:dlgQuickWave1 1.65s ease-out infinite!important}
.quick-wa::after{border:2px solid rgba(255,214,79,.34)!important;animation:dlgQuickWave2 1.65s ease-out infinite .38s!important}
.quick-call::before{border:2px solid rgba(111,168,255,.58)!important;animation:dlgQuickWave1 1.65s ease-out infinite!important}
.quick-call::after{border:2px solid rgba(111,168,255,.30)!important;animation:dlgQuickWave2 1.65s ease-out infinite .38s!important}
@keyframes dlgQuickWave1{0%{opacity:.58;transform:scale(.90)}75%,100%{opacity:0;transform:scale(1.34)}}
@keyframes dlgQuickWave2{0%{opacity:.34;transform:scale(.92)}75%,100%{opacity:0;transform:scale(1.52)}}
.quick-circle:hover{transform:scale(1.10) translateY(-2px)!important;filter:brightness(1.06)!important}
.quick-circle:active{transform:scale(.94)!important}
.quick-icon{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;position:relative!important;z-index:2!important}
.quick-icon svg{width:29px!important;height:29px!important;display:block!important;fill:none!important;stroke:#fff!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.quick-wa .wa-mark .wa-bubble{fill:#fff!important;stroke:#fff!important}.quick-wa .wa-mark .wa-phone{fill:#16b875!important;stroke:#16b875!important}
.quick-label{position:absolute!important;right:72px!important;top:50%!important;transform:translate(8px,-50%)!important;padding:7px 10px!important;border-radius:10px!important;background:#07172f!important;color:#fff!important;font-size:.72rem!important;font-weight:800!important;opacity:0!important;pointer-events:none!important;transition:.18s!important;white-space:nowrap!important;box-shadow:0 8px 20px rgba(0,0,0,.22)!important}
.quick-circle:hover .quick-label{opacity:1!important;transform:translate(0,-50%)!important}
@media(max-width:720px){.quick-connect{right:12px!important;bottom:88px!important;gap:14px!important}.quick-circle{width:52px!important;height:52px!important}.quick-icon,.quick-icon svg{width:25px!important;height:25px!important}.quick-label{display:none!important}}


/* === v14 quick contact buttons refinement === */
:root{
  --dlg-quick-wa-1:#ffd54e;
  --dlg-quick-wa-2:#f1ba00;
  --dlg-quick-wa-shadow:rgba(255,194,20,.38);
  --dlg-quick-call-1:#6d82ff;
  --dlg-quick-call-2:#5060ff;
  --dlg-quick-call-shadow:rgba(91,115,255,.34);
}
@keyframes dlgQuickFrontBack{0%,100%{transform:scale(1);box-shadow:0 16px 34px rgba(4,14,30,.22),0 0 0 1px rgba(255,255,255,.28) inset}50%{transform:scale(1.10);box-shadow:0 18px 40px rgba(4,14,30,.28),0 0 24px rgba(255,255,255,.16),0 0 0 1px rgba(255,255,255,.28) inset}}
@keyframes dlgQuickRing1{0%{transform:translate(-50%,-50%) scale(.88);opacity:.80}70%{opacity:.14}100%{transform:translate(-50%,-50%) scale(1.55);opacity:0}}
@keyframes dlgQuickRing2{0%{transform:translate(-50%,-50%) scale(.96);opacity:.52}100%{transform:translate(-50%,-50%) scale(1.88);opacity:0}}
.quick-connect,.industry-quick-connect{position:fixed!important;right:18px!important;bottom:104px!important;display:flex!important;flex-direction:column!important;gap:16px!important;align-items:center!important;z-index:1700!important}
.quick-circle,.industry-quick-circle{position:relative!important;width:72px!important;height:72px!important;border-radius:999px!important;display:grid!important;place-items:center!important;overflow:visible!important;isolation:auto!important;border:3px solid rgba(255,255,255,.88)!important;box-shadow:0 16px 34px rgba(4,14,30,.22),0 0 0 1px rgba(255,255,255,.28) inset!important;transform-origin:center center!important;animation:dlgQuickFrontBack 1.8s ease-in-out infinite!important;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important}
.quick-wa,.industry-quick-wa{background:linear-gradient(180deg,var(--dlg-quick-wa-1),var(--dlg-quick-wa-2))!important;color:#ffd85d!important}
.quick-call,.industry-quick-call{background:linear-gradient(180deg,var(--dlg-quick-call-1),var(--dlg-quick-call-2))!important;color:#8ba8ff!important}
.quick-circle::before,.quick-circle::after,.industry-quick-circle::before,.industry-quick-circle::after{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:100%!important;height:100%!important;border-radius:999px!important;pointer-events:none!important;z-index:0!important}
.quick-wa::before,.industry-quick-wa::before{border:2px solid rgba(255,216,93,.70)!important;box-shadow:0 0 18px rgba(255,203,38,.35)!important;animation:dlgQuickRing1 1.55s ease-out infinite!important}
.quick-wa::after,.industry-quick-wa::after{border:2px solid rgba(255,216,93,.38)!important;box-shadow:0 0 16px rgba(255,203,38,.18)!important;animation:dlgQuickRing2 1.55s ease-out infinite .42s!important}
.quick-call::before,.industry-quick-call::before{border:2px solid rgba(124,167,255,.68)!important;box-shadow:0 0 18px rgba(95,130,255,.32)!important;animation:dlgQuickRing1 1.55s ease-out infinite!important}
.quick-call::after,.industry-quick-call::after{border:2px solid rgba(124,167,255,.36)!important;box-shadow:0 0 16px rgba(95,130,255,.16)!important;animation:dlgQuickRing2 1.55s ease-out infinite .42s!important}
.quick-circle:hover,.industry-quick-circle:hover{filter:brightness(1.06) saturate(1.05)!important;transform:scale(1.12)!important;animation-play-state:paused!important}
.quick-circle:active,.industry-quick-circle:active{transform:scale(.96)!important}
.quick-icon,.industry-quick-icon{position:relative!important;z-index:2!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:999px!important;background:rgba(255,255,255,.18)!important;backdrop-filter:blur(4px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 18px rgba(0,0,0,.10)!important}
.quick-icon svg,.industry-quick-icon svg{display:block!important;width:30px!important;height:30px!important;fill:none!important;stroke:#ffffff!important;stroke-width:2.15!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.quick-wa .wa-mark,.industry-quick-wa .wa-mark{width:31px!important;height:31px!important}
.quick-wa .wa-mark .wa-bubble,.industry-quick-wa .wa-mark .wa-bubble{fill:#ffffff!important;stroke:#ffffff!important}
.quick-wa .wa-mark .wa-phone,.industry-quick-wa .wa-mark .wa-phone{fill:#16b875!important;stroke:#16b875!important}
.quick-label,.industry-quick-label{position:absolute!important;right:84px!important;top:50%!important;transform:translate(10px,-50%)!important;padding:8px 11px!important;border-radius:12px!important;background:#071a31!important;color:#fff!important;font-size:.74rem!important;font-weight:800!important;letter-spacing:.02em!important;opacity:0!important;pointer-events:none!important;transition:.18s ease!important;white-space:nowrap!important;box-shadow:0 10px 22px rgba(0,0,0,.22)!important;z-index:3!important}
.quick-circle:hover .quick-label,.industry-quick-circle:hover .industry-quick-label{opacity:1!important;transform:translate(0,-50%)!important}
@media (max-width:720px){
  .quick-connect,.industry-quick-connect{right:12px!important;bottom:88px!important;gap:14px!important}
  .quick-circle,.industry-quick-circle{width:58px!important;height:58px!important}
  .quick-icon,.industry-quick-icon{width:34px!important;height:34px!important}
  .quick-icon svg,.industry-quick-icon svg{width:25px!important;height:25px!important}
  .quick-label,.industry-quick-label{display:none!important}
}


/* === FINAL MOBILE MENU + QUICK BUTTON FIXES === */

.menu-toggle{display:none;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));width:48px;height:48px;border-radius:14px;padding:0;place-items:center;gap:4px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.menu-toggle span{display:block;width:20px;height:2px;border-radius:999px;background:#fff;transition:transform .22s ease,opacity .22s ease}
.menu-toggle.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-toggle.active span:nth-child(2){opacity:0}
.menu-toggle.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mobile-drawer{position:fixed;top:86px;left:14px;right:14px;background:linear-gradient(180deg,rgba(8,24,44,.98),rgba(5,18,34,.98));border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:14px;display:none;z-index:1800;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.mobile-drawer.open{display:grid;gap:10px}
.mobile-drawer a{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:12px 14px;border-radius:14px;color:#eff5fb;font-weight:800;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.mobile-drawer .mobile-drawer-cta{margin-top:6px;background:linear-gradient(135deg,#ffd866 0%,#ffc52d 52%,#f5b308 100%);color:#102239;border-color:rgba(255,255,255,.45);box-shadow:0 8px 20px rgba(245,179,8,.22)}
@media(max-width:1060px){.menu-toggle{display:grid}.nav-cta,.menu{display:none!important}.nav{height:74px;gap:14px}.identity-copy small{display:none}.identity-copy b{font-size:.95rem}.ak{width:44px;height:44px;border-radius:13px}}
@media(min-width:1061px){.mobile-drawer,.menu-toggle{display:none!important}}

/* Attractive right-side quick buttons */
.quick-connect{position:fixed!important;right:14px!important;bottom:100px!important;z-index:1700!important;display:flex!important;flex-direction:column!important;gap:14px!important;align-items:center!important}
.quick-circle{position:relative!important;width:64px!important;height:64px!important;border-radius:999px!important;display:grid!important;place-items:center!important;overflow:visible!important;border:3px solid rgba(255,255,255,.90)!important;box-shadow:0 14px 34px rgba(5,18,34,.34), inset 0 1px 0 rgba(255,255,255,.34)!important;transform-style:preserve-3d;animation:dlgFloat3d 2.2s ease-in-out infinite!important;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important}
.quick-circle::before,.quick-circle::after{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:100%!important;height:100%!important;border-radius:999px!important;transform:translate(-50%,-50%) scale(.92)!important;pointer-events:none!important;z-index:-1!important;opacity:0;}
.quick-wa::before,.quick-wa::after{border:2px solid rgba(255,218,87,.56)!important;animation:dlgSoftPulse 1.9s ease-out infinite!important}
.quick-call::before,.quick-call::after{border:2px solid rgba(132,160,255,.42)!important;animation:dlgSoftPulse 1.9s ease-out infinite .28s!important}
.quick-wa::after,.quick-call::after{animation-delay:.95s!important}
.quick-wa{background:radial-gradient(circle at 30% 28%,#ffe994 0%,#ffd348 34%,#f6b508 78%,#d09100 100%)!important;color:#ffd657!important}
.quick-call{background:radial-gradient(circle at 30% 28%,#95b2ff 0%,#718cff 34%,#5a64ff 76%,#4a3de2 100%)!important;color:#94a7ff!important}
.quick-circle .quick-icon{width:34px!important;height:34px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 1px rgba(255,255,255,.12)!important;backdrop-filter:blur(4px)}
.quick-circle .quick-icon svg{width:22px!important;height:22px!important;display:block!important}
.quick-wa .wa-mark .wa-bubble{fill:#fff!important;stroke:none!important}.quick-wa .wa-mark .wa-phone{fill:#18b770!important;stroke:none!important}
.quick-call svg{stroke:#fff!important;fill:none!important}
.quick-label{position:absolute!important;right:78px!important;top:50%!important;transform:translate(8px,-50%)!important;padding:8px 12px!important;border-radius:12px!important;background:rgba(4,15,29,.94)!important;color:#fff!important;font-size:.72rem!important;font-weight:800!important;white-space:nowrap!important;box-shadow:0 12px 28px rgba(0,0,0,.22)!important;opacity:0!important;transition:opacity .18s ease,transform .18s ease!important}
.quick-circle:hover{transform:scale(1.08) translateZ(0)!important;filter:brightness(1.06)!important;box-shadow:0 18px 40px rgba(5,18,34,.42),0 0 26px currentColor!important;animation-play-state:paused!important}
.quick-circle:hover .quick-label{opacity:1!important;transform:translate(0,-50%)!important}
.quick-circle:active{transform:scale(.97)!important}
@keyframes dlgSoftPulse{0%{opacity:.42;transform:translate(-50%,-50%) scale(.96)}72%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.42)}}
@keyframes dlgFloat3d{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,0,14px) scale(1.045)}}
@media(max-width:720px){.quick-connect{right:10px!important;bottom:84px!important;gap:12px!important}.quick-circle{width:58px!important;height:58px!important}.quick-circle .quick-icon{width:30px!important;height:30px!important}.quick-circle .quick-icon svg{width:20px!important;height:20px!important}.quick-label{display:none!important}.mobile-drawer{top:78px;left:10px;right:10px}.hero{padding-top:56px}.hero h1{font-size:clamp(2.3rem,11.5vw,3.9rem)!important;line-height:.98}.hero-role{font-size:clamp(1.18rem,5.7vw,1.55rem)!important}}

/* Footer alignment refinement */
.dlg-footer-grid,.footer-grid{align-items:center!important;grid-template-columns:1fr auto 1fr!important;gap:22px!important}
.dlg-footer-brand{justify-self:start}.dlg-footer-nav{justify-self:center;text-align:center}.dlg-footer-contact{justify-self:end;text-align:right;display:grid;gap:4px}.dlg-footer-bottom{text-align:center!important;padding-top:14px!important;margin-top:14px!important;border-top:1px solid rgba(255,255,255,.08)!important}
@media(max-width:820px){.dlg-footer-grid,.footer-grid{grid-template-columns:1fr!important;text-align:center!important}.dlg-footer-brand,.dlg-footer-nav,.dlg-footer-contact{justify-self:center!important;text-align:center!important}}


/* === v16 PREMIUM QUICK CONTACT BUTTONS === */
@keyframes dlgV16FrontBack{
  0%,100%{transform:scale(1) perspective(500px) translateZ(0);filter:brightness(1)}
  50%{transform:scale(1.07) perspective(500px) translateZ(18px);filter:brightness(1.05)}
}
@keyframes dlgV16WaveA{
  0%{opacity:.58;transform:translate(-50%,-50%) scale(.96)}
  75%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.48)}
}
@keyframes dlgV16WaveB{
  0%{opacity:.30;transform:translate(-50%,-50%) scale(1.02)}
  75%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.72)}
}
.quick-connect,.industry-quick-connect{
  right:14px!important;
  bottom:96px!important;
  gap:14px!important;
  z-index:1750!important;
}
.quick-circle,.industry-quick-circle{
  width:68px!important;
  height:68px!important;
  border-radius:50%!important;
  overflow:visible!important;
  border:2px solid rgba(255,255,255,.94)!important;
  box-shadow:0 14px 34px rgba(4,15,29,.30),inset 0 2px 1px rgba(255,255,255,.55),inset 0 -8px 16px rgba(0,0,0,.10)!important;
  animation:dlgV16FrontBack 1.75s ease-in-out infinite!important;
  transform-origin:center!important;
  isolation:auto!important;
}
.quick-wa,.industry-quick-wa{
  background:radial-gradient(circle at 32% 24%,#fff1a8 0%,#ffd84e 28%,#ffc117 62%,#e19f00 100%)!important;
  color:#ffd548!important;
}
.quick-call,.industry-quick-call{
  background:radial-gradient(circle at 32% 24%,#b7c5ff 0%,#7b90ff 28%,#5d67ff 62%,#4b42df 100%)!important;
  color:#89a1ff!important;
}
.quick-circle::before,.industry-quick-circle::before,
.quick-circle::after,.industry-quick-circle::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  pointer-events:none!important;
  z-index:-1!important;
}
.quick-wa::before,.industry-quick-wa::before{border:2px solid rgba(255,210,56,.68)!important;animation:dlgV16WaveA 1.65s ease-out infinite!important}
.quick-wa::after,.industry-quick-wa::after{border:2px solid rgba(255,210,56,.34)!important;animation:dlgV16WaveB 1.65s ease-out infinite .38s!important}
.quick-call::before,.industry-quick-call::before{border:2px solid rgba(124,155,255,.58)!important;animation:dlgV16WaveA 1.65s ease-out infinite!important}
.quick-call::after,.industry-quick-call::after{border:2px solid rgba(124,155,255,.30)!important;animation:dlgV16WaveB 1.65s ease-out infinite .38s!important}
.quick-icon,.industry-quick-icon{
  position:relative!important;
  z-index:2!important;
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(180deg,rgba(255,255,255,.46),rgba(255,255,255,.18))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 7px 16px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(6px)!important;
}
.quick-icon svg,.industry-quick-icon svg{
  width:25px!important;
  height:25px!important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.12));
}
.quick-wa .wa-mark .wa-bubble,.industry-quick-wa .wa-mark .wa-bubble{fill:#fff!important;stroke:#fff!important}
.quick-wa .wa-mark .wa-phone,.industry-quick-wa .wa-mark .wa-phone{fill:#18b76f!important;stroke:#18b76f!important}
.quick-call svg,.industry-quick-call svg{stroke:#fff!important;fill:none!important;stroke-width:2.25!important}
.quick-circle:hover,.industry-quick-circle:hover{
  animation-play-state:paused!important;
  transform:scale(1.10)!important;
  filter:brightness(1.07)!important;
  box-shadow:0 18px 42px rgba(4,15,29,.38),0 0 30px currentColor,inset 0 2px 1px rgba(255,255,255,.58)!important;
}
.quick-circle:active,.industry-quick-circle:active{transform:scale(.96)!important}
@media(max-width:720px){
  .quick-connect,.industry-quick-connect{right:10px!important;bottom:86px!important;gap:12px!important}
  .quick-circle,.industry-quick-circle{width:60px!important;height:60px!important}
  .quick-icon,.industry-quick-icon{width:36px!important;height:36px!important}
  .quick-icon svg,.industry-quick-icon svg{width:22px!important;height:22px!important}
}


/* V28 — hero image restored, certifications removed, opening alignment refined */
.hero-copy{display:flex;flex-direction:column;justify-content:center;max-width:680px;padding-right:8px}
.hero h1{max-width:11.2ch;margin:18px 0 18px;line-height:1.03}
.hero-sub{max-width:610px;line-height:1.72}
.hero-actions{align-items:center}
.hero-trust{max-width:650px;gap:12px 18px;line-height:1.55}
.hero-visual{justify-self:end}
.hero-frame img{object-position:center center}
.visual-caption{max-width:92%}
@media(max-width:1060px){
  .hero-copy{max-width:100%;padding-right:0}
  .hero h1,.hero-sub,.hero-trust{max-width:100%}
  .hero-visual{justify-self:center}
}

/* V29 — home visibility reliability */
.hero .reveal{will-change:opacity,transform}
@media (scripting:none){.reveal{opacity:1!important;transform:none!important}}


/* V29 — homepage hero image replaced with selected portrait business growth visual */
.hero-visual{width:min(100%,620px);justify-self:end}
.hero-frame{padding:12px;border-radius:30px}
.hero-frame img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center center;border-radius:22px;display:block}
.hero-visual-gradient{inset:12px;border-radius:22px;background:linear-gradient(180deg,rgba(3,11,22,.05) 0%,rgba(3,11,22,.18) 100%)}
@media(max-width:1060px){.hero-visual{max-width:620px;width:100%;margin:auto}}
@media(max-width:720px){.hero-frame img{height:auto;aspect-ratio:4/5;border-radius:18px}.hero-visual{width:100%}.hero-frame{padding:10px;border-radius:24px}.hero-visual-gradient{inset:10px;border-radius:18px}}

/* === 2026-09-24 FINAL WhatsApp floating CTA + footer gap fix === */
html,body{margin-bottom:0!important}
body{padding-bottom:0!important}

/* Keep the long WhatsApp CTA truly floating instead of reserving white page space. */
.bottom-project-cta{
  position:fixed!important;
  left:auto!important;
  right:18px!important;
  bottom:18px!important;
  transform:none!important;
  width:auto!important;
  min-width:250px!important;
  max-width:310px!important;
  min-height:54px!important;
  margin:0!important;
  z-index:1700!important;
}
.bottom-project-cta:hover{transform:translateY(-3px) scale(1.02)!important}
.bottom-project-cta:active{transform:translateY(3px) scale(.985)!important}

/* Stack quick-contact circles above the floating CTA without collision. */
.quick-connect{
  right:18px!important;
  bottom:96px!important;
  z-index:1690!important;
}

/* Footer ends cleanly; no white band after it. */
.dlg-footer{margin-bottom:0!important;padding-bottom:28px!important}

@media(max-width:720px){
  body{padding-bottom:0!important}
  .bottom-project-cta{
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
  .quick-connect{right:12px!important;bottom:88px!important}
  /* Keep footer content visible behind/above the mobile floating CTA. */
  .dlg-footer{padding-bottom:92px!important}
}