.tx-xd{--ink:#12202e;--muted:#5d6b78;--blue:#005ea8;--blue2:#0079c8;--cyan:#dff3ff;--line:#d8e0e7;--panel:#f6f8fa;--green:#167a52;--amber:#9b5b00;--shadow:0 18px 50px rgba(18,32,46,.12);display:block;background:#edf2f5;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.tx-xd *{box-sizing:border-box}.tx-xd .prototype-banner{background:#0d4f75;color:#fff;text-align:center;padding:.6rem 1rem;font-size:.82rem;font-weight:700;letter-spacing:.02em}.tx-xd .hero{background:linear-gradient(120deg,#071b2d 0%,#0b3f66 68%,#0069a8 100%);color:#fff;padding:3.25rem max(5vw,1.25rem);display:flex;gap:3rem;align-items:end;justify-content:space-between}.tx-xd .hero>div:first-child{max-width:820px}.tx-xd .eyebrow{margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:800;color:#8ad6ff}.tx-xd .hero h1{color:#fff;font-size:clamp(2rem,4vw,4rem);line-height:1.03;margin:0;max-width:780px}.tx-xd .dek{font-size:1.12rem;line-height:1.6;color:#d5e8f4;margin:1.2rem 0 0;max-width:760px}.tx-xd .trust-card{width:260px;padding:1.1rem 1.2rem;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(255,255,255,.1);display:grid;gap:.4rem}.tx-xd .trust-card span{font-size:.85rem;color:#d5e8f4;line-height:1.4}.tx-xd main{max-width:1500px;margin:0 auto;padding:2rem max(2vw,1rem) 4rem}.tx-xd .configurator,.tx-xd .diagram-card,.tx-xd .part-panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.tx-xd .configurator{padding:1.4rem;margin-bottom:1.5rem}.tx-xd .section-heading{display:flex;gap:.85rem;align-items:flex-start}.tx-xd .section-heading>span{width:2rem;height:2rem;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.tx-xd .section-heading h2{margin:0;font-size:1.25rem}.tx-xd .section-heading p{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.tx-xd .section-heading.compact>span{width:1.8rem;height:1.8rem}.tx-xd .fields{display:grid;grid-template-columns:.65fr .9fr 2.5fr;gap:1rem;margin-top:1.25rem}.tx-xd label{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#43515e}.tx-xd select{display:block;width:100%;margin-top:.45rem;min-height:46px;border:1px solid #aab7c2;border-radius:9px;background:#fff;color:var(--ink);font:600 .93rem inherit;padding:0 .75rem;text-transform:none;letter-spacing:0}.tx-xd .configuration-summary{margin-top:1rem;padding:.9rem 1rem;border-radius:10px;background:var(--panel);border-left:4px solid var(--green);display:flex;flex-wrap:wrap;gap:.5rem 1.3rem;font-size:.9rem}.tx-xd .configuration-summary strong{display:block;font-size:.72rem;text-transform:uppercase;color:var(--muted);letter-spacing:.05em}.tx-xd .configuration-warning{flex-basis:100%;margin-top:.35rem;padding:.8rem;border-radius:8px;background:#fff6df;border:1px solid #e4bd5b;color:#624100;line-height:1.45}.tx-xd .configuration-warning strong{color:#624100;margin-bottom:.2rem}.tx-xd .workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(330px,.85fr);gap:1.5rem;align-items:start}.tx-xd .diagram-card{padding:1.25rem;min-width:0}.tx-xd .diagram-header{display:flex;justify-content:space-between;gap:1rem;align-items:center}.tx-xd .diagram-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.tx-xd .visual-mode-controls{display:flex;padding:3px;border:1px solid #aab7c2;border-radius:9px;background:#edf2f5}.tx-xd .visual-mode-controls[hidden]{display:none}.tx-xd .visual-mode-controls button{min-height:32px;border:0;border-radius:6px;background:transparent;color:#43515e;padding:.35rem .7rem;font-weight:800;cursor:pointer}.tx-xd .visual-mode-controls button.active,.tx-xd .visual-mode-controls button:focus-visible{background:#fff;color:var(--blue);box-shadow:0 1px 5px rgba(18,32,46,.16);outline:2px solid var(--cyan)}.tx-xd .enhanced-view .diagram-viewport{background:linear-gradient(145deg,#d8e2e8,#f7fafb);box-shadow:inset 0 0 0 1px rgba(255,255,255,.75)}.tx-xd .zoom-controls{display:flex;align-items:center;gap:.35rem}.tx-xd .zoom-controls button{min-width:38px;height:38px;border-radius:8px;border:1px solid #aab7c2;background:#fff;color:var(--ink);font-weight:800;cursor:pointer}.tx-xd .zoom-controls button:hover,.tx-xd .zoom-controls button:focus-visible{border-color:var(--blue);outline:3px solid var(--cyan)}.tx-xd #zoom-value{min-width:48px;text-align:center;font-size:.78rem;font-weight:800}.tx-xd .diagram-help{margin:.85rem 0;color:var(--muted);font-size:.84rem}.tx-xd .diagram-viewport{height:auto;max-height:min(67vh,760px);overflow:auto;background:#e7edf1;border:1px solid #cbd5dc;border-radius:12px;overscroll-behavior:contain}.tx-xd .diagram-viewport:focus-visible{outline:3px solid var(--blue2);outline-offset:2px}.tx-xd .diagram-stage{position:relative;width:100%;line-height:0;transform-origin:top left}.tx-xd .diagram-stage img{display:block;width:100%;height:auto;background:#fff}.tx-xd .hotspot-layer{position:absolute;inset:0;pointer-events:none}.tx-xd .hotspot{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;width:30px;height:30px;border-radius:50%;border:2px solid #fff;background:var(--blue);color:#fff;font-size:.68rem;font-weight:900;display:grid;place-items:center;box-shadow:0 2px 9px rgba(0,0,0,.38);cursor:pointer;line-height:1;padding:0}.tx-xd .hotspot:hover,.tx-xd .hotspot:focus-visible,.tx-xd .hotspot.active{background:#e24b2a;scale:1.18;outline:3px solid rgba(226,75,42,.28);z-index:3}.tx-xd .callout-index{margin-top:1rem;border-top:1px solid var(--line);padding-top:.85rem}.tx-xd .callout-index summary{font-weight:800;cursor:pointer}.tx-xd .callout-list{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem}.tx-xd .callout-list button{border:1px solid #9eb3c3;background:#f4f9fc;border-radius:999px;padding:.45rem .7rem;color:#164564;font-weight:800;cursor:pointer}.tx-xd .callout-list button:hover,.tx-xd .callout-list button:focus-visible,.tx-xd .callout-list button.active{background:var(--blue);color:#fff;outline:2px solid var(--cyan)}.tx-xd .part-panel{position:sticky;top:1rem;min-height:460px;overflow:hidden}.tx-xd .empty-state{padding:3rem 2rem;text-align:center;color:var(--muted)}.tx-xd .empty-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 1rem;border-radius:50%;background:var(--cyan);color:var(--blue);font-size:1.6rem}.tx-xd .empty-state h2{color:var(--ink)}.tx-xd .part-header{padding:1.25rem;background:linear-gradient(135deg,#092b47,#005f9e);color:#fff}.tx-xd .part-header .item-pill{display:inline-block;background:#fff;color:var(--blue);border-radius:999px;padding:.3rem .65rem;font-weight:900;font-size:.75rem}.tx-xd .part-header h2{margin:.75rem 0 .3rem;font-size:1.35rem;color:#fff}.tx-xd .part-header p{margin:0;color:#d7ebf8;font-size:.86rem}.tx-xd .part-results{padding:1rem}.tx-xd .part-result{border:1px solid var(--line);border-radius:11px;padding:1rem;margin-bottom:.75rem}.tx-xd .part-result h3{margin:0 0 .35rem;font-size:1rem}.tx-xd .sku{font:800 .88rem ui-monospace,SFMono-Regular,Consolas,monospace}.tx-xd .facts{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:.8rem 0}.tx-xd .fact{background:var(--panel);border-radius:7px;padding:.55rem}.tx-xd .fact strong{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.tx-xd .cta{display:flex;justify-content:center;align-items:center;min-height:42px;border-radius:8px;background:var(--blue);color:#fff;text-decoration:none;font-weight:800}.tx-xd .cta.secondary{background:#eaf5fb;color:var(--blue);border:1px solid #a4cce3}.tx-xd .review-cta{margin-top:.75rem}.tx-xd .unresolved{border-left:4px solid var(--amber);background:#fff8e8;padding:.85rem;border-radius:7px;font-size:.84rem;line-height:1.5}.tx-xd .kit-cta{margin:0 1rem 1rem;padding:1rem;border-radius:11px;background:#eef8f3;border:1px solid #b8ddca}.tx-xd .kit-cta strong{display:block;margin-bottom:.55rem}.tx-xd .source-note{padding:0 1rem 1.2rem;color:var(--muted);font-size:.76rem;line-height:1.5}
@media(max-width:900px){.tx-xd .hero{display:block}.tx-xd .trust-card{margin-top:1.5rem;width:auto}.tx-xd .workspace{grid-template-columns:1fr}.tx-xd .part-panel{position:static;min-height:0}.tx-xd .fields{grid-template-columns:1fr}.tx-xd .diagram-viewport{max-height:58vh}.tx-xd .diagram-header{align-items:flex-start;flex-direction:column}.tx-xd .zoom-controls{align-self:stretch;justify-content:flex-end}}
@media(max-width:520px){.tx-xd .hero{padding-top:2.3rem;padding-bottom:2.3rem}.tx-xd .hero h1{font-size:2.25rem}.tx-xd .configurator,.tx-xd .diagram-card{padding:1rem;border-radius:12px}.tx-xd .diagram-viewport{max-height:52vh}.tx-xd .hotspot{width:30px;height:30px}.tx-xd .configuration-summary{display:grid;grid-template-columns:1fr 1fr}.tx-xd .configuration-warning{grid-column:1/-1}.tx-xd .facts{grid-template-columns:1fr}.tx-xd .zoom-controls{justify-content:space-between}.tx-xd .callout-list button{min-width:46px;min-height:42px}}
@media(min-width:901px){.tx-xd .fields{grid-template-columns:minmax(220px,.8fr) minmax(180px,.8fr) minmax(340px,2.2fr)}}.tx-xd .fields>*{min-width:0}.tx-xd select{max-width:100%}.tx-xd .facts,.tx-xd .fact,.tx-xd .part-result{min-width:0}.tx-xd .fact{overflow-wrap:anywhere;word-break:break-word}