.phero{position:relative}
.hero-art{position:absolute;left:calc(100% + 5vw);top:50%;width:min(420px,30vw);translate:0 -50%;pointer-events:none}
.hero-art svg{width:100%;height:auto;display:block}
@media(max-width:1100px){.hero-art{position:static;translate:none;width:180px;order:-1;margin:0 0 8px -10px}}
.qline{margin-top:18px;color:var(--lime);font-weight:700;font-size:clamp(15px,1.4vw,19px);letter-spacing:.02em}
.tile .ico{width:40px;height:40px;padding:8px;border-radius:12px;color:var(--lime);background:#c2f04a14;border:1px solid #c2f04a33;margin-bottom:14px;display:block;flex:none}
.tile .ico.v{color:var(--violet);background:#a48cff14;border-color:#a48cff33}
.tile .ico.lg{width:56px;height:56px;padding:12px;border-radius:16px}
.tile .n+.ico{margin-top:10px}
.diagram-wrap{margin-top:36px;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--glass)}
.diagram{width:100%;height:auto;display:block}
.quote-cta{border-color:#c2f04a55;background:linear-gradient(135deg,#c2f04a12,#a48cff12),var(--glass)}
.quote-cta .ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
@media(max-width:640px){.diagram text{font-size:22px}}