.elementor-52 .elementor-element.elementor-element-5bc695b{--display:flex;--min-height:100px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-52 .elementor-element.elementor-element-5bc695b:not(.elementor-motion-effects-element-type-background), .elementor-52 .elementor-element.elementor-element-5bc695b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4E4E4;}.elementor-52 .elementor-element.elementor-element-5bc695b > .elementor-shape-bottom svg, .elementor-52 .elementor-element.elementor-element-5bc695b > .e-con-inner > .elementor-shape-bottom svg{height:20px;}.elementor-52 .elementor-element.elementor-element-b1674ec{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS *//* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@600;700;800&display=swap');

/* Brand palette (from logo) */
:root{
  --bg: #ffffff;
  --ink: #0f172a;          /* deep slate for text */
  --muted: #64748b;        /* muted text */
  --brand-orange:#FF8E2B;
  --brand-blue:#2CA3E6;
  --brand-green:#69B237;   /* vivid green from logo family */
  --ring: 24px;
}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.65}

/* Wrapper */
.tos-wrap{max-width:980px;margin-inline:auto;padding:24px}

/* Hero */
.tos-hero{
  background:
    radial-gradient(1200px 300px at 50% -80px, rgba(44,163,230,.12), transparent 60%),
    radial-gradient(900px 240px at 50% -60px, rgba(255,142,43,.10), transparent 65%),
    radial-gradient(700px 200px at 50% -40px, rgba(105,178,55,.08), transparent 70%);
  border-bottom:1px solid rgba(2,6,23,.06);
}
.crumb{
  display:inline-block;
  font-size:.9rem;color:var(--muted);
  background:rgba(2,6,23,.04);
  padding:6px 12px;border-radius:999px
}
.tos-title{
  font-family:Outfit,system-ui; font-weight:800;
  font-size:clamp(2rem,2.6vw,2.8rem); letter-spacing:.2px;
  margin:14px 0 6px;
}
.tos-title span{
  background:linear-gradient(90deg,var(--brand-blue),var(--brand-orange) 55%,var(--brand-green));
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.tos-intro{max-width:840px;color:var(--muted);font-size:1.05rem;margin:0 0 16px}

/* Chips (TOC) */
.tos-chips{
  display:flex;gap:10px;flex-wrap:wrap;align-items:center;
  margin:12px 0 6px
}
.chip{
  text-decoration:none;color:#0b1220;background:#fff;
  padding:8px 12px;border-radius:999px;font-weight:600;font-size:.92rem;
  box-shadow:0 2px 0 rgba(2,6,23,.06), 0 10px 18px -12px rgba(2,6,23,.25);
  border:1px solid rgba(2,6,23,.08)
}
.chip:hover{transform:translateY(-1px)}
.chip-green{border-color:color-mix(in oklab, var(--brand-green) 32%, #0000);box-shadow:0 6px 18px -10px color-mix(in oklab,var(--brand-green) 35%, #0000)}
.chip-blue{border-color:color-mix(in oklab, var(--brand-blue) 32%, #0000);box-shadow:0 6px 18px -10px color-mix(in oklab,var(--brand-blue) 35%, #0000)}
.chip-orange{border-color:color-mix(in oklab, var(--brand-orange) 32%, #0000);box-shadow:0 6px 18px -10px color-mix(in oklab,var(--brand-orange) 35%, #0000)}

/* Body */
.tos-body{background:
  radial-gradient(900px 150px at 50% -60px, rgba(2,6,23,.03), transparent 60%)}
.card{
  margin:16px 0;padding:22px 22px 20px;border-radius:18px;
  background:#fff;border:1px solid rgba(2,6,23,.06);
  box-shadow:0 12px 30px -18px rgba(2,6,23,.35), 0 2px 0 rgba(2,6,23,.04)
}
.card h2{
  font-family:Outfit,system-ui;font-weight:700;margin:0 0 10px;
  font-size:clamp(1.25rem,1.6vw,1.5rem)
}
.card p, .card li{font-size:1rem}
.card ul{margin:8px 0 0 18px}

/* Color accents per card */
.card-green{border-left:6px solid var(--brand-green)}
.card-blue{border-left:6px solid var(--brand-blue)}
.card-orange{border-left:6px solid var(--brand-orange)}

.updated{color:var(--muted);font-size:.92rem}

/* Links */
a{color:var(--brand-blue);text-decoration:underline;text-underline-offset:3px}
a:hover{color:#0b8fd3}

/* Responsive */
@media (max-width:720px){
  .tos-wrap{padding:18px}
  .tos-chips{overflow:auto;white-space:nowrap;padding-bottom:6px}
  .chip{flex:0 0 auto}
}
/* --- Center the layout --- */
.tos-hero .tos-wrap,
.tos-body .tos-wrap{
  text-align:center;
  margin-inline:auto;
}

.crumb{                 /* center the small top label */
  margin:0 auto 8px;
}

.tos-title,
.tos-intro{
  margin-left:auto;
  margin-right:auto;
}

.tos-chips{            /* center the pill links */
  justify-content:center;
}

/* Narrow the content a bit and keep cards readable */
.tos-body .tos-wrap{ max-width:820px; }
.card{ margin-left:auto; margin-right:auto; text-align:left; }/* End custom CSS */