.system-builder{background:#061e24;color:#fff}.builder-head{max-width:800px}.builder-head p{color:#bcd2d0}.builder-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:25px;margin-top:42px}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.module-grid button{position:relative;border:1px solid #28474d;background:#0a2a30;color:#fff;border-radius:18px;padding:22px;text-align:right;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:7px;transition:.25s}.module-grid button:hover{border-color:var(--mint);transform:translateY(-2px)}.module-grid button.selected{background:linear-gradient(135deg,#0d716b,#0a3b41);border-color:var(--mint)}.module-grid i{position:absolute;left:17px;top:17px;width:28px;height:28px;border:1px solid #426067;border-radius:50%;display:grid;place-items:center;font-style:normal}.module-grid button.selected i{background:var(--lime);color:#082f35;border-color:var(--lime)}.module-grid b{font-size:19px}.module-grid span{color:#9fb9b8;font-size:13px}.builder-summary{background:#fff;color:var(--ink);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:20px;align-self:start;position:sticky;top:105px}.builder-summary>span{color:var(--teal);font-weight:800}.builder-core{height:175px;border-radius:20px;background:radial-gradient(circle,#0c7771,#062d34);color:#fff;display:grid;place-items:center;align-content:center;position:relative;overflow:hidden}.builder-core:after{content:'';position:absolute;width:220px;height:220px;border:1px solid rgba(185,238,115,.28);border-radius:50%;animation:builderOrbit 6s linear infinite}@keyframes builderOrbit{to{transform:rotate(360deg) scale(.7)}}.builder-core b{font-size:38px;position:relative;z-index:1}.builder-core small{color:#bfdbd7;position:relative;z-index:1}.selected-modules{display:flex;flex-wrap:wrap;gap:6px}.selected-modules em{font-style:normal;background:#e5f6f1;color:var(--teal);padding:7px 10px;border-radius:9px;font-size:11px;font-weight:900}.builder-summary label{display:flex;flex-direction:column;gap:7px;font-weight:800}.builder-summary select{padding:13px;border:1px solid var(--line);border-radius:11px;font:inherit}.builder-summary>a{text-align:center}.builder-summary>small{color:var(--muted);text-align:center}.demo-personas{padding:85px max(6vw,32px);background:#c9f39a;display:grid;grid-template-columns:.6fr 1.4fr;gap:45px;align-items:center}.demo-personas h2{font-size:44px;margin:10px 0}.persona-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.persona-grid a{background:#fff;border-radius:18px;padding:22px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.persona-grid i{grid-row:1/3;width:48px;height:48px;border-radius:13px;background:#e6f7f2;color:var(--teal);display:grid;place-items:center;font-size:23px}.persona-grid span{font-size:12px;color:var(--muted)}.consult-scheduler{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.consult-scheduler>div p{color:var(--muted)}.consult-scheduler form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:28px;border:1px solid var(--line);border-radius:22px;background:#f6fbf9}.consult-scheduler label{display:flex;flex-direction:column;gap:7px;font-weight:800}.consult-scheduler input,.consult-scheduler select{padding:14px;border:1px solid var(--line);background:#fff;border-radius:11px;font:inherit}.consult-scheduler button{grid-column:1/-1;border:0}@media(max-width:900px){.builder-layout,.demo-personas,.consult-scheduler{grid-template-columns:1fr}.builder-summary{position:static}.persona-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.module-grid,.persona-grid,.consult-scheduler form{grid-template-columns:1fr}.consult-scheduler button{grid-column:auto}}
