/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 06 2026 | 11:03:35 */

/* InKindRa Phase 1 — Global tokens & helpers */
:root{
  --ink-blue:#0066CC;      /* Primary */ 
  --ink-teal:#00B3A4;      /* Secondary */
  --ink-charcoal:#333333;  /* Text/Headings */
  --ink-bg:#F5F5F5;        /* Page background */
  --ink-lilac:#D9D6F2;     /* Accent/wave */
  --ink-muted:#646464;     /* Muted text */
  --radius:12px;
  --gap:clamp(16px,2vw,24px);
  --section-pad:clamp(32px,6vw,64px);
  --shadow:0 6px 20px rgba(0,0,0,.08);
}
html{scroll-behavior:smooth}
body{background:var(--ink-bg); color:var(--ink-charcoal); font-size:18px; line-height:1.6;}
h1,h2,h3,h4{font-family:Montserrat,system-ui,sans-serif; color:var(--ink-charcoal);}
p,li,small{font-family:Roboto,system-ui,sans-serif;}
a.button, .ink-btn{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.85rem 1.1rem; border-radius:8px; font-weight:600; 
  background:var(--ink-blue); color:#fff; text-decoration:none;
  box-shadow:var(--shadow); transition:.2s ease;
}
a.button:hover,.ink-btn:hover{background:var(--ink-teal); transform:translateY(-1px)}
.ink-badge{display:inline-block; padding:.35rem .6rem; border-radius:999px; background:#e9f2ff; color:var(--ink-blue); font-weight:600; font-size:.9rem;}
.ink-section{padding:var(--section-pad) 0;}
.ink-constrained{max-width:1200px; margin:auto; padding:0 20px;}
.ink-grid{display:grid; gap:var(--gap);} 
@media(min-width:768px){ .cols-2{grid-template-columns:1fr 1fr} .cols-3{grid-template-columns:repeat(3,1fr)} }
.ink-card{ background:#fff; border-radius:var(--radius); padding:1.2rem 1.4rem; box-shadow:var(--shadow);} 
.ink-wave{ position:relative; background:linear-gradient(to bottom, transparent 0, transparent calc(100% - 32px), var(--ink-lilac) calc(100% - 32px), var(--ink-lilac) 100%);} 
.ink-scope{background:#fff5f7; border:1px solid #ffd9e2; color:#6b1e3a; border-radius:12px; padding:1rem;}
/* Accessibility helpers */
.skip-link{position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;}
.skip-link:focus{left:8px; top:8px; width:auto; height:auto; background:#000; color:#fff; padding:.5rem .75rem; border-radius:8px; z-index:9999;}
/* Flyer-inspired hero background */
.ink-flyer-bg{
  --ink-flyer-lilac: var(--ink-lilac);
  --ink-flyer-blue:  rgba(0,102,204,.08);
  background:
    radial-gradient(1200px 600px at 85% 10%, var(--ink-flyer-lilac) 0, transparent 60%),
    radial-gradient(900px 500px at 10% 90%, var(--ink-flyer-blue) 0, transparent 60%),
    var(--ink-bg);
}