.creation-page .hx-feature{padding-block:80px;scroll-margin-top:96px}.creation-page .hx-feature h2{letter-spacing:-.045em;max-width:760px;margin-bottom:24px;font-size:clamp(32px,4vw,52px);line-height:1.06}.ce-section-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.ce-copy>p{color:var(--ink-secondary);margin:0 0 20px;font-size:18px;line-height:1.55}.ce-figure{min-width:0;margin:0}.ce-figure .iso{width:100%;max-width:700px;margin-inline:auto}.ce-figure-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:12px 0 18px;padding:0;list-style:none;display:grid}.ce-figure-steps li{color:var(--ink-black);text-align:center;font-size:13px;font-weight:650;line-height:1.4}.ce-figure figcaption{max-width:580px;color:var(--ink-secondary);text-align:center;margin:0 auto;font-size:13px;line-height:1.5}.ce-artifact-label,.ce-artifact-number{fill:var(--ink-black);font-family:Inter,sans-serif}.ce-artifact-label{font-size:7px;font-weight:600}.ce-artifact-number{letter-spacing:-.04em;font-size:18px;font-weight:800}.creation-page .pp-compare{margin-top:32px}.re-limits{border-top:1px solid var(--border-subtle);color:var(--ink-secondary);gap:10px;margin:28px 0 0;padding:20px 0 0;font-size:14px;line-height:1.5;list-style:none;display:grid}.ce-options{gap:28px;margin:0;padding:0;list-style:none;display:grid}.ce-options li{border-top:1px solid var(--border-subtle);padding-top:20px}.ce-options h3{color:var(--ink-black);letter-spacing:-.025em;margin:0 0 10px;font-size:22px;font-weight:750}.ce-options p{color:var(--ink-secondary);margin:0;font-size:16px;line-height:1.55}@media (max-width:800px){.ce-section-grid{grid-template-columns:minmax(0,1fr);gap:32px}.creation-page .hx-feature{padding-block:56px;scroll-margin-top:84px}}@media (max-width:480px){.ce-figure-steps{gap:8px}.ce-figure-steps li{font-size:12px}}.ce-section-intro{max-width:760px;margin-bottom:40px}.ce-capabilities,.ce-page-links{border-block:1px solid var(--border-subtle);color:var(--ink-secondary);flex-wrap:wrap;gap:16px 32px;padding-block:20px;font-size:14px;line-height:1.5;display:flex}.ce-capabilities{margin:0;padding-inline:0;list-style:none}.ce-page-links a{color:var(--ink-black);text-decoration:none}.ce-page-links a:hover{text-decoration:underline}.ce-component-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ce-component-tag{color:var(--ink-secondary);overflow-wrap:anywhere;margin-bottom:16px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.ce-approaches{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:48px}.ce-approaches .hx-link{margin-top:16px}.ce-copy>.ce-note{font-size:14px}.ce-copy>.ce-delivery{margin-top:28px;font-size:16px}.ce-agent{border-top:1px solid var(--border-subtle);margin-top:28px;padding-top:24px}.ce-agent h3{color:var(--ink-black);letter-spacing:-.025em;margin:0 0 12px;font-size:22px;font-weight:750}.ce-agent p{color:var(--ink-secondary);font-size:16px;line-height:1.55}.ce-live-example{min-width:0;margin:40px 0 0}.ce-live-example figcaption{max-width:760px;color:var(--ink-secondary);margin-top:16px;font-size:13px;line-height:1.5}.ce-live-panels{--ef-color-bg:var(--paper-cream);--ef-color-bg-panel:var(--paper-cream);--ef-color-bg-elevated:var(--paper-cream);--ef-color-bg-inset:var(--paper-cream);--ef-color-border:var(--border-subtle);--ef-color-border-subtle:var(--border-subtle);--ef-color-text:var(--ink-black);--ef-color-text-muted:var(--ink-secondary);--ef-color-primary:var(--poster-blue);--ef-color-primary-subtle:color-mix(in srgb, var(--poster-blue) 12%, var(--paper-cream));--ef-color-selected:var(--ef-color-primary-subtle);--ef-color-type-timegroup:var(--ink-secondary);--ef-color-type-text:var(--poster-blue-deep);--ef-font-family:Inter, sans-serif;border:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) 220px;min-width:0;display:grid;overflow:hidden}.ce-live-canvas{aspect-ratio:16/9;min-width:0;padding:24px}.ce-live-canvas ef-canvas{width:100%;height:100%;display:block}.ce-demo-composition{background:var(--poster-blue-deep);width:100%;height:100%;color:var(--on-dark);display:block;position:relative;overflow:hidden;container-type:inline-size}.ce-demo-title{letter-spacing:-.045em;font-size:clamp(20px,6cqi,54px);font-weight:800;line-height:1.05;position:absolute;inset:18% 12% auto}.ce-demo-annotation{font:500 clamp(12px,2.5cqi,18px)/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;inset:auto 12% 14%}.ce-live-hierarchy{border-left:1px solid var(--border-subtle);min-width:0;overflow:hidden}.ce-live-controls{border-top:1px solid var(--border-subtle);grid-column:1/-1;align-items:center;gap:20px;padding:12px 20px}.ce-live-controls ef-scrubber{flex:1;min-width:0}.ce-live-controls ef-toggle-play{min-width:48px;color:var(--ink-black);cursor:pointer;padding:4px;font-size:14px;font-weight:650}.ce-live-controls ef-time-display{color:var(--ink-secondary);font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.ce-live-timeline{border-top:1px solid var(--border-subtle);grid-column:1/-1;min-width:0;height:220px;overflow:hidden}.ce-live-timeline ef-timeline{height:100%;display:block}.ce-demo-actions{border-top:1px solid var(--border-subtle);color:var(--ink-black);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;font-size:14px;display:flex}.ce-demo-actions label{align-items:center;gap:10px;display:flex}.ce-demo-actions input{accent-color:var(--poster-blue)}.ce-demo-actions button{border:1px solid var(--border-subtle);background:var(--paper-cream);color:var(--ink-black);cursor:pointer;padding:8px 12px}.ce-demo-actions button:hover{background:var(--ef-color-primary-subtle)}.ce-demo-actions button:focus-visible,.ce-demo-actions input:focus-visible,.ce-live-controls ef-toggle-play:focus-visible,.ce-page-links a:focus-visible{outline:2px solid var(--poster-blue);outline-offset:3px}.ce-demo-error{color:var(--ink-black);grid-column:1/-1;padding:12px 20px}.ce-demo-fallback{border:1px solid var(--border-subtle);background:var(--paper-cream);min-height:360px;color:var(--ink-black);place-content:center;padding:40px;display:grid}.ce-demo-fallback strong{letter-spacing:-.04em;font-size:clamp(28px,4vw,48px);font-weight:800}.ce-demo-fallback p{max-width:480px;color:var(--ink-secondary);line-height:1.5}@media (max-width:1000px){.ce-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.ce-component-grid,.ce-approaches,.ce-live-panels{grid-template-columns:minmax(0,1fr)}.ce-live-hierarchy{border-top:1px solid var(--border-subtle);border-left:0;height:130px}.ce-live-canvas{padding:16px}.ce-live-controls{gap:12px;padding-inline:12px}.ce-demo-fallback{min-height:280px;padding:24px}}.ce-code-example{width:100%;min-width:0}.ce-code-example pre:focus-visible{outline:2px solid var(--poster-blue);outline-offset:6px}.ce-component-map{gap:0;min-width:0;margin:0;display:grid}.ce-component-map>div{border-top:1px solid var(--border-subtle);gap:8px;padding:20px 0;display:grid}.ce-component-map dt{color:var(--ink-secondary);font-size:14px;line-height:1.5}.ce-component-map dd{color:var(--ink-black);overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:650}.ce-performance-evidence{border-block:1px solid var(--border-subtle);margin-bottom:36px;padding-block:24px}.ce-performance-evidence h3{color:var(--ink-black);letter-spacing:-.025em;margin:0 0 18px;font-size:22px;font-weight:750}.ce-performance-evidence p,.ce-performance-evidence dd{color:var(--ink-secondary);font-size:16px;line-height:1.55}.ce-performance-evidence p{margin:0 0 24px}.ce-performance-evidence dl{gap:16px;margin:0 0 24px;display:grid}.ce-performance-evidence dl>div{grid-template-columns:100px minmax(0,1fr);gap:16px;display:grid}.ce-performance-evidence dt{color:var(--ink-black);font-size:14px;font-weight:650;line-height:1.55}.ce-performance-evidence dd{margin:0}
