:root{
  --pee-yellow:#FFB000;
  --pee-red:#C42217;
  --pee-black:#000000;
  --pee-ink:#161412;
  --pee-white:#FFFFFF;
  --pee-cream:#FFF8ED;
  --pee-grad: linear-gradient(100deg, var(--pee-red), var(--pee-yellow));
}

html body:not(#pee-specificity-boost){background-color: var(--pee-cream) !important;}

/* FULL-BLEED SECTIONS — see rule.md #1. Precise edge-to-edge alignment is
   applied at runtime by initFullBleedSections() in potter-elements.js;
   this is only a safe fallback so nothing flashes badly shifted before
   that JS runs. */
.pee-full-bleed-section{
  width:100%;
  position:relative;
  box-sizing:border-box;
}
:where(.e-con, .elementor-widget-wrap, .elementor-container):has(.pee-section-root){
  padding:0 !important;
  min-height:0 !important;
  height:auto !important;
}

.pee-script{font-family:'Caveat', cursive; font-weight:700;}

.pee-eyebrow{
  font-family:'Poppins', sans-serif; font-size:12.5px; letter-spacing:0.1em; text-transform:uppercase;
  color:var(--pee-red); font-weight:700; display:flex; align-items:center; gap:10px; margin-bottom:16px;
}
.pee-eyebrow::before{content:""; width:26px; height:3px; background:var(--pee-grad); border-radius:2px; flex-shrink:0;}

.pee-btn{font-family:'Poppins', sans-serif; font-size:14px; font-weight:700; padding:13px 26px; border-radius:40px; display:inline-block; border:none; cursor:pointer;}
.pee-btn-primary{background:var(--pee-red); color:#fff; box-shadow:0 6px 0 var(--pee-black);}
.pee-btn-primary:hover{transform:translateY(2px); box-shadow:0 4px 0 var(--pee-black); color:#fff;}
.pee-btn-yellow{background:var(--pee-yellow); color:var(--pee-black); box-shadow:0 6px 0 var(--pee-black);}
.pee-btn-yellow:hover{transform:translateY(2px); box-shadow:0 4px 0 var(--pee-black); color:var(--pee-black);}
.pee-btn-outline{border:2.5px solid var(--pee-black); color:var(--pee-black); background:transparent;}
.pee-btn-outline:hover{background:var(--pee-black); color:#fff;}
.pee-magnetic{display:inline-block; transition:transform .25s cubic-bezier(.2,.8,.2,1);}

.pee-reveal{opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease;}
.pee-reveal.pee-in{opacity:1; transform:translateY(0);}

/* HERO */
.pee-hero{padding:64px 0 0; position:relative; overflow:hidden; font-family:'Inter', sans-serif; color:var(--pee-ink);}
.pee-hero *{box-sizing:border-box;}
.pee-hero h1,.pee-hero h2,.pee-hero h3{font-family:'Poppins', sans-serif; line-height:1.08; font-weight:800; letter-spacing:-0.01em; margin:0;}
.pee-hero-wrap{max-width:1200px; margin:0 auto; padding:0 32px;}
.pee-hero-grid{display:grid; grid-template-columns:1.05fr 0.95fr; gap:56px; align-items:center; position:relative; z-index:2;}
.pee-hero h1{font-size:56px; margin-bottom:20px;}
.pee-hero h1 .pee-hl{color:var(--pee-red);}
.pee-hero h1 .pee-hl2{background:var(--pee-grad); -webkit-background-clip:text; background-clip:text; color:transparent;}
.pee-hero p.pee-lead{font-size:18px; line-height:1.65; color:#3d3833; max-width:480px; margin-bottom:14px;}
.pee-hero .pee-trust-line{font-size:13.5px; color:#6b665f; font-weight:600; margin-bottom:34px;}
.pee-hero-ctas{display:flex; gap:16px; margin-bottom:44px; flex-wrap:wrap;}

.pee-megaphone-stage{position:relative; display:flex; justify-content:center; align-items:center; height:460px;}
.pee-ring{position:absolute; border-radius:50%; border:3px solid var(--pee-red); opacity:0.25;}
.pee-ring1{width:220px; height:220px; animation:pee-pulseRing 3s ease-out infinite;}
.pee-ring2{width:220px; height:220px; animation:pee-pulseRing 3s ease-out infinite 1s;}
.pee-ring3{width:220px; height:220px; animation:pee-pulseRing 3s ease-out infinite 2s;}
@keyframes pee-pulseRing{0%{transform:scale(1); opacity:0.4;} 100%{transform:scale(2.1); opacity:0;}}
.pee-center-card{
  position:relative; z-index:3; width:230px; height:230px; border-radius:50%; background:var(--pee-grad);
  display:flex; align-items:center; justify-content:center; box-shadow:0 30px 60px -20px rgba(196,34,23,0.45);
  color:#fff; font-size:70px; line-height:1;
}
.pee-center-card svg{width:1em; height:1em; fill:currentColor;}
.pee-float-chip{
  position:absolute; background:#fff; border:2.5px solid var(--pee-black); border-radius:16px; padding:10px 16px;
  font-family:'Poppins',sans-serif; font-weight:700; font-size:13px; display:flex; align-items:center; gap:8px;
  box-shadow:5px 5px 0 var(--pee-black); animation:pee-floaty 4s ease-in-out infinite;
}
.pee-float-chip-icon{display:inline-flex; align-items:center; font-size:16px; color:var(--pee-red); line-height:1;}
.pee-float-chip-icon svg{width:1em; height:1em; fill:currentColor;}
.pee-fc-top-left{top:6%; left:2%;}
.pee-fc-top-right{top:18%; right:0%;}
.pee-fc-bottom-left{bottom:16%; left:0%;}
.pee-fc-bottom-right{bottom:4%; right:6%;}
@keyframes pee-floaty{0%,100%{transform:translateY(0);} 50%{transform:translateY(-14px);}}

/* MARQUEE */
.pee-marquee-band{background:var(--pee-black); overflow:hidden; padding:16px 0; border-top:3px solid var(--pee-black); border-bottom:3px solid var(--pee-black); margin-top:50px;}
.pee-marquee-band--standalone{margin-top:0;}
.pee-marquee-track{display:flex; width:max-content; animation:pee-scroll-left 24s linear infinite;}
.pee-marquee-track span{font-family:'Poppins', sans-serif; font-weight:700; font-size:15px; color:var(--pee-yellow); white-space:nowrap; padding:0 26px; display:flex; align-items:center; gap:26px;}
.pee-marquee-track span::after{content:"★"; color:var(--pee-red); font-size:12px;}
@keyframes pee-scroll-left{from{transform:translateX(0);} to{transform:translateX(-50%);}}

/* SOCIAL PROOF / COUNTERS */
.pee-proof-strip{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--pee-black); border:2px solid var(--pee-black);}
.pee-proof-card{background:var(--pee-white); padding:32px 24px; text-align:center;}
.pee-proof-num{font-family:'Poppins', sans-serif; font-size:38px; font-weight:800; color:var(--pee-red);}
.pee-proof-lbl{font-size:12.5px; color:#4a4642; margin-top:6px; font-weight:600; font-family:'Inter', sans-serif;}

@media (max-width: 768px){
  .pee-proof-strip{grid-template-columns:repeat(2,1fr);}
}

/* ABOUT / WHO WE ARE */
.pee-about{padding:100px 0; font-family:'Inter', sans-serif; color:var(--pee-ink);}
.pee-about *{box-sizing:border-box;}
.pee-about h2{font-family:'Poppins', sans-serif; line-height:1.08; font-weight:800; letter-spacing:-0.01em; margin:0;}
.pee-about-wrap{max-width:1200px; margin:0 auto; padding:0 32px;}
.pee-about-grid{display:grid; grid-template-columns:0.9fr 1.1fr; gap:60px; align-items:center;}
.pee-about-visual{
  aspect-ratio:1/1; border-radius:20px; background:var(--pee-black); position:relative; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
}
.pee-about-badge{
  position:absolute; background:var(--pee-yellow); color:var(--pee-black); font-family:'Poppins',sans-serif; font-weight:800;
  padding:14px 22px; border-radius:50px; font-size:14px; border:3px solid var(--pee-black);
}
.pee-about-badge1{top:12%; left:8%; transform:rotate(-8deg);}
.pee-about-badge2{bottom:14%; right:6%; transform:rotate(6deg); background:var(--pee-white);}
.pee-about-core{width:55%; height:55%; border-radius:50%; background:var(--pee-grad); display:flex; align-items:center; justify-content:center; font-size:60px; color:#fff;}
.pee-about-core svg{width:1em; height:1em; fill:currentColor;}
.pee-about-copy h2{font-size:36px; margin-bottom:18px;}
.pee-about-copy p{font-size:16px; color:#3d3833; line-height:1.75; margin-bottom:16px; max-width:520px;}
.pee-about-copy strong{color:var(--pee-red);}

@media (max-width: 900px){
  .pee-about-grid{grid-template-columns:1fr; gap:36px;}
}

/* SECTION HEAD (shared) */
.pee-section-head{max-width:640px; margin-bottom:52px;}
.pee-section-head h2{font-size:38px; font-family:'Poppins', sans-serif; font-weight:800; letter-spacing:-0.01em; line-height:1.08; margin:0;}
.pee-section-head p{color:#4a4642; font-size:16px; margin-top:14px; line-height:1.6; font-family:'Inter', sans-serif;}

/* SERVICES OVERVIEW */
.pee-services{padding:100px 0; background:#fff; font-family:'Inter', sans-serif; color:var(--pee-ink);}
.pee-services *{box-sizing:border-box;}
.pee-services-wrap{max-width:1200px; margin:0 auto; padding:0 32px;}
.pee-services-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:20px;}
.pee-svc-hero-card{
  background:var(--pee-black); color:#fff; border-radius:18px; padding:36px 30px; position:relative; overflow:hidden;
  display:flex; flex-direction:column; justify-content:flex-end; min-height:340px;
}
.pee-svc-hero-card::before{content:""; position:absolute; inset:0; background:radial-gradient(circle at 80% 10%, rgba(255,176,0,0.25), transparent 55%);}
.pee-svc-hero-tag{font-family:'Poppins',sans-serif; font-size:11.5px; font-weight:800; letter-spacing:0.06em; text-transform:uppercase; background:var(--pee-yellow); color:var(--pee-black); padding:6px 14px; border-radius:20px; display:inline-block; margin-bottom:18px; width:fit-content; position:relative;}
.pee-svc-hero-card h3{font-family:'Poppins', sans-serif; font-weight:800; font-size:28px; margin-bottom:12px; position:relative;}
.pee-svc-hero-card p{font-size:14.5px; color:#d9d5cc; line-height:1.6; margin-bottom:20px; position:relative;}
.pee-svc-hero-card .pee-go, .pee-svc-hero-card:hover .pee-go{font-family:'Poppins',sans-serif; font-weight:700; font-size:13.5px; color:var(--pee-yellow); position:relative;}

.pee-svc-hero-card, .pee-svc-card{text-decoration:none;}
.pee-svc-hero-card, .pee-svc-hero-card:hover, .pee-svc-hero-card:visited,
.pee-svc-hero-card h3, .pee-svc-hero-card:hover h3,
.pee-svc-hero-card p, .pee-svc-hero-card:hover p{color:#fff; text-decoration:none;}
.pee-svc-hero-card p, .pee-svc-hero-card:hover p{color:#d9d5cc;}
.pee-svc-card, .pee-svc-card:hover, .pee-svc-card:visited,
.pee-svc-card h4, .pee-svc-card:hover h4{color:var(--pee-ink); text-decoration:none;}
.pee-svc-card p, .pee-svc-card:hover p{color:#4a4642;}
.pee-svc-card{background:#fff; border:2.5px solid var(--pee-black); border-radius:18px; padding:28px 24px; display:flex; flex-direction:column; justify-content:space-between; transition:transform .25s, box-shadow .25s;}
.pee-svc-card:hover{transform:translateY(-6px); box-shadow:6px 8px 0 var(--pee-black);}
.pee-svc-card .pee-svc-icon{font-size:30px; margin-bottom:16px; color:var(--pee-red); line-height:1;}
.pee-svc-card .pee-svc-icon svg{width:1em; height:1em; fill:currentColor;}
.pee-svc-card h4{font-size:18px; margin-bottom:10px; font-family:'Poppins',sans-serif; font-weight:700;}
.pee-svc-card p{font-size:13.5px; color:#4a4642; line-height:1.55; margin-bottom:16px;}
.pee-svc-card .pee-go, .pee-svc-card:hover .pee-go{font-family:'Poppins',sans-serif; font-weight:700; font-size:13px; color:var(--pee-red);}

@media (max-width: 992px){
  .pee-services-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width: 600px){
  .pee-services-grid{grid-template-columns:1fr;}
}

/* WHY CHOOSE US */
.pee-why{padding:100px 0; font-family:'Inter', sans-serif;}
.pee-why *{box-sizing:border-box;}
.pee-why-wrap{max-width:1200px; margin:0 auto; padding:0 32px;}
.pee-why.pee-band-black{background:var(--pee-black); color:#fff;}
.pee-why.pee-band-black .pee-section-head p{color:#c9c6c0;}
.pee-why-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.pee-why-card{background:var(--pee-cream); border-radius:16px; padding:28px 24px; text-align:center; border:2px solid transparent; transition:border-color .25s, transform .25s;}
.pee-why-card:hover{border-color:var(--pee-red); transform:translateY(-4px);}
.pee-why-card .pee-why-icon{width:60px; height:60px; border-radius:50%; background:var(--pee-grad); display:flex; align-items:center; justify-content:center; font-size:26px; margin:0 auto 18px; color:#fff;}
.pee-why-card .pee-why-icon svg{width:1em; height:1em; fill:currentColor;}
.pee-why-card h4{font-size:16px; margin-bottom:8px; font-family:'Poppins',sans-serif; font-weight:700; color:var(--pee-ink);}
.pee-why-card p{font-size:13px; color:#4a4642; line-height:1.5;}

@media (max-width: 992px){
  .pee-why-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width: 600px){
  .pee-why-grid{grid-template-columns:1fr;}
}

/* HOW IT WORKS / PROCESS */
.pee-process{padding:100px 0; font-family:'Inter', sans-serif; color:var(--pee-ink);}
.pee-process *{box-sizing:border-box;}
.pee-process-wrap{max-width:1200px; margin:0 auto; padding:0 32px;}
.pee-process-strip{display:flex; gap:0; margin-top:10px; border:2.5px solid var(--pee-black); border-radius:18px; overflow:hidden;}
.pee-proc-step{flex:1; padding:30px 24px; border-left:2.5px solid var(--pee-black); position:relative; background:#fff; transition:background .25s;}
.pee-proc-step:first-child{border-left:none;}
.pee-proc-step:hover{background:var(--pee-cream);}
.pee-proc-step .pee-pn{font-family:'Poppins',sans-serif; font-size:34px; font-weight:800; color:var(--pee-yellow); -webkit-text-stroke:1.5px var(--pee-black);}
.pee-proc-step h5{font-family:'Poppins',sans-serif; font-size:16px; margin:10px 0 8px; font-weight:700;}
.pee-proc-step p{font-size:12.5px; color:#4a4642; line-height:1.5;}

@media (max-width: 900px){
  .pee-process-strip{flex-direction:column;}
  .pee-proc-step{border-left:none; border-top:2.5px solid var(--pee-black);}
  .pee-proc-step:first-child{border-top:none;}
}

/* PORTFOLIO / OUR WORK */
.pee-portfolio{padding:100px 0; font-family:'Inter', sans-serif; color:var(--pee-ink);}
.pee-portfolio *{box-sizing:border-box;}
.pee-portfolio-wrap{max-width:1200px; margin:0 auto; padding:0 32px;}
.pee-port-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
.pee-port-card{
  background:var(--pee-black); color:#fff; aspect-ratio:4/5; border-radius:16px; padding:22px;
  display:flex; flex-direction:column; justify-content:flex-end; position:relative; overflow:hidden;
  --pee-port-overlay-start: rgba(196,34,23,0.55);
  --pee-port-overlay-end: rgba(0,0,0,0.35);
  --pee-port-hover-overlay-opacity: 0.15;
}
.pee-port-card::before{content:""; position:absolute; inset:0; background:linear-gradient(160deg, var(--pee-port-overlay-start), var(--pee-port-overlay-end) 60%); z-index:1; opacity:1; transition:opacity .35s ease;}
.pee-port-card:hover::before{opacity:var(--pee-port-hover-overlay-opacity);}
.pee-port-card::after{content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.1) 55%, transparent 75%); z-index:2; pointer-events:none;}
.pee-port-img{position:absolute !important; inset:0 !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; max-width:100% !important; object-fit:cover; object-position:center; transition:transform .6s cubic-bezier(.2,.8,.2,1); display:block; margin:0 !important;}
.pee-port-card:hover .pee-port-img{transform:scale(1.12);}
.pee-port-content{position:relative; z-index:3; transition:transform .4s ease;}
.pee-port-card:hover .pee-port-content{transform:translateY(-6px);}
.pee-port-card .pee-port-tag{font-family:'Poppins',sans-serif; font-size:11px; font-weight:700; color:var(--pee-yellow); text-transform:uppercase; margin-bottom:8px;}
.pee-port-card h4{font-size:19px; font-family:'Poppins',sans-serif; font-weight:700; margin:0;}
.pee-port-card p{font-size:12px; color:#d9d5cc; margin-top:6px;}
a.pee-port-card, a.pee-port-card:hover, a.pee-port-card:visited{text-decoration:none; color:#fff;}

@media (max-width: 992px){
  .pee-port-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width: 600px){
  .pee-port-grid{grid-template-columns:1fr;}
}

/* TESTIMONIALS */
.pee-testimonials{padding:100px 0; font-family:'Inter', sans-serif; color:var(--pee-ink);}
.pee-testimonials *{box-sizing:border-box;}
.pee-testimonials-wrap{max-width:1200px; margin:0 auto; padding:0 32px;}
.pee-testi-wrap{position:relative; max-width:760px; margin:0 auto; min-height:220px;}
.pee-testi-slide{position:absolute; inset:0; opacity:0; transition:opacity .8s ease; display:flex; flex-direction:column; justify-content:center; text-align:center; pointer-events:none;}
.pee-testi-slide.pee-active{opacity:1; position:relative; pointer-events:auto;}
.pee-testi-slide .pee-quote-mark{font-family:'Poppins',sans-serif; font-size:60px; color:var(--pee-yellow); -webkit-text-stroke:2px var(--pee-black); line-height:1; margin-bottom:6px;}
.pee-testi-slide p.pee-qt{font-size:20px; line-height:1.6; color:var(--pee-ink); margin-bottom:18px; font-family:'Poppins',sans-serif; font-weight:600;}
.pee-testi-who{font-size:14px; font-weight:700;}
.pee-testi-who span{display:block; font-weight:500; font-size:12.5px; color:#6b665f; margin-top:2px;}
.pee-testi-dots{display:flex; gap:8px; margin-top:24px; justify-content:center;}
.pee-testi-dots button{width:9px; height:9px; border-radius:50%; border:2px solid var(--pee-black); background:#fff; cursor:pointer; padding:0; transition:background .3s, width .3s;}
.pee-testi-dots button.pee-active{background:var(--pee-red); width:26px; border-radius:6px;}

/* CTA BAND */
.pee-cta-band{background:var(--pee-red); color:#fff; text-align:center; padding:90px 0; position:relative; overflow:hidden; font-family:'Inter', sans-serif;}
.pee-cta-band *{box-sizing:border-box;}
.pee-cta-band-wrap{max-width:1200px; margin:0 auto; padding:0 32px; position:relative;}
.pee-cta-band::before{content:""; position:absolute; width:500px; height:500px; border-radius:50%; background:var(--pee-yellow); opacity:0.15; filter:blur(90px); top:-180px; left:50%; transform:translateX(-50%);}
.pee-cta-band h2{font-family:'Poppins', sans-serif; font-weight:800; line-height:1.08; letter-spacing:-0.01em; font-size:38px; max-width:640px; margin:0 auto 16px; position:relative;}
.pee-cta-band p{color:#ffe8e2; margin-bottom:30px; position:relative; font-size:16px;}
.pee-cta-band .pee-btn-yellow{position:relative;}

/* FAQ */
.pee-faq{padding:100px 0; font-family:'Inter', sans-serif; color:var(--pee-ink);}
.pee-faq *{box-sizing:border-box;}
.pee-faq-wrap{max-width:800px; margin:0 auto; padding:0 32px;}
.pee-faq-item{border-top:2px solid rgba(0,0,0,0.1); padding:22px 0; cursor:pointer;}
.pee-faq-item:last-child{border-bottom:2px solid rgba(0,0,0,0.1);}
.pee-faq-q{display:flex; justify-content:space-between; align-items:center; gap:16px; font-size:16px; font-weight:700; font-family:'Poppins',sans-serif;}
.pee-faq-plus{color:var(--pee-red); transition:transform .3s; font-size:20px; font-weight:800; flex-shrink:0;}
.pee-faq-item.pee-open .pee-faq-plus{transform:rotate(45deg);}
.pee-faq-a{max-height:0; overflow:hidden; transition:max-height .35s ease;}
.pee-faq-item.pee-open .pee-faq-a{max-height:400px;}
.pee-faq-a p{font-size:14px; color:#4a4642; line-height:1.6; padding-top:12px; max-width:640px; margin:0;}

/* FINAL CONTACT CTA */
.pee-contact-band{background:var(--pee-black); color:#fff; padding:100px 0; font-family:'Inter', sans-serif;}
.pee-contact-band *{box-sizing:border-box;}
.pee-contact-wrap{max-width:1200px; margin:0 auto; padding:0 32px;}
.pee-contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;}
.pee-contact-copy h2{font-family:'Poppins', sans-serif; font-weight:800; line-height:1.08; letter-spacing:-0.01em; font-size:36px; margin-bottom:16px; color:#fff;}
.pee-contact-copy p{color:#c9c6c0; font-size:15.5px; line-height:1.7; margin-bottom:26px; max-width:440px;}
.pee-contact-perks{list-style:none; margin:0; padding:0;}
.pee-contact-perks li{font-size:14px; padding:10px 0; display:flex; gap:10px; color:#e8e5df;}
.pee-contact-perks li::before{content:"✓"; color:var(--pee-yellow); font-weight:800;}
.pee-form-card{background:#fff; border-radius:18px; padding:34px; color:var(--pee-ink);}
.pee-form-card-placeholder{border:2px dashed rgba(0,0,0,0.25); border-radius:12px; padding:24px; text-align:center; font-size:13px; color:#6b665f; font-family:'Inter',sans-serif;}
.pee-form-card .wpcf7 form.wpcf7-form p{margin:0 0 8px !important;}
.pee-form-card .wpcf7-form label{font-size:12.5px; font-weight:700; font-family:'Poppins',sans-serif; margin:0 0 7px !important; display:block; line-height:1.3;}
.pee-form-card .wpcf7-form label br,
.pee-form-card .wpcf7-form p br{display:none;}
.pee-form-card .wpcf7-form .wpcf7-form-control-wrap{display:block; margin:0;}
.pee-form-card .wpcf7-form input[type="text"],
.pee-form-card .wpcf7-form input[type="email"],
.pee-form-card .wpcf7-form input[type="tel"],
.pee-form-card .wpcf7-form select,
.pee-form-card .wpcf7-form textarea{
  width:100%; border:2px solid var(--pee-black); border-radius:10px; padding:12px 14px; font-family:'Inter',sans-serif; font-size:14px; background:var(--pee-cream);
  box-sizing:border-box; margin:0 !important;
}
.pee-form-card .wpcf7-form textarea{resize:vertical; height:100px !important; min-height:60px;}
.pee-form-card .wpcf7-form input[type="submit"]{
  width:100%; margin-top:6px; font-family:'Poppins', sans-serif; font-size:14px; font-weight:700; padding:13px 26px; border-radius:40px;
  background:var(--pee-red); color:#fff; box-shadow:0 6px 0 var(--pee-black); border:none; cursor:pointer;
}
.pee-form-card .wpcf7-form .form-row-2{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.pee-form-card .wpcf7-form .form-row{margin-bottom:16px;}
.pee-form-card .wpcf7-form .form-row label{font-size:12.5px; font-weight:700; font-family:'Poppins',sans-serif; margin:0 0 6px !important; display:block;}
.pee-form-card .wpcf7-form .form-row input,
.pee-form-card .wpcf7-form .form-row select,
.pee-form-card .wpcf7-form .form-row textarea{width:100%; margin:0 !important;}
.pee-form-card .wpcf7-form .form-row textarea{resize:vertical; min-height:90px;}

@media (max-width: 900px){
  .pee-contact-grid{grid-template-columns:1fr; gap:36px;}
  .pee-form-card .wpcf7-form .form-row-2{grid-template-columns:1fr;}
}

/* SITE HEADER */
.pee-site-header{position:sticky; top:0; z-index:60; background:rgba(255,248,237,0.92); backdrop-filter:blur(12px); border-bottom:2px solid var(--pee-black); font-family:'Inter', sans-serif;}
.pee-site-header.pee-header-not-sticky{position:relative;}
.pee-site-header *{box-sizing:border-box;}
.pee-header-nav{display:flex; align-items:center; justify-content:space-between; gap:24px; padding:12px 32px; max-width:1200px; margin:0 auto;}
.pee-logo-mark{height:52px; width:auto; flex-shrink:0;}
.pee-logo-text{font-family:'Poppins', sans-serif; font-weight:800; font-size:22px; color:var(--pee-ink); white-space:nowrap;}
.pee-header-nav a{color:inherit; text-decoration:none;}
.pee-navlinks{display:flex; align-items:center; gap:32px; font-size:14.5px; font-weight:600; flex-wrap:wrap; margin:0; padding:0; list-style:none;}
.pee-navlinks li{position:relative; list-style:none;}
.pee-navlinks a{position:relative; padding:4px 0; display:inline-block;}
.pee-navlinks a::after{content:""; position:absolute; left:0; bottom:0; width:0; height:3px; background:var(--pee-menu-underline, var(--pee-grad)); border-radius:2px; transition:width .25s;}
.pee-navlinks a:hover::after, .pee-navlinks li.current-menu-item a::after{width:100%;}
.pee-navlinks .sub-menu{position:absolute; top:100%; left:0; background:#fff; border:2px solid var(--pee-black); border-radius:10px; padding:8px; min-width:180px; display:none; flex-direction:column; gap:2px; z-index:10;}
.pee-navlinks li:hover > .sub-menu{display:flex;}
.pee-navlinks .sub-menu a{padding:8px 10px; white-space:nowrap;}
.pee-header-cta{flex-shrink:0;}
.pee-header-burger{display:none !important; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:6px;}
.pee-header-burger span{width:24px; height:2.5px; background:var(--pee-black); border-radius:2px;}

@media (max-width: 900px){
  .pee-header-burger{display:flex !important;}
  .pee-navlinks{
    display:none; position:absolute; top:100%; left:0; right:0; background:var(--pee-cream);
    flex-direction:column; align-items:flex-start; gap:0; border-bottom:2px solid var(--pee-black); padding:10px 32px;
  }
  .pee-navlinks.pee-nav-open{display:flex;}
  .pee-navlinks li{width:100%;}
  .pee-navlinks a{display:block; padding:12px 0; width:100%;}
  .pee-navlinks .sub-menu{position:static; border:none; padding:0 0 0 14px; min-width:0;}
}

/* ABOUT PAGE — HERO ("About Social Potter") */
.pee-abouthero{padding:70px 0 60px; position:relative; overflow:hidden; font-family:'Inter', sans-serif; color:var(--pee-ink);}
.pee-abouthero *{box-sizing:border-box;}
.pee-abouthero-wrap{max-width:1200px; margin:0 auto; padding:0 32px; position:relative;}
.pee-abouthero-inner{max-width:760px; position:relative; z-index:2;}
.pee-abouthero h1{font-family:'Poppins', sans-serif; font-weight:800; line-height:1.08; letter-spacing:-0.01em; font-size:50px; margin:0 0 20px;}
.pee-abouthero h1 .pee-hl{background:var(--pee-grad); -webkit-background-clip:text; background-clip:text; color:transparent;}
.pee-abouthero p.pee-lead{font-size:18px; line-height:1.7; color:#3d3833; max-width:580px; margin:0;}
.pee-abouthero-wheel{position:absolute; top:-60px; right:-80px; width:320px; height:320px; z-index:1; opacity:0.9;}
.pee-abouthero-ring{position:absolute; inset:0; border-radius:50%; border:3px dashed rgba(196,34,23,0.25); animation:pee-spin 30s linear infinite;}
.pee-abouthero-ring.pee-r2{inset:40px; border:3px dashed rgba(255,176,0,0.3); animation-duration:22s; animation-direction:reverse;}
@keyframes pee-spin{from{transform:rotate(0);} to{transform:rotate(360deg);}}

@media (max-width: 700px){
  .pee-abouthero h1{font-size:32px;}
  .pee-abouthero-wheel{display:none;}
}

/* ABOUT PAGE — WHAT MAKES US DIFFERENT */
.pee-diff{padding:100px 0; font-family:'Inter', sans-serif; color:var(--pee-ink);}
.pee-diff *{box-sizing:border-box;}
.pee-diff-wrap{max-width:1200px; margin:0 auto; padding:0 32px;}
.pee-diff-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.pee-diff-card{background:#fff; border:2.5px solid var(--pee-black); border-radius:18px; padding:28px 24px; transition:transform .25s, box-shadow .25s;}
.pee-diff-card:hover{transform:translateY(-6px); box-shadow:6px 8px 0 var(--pee-black);}
.pee-diff-icon{font-size:28px; margin-bottom:16px; color:var(--pee-red); line-height:1;}
.pee-diff-icon svg{width:1em; height:1em; fill:currentColor;}
.pee-diff-card h4{font-size:16.5px; margin-bottom:10px; font-family:'Poppins',sans-serif; font-weight:700;}
.pee-diff-card p{font-size:13.5px; color:#4a4642; line-height:1.55; margin:0;}

@media (max-width: 992px){
  .pee-diff-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width: 600px){
  .pee-diff-grid{grid-template-columns:1fr;}
}

/* ABOUT PAGE — MISSION / VISION (Our Purpose) */
.pee-mv{padding:100px 0; font-family:'Inter', sans-serif; color:var(--pee-ink);}
.pee-mv *{box-sizing:border-box;}
.pee-mv-wrap{max-width:1200px; margin:0 auto; padding:0 32px;}
.pee-mv-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
.pee-mv-card{border-radius:20px; padding:40px 34px; position:relative; overflow:hidden; color:#fff;}
.pee-mv-card.pee-mission{background:var(--pee-black);}
.pee-mv-card.pee-vision{background:var(--pee-grad);}
.pee-mv-tag{font-family:'Poppins',sans-serif; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:0.08em; opacity:0.85; margin-bottom:14px; display:block;}
.pee-mv-card h3{font-family:'Poppins', sans-serif; font-weight:800; line-height:1.3; font-size:26px; margin:0 0 14px;}
.pee-mv-card p{font-size:14.5px; line-height:1.6; opacity:0.92; max-width:400px; margin:0;}

@media (max-width: 900px){
  .pee-mv-grid{grid-template-columns:1fr;}
}

/* ABOUT PAGE — CORE VALUES */
.pee-values{padding:100px 0; background:#fff; font-family:'Inter', sans-serif; color:var(--pee-ink);}
.pee-values *{box-sizing:border-box;}
.pee-values-wrap{max-width:1200px; margin:0 auto; padding:0 32px;}
.pee-values-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.pee-value-card{background:var(--pee-cream); border-radius:16px; padding:30px 26px; text-align:center; transition:transform .25s;}
.pee-value-card:hover{transform:translateY(-4px);}
.pee-value-icon{width:64px; height:64px; border-radius:50%; background:#fff; border:2.5px solid var(--pee-black); display:flex; align-items:center; justify-content:center; font-size:26px; margin:0 auto 18px; color:var(--pee-red);}
.pee-value-icon svg{width:1em; height:1em; fill:currentColor;}
.pee-value-card h4{font-size:17px; margin-bottom:8px; font-family:'Poppins',sans-serif; font-weight:700;}
.pee-value-card p{font-size:13.5px; color:#4a4642; line-height:1.55; margin:0;}

@media (max-width: 900px){
  .pee-values-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width: 600px){
  .pee-values-grid{grid-template-columns:1fr;}
}

/* ABOUT PAGE — WHY CHOOSE US (list variant) */
.pee-whylist-section{padding:100px 0; font-family:'Inter', sans-serif; color:var(--pee-ink);}
.pee-whylist-section *{box-sizing:border-box;}
.pee-whylist-wrap{max-width:1200px; margin:0 auto; padding:0 32px;}
.pee-why-list{display:grid; grid-template-columns:1fr 1fr; gap:0; border:2.5px solid var(--pee-black); border-radius:18px; overflow:hidden;}
.pee-why-item{padding:26px 28px; display:flex; gap:16px; align-items:flex-start; border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1);}
.pee-why-item:nth-child(2n){border-right:none;}
.pee-why-item:nth-last-child(-n+2){border-bottom:none;}
.pee-why-num{font-family:'Poppins',sans-serif; font-weight:800; font-size:22px; color:var(--pee-yellow); -webkit-text-stroke:1px var(--pee-black); flex-shrink:0;}
.pee-why-item h5{font-family:'Poppins',sans-serif; font-size:15.5px; margin:0 0 6px; font-weight:700;}
.pee-why-item p{font-size:13px; color:#4a4642; line-height:1.5; margin:0;}

@media (max-width: 700px){
  .pee-why-list{grid-template-columns:1fr;}
  .pee-why-item{border-right:none !important;}
  .pee-why-item:last-child{border-bottom:none;}
}

/* ABOUT PAGE — PROOF, NOT PROMISES */
.pee-aboutproof{padding:100px 0; background:#fff; font-family:'Inter', sans-serif; color:var(--pee-ink);}
.pee-aboutproof *{box-sizing:border-box;}
.pee-aboutproof-wrap{max-width:1200px; margin:0 auto; padding:0 32px;}
.pee-aboutproof-strip{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--pee-black); border:2px solid var(--pee-black); border-radius:16px; overflow:hidden;}
.pee-aboutproof-card{background:var(--pee-white); padding:32px 24px; text-align:center;}
.pee-aboutproof-num{font-family:'Poppins', sans-serif; font-size:36px; font-weight:800; color:var(--pee-red);}
.pee-aboutproof-lbl{font-size:12.5px; color:#4a4642; margin-top:6px; font-weight:600;}
.pee-quote-banner{
  margin-top:40px; background:var(--pee-black); color:#fff; border-radius:20px; padding:50px 60px; text-align:center; position:relative; overflow:hidden;
}
.pee-quote-banner::before{content:""; position:absolute; width:400px; height:400px; border-radius:50%; background:var(--pee-grad); opacity:0.18; filter:blur(80px); top:-150px; left:50%; transform:translateX(-50%);}
.pee-quote-banner .pee-qmark{font-family:'Poppins',sans-serif; font-size:50px; color:var(--pee-yellow); position:relative; line-height:1;}
.pee-quote-banner p{font-size:22px; font-family:'Poppins',sans-serif; font-weight:600; max-width:680px; margin:0 auto; line-height:1.5; position:relative;}

@media (max-width: 700px){
  .pee-quote-banner{padding:34px 26px;}
  .pee-quote-banner p{font-size:18px;}
}

/* ABOUT PAGE — FINAL CTA */
.pee-cta-final{background:var(--pee-red); color:#fff; text-align:center; padding:110px 0; position:relative; overflow:hidden; font-family:'Inter', sans-serif;}
.pee-cta-final *{box-sizing:border-box;}
.pee-cta-final-wrap{max-width:1200px; margin:0 auto; padding:0 32px; position:relative;}
.pee-cta-final::before{content:""; position:absolute; width:520px; height:520px; border-radius:50%; background:var(--pee-yellow); opacity:0.15; filter:blur(90px); top:-190px; left:50%; transform:translateX(-50%);}
.pee-cta-final .pee-script-line{font-family:'Caveat',cursive; font-size:34px; color:var(--pee-yellow); margin-bottom:8px; position:relative; font-weight:700;}
.pee-cta-final h2{font-family:'Poppins', sans-serif; font-weight:800; line-height:1.08; letter-spacing:-0.01em; font-size:40px; max-width:640px; margin:0 auto 18px; position:relative;}
.pee-cta-final p{color:#ffe8e2; margin-bottom:32px; position:relative; font-size:16px;}
.pee-cta-final .pee-btn{position:relative;}

/* CONTACT PAGE — HERO */
.pee-contacthero{padding:70px 0 40px; position:relative; overflow:hidden; font-family:'Inter', sans-serif; color:var(--pee-ink);}
.pee-contacthero *{box-sizing:border-box;}
.pee-contacthero-wrap{max-width:1200px; margin:0 auto; padding:0 32px; position:relative;}
.pee-contacthero-ringbg{position:absolute; top:-160px; right:-160px; width:440px; height:440px; z-index:0;}
.pee-contacthero-ringbg .pee-contacthero-ring{position:absolute; inset:0; border-radius:50%; border:3px dashed rgba(196,34,23,0.2); animation:pee-spin 34s linear infinite;}
.pee-contacthero-ringbg .pee-contacthero-ring2{inset:50px; border-color:rgba(255,176,0,0.25); animation-duration:24s; animation-direction:reverse;}
.pee-contacthero-inner{max-width:720px; position:relative; z-index:2;}
.pee-contacthero h1{font-family:'Poppins', sans-serif; font-weight:800; line-height:1.08; letter-spacing:-0.01em; font-size:50px; margin:0 0 18px;}
.pee-contacthero h1 .pee-hl{background:var(--pee-grad); -webkit-background-clip:text; background-clip:text; color:transparent;}
.pee-contacthero p.pee-lead{font-size:17.5px; line-height:1.7; color:#3d3833; max-width:560px; margin:0 0 20px;}
.pee-hero-note{
  display:inline-flex; align-items:center; gap:10px; background:#fff; border:2px solid var(--pee-black); border-radius:40px;
  padding:10px 20px; font-family:'Poppins',sans-serif; font-weight:700; font-size:13px; box-shadow:4px 4px 0 var(--pee-black);
}
.pee-hero-note .pee-dot{width:8px; height:8px; border-radius:50%; background:#2ecc71; animation:pee-pulse-dot 1.6s ease-in-out infinite;}
@keyframes pee-pulse-dot{0%,100%{opacity:1;} 50%{opacity:0.3;}}

@media (max-width: 700px){
  .pee-contacthero h1{font-size:32px;}
  .pee-contacthero-ringbg{display:none;}
}

/* CONTACT PAGE — CONTACT OPTIONS */
.pee-options{padding:50px 0 100px; background:#fff; font-family:'Inter', sans-serif; color:var(--pee-ink);}
.pee-options *{box-sizing:border-box;}
.pee-options-wrap{max-width:1200px; margin:0 auto; padding:0 32px;}
.pee-options-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.pee-option-card{background:#fff; border:2.5px solid var(--pee-black); border-radius:18px; padding:30px 26px; transition:transform .25s, box-shadow .25s; text-decoration:none; display:block; color:var(--pee-ink);}
.pee-option-card:hover, .pee-option-card:visited{color:var(--pee-ink); text-decoration:none;}
.pee-option-card:hover{transform:translateY(-6px); box-shadow:6px 8px 0 var(--pee-black);}
.pee-option-icon{width:54px; height:54px; border-radius:14px; background:var(--pee-grad); display:flex; align-items:center; justify-content:center; font-size:24px; margin-bottom:18px; color:#fff;}
.pee-option-icon svg{width:1em; height:1em; fill:currentColor;}
.pee-option-card h4{font-size:17px; margin-bottom:8px; font-family:'Poppins',sans-serif; font-weight:700;}
.pee-option-card p{font-size:13.5px; color:#4a4642; line-height:1.55; margin-bottom:16px;}
.pee-option-card .pee-action{font-family:'Poppins',sans-serif; font-weight:700; font-size:13.5px; color:var(--pee-red);}

@media (max-width: 900px){
  .pee-options-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width: 600px){
  .pee-options-grid{grid-template-columns:1fr;}
}

/* CONTACT PAGE — CONTACT FORM */
.pee-contactform-section{background:var(--pee-black); color:#fff; position:relative; overflow:hidden; padding:96px 0; font-family:'Inter', sans-serif;}
.pee-contactform-section *{box-sizing:border-box;}
.pee-contactform-section::before{content:""; position:absolute; width:500px; height:500px; border-radius:50%; background:var(--pee-grad); opacity:0.1; filter:blur(100px); top:-180px; left:-100px;}
.pee-contactform-wrap{max-width:1200px; margin:0 auto; padding:0 32px; position:relative; z-index:2;}
.pee-contactform-grid{display:grid; grid-template-columns:0.85fr 1.15fr; gap:60px; align-items:flex-start;}
.pee-contactform-side h2{font-family:'Poppins', sans-serif; font-weight:800; line-height:1.08; letter-spacing:-0.01em; font-size:34px; margin:0 0 16px; color:#fff;}
.pee-contactform-side p{font-size:15.5px; color:#c9c6c0; line-height:1.7; margin-bottom:24px; max-width:420px;}
.pee-contactform-perks{list-style:none; margin:0; padding:0;}
.pee-contactform-perks li{font-size:14px; padding:10px 0; display:flex; gap:10px; color:#e8e5df;}
.pee-contactform-perks li::before{content:"✓"; color:var(--pee-yellow); font-weight:800;}

.pee-contactform-card{background:#fff; color:var(--pee-ink); border-radius:20px; padding:38px; position:relative; box-shadow:0 40px 80px -30px rgba(0,0,0,0.5);}
.pee-form-badge{
  position:absolute; top:-16px; right:24px; background:var(--pee-yellow); color:var(--pee-black); font-family:'Poppins',sans-serif;
  font-weight:800; font-size:12px; padding:8px 16px; border-radius:30px; border:2.5px solid var(--pee-black); box-shadow:3px 3px 0 var(--pee-black);
}
.pee-contactform-card .wpcf7-form p.form-row-2-p,
.pee-contactform-card .wpcf7-form-control-wrap{display:block;}
.pee-contactform-fineprint{font-size:11.5px; color:#8a857c; text-align:center; margin-top:14px;}

@media (max-width: 900px){
  .pee-contactform-grid{grid-template-columns:1fr;}
}

/* CONTACT PAGE — WHY REACH OUT (reuses .pee-why-* pattern) */
.pee-contact-why{padding:96px 0; font-family:'Inter', sans-serif; color:var(--pee-ink);}
.pee-contact-why *{box-sizing:border-box;}
.pee-contact-why-wrap{max-width:1200px; margin:0 auto; padding:0 32px;}

/* SITE FOOTER */
.pee-site-footer{background:var(--pee-black); color:#a8a5a0; padding:40px 0 24px; border-top:2px solid #2a2a2a; font-family:'Inter', sans-serif;}
.pee-site-footer *{box-sizing:border-box;}
.pee-footer-wrap{max-width:1200px; margin:0 auto; padding:0 32px;}
.pee-foot-bottom{display:flex; justify-content:space-between; font-size:12px; flex-wrap:wrap; gap:10px;}
.pee-foot-bottom a{color:inherit; text-decoration:none;}
.pee-foot-bottom a:hover{text-decoration:underline;}

@media (max-width: 992px){
  .pee-hero-grid{grid-template-columns:1fr; gap:32px;}
  .pee-hero h1{font-size:40px;}
  .pee-megaphone-stage{height:360px;}
}