/* SF24 About Us — Aurora Bento Light */
:root {
  --abt-bg: #f3f1ec; --abt-sf: #fff;
  --abt-bd: rgba(80,40,140,.10); --abt-bd-strong: rgba(80,40,140,.18);
  --abt-ac: #7c3aed; --abt-ac2: #8b5cf6;
  --abt-gold: #EDC432; --abt-orange: #f58529; --abt-pink: #DD2A7B;
  --abt-tx: #1a1033; --abt-ts: #6b6589; --abt-tm: #9f9bb5;
  --abt-r: 16px; --abt-rl: 22px;
  --abt-sh: 0 1px 3px rgba(80,40,140,.06), 0 8px 28px rgba(80,40,140,.06);
  --abt-sh-lift: 0 4px 14px rgba(80,40,140,.08), 0 18px 44px rgba(80,40,140,.10);
  --abt-fh: 'Rubik','Inter',-apple-system,sans-serif;
  --abt-fb: 'Nunito','Inter',system-ui,sans-serif;
}
.sf24-abt { width:100%; max-width:1200px; margin:0 auto; padding:16px clamp(16px,3vw,56px) 80px; font-family:var(--abt-fb); color:var(--abt-tx); box-sizing:border-box; }
.sf24-abt * { box-sizing:border-box; }

/* HERO */
.sf24-abt-hero { text-align:center; padding:48px 24px 44px; margin-bottom:40px; background: radial-gradient(circle at 20% 0%, rgba(124,58,237,.08), transparent 55%), radial-gradient(circle at 80% 0%, rgba(245,133,41,.06), transparent 55%); border-radius:28px; }
.sf24-abt-eyebrow { display:inline-flex; align-items:center; gap:8px; padding:7px 14px 7px 11px; background:rgba(255,255,255,.9); border:1px solid var(--abt-bd-strong); border-radius:999px; backdrop-filter:blur(10px); font-size:12.5px; font-weight:700; color:var(--abt-tx); margin-bottom:24px; box-shadow:0 6px 18px -8px rgba(124,58,237,.18); }
.sf24-abt-pulse { width:7px; height:7px; border-radius:50%; background:#10b981; animation:sf24-abt-pulse 1.6s ease-in-out infinite; flex-shrink:0; }
@keyframes sf24-abt-pulse { 0%,100% { box-shadow:0 0 0 0 rgba(16,185,129,.65); } 50% { box-shadow:0 0 0 7px rgba(16,185,129,0); } }
.sf24-abt-h1 { font-family:var(--abt-fh); font-size:clamp(38px,7vw,80px); font-weight:900; line-height:0.95; margin:0 0 22px; letter-spacing:-0.028em; }
.sf24-abt-h1 em { font-style:italic; background:linear-gradient(135deg, var(--abt-pink) 0%, var(--abt-orange) 50%, var(--abt-gold) 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; font-weight:800; }
.sf24-abt-sub { max-width:720px; margin:0 auto 28px; font-size:clamp(15px,1.6vw,17px); line-height:1.55; color:var(--abt-ts); font-weight:500; }
.sf24-abt-sub strong { color:var(--abt-tx); font-weight:700; }
.sf24-abt-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; max-width:720px; margin:0 auto; padding-top:24px; border-top:1px solid var(--abt-bd); }
.sf24-abt-stats div { display:flex; flex-direction:column; gap:4px; align-items:center; }
.sf24-abt-stats strong { font-family:var(--abt-fh); font-size:clamp(20px,2.6vw,28px); font-weight:800; color:var(--abt-tx); letter-spacing:-0.018em; font-variant-numeric:tabular-nums; }
.sf24-abt-stats span { font-size:11px; color:var(--abt-tm); font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
@media (max-width:600px) { .sf24-abt-stats { grid-template-columns:repeat(2,1fr); gap:24px 16px; } }

/* COMMON */
.sf24-abt-h2 { font-family:var(--abt-fh); font-size:clamp(24px,3.4vw,38px); font-weight:800; margin:0 0 14px; letter-spacing:-0.022em; line-height:1.15; color:var(--abt-tx); }
.sf24-abt-eyebrow-sm { display:inline-block; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--abt-ac); background:rgba(124,58,237,.08); padding:5px 11px; border-radius:999px; margin-bottom:12px; }
.sf24-abt-sub-sm { font-size:14.5px; color:var(--abt-ts); line-height:1.55; font-weight:500; max-width:720px; margin:0 0 20px; }

/* STORY (single big card) */
.sf24-abt-story { margin-bottom:48px; }
.sf24-abt-story-card { background:var(--abt-sf); border:1px solid var(--abt-bd); border-radius:var(--abt-rl); padding:clamp(28px,4vw,52px); box-shadow:var(--abt-sh-lift); position:relative; overflow:hidden; max-width:920px; margin:0 auto; }
.sf24-abt-story-card::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg, var(--abt-ac) 0%, var(--abt-pink) 50%, var(--abt-orange) 100%); }
.sf24-abt-story-card p { font-size:15.5px; line-height:1.65; color:var(--abt-ts); margin:0 0 16px; font-weight:500; }
.sf24-abt-story-card p:last-child { margin-bottom:0; }
.sf24-abt-story-card p strong { color:var(--abt-tx); font-weight:700; }

/* PRINCIPLE (2-col) */
.sf24-abt-principle { display:grid; grid-template-columns:1.3fr 1fr; gap:32px; margin-bottom:48px; align-items:center; }
@media (max-width:820px) { .sf24-abt-principle { grid-template-columns:1fr; gap:22px; } }
.sf24-abt-principle-text p { margin:0; font-size:15px; line-height:1.6; color:var(--abt-ts); font-weight:500; }
.sf24-abt-principle-quote { background:linear-gradient(135deg, rgba(124,58,237,.06) 0%, rgba(245,133,41,.06) 100%); border-left:4px solid var(--abt-ac); border-radius:var(--abt-rl); padding:28px 28px 26px; position:relative; }
.sf24-abt-principle-quote svg { color:var(--abt-ac); opacity:.4; margin-bottom:8px; }
.sf24-abt-principle-quote p { font-family:var(--abt-fh); font-size:18px; font-weight:600; line-height:1.45; color:var(--abt-tx); margin:0; letter-spacing:-0.005em; font-style:italic; }

/* SCREENING */
.sf24-abt-screen { margin-bottom:48px; padding:clamp(28px,4vw,44px); background:var(--abt-sf); border:1px solid var(--abt-bd); border-radius:var(--abt-rl); box-shadow:var(--abt-sh); }
.sf24-abt-screen-list { list-style:none !important; margin:24px 0 0 !important; padding:0 !important; display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; counter-reset:abt-step; }
.sf24-abt-screen-list li { display:flex !important; flex-direction:column; gap:4px; padding:18px !important; background:linear-gradient(135deg, rgba(124,58,237,.04), rgba(245,133,41,.04)); border-radius:14px; border:1px solid var(--abt-bd); list-style:none !important; }
.sf24-abt-screen-list li::marker { content:'' !important; display:none !important; }
.sf24-abt-screen-list li::before { content:none !important; display:none !important; }
.sf24-abt-screen-num { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:32px !important; height:32px !important; min-width:32px !important; max-width:32px !important; background:linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%) !important; background-color:#7c3aed !important; color:#fff !important; border-radius:10px !important; font-family:var(--abt-fh) !important; font-size:14px !important; font-weight:800 !important; line-height:1 !important; margin:0 0 10px 0 !important; box-shadow:0 4px 12px -4px rgba(124,58,237,.5) !important; flex-shrink:0; align-self:flex-start; }
.sf24-abt-screen-list li strong { font-family:var(--abt-fh); font-size:15px; font-weight:800; color:var(--abt-tx); }
.sf24-abt-screen-list li span { font-size:13.5px; color:var(--abt-ts); line-height:1.45; font-weight:500; }

/* NON-DROP */
.sf24-abt-nondrop { margin-bottom:48px; }
.sf24-abt-nondrop-grid { display:grid; grid-template-columns:1.3fr 1fr; gap:28px; align-items:stretch; }
@media (max-width:820px) { .sf24-abt-nondrop-grid { grid-template-columns:1fr; } }
.sf24-abt-nondrop-text { background:var(--abt-sf); border:1px solid var(--abt-bd); border-radius:var(--abt-rl); padding:28px 28px 26px; box-shadow:var(--abt-sh); }
.sf24-abt-nondrop-text p { font-size:15px; line-height:1.6; color:var(--abt-ts); margin:0 0 12px; font-weight:500; }
.sf24-abt-nondrop-text p:last-child { margin-bottom:0; }
.sf24-abt-nondrop-text p strong { color:var(--abt-tx); font-weight:700; }
.sf24-abt-nondrop-stat { background:linear-gradient(135deg, #1a1033 0%, #2d1b4d 60%, #4a2d6e 100%); border-radius:var(--abt-rl); padding:32px 24px; text-align:center; color:#fff; position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.sf24-abt-nondrop-stat::before { content:''; position:absolute; top:-30%; right:-30%; width:300px; height:300px; background:radial-gradient(circle, rgba(16,185,129,.32) 0%, transparent 60%); pointer-events:none; }
.sf24-abt-nondrop-num { font-family:var(--abt-fh); font-size:clamp(64px,9vw,96px); font-weight:900; line-height:1; letter-spacing:-0.03em; background:linear-gradient(135deg, #10b981 0%, #34d399 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; position:relative; z-index:1; font-variant-numeric:tabular-nums; }
.sf24-abt-nondrop-num span { font-size:.5em; }
.sf24-abt-nondrop-label { font-family:var(--abt-fh); font-size:14px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:rgba(255,255,255,.85); margin:8px 0 14px; position:relative; z-index:1; }
.sf24-abt-nondrop-meta { font-size:12.5px; color:rgba(255,255,255,.55); line-height:1.5; max-width:280px; position:relative; z-index:1; }

/* PASSWORD */
.sf24-abt-pw { text-align:center; margin-bottom:48px; padding:clamp(28px,4vw,44px); background:var(--abt-sf); border:1px solid var(--abt-bd); border-radius:var(--abt-rl); box-shadow:var(--abt-sh); max-width:820px; margin-left:auto; margin-right:auto; }
.sf24-abt-pw-icon { display:inline-flex; align-items:center; justify-content:center; width:72px; height:72px; background:linear-gradient(135deg, var(--abt-ac) 0%, var(--abt-ac2) 100%); color:#fff; border-radius:18px; margin-bottom:16px; box-shadow:0 8px 22px -6px rgba(124,58,237,.45); }
.sf24-abt-pw .sf24-abt-h2 { margin-bottom:14px; }
.sf24-abt-pw p { font-size:14.5px; line-height:1.6; color:var(--abt-ts); margin:0 0 12px; font-weight:500; max-width:660px; margin-left:auto; margin-right:auto; }
.sf24-abt-pw p:last-child { margin-bottom:0; }
.sf24-abt-pw p strong { color:var(--abt-tx); font-weight:700; }

/* PRICING (3 small info cards) */
.sf24-abt-pricing { margin-bottom:48px; }
.sf24-abt-pricing-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; }
.sf24-abt-info-card { background:var(--abt-sf); border:1px solid var(--abt-bd); border-radius:var(--abt-rl); padding:24px 22px; box-shadow:var(--abt-sh); }
.sf24-abt-info-icon { font-size:30px; line-height:1; margin-bottom:10px; }
.sf24-abt-info-card h3 { font-family:var(--abt-fh); font-size:17px; font-weight:800; margin:0 0 6px; letter-spacing:-0.01em; color:var(--abt-tx); }
.sf24-abt-info-card p { margin:0; font-size:13.5px; line-height:1.55; color:var(--abt-ts); font-weight:500; }

/* TESTIMONIALS */
.sf24-abt-testimonials { margin-bottom:48px; text-align:center; }
.sf24-abt-testimonials .sf24-abt-h2 { margin-bottom:24px; }
.sf24-abt-test-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; text-align:left; }
.sf24-abt-test { background:var(--abt-sf); border:1px solid var(--abt-bd); border-radius:var(--abt-rl); padding:22px 22px 18px; box-shadow:var(--abt-sh); display:flex; flex-direction:column; gap:10px; }
.sf24-abt-test-stars { font-size:14px; letter-spacing:1.5px; color:var(--abt-gold); }
.sf24-abt-test p { margin:0; font-size:14px; line-height:1.55; color:var(--abt-tx); font-weight:500; flex-grow:1; }
.sf24-abt-test footer { display:flex; flex-direction:column; gap:1px; padding-top:8px; border-top:1px dashed var(--abt-bd); }
.sf24-abt-test footer strong { font-family:var(--abt-fh); font-size:13.5px; font-weight:800; color:var(--abt-tx); }
.sf24-abt-test footer span { font-size:12px; color:var(--abt-tm); font-weight:600; }

/* SUPPORT + ADDRESS */
.sf24-abt-support { margin-bottom:48px; }
.sf24-abt-support-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:24px; align-items:start; }
@media (max-width:820px) { .sf24-abt-support-grid { grid-template-columns:1fr; } }
.sf24-abt-support-text p { font-size:14.5px; line-height:1.6; color:var(--abt-ts); margin:0 0 12px; font-weight:500; }
.sf24-abt-support-text p strong { color:var(--abt-tx); font-weight:700; }
.sf24-abt-support-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:18px; }
.sf24-abt-address-card { background:var(--abt-sf); border:1px solid var(--abt-bd); border-radius:var(--abt-rl); padding:26px 26px 24px; box-shadow:var(--abt-sh); }
.sf24-abt-address-h { font-family:var(--abt-fh); font-size:16px; font-weight:800; margin:0 0 8px; color:var(--abt-tx); letter-spacing:-0.005em; }
.sf24-abt-address-card p { margin:0 0 14px; font-size:14px; line-height:1.65; color:var(--abt-tx); font-weight:600; font-family:var(--abt-fh); }
.sf24-abt-address-meta { padding-top:14px; border-top:1px dashed var(--abt-bd); font-size:12px; color:var(--abt-tm); line-height:1.5; font-style:italic; }

/* BUTTONS */
.sf24-abt-btn,
a.sf24-abt-btn { display:inline-flex; align-items:center; gap:8px; padding:13px 22px; font-family:var(--abt-fh); font-size:14.5px; font-weight:700; text-decoration:none !important; border-radius:12px; transition:transform .2s, box-shadow .2s; }
.sf24-abt-btn--primary { background:linear-gradient(135deg, var(--abt-orange) 0%, #f59e0b 100%); color:#fff !important; box-shadow:0 6px 18px -4px rgba(245,133,41,.45); }
.sf24-abt-btn--primary:hover { transform:translateY(-2px); box-shadow:0 12px 28px -6px rgba(245,133,41,.6); color:#fff !important; }
.sf24-abt-btn--ghost { background:rgba(255,255,255,.8); color:var(--abt-tx) !important; border:1px solid var(--abt-bd-strong); backdrop-filter:blur(10px); }
.sf24-abt-btn--ghost:hover { background:#fff; color:var(--abt-ac) !important; border-color:var(--abt-ac); }

/* CTA */
.sf24-abt-cta { margin-top:8px; }
.sf24-abt-cta-card { position:relative; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:32px clamp(24px,3vw,40px); background:linear-gradient(135deg, #1a1033 0%, #2d1b4d 60%, #4a2d6e 100%); border-radius:var(--abt-rl); color:#fff; overflow:hidden; }
.sf24-abt-cta-card::before { content:''; position:absolute; top:-40%; right:-10%; width:380px; height:380px; background:radial-gradient(circle, rgba(245,133,41,.3) 0%, transparent 60%); pointer-events:none; }
.sf24-abt-cta-card::after { content:''; position:absolute; bottom:-50%; left:-5%; width:380px; height:380px; background:radial-gradient(circle, rgba(124,58,237,.3) 0%, transparent 60%); pointer-events:none; }
.sf24-abt-cta-text { position:relative; z-index:1; }
.sf24-abt-cta-text h2 { font-family:var(--abt-fh); font-size:clamp(22px,2.6vw,28px); font-weight:800; margin:0 0 6px; color:#fff; letter-spacing:-0.018em; }
.sf24-abt-cta-text p { margin:0; font-size:14.5px; color:rgba(255,255,255,.78); font-weight:500; }
.sf24-abt-cta-actions { position:relative; z-index:1; flex-shrink:0; }

@media (max-width:720px) {
  .sf24-abt { padding:12px 12px 60px; }
  .sf24-abt-hero { padding:32px 16px 32px; margin-bottom:24px; border-radius:22px; }
  .sf24-abt-cta-card { flex-direction:column; align-items:flex-start; gap:18px; }
  .sf24-abt-cta-actions { width:100%; }
  .sf24-abt-cta-actions .sf24-abt-btn { width:100%; justify-content:center; }
}