.brandbar{display:flex;align-items:center;justify-content:space-between;padding:22px 0}
.brandbar .logo{display:flex;align-items:center;gap:12px;color:var(--tx);text-decoration:none;font-weight:800;font-size:1.15rem}
.brandbar .logo img{width:44px;height:44px;border-radius:12px;display:block}
.brandbar a.back{color:var(--mut);text-decoration:none;font-size:.9rem}.brandbar a.back:hover{color:var(--o)}
.ghero{padding:clamp(24px,5vw,64px) 0 20px;text-align:center}
.ghero .lead{margin:0 auto 26px}
.ghero h1{font-size:clamp(2.6rem,8vw,5.6rem)}
.shot{max-width:1060px;margin:30px auto 20px}
.shot .stage{aspect-ratio:1600/790}
.shot .tilt{padding:14px}
.sec{padding:clamp(40px,7vw,90px) 0 10px}
.sec h2{font-size:clamp(1.8rem,4.4vw,3rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 12px}
.sec h2 em{font-style:normal;color:#c4b5fd}
.sec p.l{color:var(--mut);font-size:1.08rem;max-width:660px;margin:0 0 30px}
.bgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;margin:0;padding:0}
.bn{background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:22px}
.bn .ic{width:42px;height:42px;border-radius:12px;background:rgba(167,139,250,.2);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.bn .ic svg{width:22px;height:22px;stroke:#fdba74;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bn h3{margin:0 0 6px;font-size:1.1rem;line-height:1.25}.bn p{margin:0;color:var(--mut);font-size:.93rem}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{counter-increment:s;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px}
.steps li:before{content:counter(s);display:flex;width:38px;height:38px;border-radius:50%;background:var(--o);color:#211238;font-weight:800;align-items:center;justify-content:center;margin-bottom:12px}
.steps strong{display:block;font-size:1.1rem;margin-bottom:4px}.steps span{color:var(--mut)}
.callout{margin:26px 0 0;padding:18px 22px;border-radius:16px;border:1px dashed rgba(253,186,116,.6);color:#f1e6d6}
@media (max-width:980px){.bgrid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}}
@media (max-width:520px){.bgrid{grid-template-columns:1fr}}