
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--red:#e50914;--red2:#b20710;--bg:#050505;--panel:#111;--muted:#9b9b9b;--white:#f5f5f5;--line:#242424}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.nav{position:fixed;z-index:50;top:0;left:0;right:0;height:72px;display:flex;align-items:center;padding:0 5vw;background:linear-gradient(180deg,rgba(0,0,0,.95),rgba(0,0,0,0));transition:.25s}.nav.scrolled{background:rgba(5,5,5,.94);backdrop-filter:blur(12px)}.brand{font-weight:900;letter-spacing:-1px;font-size:23px}.brand b{color:var(--red)}.navlinks{display:flex;gap:28px;margin-left:42px;font-size:13px;color:#cfcfcf}.navlinks a:hover,.navlinks a.active{color:#fff}.navright{margin-left:auto;display:flex;gap:12px;align-items:center}.icon{width:38px;height:38px;border:1px solid #333;border-radius:50%;display:grid;place-items:center}.pill{border:1px solid #444;padding:10px 15px;border-radius:999px;font-size:12px}
.hero{min-height:92vh;position:relative;display:flex;align-items:end;overflow:hidden;background:radial-gradient(circle at 72% 30%,rgba(229,9,20,.28),transparent 30%),linear-gradient(90deg,#050505 20%,rgba(5,5,5,.7) 55%,rgba(5,5,5,.18)),url('assets/hero-texture.jpg') center/cover}.hero:after{content:'';position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,var(--bg));z-index:1;pointer-events:none}.hero-portrait-wrap{position:absolute;z-index:1;right:2vw;bottom:-7vh;width:min(57vw,980px);height:112%;display:flex;justify-content:flex-end;align-items:flex-end;pointer-events:none;filter:drop-shadow(0 0 45px rgba(229,9,20,.12))}.hero-portrait{height:100%;width:auto;max-width:none;object-fit:contain;object-position:center bottom;opacity:.98;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.28) 10%,#000 24%,#000 76%,rgba(0,0,0,.28) 90%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 9%,#000 88%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.28) 10%,#000 24%,#000 76%,rgba(0,0,0,.28) 90%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 9%,#000 88%,transparent 100%);-webkit-mask-composite:source-in}.hero-content{position:relative;z-index:3;padding:0 5vw 10vh;max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:4px;font-size:11px;color:#bbb;margin-bottom:15px}.hero h1{font-family:'Bebas Neue';font-size:clamp(72px,10vw,145px);line-height:.82;margin:0 0 24px;letter-spacing:1px}.hero h1 span{color:var(--red)}.hero p{color:#c7c7c7;max-width:620px;line-height:1.7;font-size:15px}.actions{display:flex;gap:12px;margin-top:28px}.btn{padding:13px 20px;border-radius:4px;font-weight:700;font-size:13px}.btn.primary{background:#fff;color:#050505}.btn.primary:hover{background:#ddd}.btn.red{background:var(--red)}.btn.red:hover{background:#f6121d}.btn.ghost{border:1px solid #555}
.btn.whatsapp{background:#25d366;color:#071c0f;display:inline-flex;align-items:center;gap:8px}.btn.whatsapp img{width:22px;height:22px;object-fit:contain;flex:none}.btn.whatsapp:hover{background:#37e477}
.container{width:min(1400px,90vw);margin:auto}.section{padding:48px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.kicker{color:#888;font-size:11px;text-transform:uppercase;letter-spacing:3px}.section-title{font-size:26px;margin:7px 0 0}.see{color:#aaa;font-size:12px}.row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{position:relative;min-height:250px;border-radius:5px;overflow:hidden;background:#111;transform-origin:center;transition:transform .25s,box-shadow .25s}.card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.95);transition:.3s}.card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.92) 100%)}.card:hover{transform:scale(1.035);z-index:5;box-shadow:0 18px 50px rgba(0,0,0,.7)}.card:hover img{transform:scale(1.06);filter:saturate(1.08)}
.card-play{position:absolute;z-index:3;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.92);border-radius:50%;background:rgba(0,0,0,.42);display:grid;place-items:center;pointer-events:none;box-shadow:0 4px 18px rgba(0,0,0,.45)}.card-play span{display:block;margin-left:4px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff}.card:hover .card-play{background:rgba(0,0,0,.55);transform:translate(-50%,-50%) scale(1.05)}
.card-info{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:18px}.card-info h3{margin:8px 0 4px;font-size:18px}.card-info p{margin:0;color:#aaa;font-size:11px}.badge{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:#fff;background:var(--red);padding:5px 7px;border-radius:2px}
.banner{margin:40px 0;padding:45px;border:1px solid #262626;background:linear-gradient(100deg,#130507,#0d0d0d);border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:30px}.banner h2{font-family:'Bebas Neue';font-size:52px;margin:0}.banner p{color:#aaa;max-width:620px;line-height:1.6}
.pagehead{padding:145px 0 55px;background:radial-gradient(circle at 70% 30%,rgba(229,9,20,.18),transparent 35%)}.pagehead h1{font-family:'Bebas Neue';font-size:clamp(60px,8vw,110px);line-height:.9;margin:8px 0}.pagehead p{color:#aaa;max-width:720px;line-height:1.7}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.project-tile{min-height:290px}
.project-hero{padding:145px 0 70px;background:radial-gradient(circle at 78% 35%,rgba(229,9,20,.22),transparent 30%)}.project-hero h1{font-family:'Bebas Neue';font-size:clamp(70px,10vw,145px);line-height:.8;margin:10px 0}.project-hero .meta{display:flex;gap:18px;color:#aaa;font-size:12px;text-transform:uppercase;letter-spacing:1px}.project-intro{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding:50px 0}.project-intro h2{font-size:14px;text-transform:uppercase;letter-spacing:2px;color:#aaa}.project-intro p{font-size:17px;line-height:1.8;color:#d0d0d0}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding-bottom:80px}.gallery img{width:100%;height:440px;object-fit:cover;border-radius:5px;background:#111}.gallery img.wide{grid-column:1/-1;height:560px}.next{border-top:1px solid var(--line);padding:60px 0 100px;display:flex;justify-content:space-between;align-items:center}.next h3{font-family:'Bebas Neue';font-size:60px;margin:0}
.profile{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(229,9,20,.12),transparent 35%),#050505}.profiles{text-align:center}.profiles h1{font-weight:400;font-size:clamp(30px,4vw,46px);margin:0 auto 42px;max-width:760px;line-height:1.05}.profile-list{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.profile-card{width:150px}.avatar{width:150px;height:150px;border-radius:6px;display:grid;place-items:center;background:#111;border:2px solid #252525;overflow:hidden;position:relative;box-shadow:0 12px 30px rgba(0,0,0,.45)}.avatar img{display:block;width:100%;height:100%;object-fit:cover}.profile-card:hover .avatar{border-color:#fff}.profile-card p{color:#aaa;font-size:13px}.profile-card.primary .avatar{border-color:var(--red)}.profile-card.primary p{color:#fff}
.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{padding:20px;background:#0e0e0e;border:1px solid #202020}.stat strong{font-family:'Bebas Neue';font-size:42px}.stat span{display:block;color:#999;font-size:11px;margin-top:4px}.timeline{border-left:1px solid #333;padding-left:24px}.job{position:relative;margin-bottom:35px}.job:before{content:'';position:absolute;left:-30px;top:5px;width:9px;height:9px;background:var(--red);border-radius:50%;box-shadow:0 0 0 5px #170507}.job h3{margin:0}.job small{color:#777}.job p{color:#aaa;line-height:1.6;font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service{padding:28px;background:#0d0d0d;border:1px solid #222;border-radius:5px;min-height:190px}.service .num{color:var(--red);font-family:'Bebas Neue';font-size:28px}.service h3{margin:12px 0 8px}.service p{color:#999;line-height:1.6;font-size:13px}
.contact{min-height:78vh;display:grid;place-items:center;text-align:center}.contact h1{font-family:'Bebas Neue';font-size:clamp(80px,12vw,170px);line-height:.8;margin:10px 0}.contact p{color:#aaa}.contact a.email{font-size:20px}.footer{padding:30px 5vw;border-top:1px solid #1b1b1b;color:#666;font-size:11px;display:flex;justify-content:space-between}.mobile-menu{display:none}
@media(max-width:900px){.hero-portrait-wrap{right:-10vw;width:66vw;opacity:.82}.hero-content{max-width:680px}}
@media(max-width:900px){.navlinks{display:none}.row{grid-template-columns:repeat(2,1fr)}.project-grid,.service-grid{grid-template-columns:1fr 1fr}.about-grid,.project-intro{grid-template-columns:1fr;gap:25px}.gallery{grid-template-columns:1fr}.gallery img.wide{height:380px}.gallery img{height:320px}}
@media(max-width:600px){.hero-portrait-wrap{right:-22vw;width:92vw;height:88%;bottom:-2vh;opacity:.5}.hero-content{max-width:100%;padding-bottom:7vh}}
@media(max-width:600px){.nav{height:62px;padding:0 5vw}.navright .pill{display:none}.hero{min-height:88vh}.hero h1{font-size:74px}.hero-content{padding-bottom:9vh}.row,.project-grid,.service-grid{grid-template-columns:1fr}.card{min-height:300px}.banner{padding:28px;display:block}.banner h2{font-size:42px}.pagehead{padding-top:115px}.project-hero{padding-top:115px}.project-hero h1{font-size:76px}.project-intro{padding-top:25px}.footer{display:block;line-height:2}.stat-grid{grid-template-columns:1fr 1fr}}

/* Five-reel single-page showcase */
.reel-showcase{padding:20px 0 110px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
.reel-card{background:linear-gradient(145deg,#151515,#090909);border:1px solid #292929;border-radius:10px;overflow:hidden;box-shadow:0 20px 55px rgba(0,0,0,.45);transition:transform .3s,border-color .3s,box-shadow .3s}
.reel-card:hover{transform:translateY(-6px);border-color:#555;box-shadow:0 28px 70px rgba(0,0,0,.62)}
.reel-card:nth-child(1){grid-column:span 1}.reel-card:nth-child(2){grid-column:span 1}.reel-card:nth-child(3){grid-column:span 1}.reel-card:nth-child(4){grid-column:span 1}.reel-card:nth-child(5){grid-column:2}
.reel-card-head{min-height:82px;padding:18px 18px 15px;display:flex;gap:15px;align-items:center;border-bottom:1px solid #242424}
.reel-card-head>span{font-family:'Bebas Neue';font-size:42px;line-height:1;color:var(--red)}
.reel-card-head h2{margin:0;font-size:19px;letter-spacing:.2px}.reel-card-head p{margin:5px 0 0;color:#888;font-size:11px;letter-spacing:1px;text-transform:uppercase}
.reel-video-wrap{position:relative;background:#000}.reel-video-wrap video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#000}.music-badge{position:absolute;right:12px;top:12px;padding:7px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);font-size:9px;letter-spacing:1.2px;color:#fff;pointer-events:none}
@media(max-width:1000px){.reel-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.reel-card:nth-child(5){grid-column:span 2;max-width:calc((100% - 28px)/2);width:100%;justify-self:center}}
@media(max-width:600px){.reel-showcase{grid-template-columns:1fr;gap:16px}.reel-card:nth-child(5){grid-column:span 1;max-width:none}.reel-card-head{min-height:72px}.reel-card-head>span{font-size:36px}}

.logofolio-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.logofolio-gallery img{height:auto;max-height:none;object-fit:contain;background:#000}
@media(max-width:700px){.logofolio-gallery{grid-template-columns:1fr}}

/* Logofolio presentation: feature Moksha, keep the remaining logo slides compact. */
.logofolio-gallery{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:16px}
.logofolio-gallery img{width:100%;height:auto;max-height:230px;object-fit:contain;background:#000}
.logofolio-gallery img:first-child{grid-column:span 4;max-height:none;width:100%;justify-self:center}
@media(max-width:900px){
  .logofolio-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .logofolio-gallery img:first-child{grid-column:span 2}
}
@media(max-width:600px){
  .logofolio-gallery{grid-template-columns:1fr}
  .logofolio-gallery img:first-child{grid-column:span 1}
  .logofolio-gallery img{max-height:260px}
}

/* Social Media poster collection */
.social-hero{padding-bottom:58px}
.social-portfolio{padding-bottom:20px}
.social-intro{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;padding:20px 0 58px;border-bottom:1px solid var(--line)}
.social-intro h2{font-size:34px;line-height:1.08;margin:8px 0 0;max-width:520px}
.social-intro p{color:#aaa;line-height:1.8;font-size:15px;margin:8px 0 0;max-width:700px}
.social-category{padding:62px 0 18px}
.social-category-head{display:flex;align-items:end;gap:18px;margin-bottom:20px}
.social-category-head h2{font-size:28px;margin:5px 0 0}
.social-category-head>span{margin-left:auto;color:#666;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;padding-bottom:4px}
.poster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.poster-card{margin:0;background:#0d0d0d;border:1px solid #202020;border-radius:8px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;flex-direction:column;height:100%}
.poster-card:hover{transform:translateY(-5px);border-color:#454545;box-shadow:0 18px 45px rgba(0,0,0,.5)}
.poster-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#111;flex:0 0 auto}

@media(max-width:900px){
  .social-intro{grid-template-columns:1fr;gap:20px}
  .poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .social-intro{padding-bottom:35px}
  .social-category{padding-top:42px}
  .social-category-head{align-items:flex-start;display:block}
  .social-category-head>span{display:block;margin:7px 0 0}
  .poster-grid{grid-template-columns:1fr;gap:14px}
  .poster-card img{aspect-ratio:4/5}
}

/* Billboards: uniform 2-column presentation for the supplied mockups */
.billboard-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.billboard-gallery img{width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;border-radius:8px;display:block;}

.restaurant-menu-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.restaurant-menu-gallery img{width:100%;height:440px;aspect-ratio:3/2;object-fit:cover;border-radius:8px;display:block;background:#111;}
@media(max-width:900px){.restaurant-menu-gallery{grid-template-columns:1fr;}}

/* Brochures collection */
.brochure-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.brochure-gallery img{width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;border-radius:8px;display:block;background:#111;}
@media(max-width:900px){.brochure-gallery{grid-template-columns:1fr;}}

/* Website banners: preserve each source banner's aspect ratio and display width responsively. */
.website-banner-gallery{grid-template-columns:1fr;gap:24px;align-items:start}
.website-banner-gallery img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:5px;background:#111}
.website-banner-gallery img.wide{grid-column:auto;height:auto}
@media(max-width:900px){.website-banner-gallery{grid-template-columns:1fr}.website-banner-gallery img{height:auto}}

/* YouTube thumbnail portfolio: uniform 16:9 cards, two per row */
.youtube-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.youtube-gallery img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;display:block;background:#111}
@media(max-width:900px){.youtube-gallery{grid-template-columns:1fr}.youtube-gallery img{height:auto}}

/* Motion Graphic — clean two-row video layout */
.motion-page{padding-top:110px}
.motion-video-grid{padding:0 0 100px}
.motion-video-row{display:grid;align-items:start;gap:24px}
.motion-horizontal-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}
.motion-vertical-row{grid-template-columns:repeat(3,minmax(0,1fr))}
.motion-video{background:#000;border-radius:8px;overflow:hidden;line-height:0}
.motion-video video{display:block;width:100%;height:auto;background:#000}
@media(max-width:900px){
  .motion-horizontal-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .motion-vertical-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
  .motion-page{padding-top:88px}
  .motion-horizontal-row{grid-template-columns:1fr;gap:16px;margin-bottom:16px}
  .motion-vertical-row{grid-template-columns:1fr;gap:16px}
}

/* Contact AI portfolio assistant */
.contact-with-chat{min-height:78vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);gap:70px;align-items:center;text-align:center;padding-top:95px;padding-bottom:55px}
.contact-copy{width:100%}
.ai-chat{width:100%;height:560px;background:linear-gradient(145deg,#121212,#090909);border:1px solid #292929;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;text-align:left;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.ai-chat-head{height:76px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #262626;background:rgba(255,255,255,.025)}
.ai-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--red);font-size:18px;font-weight:800;box-shadow:0 0 20px rgba(229,9,20,.22)}
.ai-chat-head strong{display:block;font-size:14px}.ai-chat-head span:not(.ai-status){display:block;color:#777;font-size:10px;margin-top:4px}.ai-status{width:8px;height:8px;border-radius:50%;background:#42d26f;margin-left:auto;box-shadow:0 0 0 4px rgba(66,210,111,.08)}
.ai-chat-body{flex:1;overflow-y:auto;padding:18px;scroll-behavior:smooth}.chat-message{max-width:86%;padding:12px 14px;border-radius:12px;margin-bottom:12px;font-size:12px;line-height:1.55}.chat-message.bot{background:#171717;border:1px solid #252525;color:#ddd;border-top-left-radius:4px}.chat-message.user{margin-left:auto;background:var(--red);color:#fff;border-top-right-radius:4px}
.quick-questions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.quick-questions button{border:1px solid #333;background:#0d0d0d;color:#bbb;border-radius:999px;padding:9px 11px;font:500 10px Inter,Arial,sans-serif;cursor:pointer;transition:.2s}.quick-questions button:hover{border-color:#777;color:#fff;background:#151515}
.ai-chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid #262626;background:#0b0b0b}.ai-chat-input input{flex:1;min-width:0;border:1px solid #292929;border-radius:8px;background:#141414;color:#fff;padding:12px 13px;outline:none;font:12px Inter,Arial,sans-serif}.ai-chat-input input:focus{border-color:#555}.ai-chat-input button{width:43px;border:0;border-radius:8px;background:var(--red);color:#fff;font-size:16px;cursor:pointer}.ai-chat-input button:hover{background:#f6121d}.ai-chat-note{text-align:center;color:#555;font-size:9px;padding:0 12px 11px;background:#0b0b0b}
@media(max-width:900px){.contact-with-chat{grid-template-columns:1fr;gap:45px;padding-top:115px}.ai-chat{max-width:600px;height:540px;margin:0 auto}.contact-copy{max-width:760px;margin:auto}}
@media(max-width:600px){.contact-with-chat{padding-top:95px;gap:35px}.ai-chat{height:520px}.ai-chat-head{height:70px}.quick-questions{gap:6px}.quick-questions button{font-size:9px;padding:8px 9px}}

/* Fixed AI recruiter assistant floater */
.chat-floater{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:linear-gradient(145deg,var(--red),#9f0008);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:9999;box-shadow:0 12px 35px rgba(0,0,0,.5),0 0 0 5px rgba(229,9,20,.08);transition:transform .2s ease,box-shadow .2s ease}
.chat-floater:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 16px 42px rgba(0,0,0,.55),0 0 0 7px rgba(229,9,20,.1)}
.chat-floater:focus-visible{outline:2px solid #fff;outline-offset:3px}
.chat-floater-icon{font-size:25px;line-height:1;font-weight:800}
.chat-floater-dot{position:absolute;right:2px;top:2px;width:10px;height:10px;border-radius:50%;background:#42d26f;border:2px solid #090909}
@media(max-width:600px){.chat-floater{right:16px;bottom:16px;width:54px;height:54px}.chat-floater-icon{font-size:23px}}

/* Global recruiter chatbot floater */
.chat-floater{z-index:2147483000!important;}

/* Global WhatsApp enquiry floater */
.whatsapp-floater{position:fixed;right:24px;bottom:96px;width:72px;height:68px;padding:0;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;z-index:2147483001;filter:drop-shadow(0 12px 18px rgba(0,0,0,.5));transition:transform .2s ease,filter .2s ease}
.whatsapp-floater img{width:100%;height:100%;object-fit:contain;flex:none}
.whatsapp-floater:hover{transform:translateY(-3px) scale(1.05);filter:drop-shadow(0 16px 22px rgba(0,0,0,.55))}
.whatsapp-floater:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:600px){.whatsapp-floater{right:16px;bottom:84px;width:64px;height:60px}.whatsapp-floater img{width:100%;height:100%}}
