/* Plano A Log Travel — Premium Executive Transportation */
:root{
  --background:#ffffff; --foreground:oklch(0.16 0.04 260);
  --muted-foreground:oklch(0.48 0.03 255);
  --border:oklch(0.91 0.015 250);
  --navy-deep:oklch(0.16 0.06 262);
  --navy:oklch(0.24 0.10 260);
  --royal:oklch(0.42 0.18 258);
  --cyan-glow:oklch(0.78 0.13 215);
  --soft:oklch(0.98 0.008 245);
  --gradient-hero:linear-gradient(135deg,oklch(0.12 0.05 262) 0%,oklch(0.20 0.10 260) 55%,oklch(0.32 0.14 250) 100%);
  --gradient-cyan:linear-gradient(135deg,oklch(0.55 0.16 230),oklch(0.78 0.13 215));
  --shadow-elegant:0 30px 80px -30px color-mix(in oklab,var(--navy-deep) 65%,transparent);
  --shadow-card:0 18px 50px -25px color-mix(in oklab,var(--navy) 45%,transparent);
}
*{box-sizing:border-box;border-color:var(--border)}
html,body{margin:0;padding:0}
body{font-family:'Inter',ui-sans-serif,system-ui,sans-serif;background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.5}
h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;letter-spacing:-0.02em;margin:0;font-weight:600}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;background:transparent;border:0;color:inherit}
img{display:block;max-width:100%}
ul{margin:0;padding:0;list-style:none}

.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}
.reveal.reveal-left{transform:translateX(-50px)}
.reveal.reveal-right{transform:translateX(50px)}
.reveal.is-visible{opacity:1;transform:translate(0,0)}

@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.marquee-track{animation:marquee 38s linear infinite;display:flex;gap:1.5rem;width:max-content}
@keyframes float-slow{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-10px)}}
.float-slow{animation:float-slow 4s ease-in-out infinite}
@keyframes ping{75%,100%{transform:scale(2);opacity:0}}
.ping{animation:ping 2s cubic-bezier(0,0,.2,1) infinite}

.text-gradient-cyan{background:var(--gradient-cyan);-webkit-background-clip:text;background-clip:text;color:transparent}
.bg-hero-gradient{background:var(--gradient-hero)}
.shadow-elegant{box-shadow:var(--shadow-elegant)}
.shadow-card{box-shadow:var(--shadow-card)}
.font-display{font-family:'Playfair Display',Georgia,serif}

/* layout */
.container{max-width:80rem;margin:0 auto;padding:0 1.5rem}
.container-sm{max-width:64rem;margin:0 auto;padding:0 1.5rem}
.container-xs{max-width:48rem;margin:0 auto;padding:0 1.5rem}
@media(max-width:640px){
  .container,.container-sm,.container-xs{padding:0 1rem}
}

/* header */
.site-header{position:fixed;inset:0 0 auto 0;z-index:50;transition:all .5s;padding:1.25rem 0}
.site-header.scrolled{background:oklch(0.12 0.05 262 / .92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1);padding:.75rem 0}
.site-header .row{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.logo-img{height:3rem;width:auto;background:transparent;transition:transform .5s}
.logo-img:hover{transform:scale(1.04)}
@media(min-width:640px){.logo-img{height:3.5rem}}
.nav{display:none;gap:2rem;align-items:center}
@media(min-width:1024px){.nav{display:flex}}
.nav button{color:rgba(255,255,255,.85);font-size:.875rem;letter-spacing:.025em;position:relative;padding:0;transition:color .2s}
.nav button:hover{color:var(--cyan-glow)}
.nav button::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1px;background:var(--cyan-glow);transition:width .3s}
.nav button:hover::after{width:100%}
.menu-btn{display:flex;color:#fff;padding:.5rem}
@media(min-width:1024px){.menu-btn{display:none}}

/* wpp button */
.btn-wpp{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.75rem;padding:0 1.25rem;border-radius:9999px;color:#fff;font-weight:600;font-size:.875rem;letter-spacing:.025em;background:linear-gradient(135deg,#25D366 0%,#1FB958 50%,#128C7E 100%);box-shadow:0 8px 24px -6px rgba(37,211,102,.55),inset 0 1px 0 rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.15);transition:all .3s ease-out}
.btn-wpp:hover{transform:scale(1.03);box-shadow:0 14px 36px -8px rgba(37,211,102,.75),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-wpp:active{transform:scale(.98)}
.btn-wpp.lg{height:3.5rem;padding:0 2rem;font-size:1rem;gap:.75rem}
.btn-wpp.xl{height:68px;padding:0 2.5rem;font-size:1.125rem;gap:1rem}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;height:3.5rem;padding:0 2rem;border-radius:9999px;color:#fff;font-weight:500;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s}
.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6);transform:scale(1.02)}
.btn-dark{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;height:3rem;padding:0 1.75rem;border-radius:9999px;color:#fff;font-weight:600;background:var(--navy-deep);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 28px -10px rgba(0,0,0,.4);transition:all .3s}
.btn-dark:hover{background:var(--royal);transform:scale(1.02)}

/* mobile menu */
.mobile-menu{display:none;background:var(--navy-deep);border-top:1px solid rgba(255,255,255,.1)}
.mobile-menu.open{display:block}
.mobile-menu .inner{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 6rem);overflow-y:auto}
.mobile-menu button{color:rgba(255,255,255,.9);text-align:left;padding:.25rem 0}

/* hero */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.05)}
.hero-overlay-1{position:absolute;inset:0;background:linear-gradient(to right,oklch(0.10 0.05 262 / .92),oklch(0.14 0.07 260 / .75),oklch(0.18 0.09 258 / .45))}
.hero-overlay-2{position:absolute;inset:0;background:linear-gradient(to top,oklch(0.10 0.05 262),transparent)}
.hero .content{position:relative;z-index:10;padding:8rem 1.5rem 5rem;max-width:80rem;margin:0 auto;width:100%}
.eyebrow{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}
.eyebrow .bar{height:1px;width:3rem;background:var(--cyan-glow)}
.eyebrow span{color:var(--cyan-glow);font-size:.75rem;letter-spacing:.4em;text-transform:uppercase}
.hero h1{color:#fff;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.05;margin-bottom:1.75rem}
.hero h1 .row2{display:block}
.hero h1 .row3{display:block;color:rgba(255,255,255,.9);font-size:clamp(1.75rem,3.5vw,3rem);margin-top:.75rem;font-weight:300}
.hero .lede{color:rgba(255,255,255,.75);font-size:1.125rem;max-width:42rem;margin:0 0 2.5rem;font-weight:300;line-height:1.6}
.hero .ctas{display:flex;flex-wrap:wrap;gap:1rem}
.trust{margin-top:2.5rem;display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;max-width:42rem}
.trust div{display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.8);font-size:.875rem}
.trust .ck{color:var(--cyan-glow)}
.scroll-cue{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.4);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:.75rem}
.scroll-cue .line{width:1px;height:2.5rem;background:rgba(255,255,255,.3)}

@media(max-width:767px){
  .hero{min-height:0}
  .hero-bg img{transform:none}
  .hero .content{padding:7rem 1rem 4rem}
  .hero h1{font-size:clamp(2.25rem,11vw,3.5rem)}
  .hero h1 .row3{font-size:clamp(1.5rem,6vw,2.25rem)}
  .hero .lede{font-size:1rem;max-width:none;margin-bottom:2rem}
  .hero .ctas{flex-direction:column;align-items:stretch}
  .hero .ctas .btn-wpp,.hero .ctas .btn-ghost{width:100%}
  .hero .trust{max-width:none;gap:.65rem 1rem}
  .reveal{transform:translateY(24px)}
  .reveal.reveal-left,.reveal.reveal-right{transform:translateY(24px)}
  .auth-grid{grid-template-columns:1fr}
}

/* section base */
section{padding:6rem 0}
@media(min-width:1024px){section{padding:8rem 0}}
.section-eyebrow{color:var(--royal);font-size:.75rem;letter-spacing:.4em;text-transform:uppercase}
.section-title{font-size:clamp(2rem,4vw,3rem);margin-top:1rem;margin-bottom:1.25rem;color:var(--navy-deep)}
.section-lede{color:var(--muted-foreground);font-size:1.125rem;font-weight:300;line-height:1.7}
.text-center{text-align:center}
.bg-soft{background:var(--soft)}

/* autoridade */
.authority{padding:5rem 0;border-bottom:1px solid var(--border)}
.auth-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3.5rem}
@media(min-width:1024px){.auth-grid{grid-template-columns:repeat(4,1fr)}}
.auth-grid{display:grid}
@media(max-width:767px){.auth-grid{grid-template-columns:1fr}}
.auth-card{text-align:center;background:var(--soft);border:1px solid var(--border);border-radius:1rem;padding:1.75rem;transition:all .3s}
.auth-card:hover{box-shadow:var(--shadow-elegant);transform:translateY(-4px)}
.auth-card .v{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2rem,3vw,3rem);margin-bottom:.75rem}
.auth-card .l{color:rgba(0,30,80,.7);font-size:.75rem;letter-spacing:.25em;text-transform:uppercase}

/* differentials */
.diff-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:4rem}
@media(min-width:640px){.diff-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.diff-grid{grid-template-columns:repeat(3,1fr)}}
.diff-card{background:#fff;border:1px solid var(--border);border-radius:1rem;padding:2rem;box-shadow:var(--shadow-card);transition:all .3s}
.diff-card:hover{box-shadow:var(--shadow-elegant);transform:translateY(-4px);border-color:rgba(91, 117, 220, .5)}
.diff-card .icon-box{width:3.5rem;height:3.5rem;border-radius:.75rem;background:linear-gradient(135deg,var(--navy),var(--royal));color:var(--cyan-glow);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform .3s}
.diff-card:hover .icon-box{transform:scale(1.1)}
.diff-card h3{font-size:1.25rem;color:var(--navy-deep);margin-bottom:.5rem}
.diff-card p{color:var(--muted-foreground);line-height:1.6;margin:0}

/* stats */
.stats{position:relative;color:#fff;overflow:hidden;padding:5rem 0}
.stats::before{content:"";position:absolute;inset:0;opacity:.3;background-image:radial-gradient(circle at 20% 30%,oklch(0.5 0.18 250) 0%,transparent 50%),radial-gradient(circle at 80% 70%,oklch(0.4 0.15 220) 0%,transparent 50%)}
.stats-grid{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;text-align:center}
@media(min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}
.stats-grid .v{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2.5rem,5vw,3.75rem);margin-bottom:.75rem}
.stats-grid .l{color:rgba(255,255,255,.7);font-size:.875rem;letter-spacing:.3em;text-transform:uppercase}

/* services & fleet shared */
.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:3.5rem}
.section-head .lede{color:var(--muted-foreground);max-width:28rem;font-weight:300}
.card-grid{display:grid;grid-template-columns:1fr;gap:1.75rem}
@media(min-width:768px){.card-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}

@media(max-width:767px){
  .section-head{flex-direction:column;align-items:flex-start;margin-bottom:2.5rem}
  .section-head .lede{max-width:none}
  .section-title{font-size:clamp(1.75rem,8vw,2.5rem)}
  .section-lede{font-size:1rem}
}

.service-card{position:relative;overflow:hidden;border-radius:1rem;background:var(--navy-deep);color:#fff;box-shadow:var(--shadow-card);transition:all .3s}
.service-card:hover{box-shadow:var(--shadow-elegant);transform:translateY(-8px)}
.service-card .img-wrap{position:relative;aspect-ratio:4/3;overflow:hidden}
.service-card .img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}
.service-card:hover .img-wrap img{transform:scale(1.1)}
.service-card .img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--navy-deep),oklch(0.16 0.06 262 / .4),transparent)}
.service-card .body{padding:1.75rem}
.service-card h3{font-size:1.5rem;margin-bottom:.75rem;transition:color .2s}
.service-card:hover h3{color:var(--cyan-glow)}
.service-card .desc{color:rgba(255,255,255,.7);line-height:1.6;margin-bottom:1rem;font-size:.875rem}
.service-card ul{margin-bottom:1.25rem;color:rgba(255,255,255,.65);font-size:.875rem;display:flex;flex-direction:column;gap:.375rem}
.service-card ul li{display:flex;gap:.5rem}
.service-card ul li::before{content:"›";color:var(--cyan-glow);margin-top:2px}
.service-card .more{display:inline-flex;align-items:center;gap:.5rem;color:var(--cyan-glow);font-size:.875rem;font-weight:500}
.service-card .badge{position:absolute;top:1.25rem;right:1.25rem;width:2.5rem;height:2.5rem;border-radius:9999px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:var(--cyan-glow);font-weight:700;font-size:.75rem}

.fleet-card{position:relative;overflow:hidden;border-radius:1rem;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-card);transition:all .3s}
.fleet-card:hover{box-shadow:var(--shadow-elegant);transform:translateY(-8px)}
.fleet-card .img-wrap{position:relative;aspect-ratio:4/3;overflow:hidden}
.fleet-card .img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}
.fleet-card:hover .img-wrap img{transform:scale(1.1)}
.fleet-card .body{padding:1.75rem}
.fleet-card h3{font-size:1.25rem;color:var(--navy-deep);margin-bottom:.5rem;transition:color .2s}
.fleet-card:hover h3{color:var(--royal)}
.fleet-card p{color:var(--muted-foreground);line-height:1.6;font-size:.875rem;margin:0}

/* about */
.about-grid{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}
@media(min-width:1024px){.about-grid{grid-template-columns:repeat(2,1fr)}}
.about-media{position:relative}
.about-media img{border-radius:1.5rem;box-shadow:var(--shadow-elegant);width:100%}
.about-media .badge{position:absolute;bottom:-2rem;right:-1rem;background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-elegant);max-width:260px;border:1px solid var(--border)}
.about-media .badge .v{color:var(--navy-deep);font-family:'Playfair Display',Georgia,serif;font-size:1.875rem}
.about-media .badge .l{color:var(--muted-foreground);font-size:.875rem;margin-top:.25rem}
.about-media .deco{position:absolute;top:-1.5rem;left:-1.5rem;width:8rem;height:8rem;border:2px solid rgba(85, 192, 218, .4);border-radius:1.5rem;z-index:-1}
.about-copy h2{margin-bottom:1.5rem}
.about-copy p{color:var(--muted-foreground);line-height:1.7;font-weight:300;margin-bottom:1.5rem}
.about-copy p strong{color:var(--navy-deep);font-weight:600}
.about-copy ul{margin:0 0 2rem;display:flex;flex-direction:column;gap:.75rem}
.about-copy ul li{display:flex;align-items:center;gap:.75rem;color:var(--navy-deep)}
.about-copy ul li::before{content:"✓";width:1.5rem;height:1.5rem;border-radius:9999px;background:linear-gradient(135deg,var(--royal),var(--navy));color:var(--cyan-glow);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem}

@media(max-width:767px){
  .about-grid{gap:2.5rem}
  .about-media .badge{position:static;max-width:none;margin-top:1rem}
  .about-media .deco{display:none}
  .about-copy{text-align:left}
}

/* clients */
.clients{padding:5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.client-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:3rem}
@media(min-width:640px){.client-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.client-grid{grid-template-columns:repeat(6,1fr)}}
.client{aspect-ratio:3/1;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border);border-radius:.75rem;color:rgba(0,30,80,.6);font-family:'Playfair Display',Georgia,serif;font-size:1.125rem;letter-spacing:.15em;transition:all .3s}
.client:hover{color:var(--navy-deep);border-color:rgba(91, 117, 220, .4)}

/* testimonials */
.testi-wrap{position:relative;overflow:hidden}
.testi-fade-l,.testi-fade-r{position:absolute;top:0;bottom:0;width:8rem;z-index:10;pointer-events:none}
.testi-fade-l{left:0;background:linear-gradient(to right,var(--background),transparent)}
.testi-fade-r{right:0;background:linear-gradient(to left,var(--background),transparent)}
.testi-card{width:min(360px,82vw);background:var(--soft);border:1px solid var(--border);border-radius:1rem;padding:1.75rem;flex-shrink:0}
.testi-card .stars{display:flex;gap:.25rem;color:var(--cyan-glow);margin-bottom:1rem}
.testi-card p{color:var(--navy-deep);line-height:1.6;font-style:italic;margin:0 0 1.5rem}
.testi-card .author{display:flex;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border)}
.testi-card .avatar{width:2.5rem;height:2.5rem;border-radius:9999px;background:linear-gradient(135deg,var(--navy),var(--royal));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',Georgia,serif}
.testi-card .author .n{color:var(--navy-deep);font-weight:600;font-size:.875rem}
.testi-card .author .r{color:var(--muted-foreground);font-size:.75rem}

@media(max-width:640px){
  .testi-fade-l,.testi-fade-r{width:3rem}
  .testi-card{padding:1.25rem}
  .testi-card p{font-size:.95rem}
}

@media(max-width:767px){
  .testi-wrap{overflow:visible}
  .marquee-track{animation:none;width:100%;flex-wrap:wrap;justify-content:center}
}

/* faq */
.faq-list{display:flex;flex-direction:column;gap:.75rem}
.faq-item{background:#fff;border:1px solid var(--border);border-radius:1rem;overflow:hidden}
.faq-item button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem;text-align:left}
.faq-item .q{color:var(--navy-deep);font-weight:500;font-size:1.125rem}
.faq-item .plus{width:2.5rem;height:2.5rem;border-radius:9999px;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--royal);flex-shrink:0;transition:transform .3s,background .3s,color .3s}
.faq-item.open .plus{transform:rotate(45deg);background:var(--navy-deep);color:var(--cyan-glow)}
.faq-item .a{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s,opacity .5s}
.faq-item.open .a{grid-template-rows:1fr;opacity:1}
.faq-item .a > div{overflow:hidden}
.faq-item .a p{padding:0 1.5rem 1.5rem;color:var(--muted-foreground);line-height:1.7;margin:0}

/* map */
.map-frame{border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow-elegant);border:1px solid var(--border);height:420px}
.map-frame iframe{border:0;width:100%;height:100%;filter:grayscale(.4) contrast(1.05)}

@media(max-width:767px){
  .map-frame{height:300px;border-radius:1rem}
}

/* CTA final */
.cta-final{position:relative;color:#fff;overflow:hidden;padding:7rem 0}
.cta-final::before{content:"";position:absolute;inset:0;opacity:.4;background-image:radial-gradient(ellipse at top,oklch(0.5 0.2 250) 0%,transparent 60%)}
.cta-final::after{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(to right,transparent,oklch(0.78 0.13 215 / .4),transparent)}
.cta-final .inner{position:relative;text-align:center;max-width:56rem;margin:0 auto;padding:0 1.5rem}
.cta-final h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2.5rem,6vw,4.5rem);margin:1.5rem 0 1.75rem;line-height:1.05}
.cta-final .lede{color:rgba(255,255,255,.75);font-size:1.125rem;max-width:36rem;margin:0 auto 3rem;font-weight:300;line-height:1.7}
.cta-final .contacts{margin-top:2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem;color:rgba(255,255,255,.6);font-size:.875rem}

/* footer */
.site-footer{background:var(--navy-deep);color:#fff;padding:5rem 0 2rem;position:relative;overflow:hidden}
.site-footer::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent)}
.footer-grid{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:3.5rem}
@media(min-width:1024px){.footer-grid{grid-template-columns:repeat(4,1fr)}}
.footer-col h4{color:var(--cyan-glow);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;margin-bottom:1.25rem;font-family:'Inter',sans-serif;font-weight:600}
.footer-col ul li{color:rgba(255,255,255,.7);font-size:.875rem;margin-bottom:.75rem;transition:color .2s;cursor:pointer}
.footer-col ul li:hover{color:var(--cyan-glow)}
.footer-col .logo-img{height:3.5rem;filter:brightness(1.1);margin-bottom:1.25rem}
.footer-col .desc{color:rgba(255,255,255,.6);font-size:.875rem;line-height:1.6}
.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:1rem;justify-content:space-between;align-items:center;color:rgba(255,255,255,.5);font-size:.75rem}
@media(min-width:768px){.footer-bottom{flex-direction:row}}
.footer-bottom .links{display:flex;gap:1.5rem}
.footer-bottom a:hover{color:var(--cyan-glow)}

@media(max-width:767px){
  .footer-bottom{align-items:flex-start}
  .footer-bottom .links{flex-wrap:wrap;gap:1rem}
}

/* floating wpp */
.float-wpp{position:fixed;bottom:1.5rem;right:1.5rem;z-index:40;display:flex;align-items:center}
.float-wpp .tip{position:absolute;right:100%;margin-right:.75rem;white-space:nowrap;border-radius:9999px;background:oklch(0.16 0.06 262 / .95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#fff;opacity:0;transform:translateX(8px);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 25px rgba(0,0,0,.4);transition:all .3s;display:none}
@media(min-width:640px){.float-wpp .tip{display:block}}
.float-wpp:hover .tip{opacity:1;transform:translateX(0)}
.float-wpp .core{position:relative;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center}
.float-wpp .ping{position:absolute;inset:0;border-radius:9999px;background:#25D366;opacity:.35}
.float-wpp .glow{position:absolute;inset:-4px;border-radius:9999px;background:rgba(37,211,102,.3);filter:blur(20px)}
.float-wpp .icon{position:relative;width:4rem;height:4rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.25);background:linear-gradient(135deg,#25D366 0%,#1FB958 50%,#128C7E 100%);box-shadow:0 16px 36px -8px rgba(37,211,102,.6),0 6px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.4);transition:all .3s ease-out}
.float-wpp:hover .icon{transform:scale(1.1);box-shadow:0 22px 50px -8px rgba(37,211,102,.75)}
.float-wpp:active .icon{transform:scale(.95)}
.float-wpp .icon svg{width:2rem;height:2rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}

@media(max-width:640px){
  .float-wpp{right:1rem;bottom:1rem}
  .float-wpp .core,.float-wpp .icon{width:3.5rem;height:3.5rem}
}