@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
:root{
  --yellow:#F9C600; --black:#111111; --white:#FFFFFF; --green:#157A2E;
  --teal:#25D9E8; --pink:#FF4FA3; --orange:#FF7A00; --lime:#97D700;
  --purple:#B14DFF; --charcoal:#2B2B2B; --gray:#EAEAEA; --muted:#777777;
  --radius:22px; --shadow:0 10px 26px rgba(17,17,17,.10);
}
*{box-sizing:border-box} body{margin:0;font-family:Poppins,Arial,sans-serif;color:var(--charcoal);background:#fff;line-height:1.55}
a{color:inherit} .topbar{background:var(--black);color:white;padding:12px 20px;text-align:center;font-weight:700;font-size:.9rem}
header{background:#fff;border-bottom:5px solid var(--yellow);position:sticky;top:0;z-index:5} .nav{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.brand img{width:80px;height:auto}.brand-title{font-family:Poppins,Arial,sans-serif;font-size:1.25rem;font-weight:900;color:var(--black);line-height:1;letter-spacing:-.02em}.tag{font-size:.78rem;color:var(--green);font-weight:700}.links{display:flex;gap:16px;flex-wrap:wrap}.links a{text-decoration:none;font-weight:700;font-size:.92rem}.links a:hover{color:var(--pink)}
.container{max-width:1180px;margin:auto;padding:38px 20px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.eyebrow{display:inline-block;background:var(--yellow);padding:6px 14px;border-radius:999px;font-weight:800;color:var(--black);font-size:.85rem}.h1,h1{font-family:Poppins,Arial,sans-serif;font-weight:800;color:var(--black);font-size:clamp(2.2rem,5vw,4.4rem);line-height:.95;margin:16px 0 12px}.lead{font-size:1.08rem;max-width:720px}.hero-card,.card,.tool-card{background:white;border:2px solid var(--black);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.hero-card{border-width:4px}.logo-big{width:100%;max-width:360px;display:block;margin:auto}.btn{display:inline-block;border:3px solid var(--black);border-radius:999px;background:var(--yellow);padding:12px 18px;text-decoration:none;font-weight:800;box-shadow:4px 4px 0 var(--black);margin:6px 8px 6px 0}.btn.pink{background:var(--pink);color:white}.btn.green{background:var(--green);color:white}.btn.teal{background:var(--teal)}.section-title{font-family:Poppins,Arial,sans-serif;font-weight:800;font-size:2.2rem;line-height:1;margin:0 0 12px;color:var(--black)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.tool-card{display:flex;flex-direction:column;gap:10px}.badge{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:white;background:var(--green);border-radius:999px;padding:5px 10px;align-self:flex-start}.badge.orange{background:var(--orange)}.badge.teal{background:#008999}.badge.pink{background:var(--pink)}.badge.purple{background:var(--purple)}.tool-card h3{font-family:Poppins,Arial,sans-serif;font-weight:800;font-size:1.45rem;margin:0;color:var(--black)}.tool-card p{margin:0;color:#444}.tool-card a{margin-top:auto;font-weight:800;color:var(--black)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.calculator{background:#fff;border:4px solid var(--black);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}label{display:block;font-weight:800;margin:14px 0 6px}input,select,textarea{width:100%;padding:12px;border:2px solid var(--black);border-radius:12px;font:inherit}button{font:inherit;cursor:pointer}.calc-btn{background:var(--yellow);border:3px solid var(--black);border-radius:14px;padding:12px 18px;font-weight:900;box-shadow:4px 4px 0 var(--black);margin-top:16px}.result{margin-top:18px;background:#fff8d7;border:3px dashed var(--black);border-radius:16px;padding:16px;font-weight:800;white-space:pre-wrap}.side .card{margin-bottom:18px}.adbox{min-height:250px;border:3px dashed #bbb;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#777;text-align:center;padding:20px;background:#fafafa}.resource-list{padding-left:18px}.resource-list li{margin:8px 0}.notice{background:#f7fff0;border-left:8px solid var(--green);padding:14px 16px;border-radius:12px}.footer{background:var(--black);color:white;margin-top:40px}.footer .container{padding:30px 20px}.small{font-size:.85rem;color:var(--muted)}.footer .small{color:#ddd}.print-sheet{max-width:850px;margin:30px auto;border:2px solid #111;padding:30px}.linebox{height:34px;border-bottom:1px solid #333}.table{width:100%;border-collapse:collapse;margin-top:12px}.table th,.table td{border:1px solid #111;padding:9px;text-align:left}.accent-strip{height:14px;background:linear-gradient(90deg,var(--yellow),var(--teal),var(--pink),var(--orange),var(--green));border-radius:999px;margin:18px 0}
@media(max-width:900px){.hero,.layout,.grid,.grid.two{grid-template-columns:1fr}.links{display:none}.nav{align-items:flex-start}.brand img{width:64px}.container{padding:26px 16px}}
@media print{header,.topbar,.footer,.btn,.side,.no-print{display:none!important}.layout{display:block}.calculator,.card{box-shadow:none;border:1px solid #111}.print-sheet{margin:0;border:none}}

.code-note{font-family:monospace;background:#f5f5f5;border:1px solid #ddd;padding:10px;border-radius:10px;display:block;overflow:auto}.footer a{color:white;margin-right:12px}.mini-card{background:#fff;border:2px solid #111;border-radius:18px;padding:18px}.featured-band{background:linear-gradient(90deg,#F9C600,#25D9E8,#FF4FA3);border:3px solid #111;border-radius:22px;padding:22px;margin:20px 0}.pdf-card{border-top:10px solid var(--yellow)}

.ad-card{border-color:#111;border-top:10px solid var(--yellow)}.social-links a{font-weight:700}


/* Google AdSense placement areas */
.ad-placeholder{
  border:2px dashed #d6d6d6;
  background:#fafafa;
  border-radius:16px;
  min-height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:18px;
  color:#555;
  font-size:.92rem;
}
.ad-wide{margin:20px 0;}
.ad-sidebar .ad-placeholder{min-height:250px;}
.ad-note{font-size:.8rem;color:#777;margin-top:8px;}


/* AdSense-ready zones: visible as clean ad spaces, code comments are inside HTML. */
.ad-card{border:2px solid #111;border-top:8px solid var(--yellow);background:#fff;}
.ad-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#777;margin:0 0 10px;text-align:center;}
.ad-placeholder{border:2px dashed #cfcfcf;background:#fafafa;border-radius:16px;min-height:120px;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;color:#777;font-size:.9rem;}
.ad-placeholder::before{content:"Google AdSense Code Space";font-weight:700;color:#555;}
.ad-sidebar .ad-placeholder{min-height:250px;}
.ad-wide{margin:22px 0;}
.bottom-ad{margin-top:24px;}
.no-top-padding{padding-top:0;}


.social-links span{display:inline-block;margin-right:14px;font-weight:700;color:white;}




/* V12 clearly visible Google AdSense boxes - not hidden behind generic ad-card styling */
.google-display-space{
  border:4px solid #111111 !important;
  border-top:14px solid #F9C600 !important;
  background:#fffbe8 !important;
  border-radius:22px !important;
  box-shadow:0 10px 26px rgba(17,17,17,.10) !important;
  padding:22px !important;
  margin:24px 0 !important;
}
.google-space-title{
  font-family:Poppins,Arial,sans-serif !important;
  font-weight:900 !important;
  font-size:1.35rem !important;
  margin:0 0 6px !important;
  color:#111111 !important;
  text-align:center !important;
}
.google-space-label{
  font-size:.88rem !important;
  font-weight:700 !important;
  color:#444 !important;
  text-align:center !important;
  margin:0 0 12px !important;
}
.google-code-drop{
  min-height:170px !important;
  border:4px dashed #111111 !important;
  background:#FFFFFF !important;
  border-radius:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:20px !important;
  color:#111111 !important;
  font-weight:900 !important;
  font-size:1rem !important;
  letter-spacing:.02em !important;
}
.google-sidebar-space .google-code-drop{min-height:280px !important;}
.google-bottom-space{margin-top:28px !important;}



/* Public advertisement spaces - clean live-site version */
.google-display-space{background:#fffefa;border:2px solid #e5e5e5;border-radius:18px;padding:18px;text-align:center;box-shadow:none;}
.google-display-space .ad-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#777;margin:0 0 10px;font-weight:600;}
.google-display-space .ad-space{min-height:90px;border:1px dashed #d6d6d6;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;}
.google-sidebar-space .ad-space{min-height:220px;}
.google-wide-space .ad-space,.google-bottom-space .ad-space{min-height:110px;}
.google-space-title,.google-space-label,.google-code-drop{display:none !important;}