/* About-page styles reused by content pages */

    /* ===== ABOUT PAGE ===== */

    /* Hero */
    .about-hero {
      background: linear-gradient(160deg, #FFFBF7, #FFF0E6);
      padding-block: clamp(var(--space-12),7vw,var(--space-20));
      position: relative;
      overflow: hidden;
      text-align: center;
    }
    .about-hero__inner { position: relative; z-index: 1; }
    .about-hero__emoji { font-size: 3rem; display: block; margin-bottom: var(--space-4); line-height: 1; }
    .about-hero h1 { font-size: var(--text-3xl); font-weight: 900; line-height: 1.1; letter-spacing: -0.025em; margin-bottom: var(--space-5); }
    .about-hero .subtitle { margin: 0 auto var(--space-10); max-width: 58ch; }

    /* Stats grid */
    .about-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-4); }
    .about-stat { background: var(--color-surface); border: 2px solid var(--color-border); border-radius: var(--r-xl); padding: var(--space-5) var(--space-6); text-align: center; box-shadow: var(--shadow-card); }
    .about-stat-num { font-size: var(--text-2xl); font-weight: 900; line-height: 1; display: block; margin-bottom: var(--space-1); }
    .about-stat-lbl { font-size: var(--text-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--color-text-muted); }

    /* Values section */
    .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); }
    .value-card { background: var(--color-surface); border: 2px solid var(--color-border); border-radius: var(--r-xl); padding: var(--space-8) var(--space-7); box-shadow: var(--shadow-card); transition: transform var(--ease), box-shadow var(--ease), border-color var(--ease); overflow: hidden; box-sizing: border-box; text-align: center; display: flex; flex-direction: column; align-items: center; }
    .value-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--color-primary); }
    .value-emoji { font-size: 2rem; display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; background: rgba(255,107,53,0.1); border-radius: 50%; margin: 0 auto var(--space-5); }
    .value-card h3 { font-size: var(--text-lg); font-weight: 800; margin-bottom: var(--space-3); color: var(--color-text); }
    .value-card p { font-size: var(--text-base); color: var(--color-text-muted); line-height: 1.75; max-width: 30ch; }

    /* Licence section */
    .licence-card { background: var(--color-surface); border: 2px solid var(--color-border); border-radius: var(--r-2xl); padding: var(--space-8) var(--space-10); box-shadow: var(--shadow-md); max-width: 640px; margin: 0 auto; }
    .licence-header { display: flex; align-items: center; gap: var(--space-4); margin-bottom: var(--space-7); }
    .licence-shield { width: 56px; height: 56px; border-radius: var(--r-lg); background: linear-gradient(135deg, var(--color-accent-soft), var(--color-green-soft)); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .licence-heading { font-size: var(--text-xl); font-weight: 900; color: var(--color-text); }
    .licence-sub { font-size: var(--text-sm); color: var(--color-text-muted); }
    .licence-rows { display: flex; flex-direction: column; gap: 0; }
    .licence-row { display: flex; justify-content: space-between; align-items: center; padding: var(--space-4) 0; border-bottom: 1px solid var(--color-divider); gap: var(--space-4); flex-wrap: wrap; }
    .licence-row:last-child { border-bottom: none; }
    .licence-key { font-size: var(--text-sm); color: var(--color-text-muted); font-weight: 600; }
    .licence-val { font-size: var(--text-sm); font-weight: 800; color: var(--color-text); text-align: right; }
    .licence-badge { display: inline-flex; align-items: center; gap: var(--space-2); background: var(--color-green-soft); color: var(--color-green); border: 2px solid var(--color-green); border-radius: var(--r-full); padding: var(--space-1) var(--space-4); font-size: var(--text-xs); font-weight: 800; margin-top: var(--space-6); }

    /* Why choose us */
    .why-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(var(--space-10),6vw,var(--space-16)); align-items: center; }
    .why-checks h2 { font-size: var(--text-2xl); font-weight: 800; margin-block: var(--space-3) var(--space-6); }
    .why-checks p { font-size: var(--text-base); color: var(--color-text-muted); line-height: 1.75; margin-bottom: var(--space-7); }
    .why-outcome-card { background: linear-gradient(135deg, #FFF5EE, #FFFBE6); border: 2px solid var(--color-primary-mid); border-radius: var(--r-2xl); padding: var(--space-8) var(--space-7); box-shadow: var(--shadow-md); }
    .why-outcome-eyebrow { font-size: var(--text-xs); font-weight: 800; text-transform: uppercase; letter-spacing: .09em; color: var(--color-primary); margin-bottom: var(--space-3); display: flex; align-items: center; gap: var(--space-2); }
    .why-outcome-main { font-size: var(--text-2xl); font-weight: 900; color: var(--color-text); line-height: 1.1; margin-bottom: var(--space-6); }
    .why-outcome-stats { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }
    .why-mini-stat { background: var(--color-surface); border: 2px solid var(--color-border); border-radius: var(--r-xl); padding: var(--space-5) var(--space-5); text-align: center; box-shadow: var(--shadow-card); }
    .why-mini-val { font-size: var(--text-xl); font-weight: 900; color: var(--color-primary); line-height: 1; display: block; margin-bottom: var(--space-1); }
    .why-mini-lbl { font-size: var(--text-xs); color: var(--color-text-muted); font-weight: 700; }

    /* Story section */
    .story-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(var(--space-10),6vw,var(--space-16)); align-items: center; }
    .story-text h2 { font-size: var(--text-2xl); font-weight: 800; margin-block: var(--space-3) var(--space-5); }
    .story-text p { font-size: var(--text-base); color: var(--color-text-muted); line-height: 1.8; margin-bottom: var(--space-5); }
    .story-visual { background: linear-gradient(160deg, var(--color-surface-2), var(--color-surface-3)); border: 2px solid var(--color-border); border-radius: var(--r-2xl); padding: var(--space-8); box-shadow: var(--shadow-md); }
    .story-quote { font-size: var(--text-lg); font-weight: 700; font-style: italic; color: var(--color-text); line-height: 1.6; margin-bottom: var(--space-5); }
    .story-quote-mark { font-size: 4rem; color: var(--color-primary); line-height: 0.5; margin-bottom: var(--space-4); display: block; }
    .story-attr { display: flex; align-items: center; gap: var(--space-4); }
    .story-avatar { width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, var(--color-primary), var(--color-yellow)); color: #fff; font-weight: 900; font-size: var(--text-sm); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .story-attr-name { font-weight: 800; font-size: var(--text-sm); }
    .story-attr-role { font-size: var(--text-xs); color: var(--color-text-muted); }

    /* CTA band */
    .about-cta-band { background: linear-gradient(135deg, #FF6B35 0%, #FFB703 100%); padding-block: clamp(var(--space-16),8vw,var(--space-20)); text-align: center; position: relative; overflow: hidden; }
    .about-cta-band h2 { font-size: var(--text-2xl); font-weight: 900; color: #fff; margin-block: var(--space-4) var(--space-3); }
    .about-cta-band p { color: rgba(255,255,255,0.85); font-size: var(--text-base); margin-bottom: var(--space-8); max-width: 52ch; margin-inline: auto; line-height: 1.75; }
    .about-cta-btns { display: flex; flex-wrap: wrap; gap: var(--space-4); justify-content: center; }

    /* Anchor scroll padding */
    [id] { scroll-margin-top: 88px; }

    /* Responsive */
    @media(max-width:1024px) {
      .about-stats { grid-template-columns: repeat(2, 1fr); }
      .values-grid { grid-template-columns: 1fr 1fr; }
    }
    @media(max-width:768px) {
      .about-stats { grid-template-columns: 1fr 1fr; }
      .values-grid { grid-template-columns: 1fr; }
      .why-two-col { grid-template-columns: 1fr; }
      .story-inner { grid-template-columns: 1fr; }
      .why-outcome-stats { grid-template-columns: 1fr 1fr; }
      .licence-card { padding: var(--space-6) var(--space-5); }
    }
    @media(max-width:480px) {
      .about-stats { grid-template-columns: 1fr 1fr; }
      .about-cta-btns { flex-direction: column; align-items: stretch; }
    }
  
/* ===== SEO content pages ===== */
.crumbs{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-4);}
.crumbs a{color:var(--color-text-muted);text-decoration:underline;text-underline-offset:2px;}
.prose{max-width:72ch;margin-inline:auto;}
.prose h2{font-size:var(--text-xl);font-weight:900;line-height:1.2;margin:var(--space-10) 0 var(--space-4);letter-spacing:-0.01em;}
.prose h3{font-size:var(--text-lg);font-weight:800;margin:var(--space-6) 0 var(--space-3);}
.prose p,.prose li{font-size:var(--text-base);line-height:1.8;color:var(--color-text);}
.prose p{margin-bottom:var(--space-4);}
.prose ul,.prose ol{margin:0 0 var(--space-5) var(--space-6);}
.prose li{margin-bottom:var(--space-2);}
.prose a{color:var(--color-primary);font-weight:700;text-decoration:underline;text-underline-offset:2px;}
.prose table{width:100%;border-collapse:collapse;margin:var(--space-4) 0 var(--space-6);font-size:var(--text-sm);}
.prose th,.prose td{border:1px solid var(--color-border);padding:10px 12px;text-align:left;vertical-align:top;}
.prose th{background:var(--color-surface-2);font-weight:800;}
.note-box{background:var(--color-surface-2);border-left:4px solid var(--color-primary);border-radius:12px;padding:var(--space-5);margin:var(--space-6) 0;font-size:var(--text-sm);line-height:1.7;}
.note-box strong{display:block;margin-bottom:4px;}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-5);margin-top:var(--space-6);}
.link-card{display:block;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--r-xl,16px);padding:var(--space-6);text-decoration:none;color:var(--color-text);transition:transform .2s,border-color .2s;}
.link-card:hover{transform:translateY(-3px);border-color:var(--color-primary);}
.link-card h3{font-size:var(--text-base);font-weight:900;margin-bottom:var(--space-2);}
.link-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin:0;}
.link-card span{display:inline-block;margin-top:var(--space-3);font-size:var(--text-sm);font-weight:800;color:var(--color-primary);}
.faq2{max-width:72ch;margin-inline:auto;}
.faq2 details{border:2px solid var(--color-border);border-radius:14px;padding:var(--space-4) var(--space-5);margin-bottom:var(--space-3);background:var(--color-surface);}
.faq2 summary{cursor:pointer;font-weight:800;font-size:var(--text-base);list-style:none;display:flex;justify-content:space-between;gap:var(--space-4);}
.faq2 summary::-webkit-details-marker{display:none;}
.faq2 summary::after{content:'+';font-weight:900;color:var(--color-primary);font-size:1.3em;line-height:1;}
.faq2 details[open] summary::after{content:'\2212';}
.faq2 details p{margin-top:var(--space-3);line-height:1.75;color:var(--color-text-muted);font-size:var(--text-sm);}
.hero-ctas{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-6);}
.prose .link-card{text-decoration:none;font-weight:400;color:var(--color-text);}
.prose .link-card h3{color:var(--color-text);}
.prose .link-card span{text-decoration:none;}
.prose .cards-grid{margin-bottom:var(--space-6);}
.updated{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-3);}