/* Drive AI Sales, shared styles for the automation library (services hub, service
   pages, city pages). Same machined-plate + system-mono language as /projects and
   /wanda so the whole site reads as one system. Loads after site.css + nav.css. */

/* page intro, compact variant of .phero */
.sv-hero{position:relative;padding:8.5rem 0 2.6rem;text-align:center;
  background:radial-gradient(120% 80% at 70% 0%,rgba(232,122,0,.12),transparent 55%),radial-gradient(80% 60% at 10% 100%,rgba(40,80,200,.09),transparent 60%),#000}
.sv-crumb{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;font-size:.66rem;letter-spacing:1.2px;
  color:rgba(255,230,204,.38);margin-bottom:1.1rem}
.sv-crumb a{color:rgba(255,230,204,.55);text-decoration:none}
.sv-crumb a:hover{color:#E87A00}
.sv-hero .btn-row{margin-top:1.9rem}

/* machined plate (notched) */
.sv-plate{--notch:34px;position:relative;padding:1px;max-width:880px;margin:0 auto;
  background:linear-gradient(158deg,rgba(255,230,204,.3),rgba(255,230,204,.07) 40%,rgba(255,230,204,.02) 72%);
  clip-path:polygon(0 0, calc(100% - var(--notch)) 0, 100% var(--notch), 100% 100%, 0 100%)}
.sv-plate-in{background:linear-gradient(168deg,#15151C,#0A0A0E 52%);
  clip-path:polygon(0 0, calc(100% - var(--notch)) 0, 100% var(--notch), 100% 100%, 0 100%)}
.sv-rail{display:flex;align-items:center;gap:.55rem;padding:.85rem 1.2rem;border-bottom:1px solid rgba(255,230,204,.1)}
.sv-rail b{font-family:'Barlow Condensed',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:2.6px;text-transform:uppercase;color:#E87A00}
.sv-rail i{margin-left:auto;font-style:normal;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;
  font-size:.64rem;color:rgba(255,230,204,.3)}

/* timestamped log rows inside a plate */
.sv-log{list-style:none;margin:0;padding:1.1rem 1.2rem 1.4rem}
.sv-row{display:grid;grid-template-columns:96px 132px 1fr;gap:.9rem;align-items:baseline;padding:.62rem 0;
  border-bottom:1px dotted rgba(255,230,204,.11)}
.sv-row:last-child{border-bottom:0}
.sv-t{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;font-size:.72rem;color:rgba(255,230,204,.44);white-space:nowrap}
.sv-ev{font-family:'Barlow Condensed',sans-serif;font-size:.74rem;font-weight:700;letter-spacing:1.9px;text-transform:uppercase;color:#E87A00;white-space:nowrap}
.sv-ev.on{color:#2EE380}
.sv-d{font-size:.93rem;line-height:1.6;color:rgba(255,255,255,.76)}
.sv-d strong{color:#fff;font-weight:600}
.sv-note{max-width:880px;margin:1rem auto 0;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;
  font-size:.64rem;line-height:1.7;color:rgba(255,230,204,.3);text-align:center}

/* section scaffolding */
.sv-band{padding:4rem 0}
.sv-shead{text-align:center;max-width:660px;margin:0 auto 2.2rem}
.sv-h2{color:#FFE6CC;font-family:'Bebas Neue',sans-serif;font-size:clamp(2rem,5.4vw,3.1rem);letter-spacing:1px;line-height:.96;margin:0 0 .7rem}
.sv-h2 em{font-style:normal;background:linear-gradient(116deg,#FFE6CC 10%,#fff 38%,#FF9C2A 92%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.sv-sub{color:rgba(255,255,255,.7);font-size:1rem;line-height:1.7;margin:0}
.sv-sub strong{color:#fff;font-weight:600}
.sv-sub a{color:#E87A00;text-decoration:none;border-bottom:1px solid rgba(232,122,0,.4)}

/* capability cards, opaque plates so page canvases and tints never fight copy */
.sv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1160px;margin:0 auto}
.sv-item{background:linear-gradient(165deg,#0B0B0B,#030303);
  border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.3rem 1.35rem;transition:border-color .35s,transform .35s}
.sv-item:hover{border-color:rgba(232,122,0,.34);transform:translateY(-3px)}
.sv-lbl{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;font-size:.62rem;letter-spacing:1.3px;
  text-transform:uppercase;color:rgba(255,230,204,.4);margin:0 0 .5rem}
.sv-it-h{font-family:'Bebas Neue',sans-serif;font-size:1.42rem;letter-spacing:.7px;color:#FFE6CC;margin:0 0 .45rem;line-height:1.05}
.sv-it-p{font-size:.92rem;line-height:1.65;color:rgba(255,255,255,.7);margin:0}
.sv-it-p strong{color:#fff;font-weight:600}
.sv-it-p a{color:#E87A00;text-decoration:none;border-bottom:1px solid rgba(232,122,0,.4)}

/* two-column band */
.sv-two{display:grid;grid-template-columns:1fr 1fr;gap:2.6rem;max-width:1160px;margin:0 auto;align-items:start}
.sv-checks{list-style:none;margin:1.2rem 0 0;padding:0;display:flex;flex-direction:column;gap:.85rem}
.sv-checks li{display:flex;gap:.7rem;align-items:flex-start;font-size:.95rem;line-height:1.62;color:rgba(255,255,255,.74)}
.sv-checks li strong{color:#fff;font-weight:600}
.sv-ck{flex-shrink:0;width:18px;height:18px;margin-top:.15rem;border-radius:50%;border:1px solid rgba(46,227,128,.45);
  display:flex;align-items:center;justify-content:center;background:rgba(46,227,128,.09)}
.sv-ck svg{width:9px;height:9px}

/* faq accordion, opaque from birth */
.sv-faq{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:.65rem}
.sv-q{background:#060606;border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden;transition:all .34s}
.sv-q[open]{background:#0C0600;border-color:rgba(232,122,0,.27)}
.sv-q:not([open]):hover{border-color:rgba(232,122,0,.18)}
.sv-q summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.05rem 1.3rem;font-weight:600;font-size:1rem;color:#fff;line-height:1.4}
.sv-q summary::-webkit-details-marker{display:none}
.sv-q summary::after{content:"";flex-shrink:0;width:22px;height:22px;border:1px solid rgba(232,122,0,.4);border-radius:50%;
  background-image:linear-gradient(45deg,transparent 45%,#E87A00 45%,#E87A00 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,#E87A00 45%,#E87A00 55%,transparent 55%);
  background-size:9px 9px;background-position:center;background-repeat:no-repeat;transition:transform .34s}
.sv-q[open] summary::after{transform:rotate(45deg);
  background-image:linear-gradient(0deg,transparent 45%,#E87A00 45%,#E87A00 55%,transparent 55%);background-size:9px 1.5px}
.sv-a{padding:0 1.3rem 1.25rem;color:rgba(255,255,255,.76);line-height:1.72;font-size:.95rem}
.sv-a strong{color:#fff}
.sv-a a{color:#E87A00;text-decoration:none;border-bottom:1px solid rgba(232,122,0,.4)}

/* related-service chips */
.sv-rel{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;max-width:880px;margin:0 auto}
.sv-rel a{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.05rem;border:1px solid rgba(255,255,255,.1);
  border-radius:999px;background:#060606;text-decoration:none;font-family:'Barlow Condensed',sans-serif;
  font-size:.74rem;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:rgba(255,230,204,.72);
  transition:border-color .3s,color .3s,transform .3s}
.sv-rel a:hover{border-color:rgba(232,122,0,.4);color:#FFE6CC;transform:translateY(-2px)}
.sv-rel img{width:16px;height:16px;object-fit:contain}

/* hub library cards */
.sv-lib{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1160px;margin:0 auto}
.sv-card{display:flex;flex-direction:column;gap:.55rem;background:linear-gradient(165deg,#0B0B0B,#030303);
  border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.25rem 1.3rem;text-decoration:none;
  transition:border-color .35s,transform .35s}
.sv-card:hover{border-color:rgba(232,122,0,.38);transform:translateY(-3px)}
.sv-card-top{display:flex;align-items:center;gap:.7rem}
.sv-card-top img{width:30px;height:30px;object-fit:contain}
.sv-card-h{font-family:'Bebas Neue',sans-serif;font-size:1.38rem;letter-spacing:.7px;color:#FFE6CC;line-height:1.02}
.sv-card-tag{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;font-size:.62rem;letter-spacing:1.1px;
  text-transform:uppercase;color:rgba(255,230,204,.4)}
.sv-card-p{font-size:.9rem;line-height:1.6;color:rgba(255,255,255,.68);margin:0}
.sv-card-go{margin-top:auto;padding-top:.5rem;font-family:'Barlow Condensed',sans-serif;font-size:.72rem;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;color:#E87A00}

/* responsive */
@media(prefers-reduced-motion:reduce){.sv-item,.sv-card,.sv-rel a{transition:none}}
@media(max-width:1000px){.sv-grid,.sv-lib{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){
  .sv-two{grid-template-columns:1fr;gap:2rem}
  .sv-row{grid-template-columns:80px 1fr;gap:.5rem .8rem}
  .sv-ev{grid-column:2}
  .sv-d{grid-column:2}
  .sv-t{grid-row:1}
}
@media(max-width:640px){.sv-grid,.sv-lib{grid-template-columns:1fr;max-width:540px}}