.pm { --pm-signal:#2c172b; max-width: 1280px; margin: auto; padding: calc(var(--chrome-top) + var(--product-nav-height) + 28px) clamp(20px, 5vw, 72px) 80px; color: var(--ink); }
.pm *, .pm *::before, .pm *::after { box-sizing: border-box; }
.pm section { padding: 88px 0; border-bottom: 1px solid var(--line); scroll-margin-top: 150px; }
.pm h1, .pm h2, .pm h3, .pm p, .pm figure { margin: 0; }
.pm h1, .pm h2, .pm h3 { font-family: var(--font-display); font-weight: 400; }
.pm h1 { font-size: clamp(42px, 5.8vw, 76px); line-height: 1.04; letter-spacing: -.045em; }
.pm h1 em { font-style: normal; opacity: .65; }
.pm h2 { font-size: clamp(32px, 4vw, 52px); line-height: 1.12; letter-spacing: -.025em; margin-bottom: 28px; }
.pm h3 { font-size: 27px; line-height: 1.2; margin: 18px 0 14px; }
.pm p { font-family: var(--font-display); font-size: 19px; line-height: 1.6; margin-bottom: 18px; }
.pm .pm-lead { font-size: clamp(21px, 2.2vw, 26px); line-height: 1.45; max-width: 760px; }
.pm .pm-label, .pm .pm-fine, .pm figcaption, .pm-review, .pm-asset-label, .pm-placeholder span { font: 11px/1.7 var(--font-mono); }
.pm .pm-label { letter-spacing: .13em; margin-bottom: 25px; }
.pm .pm-fine { color: var(--ink-2); max-width: 620px; margin: 20px 0 0; }
.pm-review { padding: 12px 0; color: var(--ink-2); border-bottom: 1px solid var(--line); }
.pm .pm-hero { display: grid; grid-template-columns: 1.5fr 1fr; gap: 40px; align-items: center; border: 0; padding-bottom: 64px; }
.pm-hero .pm-lead { margin-top: 28px; }
.pm-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.pm-button { display: inline-flex; justify-content: space-between; align-items: center; gap: 20px; padding: 16px 20px; font: 12px/1.5 var(--font-mono); text-decoration: none; background: var(--ink); color: var(--bg); border: 1px solid var(--ink); min-height: 48px; }
.pm-button:hover { opacity: .8; }
.pm-button.pm-soon { cursor: default; opacity: .72; }
.pm-button.pm-soon:hover { opacity: .72; }
.pm a:focus-visible, .pm summary:focus-visible { outline: 3px solid var(--signal); outline-offset: 5px; }
.pm-secondary { color: var(--ink); background: transparent; border-color: var(--line-strong); }
.pm-atmosphere { position: relative; min-height: 420px; overflow: hidden; background: #2c172b; border-radius: 50% 50% 3px 3px; }
.pm-orb { position: absolute; border-radius: 50%; box-shadow: inset -18px -15px 30px #100c1b88, 0 20px 40px #0003; }
.pm-orb-one { width: 170px; height: 170px; top: 75px; left: 12%; background: radial-gradient(circle at 28% 20%, #f1dfc1, #9a856d 45%, #49314b); }
.pm-orb-two { width: 115px; height: 115px; right: 6%; top: 200px; background: radial-gradient(circle at 30% 20%, #c4bdca, #7c627f 55%, #322736); }
.pm-orb-three { width: 50px; height: 50px; left: 20%; bottom: 70px; background: radial-gradient(circle at 30% 20%, #f6bb9d, #b87370 55%, #593653); }
.pm-orbit { position: absolute; width: 310px; height: 160px; left: 8%; top: 180px; border: 1px solid #ede2d155; border-radius: 50%; transform: rotate(-35deg); }
.pm-asset-label { position: absolute; bottom: 15px; left: 20px; color: #ede2d1; }
.pm img { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: 5px; }
.pm-wide { padding: 18px; background: var(--bg-recessed); border: 1px solid var(--line); border-radius: 8px; }
.pm figcaption { color: var(--ink-2); margin-top: 12px; }
.pm-wide figcaption { display: flex; justify-content: space-between; gap: 20px; }
.pm-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin-top: 38px; }
.pm-number { font: 12px var(--font-mono); color: var(--ink-2); }
.pm-split, .pm-offer { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.pm-placeholder { min-height: 220px; border: 1px dashed var(--ink-2); padding: 24px; background: var(--bg-recessed); display: flex; flex-direction: column; justify-content: space-between; gap: 24px; }
.pm-placeholder strong { font: 28px/1.15 var(--font-display); }
.pm-price-card { padding: 34px; background: var(--bg-raised); border: 1px solid var(--line-strong); }
.pm .pm-price { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 14px; row-gap: 6px; font-size: 88px; line-height: 1; letter-spacing: -.06em; }
.pm-price span { font: 13px var(--font-mono); letter-spacing: 0; }
.pm .pm-price-was { align-self: center; font-size: 32px; line-height: 1; letter-spacing: 0; color: var(--ink-2); text-decoration: line-through; text-decoration-color: var(--ink); text-decoration-thickness: 2px; text-decoration-skip-ink: none; }
.pm-price-card ul { padding-left: 20px; margin: 25px 0; font: 18px/1.8 var(--font-display); }
.pm-price-card .pm-button { width: 100%; }
.pm-button-pair { display: flex; flex-wrap: wrap; gap: 16px; }
.pm-price-card .pm-button-pair { flex-direction: column; align-items: stretch; }
.pm details { padding: 22px 0; border-bottom: 1px solid var(--line); }
.pm summary { cursor: pointer; font: 23px/1.4 var(--font-display); }
.pm details p { margin: 18px 0 0; max-width: 790px; color: var(--ink-2); }
.pm-release { max-width: 800px; }
@media (max-width: 800px) { .pm .pm-hero, .pm-split, .pm-offer { grid-template-columns: 1fr; gap: 32px; } .pm-atmosphere { min-height: 320px; border-radius: 8px; } .pm-columns { grid-template-columns: 1fr; } .pm section { padding: 55px 0; } .pm-wide { padding: 8px; } .pm-wide figcaption { display: block; } .pm-wide figcaption span { display: block; } .pm-price-card { padding: 24px; } }

.pm-dark-shot { display: none !important; }
[data-theme="dark"] .pm-light-shot { display: none; }
[data-theme="dark"] .pm-dark-shot { display: block !important; }
.pm-manifesto { text-align: center; }
.pm-manifesto .pm-lead, .pm-manifesto .pm-fine { margin: 24px auto; }
.pm-manifesto h2 { font-size: clamp(38px,5vw,66px); }
.pm-trail { display:flex; flex-wrap:wrap; justify-content:center; gap:24px; font:12px/1.8 var(--font-mono); margin:35px 0; }
.pm-chapter { display:grid; grid-template-columns: .85fr 1.15fr; gap:60px; align-items:center; }
.pm-chapter.pm-reverse { grid-template-columns:1.15fr .85fr; }
.pm-reverse .pm-chapter-copy { order:2; }
.pm-chapter-copy { min-width:0; }
.pm .pm-prompt { font-size:16px; color:var(--ink-2); }
.pm-demo { --demo-ground:#e9e5dc; --demo-ink:#382d35; --demo-line:#bfb5b8; min-width:0; background:var(--demo-ground); color:var(--demo-ink); border:1px solid var(--line); border-radius:12px; overflow:hidden; box-shadow:0 20px 55px #0000000a; }
[data-theme="dark"] .pm-demo { --demo-ground:#191719; --demo-ink:#e7dfd6; --demo-line:#5e535e; }
.pm-demo-top { display:flex; justify-content:space-between; gap:12px; padding:18px; border-bottom:1px solid var(--demo-line); font:10px/1.4 var(--font-mono); letter-spacing:.08em; }
.pm-demo-badge { color:var(--pm-signal); }
[data-theme="dark"] .pm-demo-badge { color:var(--pm-signal); }
.pm-field svg { width:100%; height:auto; display:block; }
.pm-dots { fill:var(--demo-line); }
.pm-dots .in-reach { fill:var(--demo-ink); }
.pm-reach { fill:#e28c7510; stroke:var(--demo-line); stroke-dasharray:5 7; }
.pm-spokes { stroke:var(--demo-line); }
.pm-planet { stroke:var(--demo-ink); stroke-width:1; }
.planet-0 { fill:#aca17f; }.planet-1 { fill:#a795ac; }.planet-2 { fill:#c68b75; }.planet-3 { fill:#83a2a8; }
.pm-handle { fill:var(--pm-signal); stroke:color-mix(in srgb,var(--pm-signal),transparent 67%); stroke-width:12; }
.pm-controls { display:flex; justify-content:center; flex-wrap:wrap; gap:7px; padding:16px; border-top:1px solid var(--demo-line); }
.pm-demo button { cursor:pointer; font:11px/1.5 var(--font-mono); color:inherit; border:1px solid var(--demo-line); padding:10px 12px; background:transparent; border-radius:4px; min-height:40px; }
.pm-demo button[aria-pressed="true"] { background:var(--demo-ink); color:var(--demo-ground); }
.pm-demo button:hover { border-color:var(--demo-ink); }
.pm-demo button:focus-visible, .pm-demo input:focus-visible { outline:3px solid var(--pm-signal); outline-offset:3px; }
.pm-demo label { display:flex; flex-direction:column; gap:10px; width:100%; font:11px/1.6 var(--font-mono); }
.pm-demo input[type="range"] { width:100%; accent-color:var(--pm-signal); min-height:28px; cursor:ew-resize; }
.pm .pm-demo-result, .pm .pm-mix-result, .pm .pm-save-result, .pm .pm-history-result, .pm .pm-portal-result { margin:0; padding:16px 22px; font:18px/1.4 var(--font-display); min-height:80px; }
.pm-demo-foot { padding:12px 18px; border-top:1px solid var(--demo-line); font:10px/1.6 var(--font-mono); opacity:.8; }
.pm-seats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:15px; gap:8px; }
.pm-seat { min-width:0; padding:12px 7px; border:1px solid var(--demo-line); border-radius:7px; background:linear-gradient(to top,color-mix(in srgb,var(--pm-signal),transparent 87%) var(--influence),transparent var(--influence)); }
.pm-seat.muted { opacity:.4; }.pm-seat.locked { border-color:var(--pm-signal); }
.pm .pm-seat h3 { font-size:18px; margin:14px 0; text-align:center; }
.pm-demo .pm-seat-orb { padding:4px; border:0; background:transparent !important; display:block; width:100%; touch-action:pan-x; }
.pm-mini-orb { display:block; width:62px; height:62px; border-radius:50%; margin:auto; box-shadow:inset -10px -8px 14px #19111f66,0 9px 16px #0002; background:radial-gradient(circle at 30% 25%,#ded2b3,#9e987c 42%,#554d49); }
.orb-1 { background:radial-gradient(circle at 25% 25%,#e0d5ea,#99829e 45%,#504455); }
.orb-2 { background:radial-gradient(circle at 25% 25%,#f5c3a2,#b97965 45%,#573f42); }
.orb-3 { background:radial-gradient(circle at 25% 25%,#d2e3e0,#759ba2 45%,#3e535c); }
.pm-seat .pm-lock { width:100%; padding:6px; margin-bottom:16px; }
.pm-seat label { font-size:9px; }
.pm-save-orbit { padding:40px; }.pm-save-orbit .pm-mini-orb { width:130px; height:130px; }
.pm-save-form { padding:0 25px 20px; display:grid; gap:18px; }
.pm-save-form input { padding:12px; color:inherit; background:transparent; border:1px solid var(--demo-line); font:20px var(--font-display); min-width:0; }
.pm-history-tabs { padding:18px; display:flex; gap:8px; }
.pm-history-list { padding:0 18px; display:grid; gap:9px; }
.pm-history-list button { text-align:left; padding:20px; }
.pm-portals { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; padding:18px; }
.pm-portals button { padding:14px 5px; display:grid; gap:18px; font-size:9px; }
.pm-portals .pm-mini-orb { width:50px;height:50px; }
.pm-future { padding-inline:40px !important; background:var(--bg-recessed); }
.pm-timeline { display:grid; grid-template-columns:repeat(4,1fr); margin:40px 0; gap:8px; }
.pm-timeline span { border-top:3px solid #bf796a; padding:20px 10px; font:10px/2 var(--font-mono); }
.pm-timeline b { font:20px/1.4 var(--font-display); }
@media(max-width:950px) { .pm-chapter,.pm-chapter.pm-reverse { grid-template-columns:1fr;gap:32px; }.pm-reverse .pm-chapter-copy{order:0;}.pm-demo{width:100%;}.pm-chapter-copy .pm-lead{max-width:680px;} }
@media(max-width:480px) { .pm-seats{grid-template-columns:repeat(2,minmax(0,1fr));}.pm-portals{grid-template-columns:repeat(2,minmax(0,1fr));}.pm-future{padding-inline:20px!important;}.pm-timeline{grid-template-columns:repeat(2,1fr);}.pm-trail{gap:12px;}.pm-demo-top{font-size:9px;} }
@media(prefers-reduced-motion:reduce) { .pm * { scroll-behavior:auto!important;transition:none!important; } }

/* Faithful product fragments. Textures are exported once from PresetOrb. */
.pm-carbon{display:inline-block;width:17px;height:17px;fill:currentColor;flex:none;vertical-align:middle;}
.pm-native{--demo-ground:#ece8dd;--demo-ink:#382b38;--demo-line:#c8c4bb;border-radius:7px;box-shadow:none;}
[data-theme="dark"] .pm-native{--demo-ground:#0b0b0a;--demo-ink:#eae7dc;--demo-line:#3e3c36;}
.pm-native-header{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-bottom:1px solid var(--demo-line);font:9px/1.6 var(--font-mono);letter-spacing:.12em;background:color-mix(in srgb,var(--demo-ground),var(--demo-ink) 3%);}
.pm-native-header>span{display:flex;gap:10px;align-items:center;}
.pm-native button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:9px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border-radius:3px;min-height:34px;padding:6px 9px;}
.pm-native button[aria-pressed="true"]{background:color-mix(in srgb,var(--demo-ground),var(--pm-signal) 14%);color:var(--demo-ink);border-color:var(--pm-signal);}
.pm-native .pm-field{position:relative;}
.pm-native .pm-field>svg{display:block;width:100%;height:auto;}
.pm-native .pm-field>svg text{font:8px var(--font-mono);letter-spacing:.8px;fill:var(--demo-ink);paint-order:stroke;stroke:var(--demo-ground);stroke-width:4px;stroke-linejoin:round;}
.pm-native-ring{stroke:var(--demo-ink);stroke-width:.6px;fill:none;opacity:.6;}
.pm-native .pm-planets g{cursor:pointer;}
.pm-native .pm-planets g:focus-visible{outline:none;}.pm-native .pm-planets g:focus-visible circle{stroke:var(--pm-signal);stroke-width:3px;}
.pm-native .pm-reach{fill:none;stroke:var(--demo-ink);opacity:.32;stroke-dasharray:4 7;}
.pm-native .pm-spokes{stroke:var(--demo-ink);opacity:.3;}
.pm-native .pm-controls{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;flex-wrap:nowrap;gap:0;border:1px solid var(--demo-line);border-radius:5px;padding:0;background:var(--demo-ground);max-width:calc(100% - 20px);}
.pm-native .pm-controls button{border:0;border-radius:0;white-space:nowrap;}
.pm-native .pm-controls button+button{border-left:1px solid var(--demo-line);}
.pm-native .pm-controls button[aria-pressed="true"]{box-shadow:inset 0 -2px var(--pm-signal);}
.pm-native-radius .pm-controls{left:12px;top:12px;bottom:auto;transform:none;width:160px;}
.pm-native .pm-reach-control{flex-direction:row;align-items:center;padding:0 9px;gap:10px;}
.pm-native .pm-reach-control input{min-width:0;accent-color:var(--pm-signal);}
.pm-native .pm-reach-control .pm-carbon{width:19px;height:19px;}
.pm-native-relationships .pm-controls{left:12px;top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column;}
.pm-native-relationships .pm-controls button{width:34px;min-height:34px;border:0;}
.pm-native-relationships .pm-controls button span{position:absolute;left:40px;background:var(--demo-ground);padding:5px;opacity:0;pointer-events:none;}
.pm-native-relationships .pm-controls button:hover span,.pm-native-relationships .pm-controls button:focus-visible span{opacity:1;}
.pm-native-relationships .pm-controls button+button{border-left:0;border-top:1px solid var(--demo-line);}
.pm-native-layers .pm-controls{left:12px;transform:none;align-items:center;}
.pm-native-layers .pm-controls>.pm-carbon{margin:0 10px;}
.pm-native .pm-blend-control{padding:8px 16px;min-width:220px;gap:0;font-size:9px;}
.pm-native-rail{display:flex;gap:4px;padding:5px;border-top:1px solid var(--demo-line);overflow:hidden;}
.pm-native-mini{flex:1;min-width:0;border:1px solid var(--demo-line);border-radius:5px;position:relative;text-align:center;background:color-mix(in srgb,var(--demo-ground),var(--demo-ink) 3%);}
.pm-native-mini img{width:100%;max-width:95px;height:auto;margin:auto;border:0;}
.pm-native-mini span{display:block;font:8px/1.5 var(--font-mono);text-transform:uppercase;padding:0 3px 10px;overflow:hidden;text-overflow:ellipsis;}
.pm-native-mini i{display:block;height:3px;background:linear-gradient(to right,#ef7967 var(--share),var(--demo-line) var(--share));margin:0 8px 7px;}
.pm-native .pm-demo-result{font:11px/1.7 var(--font-mono);min-height:65px;padding:15px;}
.pm-native .pm-demo-foot{font-size:9px;}
.pm-product-preview{margin:20px 0;}
.pm-product-preview .pm-field{max-height:620px;overflow:hidden;}.pm-product-preview .pm-field>svg{max-height:620px;}

.pm .pm-full-chapter{grid-template-columns:1fr;gap:30px;}.pm-full-chapter .pm-chapter-copy{max-width:790px;}
.pm-native .pm-seats{grid-template-columns:repeat(8,minmax(95px,1fr));gap:5px;padding:7px;overflow-x:auto;}
.pm-native .pm-seat{padding:5px;position:relative;background:color-mix(in srgb,var(--demo-ground),var(--demo-ink) 3%);border-radius:6px;}
.pm-native .pm-seat.muted{opacity:1;}.pm-native .pm-seat.muted h3{opacity:.45;}
.pm-native .pm-seat-orb{position:relative;height:140px;margin-top:20px;display:block;padding:0;border:0;touch-action:pan-x;}
.pm-native .pm-seat-orb img{width:100%;height:100%;object-fit:contain;border:0;transition:opacity .15s;}
.pm-native .pm-seat.muted .pm-seat-orb img{opacity:0;}
.pm-empty-orbit{display:none;position:absolute;left:50%;top:50%;width:49px;height:49px;transform:translate(-50%,-50%);border:1px solid var(--demo-ink);opacity:.55;border-radius:50%;}
.pm-seat.muted .pm-empty-orbit{display:block;}
.pm-native .pm-seat h3{font:9px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;margin:5px 0 10px;}
.pm-native .pm-seat .pm-lock{position:absolute;top:0;right:0;width:30px;min-height:28px;padding:6px;border:0;margin:0;background:transparent;}
.pm-native .pm-lock .pm-carbon{width:12px;height:12px;}
.pm-native .pm-seat.locked{border-color:#9e9184;}.pm-native .pm-seat.locked .pm-lock{color:#da7967;}
.pm-native .pm-seat label{display:block;}.pm-native .pm-seat input{appearance:none;min-height:3px;height:3px;display:block;width:100%;margin:10px 0;background:linear-gradient(to right,#ee7b69 var(--influence),var(--demo-line) var(--influence));}
.pm-native .pm-seat input::-webkit-slider-thumb{appearance:none;width:9px;height:12px;background:#ee7b69;opacity:0;}.pm-native .pm-seat input:focus::-webkit-slider-thumb,.pm-native .pm-seat input:hover::-webkit-slider-thumb{opacity:1;}
.pm-audition-toolbar{display:flex;justify-content:flex-end;gap:0;padding:12px;}.pm-audition-toolbar button+button{border-left:0;}
.pm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.pm-diva-demo{position:relative;isolation:isolate;}
.pm-diva-demo>.pm-native-header{position:relative;z-index:4;}
.pm-diva-demo>.pm-native-header>span:first-child{white-space:nowrap;}
.pm-diva-app-actions{display:flex;align-items:center;gap:9px;}
.pm-diva-menu{display:grid;gap:3px;align-content:center;justify-items:center;width:25px;height:25px;border:1px solid var(--demo-line);border-radius:3px;opacity:.55;}
.pm-diva-menu i{display:block;width:12px;height:1px;background:currentColor;}
.pm-diva-demo [data-open-diva]{position:relative;z-index:2;white-space:nowrap;border-color:var(--demo-line);background:transparent;}
.pm-diva-demo:not(.pm-diva-opened) [data-open-diva]{border-color:var(--pm-signal);background:color-mix(in srgb,var(--demo-ground),var(--pm-signal) 12%);--pm-glow-x:0px;--pm-glow-y:5px;animation:pm-guide-glow 3s ease-in-out infinite;}
.pm-diva-open-cue{position:absolute;right:47px;top:55px;z-index:4;white-space:nowrap;padding:6px 9px;border:1px solid var(--demo-line);border-radius:4px;background:var(--demo-ground);font:9px/1.3 var(--font-mono);letter-spacing:.07em;pointer-events:none;box-shadow:0 3px 10px #0003;}
.pm-diva-open-cue::after{content:'↗';position:absolute;right:28px;top:-19px;color:#e78b77;font-size:17px;text-shadow:0 2px 8px #e78b7770;}
.pm-diva-opened .pm-diva-open-cue{display:none;}
.pm-diva-workspace{opacity:.55;filter:saturate(.6);pointer-events:none;user-select:none;transition:opacity .2s ease;}
.pm-diva-opened .pm-diva-workspace{opacity:.28;}
.pm-diva-map{background:var(--demo-ground);}
.pm-diva-static-controls{position:absolute;inset:0;pointer-events:none;}
.pm-diva-static-controls .pm-controls{box-shadow:none!important;}
.pm-diva-rail{border-top:1px solid var(--demo-line);}
.pm-native.pm-diva-demo .pm-seats{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;padding:5px;overflow:hidden;}
.pm-diva-demo .pm-seat{min-width:0;padding:3px;border-radius:4px;}
.pm-diva-demo .pm-seat .pm-lock{display:none;}
.pm-native.pm-diva-demo .pm-seat-orb{height:52px;margin:2px 0 0;}
.pm-diva-demo .pm-seat-orb img{width:100%;height:100%;object-fit:contain;}
.pm-diva-demo .pm-seat h3{margin:0 0 3px;font:7px/1.2 var(--font-mono);letter-spacing:0;overflow:hidden;text-overflow:ellipsis;}
.pm-diva-demo .pm-seat label{display:block;}
.pm-diva-demo .pm-seat input{margin:0 0 2px;min-height:2px;height:2px;}
.pm-diva-panel{position:absolute;z-index:5;top:70px;left:4%;width:92%;overflow:hidden;border:0;border-radius:7px;background:#17191d;color:#f1eee8;box-shadow:0 15px 45px #000a;}
.pm-diva-panel[hidden]{display:none;}
.pm-diva-window-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:33px;padding:3px 9px;background:linear-gradient(#35383d,#272a2e);border-bottom:1px solid #121416;font:10px/1.4 var(--font-mono);}
.pm-diva-window-lights{display:flex;align-items:center;gap:5px;min-width:50px;}
.pm-diva-panel .pm-diva-window-lights [data-close-diva-light]{display:grid;place-items:center;flex:none;width:20px;height:20px;min-height:20px;padding:0;border:0;background:transparent;}
.pm-diva-panel .pm-diva-window-lights [data-close-diva-light]::before{content:'×';display:grid;place-items:center;width:11px;height:11px;border:1px solid #0003;border-radius:50%;background:#ff6058;font:10px/1 sans-serif;color:transparent;}
.pm-diva-panel .pm-diva-window-lights [data-close-diva-light]:hover::before,.pm-diva-panel .pm-diva-window-lights [data-close-diva-light]:focus-visible::before{color:#6f2423;}
.pm-diva-window-lights i{display:block;width:9px;height:9px;border-radius:50%;border:1px solid #0003;}
.pm-diva-window-lights i:nth-child(2){background:#febc2e;}.pm-diva-window-lights i:nth-child(3){background:#28c840;}
.pm-diva-window-title{text-align:center;}
.pm-diva-panel [data-close-diva]{flex:none;min-height:25px;padding:3px 6px;color:#f1eee8;border-color:var(--pm-signal);background:color-mix(in srgb,var(--pm-signal),transparent 86%);white-space:nowrap;--pm-glow-x:0px;--pm-glow-y:3px;animation:pm-guide-glow 3s ease-in-out infinite;}
.pm-diva-panel [data-close-diva] .pm-carbon{width:14px;height:14px;}
.pm-diva-panel img{display:block;width:100%;height:auto;border:0;border-radius:0;}
@media(max-width:700px){.pm-diva-static-controls.pm-native-layers{display:none;}.pm-diva-demo .pm-native-radius .pm-controls{left:8px;right:auto;top:6px;}.pm-diva-demo .pm-native-relationships .pm-controls{top:58%;}.pm-native.pm-diva-demo .pm-seat-orb{height:33px;}.pm-diva-demo .pm-seat h3{font-size:6px;}.pm-diva-panel{top:65px;}.pm-diva-window-bar{font-size:9px;}.pm-diva-panel [data-close-diva] span{display:none;}}
@media(prefers-reduced-motion:reduce){.pm-diva-demo [data-open-diva],.pm-diva-panel [data-close-diva]{animation:none!important;}.pm-diva-demo:not(.pm-diva-opened) [data-open-diva],.pm-diva-panel [data-close-diva]{box-shadow:0 5px 18px -2px color-mix(in srgb,var(--pm-signal),transparent 53%);}}
.pm-bookmark-stage{height:450px;position:relative;background-image:radial-gradient(var(--demo-line) 1px,transparent 1px);background-size:53px 61px;}
.pm-bookmark-sound{position:absolute;inset:35px 115px 35px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;}
.pm-bookmark-sound img{width:150px;height:150px;border:0;}.pm-bookmark-name{font:11px var(--font-mono);}
.pm-bookmark-rail{position:absolute;right:26px;top:30px;bottom:30px;width:62px;border:1px solid var(--demo-line);border-radius:36px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--demo-ground),var(--demo-ink) 3%);box-shadow:0 4px 12px #0001;}
.pm-bookmark-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--demo-line);border-radius:50%;}
.pm-bookmark-rail button{padding:0;border:0;width:36px;height:36px;border-radius:50%;min-height:36px;background:transparent!important;box-shadow:none!important;}
.pm-bookmark-rail button span{width:23px;height:23px;border:2px solid #b9928a;border-radius:50%;background:transparent;}.pm-bookmark-rail button.filled span{background:#d98674;border-color:#eca38e;}.pm-bookmark-rail button[aria-pressed="true"]{outline:1px solid var(--demo-ink);outline-offset:2px;}
@media(max-width:600px){.pm-native button{padding:6px;font-size:8px;gap:4px;}.pm-native .pm-carbon{width:14px;height:14px;}.pm-native .pm-seats{grid-template-columns:repeat(8,105px);}.pm-native .pm-seat-orb{height:110px;}.pm-native .pm-field>svg text{font-size:9px;}.pm-native .pm-controls{bottom:6px;}.pm-native-radius .pm-controls{top:6px;bottom:auto;}.pm-native-relationships .pm-controls{top:50%;bottom:auto;}.pm-native-mini span{font-size:7px;}.pm-native-mini img{min-height:42px;}.pm-native-header{font-size:8px;letter-spacing:.04em;}.pm-bookmark-stage{height:390px;}.pm-bookmark-rail{right:15px;top:15px;bottom:15px;}.pm-bookmark-sound{right:90px;left:5px;}.pm-bookmark-sound img{width:110px;height:110px;}.pm-bookmark-name{font-size:9px;}}
.pm-native .pm-field .pm-carbon{display:inline-block;width:17px;height:17px;flex:0 0 17px;}

/* Keep identity sharp and preserve the app artwork at its intended scale. */
.pm-product-mark{display:block;width:20px;height:20px;flex:0 0 20px;fill:none;}
.pm-native .pm-field>svg{shape-rendering:geometricPrecision;}
.pm-native .pm-planets image{image-rendering:auto;}
.pm-native-mini img{max-width:72px;image-rendering:auto;}
.pm-product-preview>img{border:0;border-radius:4px;}

/* Guide the first interaction without covering the planets being demonstrated. */
.pm-tour-bridge{display:block;padding-block:78px!important;border-top:1px solid var(--line);}
.pm-tour-bridge-copy{max-width:790px;}
.pm-tour-bridge .pm-label{margin:0 0 22px;}
.pm-tour-bridge h2{margin:0 0 22px;max-width:980px;}
.pm-tour-bridge-copy>p:not(.pm-label){max-width:700px;color:var(--ink-2);}.pm-tour-bridge-copy>p:last-child{margin-bottom:0;}
.pm-tour-bridge .pm-bridge-field{--pm-bridge-ink:var(--ink);--pm-bridge-accent:#b86355;position:relative;width:min(100%,980px);min-width:0;aspect-ratio:960/460;margin:46px auto 0;overflow:hidden;color:var(--pm-bridge-ink);background:radial-gradient(ellipse at 51% 52%,color-mix(in srgb,var(--pm-bridge-accent) 9%,transparent),transparent 38%);}
[data-theme="dark"] .pm-tour-bridge .pm-bridge-field{--pm-bridge-accent:#e38b77;}
.pm-bridge-field::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(color-mix(in srgb,var(--ink-2) 55%,transparent) .7px,transparent 1px) 0 0/37px 43px,radial-gradient(color-mix(in srgb,var(--ink-2) 30%,transparent) .7px,transparent 1px) 17px 21px/59px 67px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 72%);}
.pm-bridge-paths{position:absolute;inset:0;width:100%;height:100%;}
.pm-bridge-paths path{fill:none;stroke:var(--pm-bridge-ink);stroke-width:1;opacity:.28;vector-effect:non-scaling-stroke;}
.pm-bridge-reach{position:absolute;left:51%;top:52%;width:34%;aspect-ratio:1;border:1px dashed var(--pm-bridge-ink);border-radius:50%;opacity:.16;transform:translate(-50%,-50%);pointer-events:none;}
.pm-bridge-planet{position:absolute;display:grid;justify-items:center;gap:4px;width:14%;transform:translate(-50%,-50%);font:10px/1.4 var(--font-mono);letter-spacing:.12em;text-shadow:0 0 4px var(--bg),0 0 10px var(--bg);}
.pm-bridge-planet img{width:100%;max-width:92px;height:auto;border:0;filter:drop-shadow(0 9px 15px #0003);}
[data-theme="dark"] .pm-bridge-planet img{filter:drop-shadow(0 9px 15px #000a);}
.pm-bridge-planet-a{left:15%;top:26%;}.pm-bridge-planet-b{left:73%;top:21%;}.pm-bridge-planet-c{left:83%;top:72%;}.pm-bridge-planet-d{left:27%;top:76%;}
.pm-bridge-landing{position:absolute;left:51%;top:52%;display:grid;justify-items:center;gap:17px;transform:translate(-50%,-10px);white-space:nowrap;font:10px/1.3 var(--font-mono);letter-spacing:.12em;color:var(--pm-bridge-ink);text-shadow:0 0 4px var(--bg),0 0 10px var(--bg),0 0 16px var(--bg);}
.pm-bridge-landing i{width:20px;height:20px;border:1px solid var(--pm-bridge-accent);border-radius:50%;background:color-mix(in srgb,var(--pm-bridge-accent) 62%,transparent);box-shadow:0 0 0 8px color-mix(in srgb,var(--pm-bridge-accent) 10%,transparent),0 0 32px color-mix(in srgb,var(--pm-bridge-accent) 60%,transparent);animation:pm-bridge-breathe 4.2s ease-in-out infinite;}
@keyframes pm-bridge-breathe{0%,100%{transform:scale(1);box-shadow:0 0 0 7px color-mix(in srgb,var(--pm-bridge-accent) 9%,transparent),0 0 24px color-mix(in srgb,var(--pm-bridge-accent) 45%,transparent);}50%{transform:scale(1.16);box-shadow:0 0 0 13px color-mix(in srgb,var(--pm-bridge-accent) 6%,transparent),0 0 46px color-mix(in srgb,var(--pm-bridge-accent) 70%,transparent);}}
@media(prefers-reduced-motion:reduce){.pm-bridge-landing i{animation:none;}}
.pm-bridge-field figcaption{position:absolute;left:22px;right:22px;bottom:15px;margin:0;display:flex;justify-content:center;gap:9px;align-items:center;color:var(--ink-2);font:10px/1.3 var(--font-mono);letter-spacing:.08em;}
@media(max-width:700px){.pm-tour-bridge{padding-block:60px!important;}.pm-tour-bridge .pm-bridge-field{margin-top:32px;aspect-ratio:1.28;}.pm-bridge-planet{width:17%;font-size:8px;}.pm-bridge-planet img{max-width:65px;}.pm-bridge-landing{gap:10px;font-size:8px;}.pm-bridge-landing i{width:15px;height:15px;}.pm-bridge-field figcaption{left:12px;right:12px;bottom:10px;font-size:8px;}}
@media(max-width:480px){.pm-tour-bridge .pm-bridge-field{aspect-ratio:1;}.pm-bridge-planet{width:20%;font-size:7px;}.pm-bridge-planet img{max-width:56px;}.pm-bridge-field figcaption{font-size:7px;}}
.pm-native .pm-action-cue{position:absolute;z-index:3;left:50%;bottom:60px;transform:translateX(-50%);display:inline-flex;align-items:center;white-space:nowrap;padding:7px 10px;border:1px solid var(--demo-line);border-radius:4px;background:var(--demo-ground);color:var(--demo-ink);font:10px/1.4 var(--font-mono);letter-spacing:.06em;pointer-events:none;box-shadow:0 3px 10px #0002;}
.pm-action-cue::after{content:'↓';position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);color:#e78b77;font-size:17px;line-height:1;text-shadow:0 2px 8px #e78b7770;}
.pm-native-layers .pm-action-cue{left:70px;bottom:58px;transform:none;}
.pm-native-layers .pm-action-cue::after{content:'↙';left:-13px;bottom:-19px;transform:none;}
.pm-native-radius .pm-action-cue{left:185px;top:12px;bottom:auto;transform:none;}
.pm-native-radius .pm-action-cue::after{content:'←';left:-19px;top:50%;bottom:auto;transform:translateY(-50%);}
.pm-native-relationships .pm-action-cue{left:60px;top:calc(50% + 85px);bottom:auto;transform:none;}
.pm-native-relationships .pm-action-cue::after{content:'↖';left:-18px;top:-18px;bottom:auto;transform:none;}
.pm-native-jump .pm-action-cue{left:auto;right:calc(50% + 150px);bottom:12px;width:120px;min-height:36px;justify-content:center;white-space:normal;text-align:center;transform:none;}
.pm-native-jump .pm-action-cue::after{content:'→';left:auto;right:-19px;top:50%;bottom:auto;transform:translateY(-50%);}
.pm-native-jump.pm-guide-next .pm-action-cue{left:50%;right:auto;bottom:60px;width:auto;min-height:0;white-space:nowrap;transform:translateX(-50%);}
.pm-native-jump.pm-guide-next .pm-action-cue::after{content:'↓';left:calc(50% + 50px);right:auto;top:auto;bottom:-18px;transform:translateX(-50%);}
.pm-native[data-guided="true"]:not(.pm-guided-used) .pm-controls{--pm-glow-x:0px;--pm-glow-y:5px;animation:pm-guide-glow 3s ease-in-out infinite;}
.pm-native-relationships[data-guided="true"]:not(.pm-guided-used) .pm-controls{--pm-glow-x:5px;--pm-glow-y:0px;}
.pm-native[data-guided="true"].pm-guided-used .pm-action-cue{display:none;}
.pm-native-radius:not(.pm-guided-used) .pm-reach{stroke:var(--pm-signal);opacity:.5;animation:pm-reach-flow 8s linear infinite;}
.pm-native-relationships .pm-controls button span{z-index:2;border:1px solid var(--demo-line);border-radius:4px;box-shadow:0 4px 12px #0002;padding:7px 10px;font-size:11px;min-width:75px;text-align:left;}
@keyframes pm-guide-glow{0%,100%{box-shadow:var(--pm-glow-x) var(--pm-glow-y) 16px -3px color-mix(in srgb,var(--pm-signal),transparent 67%),0 2px 5px #0001;}50%{box-shadow:var(--pm-glow-x) var(--pm-glow-y) 21px -1px color-mix(in srgb,var(--pm-signal),transparent 47%),0 2px 5px #0001;}}
@keyframes pm-reach-flow{to{stroke-dashoffset:-88;}}
@media(max-width:950px){.pm-tour-bridge{grid-template-columns:1fr;}}
@media(max-width:600px){
 .pm-native .pm-action-cue{font-size:8px;padding:5px 7px;}
 .pm-native-layers .pm-action-cue{left:70px;bottom:48px;}
 .pm-native-layers .pm-action-cue::after{left:-11px;bottom:-16px;}
 .pm-native-radius .pm-action-cue{left:180px;top:6px;bottom:auto;}
 .pm-native-relationships .pm-action-cue{left:52px;top:calc(50% + 76px);bottom:auto;}
 .pm-native-relationships .pm-controls button span{font-size:10px;}
 .pm-native-jump .pm-action-cue{left:12px;right:auto;bottom:48px;width:auto;min-height:0;white-space:nowrap;transform:none;}
 .pm-native-jump .pm-action-cue::after{content:'↓';left:68px;right:auto;top:auto;bottom:-17px;transform:translateX(-50%);}
 .pm-native-jump.pm-guide-next .pm-action-cue{left:50%;right:auto;bottom:48px;transform:translateX(-50%);}
 .pm-native-jump.pm-guide-next .pm-action-cue::after{left:calc(50% + 40px);}
}
@media(prefers-reduced-motion:reduce){.pm-native .pm-controls,.pm-native .pm-reach{animation:none!important;}.pm-native[data-guided="true"]:not(.pm-guided-used) .pm-controls{box-shadow:var(--pm-glow-x,0px) var(--pm-glow-y,5px) 18px -2px color-mix(in srgb,var(--pm-signal),transparent 53%);}}

/* Keep the full preset rail visible instead of exposing a horizontal scrollbar. */
.pm-native.pm-mixer .pm-seats{grid-template-columns:repeat(8,minmax(0,1fr));overflow:visible;}
@media(max-width:820px){.pm-native.pm-mixer .pm-seats{grid-template-columns:repeat(4,minmax(0,1fr));}.pm-native.pm-mixer .pm-seat-orb{height:95px;margin-top:16px;}}
@media(max-width:480px){.pm-native.pm-mixer .pm-seat-orb{height:68px;margin-top:10px;}.pm-native.pm-mixer .pm-seat h3{font-size:11px;margin:6px 0;}.pm-native.pm-mixer .pm-seat .pm-lock{width:24px;min-height:24px;padding:4px;}}

/* Semantic controls use the approved plum/cream pair; artwork stays unchanged. */
[data-theme="dark"] .pm { --pm-signal:#ede2d1; }
.pm-diva-panel { --pm-signal:#ede2d1; }

/* A native field exploring itself, framed as Seamark's open hero rather than a window. */
body:has(#landing.pm){overflow-x:clip;}
html[data-shell-page="product"] #landing.pm{overflow-x:visible;}
.pm .pm-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);align-items:center;min-height:clamp(560px,calc(100svh - var(--chrome-top) - var(--product-nav-height,56px) - 28px),780px);margin-top:-28px;padding:42px 0 64px;gap:0;border:0;}
.pm-hero-copy{position:relative;z-index:2;max-width:500px;min-width:0;text-shadow:0 2px 18px var(--bg);}
.pm-hero h1{font-size:clamp(46px,4.65vw,68px);line-height:1.04;}
.pm-hero .pm-label{margin-bottom:20px;font-size:10px;}
.pm-hero .pm-lead{font-size:clamp(19px,1.65vw,23px);line-height:1.45;margin-top:22px;max-width:28em;}
.pm-hero .pm-actions{gap:10px;margin-top:25px;}
.pm-hero .pm-button{gap:12px;padding:14px 16px;font-size:11px;white-space:nowrap;}
.pm .pm-hero-offer{display:flex;flex-wrap:wrap;gap:4px 12px;margin:17px 0 0;font:10px/1.6 var(--font-mono);color:var(--ink-2);}
.pm-hero-offer a{color:var(--ink);text-underline-offset:4px;text-decoration-thickness:1px;}
.pm-hero .pm-fine{margin-top:14px;font-size:10px;line-height:1.65;max-width:440px;}
.pm-hero-sea{--pm-sea-ink:var(--ink);--pm-sea-muted:var(--ink-2);--pm-sea-accent:#b86355;--pm-sea-center:70%;position:absolute;z-index:0;inset:0 calc(50% - 50vw);overflow:hidden;color:var(--ink);background:radial-gradient(ellipse at 75% 38%,color-mix(in srgb,var(--pm-signal) 6%,var(--bg)),var(--bg) 67%);}
[data-theme="dark"] .pm-hero-sea{--pm-sea-accent:#e38b77;}
.pm-hero-sea::after{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 22%,color-mix(in srgb,var(--bg) 86%,transparent) 34%,transparent 56%),linear-gradient(0deg,var(--bg) 0%,transparent 18%,transparent 85%,color-mix(in srgb,var(--bg) 70%,transparent) 100%);}
.pm-hero-field{position:absolute;top:0;bottom:106px;right:-5vw;width:75vw;max-width:1120px;overflow:hidden;pointer-events:none;}
.pm-hero-field>svg{display:block;width:100%;height:100%;}
.pm-hero-dots circle{fill:var(--pm-sea-muted);opacity:.4;}
.pm-hero-reach{fill:none;stroke:var(--pm-sea-ink);stroke-width:.8;stroke-dasharray:3 6;opacity:.18;}
.pm-hero-lines line,.pm-hero-lines path{fill:none;stroke:var(--pm-sea-ink);}
[data-pm-static] .pm-hero-lines{opacity:.22;}
.pm-hero-planet-ring{fill:none;stroke:var(--pm-sea-accent);stroke-width:1.2;}
.pm-hero-field text{fill:var(--pm-sea-ink);font:8.5px var(--font-mono);letter-spacing:.8px;}
.pm-hero-influence-track{stroke:var(--pm-sea-ink);stroke-width:1.4;opacity:.15;}
.pm-hero-influence{stroke:var(--pm-sea-accent);stroke-width:2.2;}
.pm-hero-cursor circle{fill:var(--pm-sea-accent);}
.pm-hero-cursor circle:nth-child(1){opacity:.13;}
.pm-hero-cursor circle:nth-child(2){opacity:.35;}
.pm-hero-cursor circle:nth-child(3){stroke:var(--bg);stroke-width:.7;}

@media(max-width:1100px){.pm .pm-hero{grid-template-columns:minmax(0,420px) minmax(0,1fr);}.pm-hero h1{font-size:clamp(44px,5.3vw,60px);}.pm-hero-sea{--pm-sea-center:72%;}.pm-hero-field{right:-12vw;width:80vw;}}
/* The walkthrough is the first thing on a phone, before the headline and CTAs. */
@media(max-width:860px){.pm .pm-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;margin-top:0;padding:0 0 28px;}.pm-hero-copy{order:1;max-width:650px;}.pm-hero h1{font-size:clamp(42px,7.5vw,64px);}.pm-hero .pm-lead{font-size:20px;max-width:590px;}.pm .pm-hero-sea{position:relative;order:0;flex:none;left:auto;right:auto;top:auto;bottom:auto;width:100vw;height:clamp(270px,39svh,350px);margin:-10px calc(50% - 50vw) 21px;--pm-sea-center:50%;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--pm-signal) 6%,var(--bg)),var(--bg) 72%);}.pm-hero-sea::after{background:linear-gradient(180deg,var(--bg) 0%,transparent 9%,transparent 80%,var(--bg) 100%);}.pm-hero-field{top:9px;bottom:77px;right:0;width:100%;max-width:none;}.pm-hero-field text{font-size:13px;letter-spacing:.4px;}}
@media(max-width:540px){.pm-hero h1{font-size:clamp(38px,10.3vw,52px);}.pm-hero .pm-lead{font-size:19px;margin-top:18px;}.pm-hero .pm-actions{gap:9px;margin-top:22px;}.pm-hero .pm-button{flex:1;gap:10px;padding:13px 12px;font-size:10px;}.pm .pm-hero-offer{font-size:9px;gap:4px 9px;margin-top:14px;}.pm-hero .pm-fine{font-size:9px;}.pm-hero-field text{font-size:14px;}.pm .pm-hero-sea{margin-bottom:19px;}}

/* The catalogue occupies the hero itself, including the space behind its copy. */
.pm-hero-field{inset:-35px -2% -80px;width:auto;max-width:none;}
.pm-hero-sea::after{background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 94%,transparent) 20%,color-mix(in srgb,var(--bg) 84%,transparent) 34%,color-mix(in srgb,var(--bg) 40%,transparent) 47%,transparent 58%),linear-gradient(0deg,var(--bg),transparent 18%,transparent 90%,color-mix(in srgb,var(--bg) 55%,transparent));}
.pm-galaxy-catalogue{pointer-events:none;}
.pm-galaxy-landing circle:first-child{fill:none;stroke:var(--pm-sea-accent);stroke-width:1;opacity:.7;}
.pm-galaxy-landing circle:last-child{fill:var(--pm-sea-accent);}
.pm-hero-field text{font-size:9px;letter-spacing:.65px;opacity:.82;}
html:not([data-theme="dark"]) .pm-galaxy-catalogue{opacity:.48;}
.pm img[src*="media/planets/"]:not([data-pm-planet-ready]),.pm image[href*="media/planets/"]:not([data-pm-planet-ready]){visibility:hidden;}
@media(max-width:860px){
 .pm .pm-hero{--pm-preview-height:clamp(240px,30svh,300px);}
 /* One canvas spans both the opening scene and the copy. It is not a
    separate figure with a black seam between the scene and the headline. */
 .pm .pm-hero-sea{position:absolute;inset:0 calc(50% - 50vw);width:auto;height:auto;overflow:hidden;background:none;margin:0;}
 .pm-hero-field{inset:0;width:100%;max-width:none;}
 .pm-hero-sea::after{inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 60%,transparent),transparent 8%,transparent 27%,color-mix(in srgb,var(--bg) 72%,transparent) 37%,color-mix(in srgb,var(--bg) 90%,transparent) 55%,var(--bg) 90%);}
 .pm-hero-copy{padding-top:calc(var(--pm-preview-height) + 12px);text-shadow:0 2px 14px var(--bg);}
 .pm-hero-field text{font-size:15px;letter-spacing:.4px;}
}