/* gpu-cloud.css — GPU Cloud page-only styles (loads after shared.css) */

/* hero */
header{position:relative;overflow:hidden;border-bottom:1px solid var(--sand);background:radial-gradient(900px 460px at 86% -12%,var(--embersoft),transparent 58%),radial-gradient(880px 520px at 4% 112%,var(--tealsoft),transparent 60%),var(--paper)}
header::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,77,68,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,77,68,.05) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(circle at 70% 20%,#000,transparent 72%)}
.hero{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center;padding:76px 0 80px}
h1{font-size:56px;line-height:1.03;margin:0 0 20px}
h1 em{font-style:italic;color:var(--ember);font-weight:500}
.hero p.sub{font-size:19px;color:var(--tm);max-width:540px;margin:0 0 30px}
.cta-row{display:flex;gap:13px;flex-wrap:wrap}
.hmicro{margin-top:22px;color:var(--td);font-size:13px;display:flex;gap:18px;flex-wrap:wrap}
.hmicro span{display:flex;align-items:center;gap:7px} .hmicro b{color:var(--tx);font-weight:600}
@media(max-width:880px){.hero{grid-template-columns:1fr;gap:32px;padding:54px 0 58px}h1{font-size:40px}}

/* cluster visual */
.vframe{position:relative;border:1px solid rgba(0,0,0,.18);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#0B1413,#0E1B19);box-shadow:0 24px 60px rgba(22,21,15,.18)}
.vframe svg{display:block;width:100%;height:auto}
.vcap{position:absolute;left:16px;top:13px;font-family:var(--mono);font-size:10.5px;color:var(--ember2);letter-spacing:1.5px;text-transform:uppercase}
.vtag{position:absolute;right:14px;top:11px;display:flex;gap:6px}
.vtag span{font-family:var(--mono);font-size:9.5px;color:#b6b0a2;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:3px 7px}

/* stat strip override */
.stat .n{font-size:26px;line-height:1.1}

/* offer cards */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.grid{grid-template-columns:1fr}}
.card{background:var(--paper2);border:1px solid var(--sand);border-radius:16px;padding:24px;display:flex;flex-direction:column;transition:.15s}
.card:hover{transform:translateY(-4px);border-color:var(--tealline);box-shadow:0 16px 38px rgba(15,77,68,.09)}
.card.feat{border-color:var(--tealline);background:linear-gradient(180deg,var(--tealsoft),var(--paper2))}
.card.cross{border-style:dashed;background:transparent}
.badge{align-self:flex-start;background:var(--embersoft);color:var(--ember);font-family:var(--mono);font-size:10px;font-weight:500;padding:4px 10px;border-radius:999px;margin-bottom:14px;letter-spacing:.4px;border:1px solid var(--emberline);text-transform:uppercase}
.card h3{margin:0 0 4px;font-size:19px;color:var(--ink);font-family:var(--serif);font-weight:600}
.card .who{font-size:11px;color:var(--teal);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-family:var(--mono)}
.card p{font-size:14px;color:var(--tm);margin:0 0 18px;flex:1}
.card .rsv{margin-top:auto;text-align:center;font-size:13.5px;font-weight:700;color:var(--teal);border:1px solid var(--tealline);border-radius:10px;padding:11px;cursor:pointer;transition:.12s}
.card .rsv:hover{background:var(--tealsoft)}
.card.cross .rsv{color:var(--ember);border-color:var(--emberline)} .card.cross .rsv:hover{background:var(--embersoft)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:980px;margin:0 auto}
.step{background:var(--paper2);border:1px solid var(--sand);border-radius:16px;padding:26px}
.step .num{font-family:var(--mono);font-size:13px;font-weight:700;color:#fff;background:var(--teal);width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}
.step h4{margin:0 0 7px;font-size:17px;color:var(--ink)} .step p{margin:0;color:var(--tm);font-size:14.5px}
@media(max-width:760px){.steps{grid-template-columns:1fr}}

/* handover color override */
.hocard{background:linear-gradient(110deg,var(--embersoft),var(--paper2));border-color:var(--emberline)}
.hocard .ey{color:var(--ember)}