*{box-sizing:border-box}body{margin:0;background:#e6eaf1;font-family:Inter,ui-sans-serif,system-ui,sans-serif}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:url(assets/circuit_board.jpg) center/cover no-repeat;opacity:.06}.ce-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;align-items:start}.ce-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ce-models{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ce-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.ce-addons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ce-opt input,.ce-tile input,.ce-addon input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.ce-opt label,.ce-tile label,.ce-addon label{display:block;cursor:pointer;border:1.5px solid #e2e8f0;border-radius:12px;background:#fff;transition:border-color .15s,background .15s,box-shadow .15s}.ce-opt label{padding:15px 16px}.ce-tile label{padding:14px 8px;text-align:center}.ce-addon label{padding:14px 15px}.ce-opt input:checked+label,.ce-tile input:checked+label,.ce-addon input:checked+label{border-color:#2563eb;background:#f2f7ff;box-shadow:0 0 0 1px #2563eb inset}.ce-opt label:hover,.ce-tile label:hover,.ce-addon label:hover{border-color:#b9c9e6}.ce-opt[hidden]{display:none}.ce-opt-solo{grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}.ce-stepper{border:1.5px solid #e2e8f0;border-radius:12px;padding:14px 15px;background:#fff;transition:border-color .15s,background .15s,box-shadow .15s}.ce-stepper:hover{border-color:#b9c9e6}.ce-stepper.is-on{border-color:#2563eb;background:#f2f7ff;box-shadow:0 0 0 1px #2563eb inset}.ce-stepper.is-on .ce-step-btn{background:#fff}.ce-step-btn{width:32px;height:32px;border:1.5px solid #d7deea;background:#f6f8fc;border-radius:8px;font-size:1.125rem;font-weight:700;color:#2563eb;cursor:pointer;line-height:1;transition:background .15s,border-color .15s}.ce-step-btn:hover{border-color:#2563eb}.ce-reset{display:inline-flex;align-items:center;gap:8px;border:1.5px solid #be123c;background:#be123c;border-radius:10px;padding:12px 18px;font-family:Sora,ui-sans-serif,system-ui,sans-serif;font-size:.875rem;font-weight:700;letter-spacing:.01em;color:#fff;cursor:pointer;white-space:nowrap;flex-shrink:0;box-shadow:0 10px 24px -10px #be123cbf;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.ce-reset:hover{background:#9f1239;border-color:#9f1239;box-shadow:0 12px 28px -10px #be123ce6;transform:translateY(-1px)}.ce-reset:active{transform:translateY(0)}.ce-reset:focus-visible{outline:3px solid rgba(190,18,60,.45);outline-offset:2px}.ce-reset[hidden]{display:none}.ce-step1-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ce-panel{position:sticky;top:104px}#ce-steps[hidden]{display:none}@media(max-width:1080px){.ce-grid{grid-template-columns:1fr}.ce-panel{position:static}.ce-models{grid-template-columns:1fr 1fr}}@media(max-width:680px){.ce-nodes{grid-template-columns:1fr}.ce-tiles{grid-template-columns:repeat(3,1fr)}.ce-models,.ce-addons{grid-template-columns:1fr}.ce-opt-solo{width:100%}.ce-step1-head{flex-direction:column;align-items:stretch}.ce-reset{width:100%;justify-content:center;padding:14px 18px;margin-bottom:4px}}.ce-table{width:100%;border-collapse:collapse;font-size:.8125rem}.ce-table th,.ce-table td{text-align:left;padding:11px 14px;border-bottom:1px solid #eef1f6}.ce-table th{background:#f6f8fc;color:#42536b;font-weight:600;font-size:.71875rem;letter-spacing:.04em;text-transform:uppercase}.ce-table td{color:#33435a}.ce-tablewrap{overflow-x:auto;border:1px solid #e6ebf2;border-radius:14px;background:#fff}
