/* v2.26 DRAFT: service group pages (Launch a business, Websites). Claude Code, 2026-10-27.
   One page per services division; every service on it gets what it is, how the work goes, what's included and the price. */
.gp-back{display:inline-block;margin-top:18px;color:#cfe0ff;font-size:13px;font-weight:700}
.gp-back:hover{color:#fff}
.gp-answer{max-width:900px;margin:0 auto 34px;padding:22px 24px;border:1px solid rgba(85,229,255,.32);border-radius:6px;background:linear-gradient(135deg,rgba(18,78,255,.16),rgba(138,50,255,.1));color:#dbe4ff;font-size:16px;line-height:1.6}
.gp-answer p{margin:0}
.gp-answer p+p{margin-top:10px}
.gp-answer b{color:#fff}
.gp-answer a{color:#7fe9ff}

/* the shared project workflow strip */
.gp-flow{max-width:1100px;margin:0 auto 44px}
.gp-flow ol{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:18px 0 0;padding:0;list-style:none;counter-reset:gpf}
.gp-flow li{position:relative;padding:16px 14px 15px;border:1px solid rgba(95,114,255,.25);border-radius:5px;background:rgba(5,11,29,.7);color:#a9b8da;font-size:13px;line-height:1.5;counter-increment:gpf}
.gp-flow li::before{content:counter(gpf,decimal-leading-zero);display:block;margin-bottom:8px;color:var(--cyan);font:700 12px var(--tech);letter-spacing:.08em}
.gp-flow li b{display:block;margin-bottom:4px;color:#fff;font-size:14px}
.gp-flow .gp-flow-note{margin:14px 0 0;color:#93a3c8;font-size:13px;line-height:1.55}

/* one service */
.gp-svc{max-width:1100px;margin:0 auto 26px;padding:26px 28px;border:1px solid rgba(95,114,255,.28);border-radius:6px 18px 6px 18px;background:linear-gradient(150deg,rgba(10,21,53,.88),rgba(5,10,28,.94));scroll-margin-top:96px}
.gp-svc-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 24px;margin-bottom:14px}
.gp-svc-head h2{margin:4px 0 0;color:#fff;font:800 clamp(30px,3.6vw,42px)/.95 var(--display);text-transform:uppercase}
.gp-price{padding:10px 14px;border:1px solid rgba(13,226,255,.45);border-radius:4px 12px 4px 12px;background:rgba(13,226,255,.07);color:#fff;font-size:15px;font-weight:800;line-height:1.35;text-align:right}
.gp-price small{display:block;color:#9fb2dc;font-size:12px;font-weight:600}
.gp-lead{max-width:860px;margin:0 0 6px;color:#dbe4ff;font-size:16px;line-height:1.6}
.gp-for{max-width:860px;margin:0 0 18px;color:#a9b8da;font-size:14px;line-height:1.6}
.gp-for b{color:#ecf4ff}
.gp-cols{display:grid;grid-template-columns:1.25fr 1fr;gap:26px}
.gp-cols h3{margin:0 0 10px;color:#55e5ff;font:600 11px var(--tech);letter-spacing:.12em;text-transform:uppercase}
.gp-steps{margin:0;padding:0;list-style:none;counter-reset:gps}
.gp-steps li{position:relative;padding:0 0 12px 40px;color:#b3c1e3;font-size:14px;line-height:1.55;counter-increment:gps}
.gp-steps li::before{content:counter(gps);position:absolute;left:0;top:0;width:26px;height:26px;border:1px solid rgba(13,226,255,.5);border-radius:50%;color:var(--cyan);font:700 12px/26px var(--tech);text-align:center}
.gp-steps li b{color:#fff}
.gp-list{margin:0 0 18px;padding-left:18px;color:#b3c1e3;font-size:14px;line-height:1.55}
.gp-list li+li{margin-top:6px}
.gp-list.gp-not li::marker{color:#e76eff}
.gp-small{margin:0 0 16px;color:#93a3c8;font-size:13px;line-height:1.55}
.gp-small b{color:#dbe4ff}
.gp-svc .button{margin-top:4px}

/* "not on this page" box */
.gp-later{max-width:1100px;margin:34px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.gp-later>div{padding:20px 22px;border:1px solid rgba(95,114,255,.25);border-radius:5px;background:rgba(5,11,29,.65);color:#a9b8da;font-size:14px;line-height:1.6}
.gp-later h3{margin:4px 0 10px;color:#fff;font:700 24px/1 var(--display);text-transform:uppercase}
.gp-later ul{margin:0;padding-left:18px}
.gp-later li+li{margin-top:6px}

/* link from the services page into a group page */
.division-more{margin:14px 0 0}
.division-more a{color:#7fe9ff;font-size:14px;font-weight:700}
.division-more a:hover{color:#fff}

@media (max-width:999px){.gp-flow ol{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){
 .gp-svc{padding:20px 18px}
 .gp-cols,.gp-later{grid-template-columns:1fr;gap:8px}
 .gp-price{text-align:left}
 .gp-flow ol{grid-template-columns:1fr 1fr}
 .gp-answer{padding:18px}
}