/* Extensions to Content/main.css for v2 sections — uses main.css custom properties */
.placeholder-note{display:inline-block;background:#fdf0e4;color:#a34608;border:1px dashed #c25510;border-radius:6px;padding:2px 10px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.logo-row{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center;margin:2rem 0 2.5rem}
.logo-slot{width:170px;height:72px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:0 10px 30px rgba(60,114,157,.04);display:flex;align-items:center;justify-content:center}.logo-slot{overflow:hidden}.logo-slot img{max-width:100%;max-height:100%;object-fit:contain}.logo-slot img.logo-lg{transform:scale(1.45)}
.logo-more{font-weight:800;color:var(--blue);font-size:.92rem;letter-spacing:.04em;text-transform:uppercase;border-style:dashed}
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.4rem;margin-top:1rem}
.testimonial-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:1.8rem;box-shadow:0 10px 30px rgba(60,114,157,.05);transition:all .4s cubic-bezier(.16,1,.3,1)}
.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(60,114,157,.1)}
.testimonial-card .t-icon{color:var(--orange);font-size:1.3rem;margin-bottom:.8rem}
.testimonial-card .t-quote{font-size:.98rem;color:var(--text);line-height:1.65;margin-bottom:1.2rem}
.testimonial-card .t-attr{font-weight:700;font-size:.88rem;color:var(--blue)}
.testimonial-card .t-role{font-size:.8rem;color:var(--muted)}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:1.4rem;margin-top:1rem;max-width:none}
.team-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:1.5rem 1.2rem;text-align:center;box-shadow:0 10px 30px rgba(60,114,157,.05)}
.team-photo{width:120px;height:120px;margin:0 auto 1.1rem}.team-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover}.team-photo-ph{width:100%;height:100%;border-radius:50%;background:var(--off-white);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:2.4rem}
.team-name{font-weight:800;font-size:1.05rem}
.team-role{color:var(--orange);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;margin:.2rem 0 .7rem}
.team-bio{font-size:.9rem;color:var(--muted);line-height:1.6}
.faq-list{max-width:820px;display:flex;flex-direction:column;gap:.9rem;margin-top:1rem}
.faq-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(60,114,157,.04)}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;background:none;border:none;font-family:inherit;text-align:left;padding:1.1rem 1.4rem;font-weight:700;font-size:1rem;color:var(--text);cursor:pointer}
.faq-q:focus-visible{outline:2px solid var(--blue-light);outline-offset:-2px}
.faq-q i{color:var(--orange);transition:transform .3s cubic-bezier(.16,1,.3,1)}
.faq-card.open .faq-q i{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1)}
.faq-card.open .faq-a{max-height:400px}
.faq-a p{padding:0 1.4rem 1.2rem;margin:0;color:var(--muted);font-size:.95rem;line-height:1.7}
.prod-outcome{font-size:.8rem;font-weight:700;color:var(--blue);margin:-.2rem 0 .6rem}
.prod-outcome i{color:var(--orange);margin-right:.4rem}
.learn-more{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.88rem;color:var(--orange);text-decoration:none;margin-top:.8rem}
.learn-more:hover{color:var(--orange-dark)}
.cta-secondary-note{display:block;margin-top:2.4rem;font-size:.9rem}
#cta .btn-white{display:inline-block}
.response-promise{display:flex;align-items:center;gap:.6rem;margin-top:1rem;font-size:.88rem;color:var(--muted)}
.response-promise i{color:var(--orange)}
.svc-hero{background:var(--hero-bg,#030202);color:#fff;padding:9rem 2rem 5rem;position:relative}
.svc-hero .svc-hero-inner{max-width:900px;margin:0 auto}
.svc-hero .section-label{color:var(--orange-brand,#ff7d27)}
.svc-hero h1{font-weight:900;font-size:clamp(2.2rem,5vw,3.4rem);letter-spacing:-.02em;line-height:1.1;margin:.4rem 0 1.2rem}
.svc-hero h1 .accent{color:var(--orange-brand,#ff7d27)}
.svc-hero .svc-answer{font-size:1.15rem;color:rgba(255,255,255,.75);line-height:1.7;max-width:760px;font-weight:300}
.svc-body{max-width:900px;margin:0 auto;padding:4rem 2rem}
/* Screenshot-led pages (products): standard 1160px container instead of the 900px long-form column */
.svc-hero.wide .svc-hero-inner{max-width:1160px}
.svc-hero.wide .svc-answer{max-width:900px}
.svc-body.wide{max-width:1160px}
.svc-body h2{font-weight:800;font-size:1.6rem;letter-spacing:-.01em;margin:2.5rem 0 1rem}
.svc-body h2 .accent{color:var(--orange)}
.svc-body p{color:var(--muted);line-height:1.75}
.svc-points{list-style:none;padding:0;display:grid;gap:.8rem;margin:1.2rem 0}
.svc-points li{display:flex;gap:.8rem;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:12px;padding:1rem 1.2rem;font-size:.95rem;color:var(--text)}
.svc-points li i{color:var(--orange);margin-top:.2rem}
.svc-tech{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 2rem}
.svc-tech span{background:#fff;border:1px solid var(--border);border-radius:999px;padding:.4rem 1rem;font-size:.85rem;font-weight:700;color:var(--blue)}
.svc-cta{background:var(--blue);border-radius:20px;color:#fff;padding:2.5rem;text-align:center;margin-top:3rem}
.svc-cta h2{color:#fff;margin-top:0}
.svc-cta p{color:rgba(255,255,255,.85)}
@media (max-width:700px){.logo-slot{width:130px;height:56px}}
/* Accessibility: honor reduced-motion across all animations (incl. production marquees/reveals) */
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
.fade-in{opacity:1 !important;transform:none !important}
.industries-track,.trust-bar-inner{animation:none !important}
}
/* Tasteful microanimations (motion-safe only) */
@media (prefers-reduced-motion: no-preference){
.learn-more i,.prod-cta i{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.learn-more:hover i,.prod-cta:hover i{transform:translateX(4px)}
.tech-item .tech-icon{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.tech-item:hover .tech-icon{transform:translateY(-4px)}
.logo-slot{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s}
.logo-slot:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(60,114,157,.12);border-color:var(--blue-light,#7fa8c9)}
.faq-card{transition:border-color .3s,box-shadow .3s}
.faq-card:hover{border-color:var(--blue-light,#7fa8c9);box-shadow:0 12px 30px rgba(60,114,157,.08)}
.contact-method i{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.contact-method:hover i{transform:scale(1.15)}
.industry-pill{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.industry-pill:hover{transform:translateY(-3px)}
.hero-trust span{transition:color .3s}
.hero-trust span:hover{color:rgba(255,255,255,.85)}
}

.product-card.has-page{cursor:pointer}
.product-card.has-page:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(60,114,157,.14);border-color:var(--blue-light,#7fa8c9)}
.product-card.has-page:hover .prod-title a{color:var(--orange)}
.product-card:not(.has-page):hover{transform:none;box-shadow:0 10px 30px rgba(60,114,157,.05);border-color:var(--border)}
.product-card:not(.has-page):hover .prod-img-box img{transform:none}

.hero-trust{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.2rem;margin-top:1.8rem;font-size:.85rem;color:rgba(255,255,255,.55);font-weight:700;letter-spacing:.02em}
.hero-trust .ht-label{text-transform:uppercase;font-size:.68rem;letter-spacing:.14em;color:rgba(255,255,255,.35)}
.hero-trust .ht-more a{color:var(--orange-brand,#ff7d27);text-decoration:none;font-size:.8rem}
.hero-trust .ht-more a:hover{text-decoration:underline}

.cta-mini-quote{margin-top:2rem;font-size:.92rem;color:rgba(255,255,255,.75);font-style:italic;max-width:520px;margin-left:auto;margin-right:auto}
.cta-mini-quote span{display:block;font-style:normal;font-weight:700;font-size:.78rem;margin-top:.4rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.08em}
.contact-quote{margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.18);font-style:italic;font-size:.95rem}
.contact-quote span{display:block;font-style:normal;font-weight:700;font-size:.75rem;margin-top:.4rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7}