.bowl3d-section{padding-top:40px;padding-bottom:40px} slofe-bowl-3d{display:block;color:rgb(var(--color-foreground,35,42,46))}
.bowl3d-heading{max-width:740px;margin-bottom:24px}.bowl3d-eyebrow{color:#007cbb;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px}.bowl3d-heading h2{margin:0 0 12px;font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-.02em}.bowl3d-heading>p:last-child{margin:0;font-size:16px;line-height:1.6}
.bowl3d-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:36px;align-items:center}.bowl3d-stage{position:relative;min-width:0;aspect-ratio:1.16;background:#f1f1ee;border:1px solid #e7e7e1;border-radius:24px;overflow:hidden;isolation:isolate}.bowl3d-poster{position:absolute;width:100%;height:100%;object-fit:contain;inset:0}.bowl3d-canvas{position:absolute;inset:0;opacity:0;transition:opacity .2s}.bowl3d-canvas model-viewer{display:block;width:100%;height:100%;background:transparent;--poster-color:transparent}.bowl3d-stage[data-loaded] .bowl3d-canvas{opacity:1}.bowl3d-stage[data-loaded] .bowl3d-poster{display:none}.bowl3d-stage[aria-busy=true] .bowl3d-canvas{opacity:.3}
.bowl3d-start{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 22px;border:0;border-radius:100px;background:#007cbb;color:white;font:inherit;font-weight:600;cursor:pointer;box-shadow:0 6px 25px #12303c21;white-space:nowrap}.bowl3d-start:disabled{cursor:wait;background:#506d7b}.bowl3d-start[hidden]{display:none}.bowl3d-badge{position:absolute;top:20px;left:20px;padding:5px 12px;border:1px solid #d4d7d4;border-radius:100px;font-size:12px;font-weight:600;background:#fff8;pointer-events:none}.bowl3d-hint{position:absolute;bottom:16px;left:12px;right:12px;margin:0;text-align:center;font-size:12px;color:#555d60;pointer-events:none}.bowl3d-tools{position:absolute;top:16px;right:16px;display:flex;gap:6px}.bowl3d-tools[hidden]{display:none}.bowl3d-tools button{padding:8px 12px;background:#fffffff0;border:1px solid #d3d9d9;border-radius:100px;color:inherit;font:inherit;font-size:12px;cursor:pointer;min-height:36px}
.bowl3d-controls{min-width:0}.bowl3d-controls fieldset{border:0;padding:0;margin:0 0 25px;min-width:0}.bowl3d-controls legend{padding:0;margin:0 0 12px;font-size:14px;font-weight:600}.bowl3d-shape-list{display:flex;flex-wrap:wrap;gap:8px}.bowl3d-shape-list button{border:1px solid #cdd3d4;border-radius:12px;padding:10px 14px;background:#fff;color:inherit;font:inherit;font-size:14px;line-height:1.3;min-height:44px;cursor:pointer}.bowl3d-shape-list button[aria-pressed=true]{border-color:#007cbb;background:#eaf6fc;box-shadow:inset 0 0 0 1px #007cbb;color:#005b8c}.bowl3d-color-list{display:flex;flex-wrap:wrap;gap:8px}.bowl3d-color-list button{display:grid;place-items:center;position:relative;width:44px;height:44px;flex:0 0 44px;border:2px solid transparent;border-radius:50%;padding:4px;background:transparent;cursor:pointer}.bowl3d-color-list button span{display:block;width:30px;height:30px;border:1px solid #0002;border-radius:50%;background:var(--bowl-color)}.bowl3d-color-list button[aria-pressed=true]{border-color:#007cbb}.bowl3d-color-list button[aria-pressed=true]::after{content:'✓';position:absolute;color:var(--bowl-ink);font-size:18px;font-weight:700}.bowl3d-section button:focus-visible{outline:3px solid #007cbb;outline-offset:4px}.bowl3d-controls button:disabled{opacity:.45;cursor:not-allowed}.bowl3d-selection{font-size:14px;font-weight:600;margin:0 0 8px;min-height:24px}.bowl3d-note{font-size:12px;line-height:1.6;color:#5c666b;margin:0;max-width:430px}.bowl3d-error{font-size:14px;line-height:1.5;color:#a02020;margin:12px 0 0}
@media(max-width:749px){.bowl3d-section{padding-top:28px;padding-bottom:28px}.bowl3d-layout{grid-template-columns:minmax(0,1fr);gap:24px}.bowl3d-heading{margin-bottom:20px}.bowl3d-stage{aspect-ratio:1.08;border-radius:18px}.bowl3d-heading>p:last-child{font-size:14px}.bowl3d-controls fieldset{margin-bottom:20px}.bowl3d-hint{font-size:11px}.bowl3d-tools{right:10px;top:12px}.bowl3d-badge{left:12px;top:14px}}
@media(prefers-reduced-motion:reduce){.bowl3d-canvas{transition:none}}

.bowl3d-jump{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:4px;color:#007cbb;font-size:14px;font-weight:600;line-height:1.4;text-decoration:underline;text-underline-offset:4px}.bowl3d-jump:hover{color:#005b8c}.bowl3d-jump:focus-visible{outline:3px solid #007cbb;outline-offset:4px;border-radius:3px}.bowl3d-heading h2{scroll-margin-top:calc(var(--header-height, 100px) + 24px)}