:root{
      --bg: #fbfbfd;
      --muted:#333;
      --text:#0f172a;
      --card:#ffffff;
      --accent-1:#ff9aa2;
      --accent-2:#ffd6a5;
      --accent-3:#cde7d8;
      --accent-4:#cfe8ff;
      --radius:14px;
      --shadow:0 8px 30px rgba(16,24,40,0.06);
      --maxw:1200px;
      --container-pad: 20px;
    }
    .ct-wrap{max-width:var(--maxw); margin:32px auto; padding:0 var(--container-pad)}
    .ct-hero{background:linear-gradient(180deg,#fffafc,#fff7f0); border-radius:16px; padding:36px; box-shadow:var(--shadow); text-align:center}
    .ct-title{font-size:2.2rem; margin:0 0 8px; color:var(--text)}
    .ct-sub{color:var(--muted); margin:0 auto 16px; max-width:880px}
    .ct-ctas{display:flex; gap:12px; justify-content:center; flex-wrap:wrap}
    .btn{display:inline-block; padding:10px 18px; border-radius:999px; text-decoration:none; font-weight:600}
    .btn-primary{background:linear-gradient(90deg,var(--accent-1),#ffb7b2); color:#fff; box-shadow:0 6px 18px rgba(255,105,100,0.12)}
    .btn-ghost{background:transparent; border:1px solid rgba(15,23,42,0.06); color:var(--text)}
    .section{margin: 28px 0 40px;padding: 0;display: inline-block;}
    .section .wrap-inner{max-width:1100px; margin:0 auto}
    .lead{color:var(--muted); text-align:center; margin:0 0 18px}
    .grid{display:grid; gap:18px}
    /* Tools */
    .tools-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
    .card{background:var(--card); border-radius:var(--radius); padding:16px; box-shadow:var(--shadow); border:1px solid rgb(15 23 42 / 22%);}
    .card .icon{    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;}
    .card h3{margin:6px 0; font-size:1.1rem}
	.card .icon img{height:40px;width:auto}
    .muted{color:var(--muted); margin-bottom:8px;font-size:0.95rem}
    .card ul{margin:0; padding-left:18px; color:#374151}
	.card ul li{    font-size: 0.95rem;
    font-weight: 400;
    margin-bottom: 10px;
}
    /* Techniques */
    .tech-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
    .tech-card{text-align:center;padding:14px;display: flex;justify-content: space-between;align-items: flex-start;gap: 10px;}
    .tech-icon{font-size:26px;margin-bottom:8px}
	.tech-cont{font-size:0.95rem;text-align:left;line-height: 1.4rem;}
    .tech-card h4{margin: 0px 0 6px;
    color: #f8595a;
    font-size: 1.1rem;
    font-weight: 600;}
    /* Two columns */
    .two-col{display:grid; grid-template-columns:1fr 1fr; gap:16px}
	.box-begin{padding:0}
	.box-begin h4{text-align: center;
    background: #269de3;
    color: #fff;
    width: 100%;
    padding: 8px 0;
    border-radius: 12px 12px 0 0;}
    .box-begin ul{padding: 10px 10px 10px 38px;}
    /* Advanced */
    .advanced-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
	.adv-card p{    font-size: 0.95rem;
    line-height: 1.4rem;
    margin: 10px 0;
    color: #444;}
    /* Color psych */
    .color-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));}
    .color-card{padding:12px; box-shadow:0 6px 18px rgba(10,20,40,0.04); 
    border-radius: 5px;}
    .color-card h5{font-size: 1.1rem;
    text-align: center;    margin: 0 0 6px;}
    .cta-final{background:linear-gradient(180deg,#fff,#fff); padding:24px; border-radius:12px; box-shadow:var(--shadow); text-align:center}
    /* helpers */
    .text-center{text-align:center}
    .muted-small{color:var(--muted); font-size:0.95rem;line-height: 1.4rem;}
    /* responsive */
    @media (min-width:900px){
      .tools-grid, .tech-grid, .advanced-grid, .color-grid{display:grid}
    }
    @media (max-width:900px){
      .two-col{grid-template-columns:1fr}
    }
    @media (max-width:640px){
      .ct-title{font-size:1.6rem}
      .ct-hero{padding:22px}
      .card{padding:12px}
    }