/* site-v2.css - shared design system of silvermindsllc.com (extracted from the 2026-10-05 home page). Tokens, layout, buttons, sections, FAQ, CTA band. Pages add only page-specific rules inline. */
/* ============ TOKENS ============ */
:root{
  --navy:#0b1d3a;            /* same navy as the site header */
  --navy-deep:#071832;
  --navy-rule:#2a3a55;       /* hairline on navy */
  --ink:#0a1c2e;
  --slate:#4f6076;
  --line:#dce4ed;
  --mist:#f4f7fa;
  --orange:#ff7a1a;          /* the one accent: primary CTA only */
  --orange-hi:#ff8f3d;
  --teal:#0a7f86;            /* quiet secondary, from the logo */
  --teal-soft:#7fd0d5;
  --on-navy-soft:#c3d0de;
  --text:#0a1c2e;--text-soft:#54657a;  /* kept for the shared footer block */
  --display:'Bricolage Grotesque','Inter',Arial,sans-serif;
  --body:'Inter',Arial,sans-serif;
  --r:6px;
}

/* ============ BASE (same resets the previous page used, so nav/footer/popup render unchanged) ============ */
*{box-sizing:border-box;}
html{line-height:1.5;-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;font-family:var(--body);background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-0.02em;line-height:1.05;margin:0;}
blockquote,dl,dd,h4,h5,h6,hr,figure,p,pre{margin:0;}
ol,ul,menu{list-style:none;margin:0;padding:0;}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px;}
main :focus-visible{outline-color:var(--navy);}
.hero :focus-visible,.cta-band :focus-visible{outline-color:#fff;}

.skip{position:absolute;left:12px;top:-60px;z-index:100000;background:#fff;color:var(--navy);font-weight:600;font-size:15px;padding:10px 16px;border-radius:var(--r);border:2px solid var(--navy);}
.skip:focus{top:12px;}

.wrap{max-width:1200px;margin:0 auto;padding:0 20px;}
.ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--body);font-weight:600;font-size:15.5px;line-height:1.2;padding:15px 24px;border-radius:var(--r);border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease;}
.btn .ico{width:17px;height:17px;}
.btn-primary{background:var(--orange);color:#08203a;}
.btn-primary:hover{background:var(--orange-hi);}
.btn-ghost{border-color:rgba(255,255,255,.38);color:#fff;}
.btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.6);}

/* text link with arrow */
.tlink{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--navy);text-decoration:underline;text-decoration-color:rgba(11,29,58,.28);text-underline-offset:4px;}
.tlink:hover{text-decoration-color:currentColor;}
.tlink .ico{width:16px;height:16px;transition:transform .15s ease;}
.tlink:hover .ico{transform:translateX(3px);}

/* ============ 1. HERO ============ */
.hero{background:var(--navy);color:#fff;}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);gap:64px;align-items:center;padding:52px 0 44px;}
.hero h1{font-size:clamp(33px,3.5vw,50px);line-height:1.08;letter-spacing:-.022em;color:#fff;text-wrap:balance;}
.hero-lead{margin-top:20px;font-size:18px;line-height:1.65;color:var(--on-navy-soft);max-width:38em;}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:30px;padding-top:20px;border-top:1px solid var(--navy-rule);font-size:13.5px;line-height:1.4;color:var(--on-navy-soft);}
.trust li{display:inline-flex;align-items:center;gap:8px;}
.trust .ico{width:17px;height:17px;color:var(--teal-soft);}
.trust a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px;}
.trust a:hover{text-decoration-color:#fff;}

.hero-visual{border:1px solid var(--navy-rule);border-radius:var(--r);overflow:hidden;background:var(--navy-deep);}
.hero-visual img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:62% 35%;}
.modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--navy-rule);}
.modes li{display:flex;}
.modes li+li{border-left:1px solid var(--navy-rule);}
.modes a{flex:1;min-width:0;padding:16px 14px 18px;color:#fff;transition:background-color .15s ease;}
.modes a:hover{background:rgba(255,255,255,.06);}
.modes .ico{color:var(--teal-soft);margin-bottom:10px;}
.modes strong{display:block;font-family:var(--display);font-weight:600;font-size:15.5px;line-height:1.25;}
.modes span{display:block;margin-top:3px;font-size:13px;line-height:1.45;color:var(--on-navy-soft);}

.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--navy-rule);}
.facts div{padding:24px 28px 34px;}
.facts div:first-child{padding-left:0;}
.facts div+div{border-left:1px solid var(--navy-rule);}
.facts dt{font-family:var(--display);font-weight:600;font-size:18px;line-height:1.25;color:#fff;letter-spacing:-.01em;}
.facts dd{margin-top:7px;font-size:14px;line-height:1.55;color:var(--on-navy-soft);}

/* ============ SECTIONS ============ */
.sec{padding:88px 0;}
.sec--mist{background:var(--mist);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.sec--tight{padding:64px 0;}
.sec h2,.cta-band h2{font-size:clamp(26px,2.7vw,36px);line-height:1.12;color:var(--ink);text-wrap:balance;}
.lead{font-size:17px;line-height:1.7;color:var(--slate);}
.sec-head{max-width:760px;margin-bottom:44px;}
.sec-head .lead{margin-top:14px;}
.sec-head--row{max-width:none;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 32px;}
.split{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:40px 72px;align-items:start;}
.split-copy h2+.lead{margin-top:16px;}
.split-copy .tlink{margin-top:22px;}

/* ============ 2. SERVICES ============ */
.svc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;}
.svc li{position:relative;display:flex;flex-direction:column;background:#fff;padding:30px 26px 28px;transition:background-color .15s ease;}
.svc li:hover{background:#f8fafc;}
.svc li:focus-within{outline:2px solid var(--navy);outline-offset:-2px;}
.svc .ico{width:26px;height:26px;color:var(--teal);margin-bottom:22px;}
.svc h3{font-size:19px;line-height:1.25;font-weight:600;letter-spacing:-.01em;color:var(--ink);}
.svc p{flex:1;margin-top:12px;font-size:15px;line-height:1.65;color:var(--slate);}
.svc .tlink{margin-top:22px;align-self:flex-start;}
.svc .tlink::after{content:"";position:absolute;inset:0;}
.svc .tlink:focus-visible{outline:none;}
.svc .tlink .ico{width:16px;height:16px;margin:0;color:inherit;}
.platform{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 28px;margin-top:20px;padding:18px 26px;border:1px solid var(--line);border-radius:var(--r);background:var(--mist);font-size:15px;line-height:1.6;color:var(--slate);}
.platform strong{color:var(--ink);font-weight:600;}

/* ============ 3. HOW IT WORKS ============ */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 48px;}
.steps li{border-top:2px solid var(--navy);padding-top:20px;}
.steps .n{display:block;font-family:var(--display);font-weight:600;font-size:40px;line-height:1;color:var(--navy);letter-spacing:-.02em;}
.steps h3{margin-top:18px;font-size:20px;line-height:1.25;font-weight:600;letter-spacing:-.01em;color:var(--ink);}
.steps p{margin-top:10px;font-size:15.5px;line-height:1.7;color:var(--slate);}

/* ============ 4. INDUSTRIES ============ */
.ind{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;border-bottom:1px solid var(--line);}
.ind li{padding:18px 0 20px;border-top:1px solid var(--line);}
.ind a{font-family:var(--display);font-weight:600;font-size:17.5px;line-height:1.3;letter-spacing:-.01em;color:var(--ink);}
.ind a:hover{color:var(--teal);text-decoration:underline;text-underline-offset:4px;}
.ind p{margin-top:5px;font-size:14.5px;line-height:1.6;color:var(--slate);}

/* ============ 5. WHY SILVERMINDS ============ */
.why-photo{margin-top:34px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#e9eef4;}
.why-photo img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:22% 30%;}
.spec{border-top:1px solid #d3dce6;}
.spec div{display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,1fr);gap:6px 32px;padding:21px 0;border-bottom:1px solid #d3dce6;}
.spec dt{font-family:var(--display);font-weight:600;font-size:17.5px;line-height:1.35;letter-spacing:-.01em;color:var(--ink);}
.spec dd{font-size:15px;line-height:1.7;color:var(--slate);}

/* ============ 6. LANGUAGES ============ */
.langs{display:flex;flex-wrap:wrap;gap:10px;}
.langs li{padding:9px 16px;border:1px solid var(--line);border-radius:4px;background:#fff;font-weight:500;font-size:15px;line-height:1.3;color:var(--ink);}
.langs li.more{border-style:dashed;color:var(--slate);}
.langs-note{margin-top:20px;font-size:14.5px;line-height:1.65;color:var(--slate);}

/* ============ 7. FAQ ============ */
.faq{border-top:1px solid #d3dce6;}
.faq details{border-bottom:1px solid #d3dce6;}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:20px 0;font-family:var(--display);font-weight:600;font-size:17.5px;line-height:1.4;letter-spacing:-.01em;color:var(--ink);}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"";flex:none;width:10px;height:10px;margin:5px 6px 0 0;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(45deg);transition:transform .15s ease;}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:10px;}
.faq details p{padding:0 44px 22px 0;font-size:15.5px;line-height:1.7;color:var(--slate);}
.faq details p+p{margin-top:-10px;}

/* ============ INSIGHTS (latest posts, compact) ============ */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 48px;}
.posts li{border-top:1px solid var(--line);padding-top:18px;}
.posts .meta{font-size:13.5px;line-height:1.4;color:var(--slate);}
.posts a{display:block;margin-top:8px;font-family:var(--display);font-weight:600;font-size:18px;line-height:1.35;letter-spacing:-.01em;color:var(--ink);}
.posts a:hover{color:var(--teal);text-decoration:underline;text-underline-offset:4px;}

/* ============ 8. CLOSING CTA BAND ============ */
.cta-band{background:var(--navy);color:#fff;padding:80px 0;}
.cta-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px 88px;align-items:center;}
.cta-band h2{color:#fff;}
.cta-band p{margin-top:16px;max-width:31em;font-size:17px;line-height:1.7;color:var(--on-navy-soft);}
.cta-band .btn{margin-top:30px;}
.contact{border-top:1px solid var(--navy-rule);}
.contact div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 20px;padding:15px 0;border-bottom:1px solid var(--navy-rule);}
.contact dt{font-size:14px;color:var(--on-navy-soft);}
.contact dd{font-family:var(--display);font-weight:600;font-size:17.5px;letter-spacing:-.005em;}
.contact a{color:#fff;}
.contact a:hover{text-decoration:underline;text-underline-offset:4px;}

/* ============ FOOTER (unchanged block from the previous index.php) ============ */
.site-footer{background:linear-gradient(90deg,#111827 0%,#1f2937 50%,#111827 100%);color:#fff;border-top:4px solid #f97316;margin-top:5rem;padding:3rem 0 1.5rem;}
.site-footer-inner{max-width:72rem;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1fr;align-items:start;font-size:.875rem;line-height:1.25rem;}
.sf-col{padding-top:1.5rem;}
.sf-col+.sf-col{border-top:1px solid #374151;}
.sf-brand{padding-top:0;padding-bottom:1.5rem;display:flex;flex-direction:column;align-items:center;}
.sf-brand img{height:6.5rem;width:auto;margin-bottom:.75rem;transition:transform .3s ease-in-out;}
.sf-brand img:hover{transform:scale(1.05);}
.sf-brand p{color:#fdba74;font-style:italic;text-align:center;}
.sf-col h3{font-size:1rem;line-height:1.5rem;font-weight:700;margin:0 0 .5rem;}
.sf-col a:hover{text-decoration:underline;}
.sf-social{display:flex;gap:1rem;margin-top:1rem;font-size:1.125rem;}
.sf-social a:hover{color:#f97316;text-decoration:none;}
.site-footer-bottom{text-align:center;margin-top:2.5rem;font-size:.875rem;line-height:1.25rem;color:#9ca3af;}
@media(min-width:768px){
  .site-footer-inner{grid-template-columns:repeat(4,1fr);}
  .sf-col{padding:0 1rem;}
  .sf-col+.sf-col{border-top:0;border-left:1px solid #374151;}
  .sf-brand{padding-bottom:0;align-items:flex-start;}
  .sf-brand p{text-align:left;}
}
/* only change to the footer on this page: it now sits directly under the navy CTA band */
.site-footer{margin-top:0;}

/* ============ RESPONSIVE ============ */
@media(min-width:1101px){
  .svc h3{min-height:2.5em;}
}
@media(max-width:1100px){
  .hero-grid{gap:44px;}
  .svc{grid-template-columns:repeat(2,minmax(0,1fr));}
  .split{gap:40px 48px;}
  .cta-grid{gap:40px 56px;}
}
@media(max-width:900px){
  .sec{padding:68px 0;}
  .sec--tight{padding:56px 0;}
  .hero-grid{grid-template-columns:1fr;gap:40px;padding:48px 0 44px;}
  .hero h1{font-size:clamp(33px,5.6vw,44px);}
  .hero-visual img{aspect-ratio:16/9;object-position:62% 30%;}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr));}
  .facts div{padding:22px 24px 24px;}
  .facts div:nth-child(odd){padding-left:0;border-left:0;}
  .facts div:nth-child(n+3){border-top:1px solid var(--navy-rule);padding-bottom:36px;}
  .split,.cta-grid{grid-template-columns:1fr;}
  .sec-head{margin-bottom:34px;}
  .steps,.posts{grid-template-columns:1fr;}
  .steps{gap:30px;}
  .why-photo{max-width:560px;}
  .cta-band{padding:64px 0;}
}
@media(max-width:600px){
  .sec{padding:56px 0;}
  .sec--tight{padding:48px 0;}
  .hero-lead{font-size:17px;}
  .hero-visual img{aspect-ratio:3/2;}
  .hero-actions{flex-direction:column;}
  .hero-actions .btn{width:100%;}
  .trust{flex-direction:column;gap:10px;}
  .modes a{padding:14px 12px 16px;}
  .modes strong{font-size:14.5px;}
  .modes span{font-size:12.5px;}
  .facts div{padding:20px 14px 22px;}
  .facts div:nth-child(n+3){padding-bottom:32px;}
  .facts dt{font-size:16.5px;}
  .facts dd{font-size:13.5px;}
  .svc,.ind{grid-template-columns:1fr;}
  .svc li{padding:26px 22px 24px;}
  .platform{padding:16px 20px;}
  .spec div{grid-template-columns:1fr;padding:18px 0;}
  .faq details p{padding-right:8px;}
  .cta-band .btn{width:100%;}
}
@media(max-width:480px){
  .modes span{display:none;}
  .modes a{padding:14px 12px 15px;}
  .modes .ico{margin-bottom:8px;}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{transition:none !important;animation:none !important;}
}