/* V68 — AI Governance commercial cluster */

.v68-commercial-band{
  padding:64px 0;
  background:#f4f8fb;
}
.v68-commercial-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);
  gap:34px;
  align-items:start;
}
.v68-commercial-copy h2,
.v68-guide-section h2,
.v68-service-main h2{
  margin:10px 0 0;
  color:#17384e;
  font-size:clamp(1.6rem,2.5vw,2.15rem);
  line-height:1.2;
}
.v68-commercial-copy>p,
.v68-guide-section>div>p,
.v68-service-main p{
  color:#62798a;
  line-height:1.65;
}
.v68-commercial-points{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:22px;
}
.v68-commercial-points article{
  padding:17px;
  border:1px solid #dce6ec;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 24px rgba(24,62,87,.04);
}
.v68-commercial-points h3{
  margin:0;
  color:#17384e;
  font-size:.92rem;
}
.v68-commercial-points p{
  margin:6px 0 0;
  color:#6b8190;
  font-size:.79rem;
  line-height:1.55;
}
.v68-commercial-card{
  padding:26px;
  border-radius:18px;
  background:linear-gradient(180deg,#0b2435,#071a28);
  color:#fff;
  box-shadow:0 18px 44px rgba(11,32,48,.14);
}
.v68-commercial-card h3{
  margin:9px 0 0;
  color:#fff;
  font-size:1.2rem;
}
.v68-commercial-card p{
  color:#aebfca;
  line-height:1.6;
}
.v68-commercial-card ul{
  margin:16px 0 0;
  padding:0;
  list-style:none;
}
.v68-commercial-card li{
  position:relative;
  padding:8px 0 8px 22px;
  color:#d4e2e9;
  font-size:.8rem;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.v68-commercial-card li:last-child{border-bottom:0}
.v68-commercial-card li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:#64c9ef;
  font-weight:900;
}
.v68-commercial-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.v68-service-hero{
  padding:72px 0 64px;
  background:
    radial-gradient(circle at 86% 15%,rgba(60,182,229,.15),transparent 30%),
    linear-gradient(135deg,#071624,#0a2233 65%,#0c2c42);
  color:#fff;
}
.v68-service-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);
  gap:52px;
  align-items:center;
}
.v68-service-hero h1{
  max-width:850px;
  margin:12px 0 0;
  color:#fff;
  font-size:clamp(2.1rem,3.8vw,3.45rem);
  line-height:1.05;
  letter-spacing:-.035em;
}
.v68-service-hero p{
  max-width:800px;
  color:#b7cad6;
  line-height:1.7;
}
.v68-service-panel{
  padding:27px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.045);
}
.v68-service-panel h2{
  margin:8px 0 0;
  color:#fff;
  font-size:1.3rem;
}
.v68-service-panel p{
  color:#aebfca;
  font-size:.85rem;
}
.v68-service-panel .v68-mini{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:16px;
}
.v68-service-panel .v68-mini span{
  padding:10px;
  border-radius:10px;
  background:rgba(255,255,255,.04);
  color:#d7e5ec;
  font-size:.74rem;
}
.v68-service-main{
  padding:68px 0;
  background:#f5f8fb;
}
.v68-service-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:17px;
  margin-top:26px;
}
.v68-service-grid article{
  padding:22px;
  border:1px solid #dce6ec;
  border-radius:15px;
  background:#fff;
  box-shadow:0 9px 25px rgba(24,62,87,.045);
}
.v68-service-grid h3{
  margin:0;
  color:#17384e;
  font-size:.96rem;
}
.v68-service-grid p{
  margin:7px 0 0;
  color:#657c8d;
  font-size:.8rem;
  line-height:1.58;
}

.v68-guide-section{
  padding:66px 0;
  background:#fff;
}
.v68-example-flow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:13px;
  margin-top:26px;
}
.v68-example-flow article{
  padding:18px;
  border:1px solid #dce6ec;
  border-radius:14px;
  background:#f9fbfc;
}
.v68-example-flow span{
  color:#0a57b7;
  font-size:.7rem;
  font-weight:900;
}
.v68-example-flow h3{
  margin:8px 0 5px;
  color:#17384e;
  font-size:.92rem;
}
.v68-example-flow p{
  margin:0;
  color:#667d8e;
  font-size:.78rem;
  line-height:1.55;
}
.v68-callout{
  margin-top:28px;
  padding:25px;
  border-radius:17px;
  background:#0b2030;
  color:#fff;
}
.v68-callout h3{margin:0;color:#fff}
.v68-callout p{color:#aec0cb}
.v68-callout a{color:#64c9ef!important;font-weight:800}

@media(max-width:960px){
  .v68-commercial-grid,.v68-service-hero-grid{grid-template-columns:1fr}
  .v68-service-grid{grid-template-columns:1fr 1fr}
  .v68-example-flow{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .v68-commercial-points,.v68-service-grid,.v68-example-flow{grid-template-columns:1fr}
}