/* Product storytelling below the original hero. All selectors are scoped. */
.photon-landing{--story-paper:#f7f8fa;--story-card:#fff;--story-text:#171b23;--story-muted:#606977;--story-line:#dce1e8;--story-accent:#7057c9}
[data-theme=dark] .photon-landing{--story-paper:#0c1017;--story-card:#141a24;--story-text:#f3f5f9;--story-muted:#a7b0c0;--story-line:#2b3443;--story-accent:#bba4ff}
.photon-landing .story-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:end;margin-bottom:48px}
.photon-landing .story-heading>p,.photon-landing .story-analysis-copy>p,.photon-landing .story-start p{color:var(--story-muted);font-size:17px;line-height:1.75;max-width:490px;margin:0 0 8px}
.photon-landing .story-heading h2,.photon-landing .story-analysis h2,.photon-landing .story-start h2,.photon-landing .story-faq h2{color:var(--story-text)!important;font-size:clamp(38px,4.7vw,68px)!important;line-height:1.05!important;letter-spacing:-.05em!important;word-spacing:normal}
.photon-landing .story-tour,.photon-landing .story-playground,.photon-landing .story-tools,.photon-landing .story-faq{background:var(--story-paper);color:var(--story-text)}
.photon-landing .story-tour{border-top:1px solid var(--story-line);padding-bottom:90px}
.photon-landing .landing-label{color:var(--story-muted);font:650 11px/1.5 ui-monospace,monospace;letter-spacing:.17em}
.photon-landing .story-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}
.photon-landing .story-tabs button{position:relative;display:grid;grid-template-columns:34px 1fr;gap:8px;text-align:left;padding:22px;border:1px solid var(--story-line);border-radius:14px;color:var(--story-muted);background:transparent;transition:background .25s,border-color .25s,transform .25s}
.photon-landing .story-tabs button[aria-selected=true]{background:var(--story-card);border-color:var(--story-text);color:var(--story-text);box-shadow:0 6px 20px #00000005}
.photon-landing .story-tabs small{grid-row:span 2;font:12px ui-monospace,monospace;padding-top:3px;color:var(--story-accent)}
.photon-landing .story-tabs strong{font-size:16px;letter-spacing:-.02em}.photon-landing .story-tabs span{font-size:12px;line-height:1.5}
.photon-landing .story-screens{position:relative;background:var(--story-card);border:1px solid var(--story-line);border-radius:18px;box-shadow:0 30px 65px #17223d12;overflow:hidden}
.photon-landing .story-screens figure{margin:0;animation:story-screen-in .4s ease both}.photon-landing .story-screens [hidden]{display:none!important}
.photon-landing .story-screens img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#fff}
.photon-landing .story-screens figcaption{display:flex;align-items:center;gap:8px;padding:17px 24px;border-top:1px solid var(--story-line);font:12px/1.5 ui-monospace,monospace;color:var(--story-muted)}
.photon-landing .story-screens figcaption a{margin-left:auto;font-family:inherit;color:var(--story-text)}.photon-landing .story-dot{width:6px;height:6px;border-radius:50%;background:#25a279;display:inline-block}
.photon-landing .story-tour-footer{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:28px}.photon-landing .story-tour-footer p{color:var(--story-muted);font-size:14px;line-height:1.6}
.photon-landing .story-link{font-size:14px;font-weight:650;color:var(--story-text);display:inline-flex;gap:24px;align-items:center;border-bottom:1px solid var(--story-line);padding:10px 0;white-space:nowrap}.photon-landing .story-link:hover{color:var(--story-accent);border-color:currentColor}
.photon-landing .story-playground{padding-top:60px;background:linear-gradient(145deg,#d9d0fa18,#b8e0f526),var(--story-paper)}
.photon-landing .story-experiment{display:grid;grid-template-columns:1.6fr 1fr;border:1px solid var(--story-line);border-radius:22px;background:var(--story-card);overflow:hidden}
.photon-landing .story-experiment-visual{display:flex;flex-direction:column;justify-content:space-between;min-width:0;background-image:radial-gradient(var(--story-line) .7px,transparent .7px);background-size:20px 20px;padding:28px 28px 0}
.photon-landing .story-window-label{display:flex;justify-content:space-between;gap:15px;font:10px/1.5 ui-monospace,monospace;letter-spacing:.1em;color:var(--story-muted)}
.photon-landing .story-live{color:var(--story-accent)}.photon-landing .story-experiment svg{display:block;width:100%;overflow:visible;margin:40px 0}
.photon-landing .story-wires path{fill:none;stroke:#76acb9;stroke-width:3}.photon-landing .story-flow path{fill:none;stroke:var(--story-accent);stroke-width:3;stroke-dasharray:6 28;animation:story-flow 3s linear infinite}
.photon-landing .story-gates rect{fill:var(--story-card);stroke:#a494d1;stroke-width:1.5}.photon-landing .story-glyphs{fill:var(--story-text);font:26px system-ui;text-anchor:middle}.photon-landing .story-svg-labels{fill:var(--story-muted);font:12px ui-monospace,monospace;text-anchor:middle}
.photon-landing .story-code-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--story-line);margin:0 -28px;padding:24px 28px;background:var(--story-paper);gap:10px;color:var(--story-text);font-size:12px}.photon-landing .story-code-line span[data-phase-code]{color:var(--story-accent);font-weight:700}
.photon-landing .story-experiment-controls{padding:40px;border-left:1px solid var(--story-line)}.photon-landing .story-experiment h3{font-size:32px;line-height:1.12;letter-spacing:-.04em;margin:20px 0 32px;color:var(--story-text)}
.photon-landing .story-experiment label{display:flex;justify-content:space-between;font-size:13px;font-weight:650;margin-bottom:18px}.photon-landing .story-experiment output{color:var(--story-accent);font-family:ui-monospace,monospace}
.photon-landing .story-experiment input[type=range]{width:100%;accent-color:var(--story-accent);cursor:pointer;margin:0;min-height:24px}.photon-landing .story-range-labels{display:flex;justify-content:space-between;color:var(--story-muted);font:10px ui-monospace,monospace;margin:8px 0 28px}
.photon-landing .story-power{display:grid;grid-template-columns:1fr 1fr;gap:16px}.photon-landing .story-power>div{display:grid;gap:10px}.photon-landing .story-power span{font-size:11px;color:var(--story-muted)}.photon-landing .story-power strong{font-size:20px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.photon-landing .story-power meter{width:100%;height:8px}.photon-landing .story-power meter::-webkit-meter-bar{background:var(--story-line);border:0}.photon-landing .story-power meter::-webkit-meter-optimum-value{background:var(--story-accent)}
.photon-landing .story-play{padding:10px 14px;margin:28px 0 0;background:transparent;color:var(--story-text);border:1px solid var(--story-line);border-radius:8px;font-size:12px}.photon-landing .story-play:hover{border-color:var(--story-accent)}
.photon-landing .story-model-note{font-size:11px!important;line-height:1.7!important;color:var(--story-muted);margin-top:20px!important;max-width:460px}
.photon-landing .story-analysis{display:grid;grid-template-columns:.9fr 1.2fr;gap:6%;align-items:center;background:var(--story-card);color:var(--story-text);overflow:hidden}.photon-landing .story-analysis-copy{min-width:0}.photon-landing .story-analysis-copy h2{margin-bottom:28px!important}.photon-landing .story-checks{padding:0;list-style:none;margin:26px 0}.photon-landing .story-checks li{display:flex;gap:12px;margin:15px 0;font-size:13px;color:var(--story-muted)}.photon-landing .story-checks li:before{content:'✓';color:var(--story-accent)}
.photon-landing .story-analysis-screen{position:relative;min-width:0;margin:0;border:1px solid var(--story-line);border-radius:16px;background:var(--story-paper);overflow:hidden;box-shadow:0 25px 55px #18204012;transform:perspective(1400px) rotateY(-5deg)}.photon-landing .story-analysis-screen img{display:block;width:100%;height:auto}.photon-landing .story-analysis-screen figcaption{padding:16px 20px;font:11px ui-monospace,monospace;color:var(--story-muted)}.photon-landing .story-scan{position:absolute;top:15%;bottom:15%;width:2px;background:linear-gradient(transparent,#9c81e955,transparent);animation:story-scan 7s ease-in-out infinite;pointer-events:none}
.photon-landing .story-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.photon-landing .story-tool-grid article{border-top:1px solid var(--story-line);padding:0 0 22px;min-width:0}.photon-landing .story-tool-grid h3{font-size:25px;line-height:1.2;letter-spacing:-.035em;margin:17px 0;color:var(--story-text)}.photon-landing .story-tool-grid p{font-size:14px;line-height:1.8;color:var(--story-muted);min-height:100px}.photon-landing .story-tool-grid a{font-size:12px;font-weight:650;color:var(--story-text);text-decoration:underline;text-underline-offset:6px}.photon-landing .story-tool-grid small{display:block;font-size:10px;color:var(--story-muted);line-height:1.6;margin-top:20px}
.photon-landing .story-tool-art{height:170px;position:relative;margin-bottom:26px;display:flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(135deg,#d3cdf520,#b8dcec1c);border-bottom:1px solid var(--story-line);overflow:hidden;color:var(--story-accent)}.photon-landing .story-tool-art i{font-style:normal}.photon-landing .story-art-code span{font:20px ui-monospace,monospace;border:1px solid var(--story-line);padding:18px;border-radius:12px;background:var(--story-card)}.photon-landing .story-art-project span{font-size:28px}.photon-landing .story-art-project i{font:13px ui-monospace,monospace;color:var(--story-text)}.photon-landing .story-art-layout{align-items:end;padding:20px}.photon-landing .story-art-layout svg{position:absolute;inset:0;width:100%;height:110px;fill:none;stroke:#8c7fb5;stroke-width:2}.photon-landing .story-art-layout span{font:10px ui-monospace,monospace;border:1px solid var(--story-line);border-radius:5px;padding:6px 12px;background:var(--story-card)}
.photon-landing .story-start{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;background:radial-gradient(ellipse at 90% 60%,#c7b4f738,transparent 55%),var(--story-card);color:var(--story-text);border-top:1px solid var(--story-line);overflow:hidden}.photon-landing .story-start-actions{display:flex;align-items:center;gap:28px;margin-top:32px;flex-wrap:wrap}.photon-landing .story-start-orbit{position:relative;aspect-ratio:1;border:1px solid var(--story-line);border-radius:50%;margin:30px;transform:rotate(-15deg)}.photon-landing .story-start-orbit:before{content:'';position:absolute;inset:15%;border:1px solid var(--story-line);border-radius:50%}.photon-landing .story-start-orbit span{position:absolute;display:grid;place-items:center;width:80px;height:80px;background:var(--story-card);border:1px solid var(--story-line);border-radius:22px;font:30px ui-monospace,monospace;box-shadow:0 10px 25px #171c3310;transform:rotate(15deg)}.photon-landing .story-start-orbit span:nth-child(1){left:-10px;top:35%}.photon-landing .story-start-orbit span:nth-child(2){right:10%;top:0;color:var(--story-accent)}.photon-landing .story-start-orbit span:nth-child(3){right:5%;bottom:5%}.photon-landing .story-start-orbit i{position:absolute;inset:42%;border-radius:50%;background:linear-gradient(135deg,#f59c99,#b5a5ec,#a6d5ea);filter:blur(2px)}
.photon-landing .story-faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;padding-top:80px;padding-bottom:100px}.photon-landing .story-faq details{border-bottom:1px solid var(--story-line);padding:22px 0}.photon-landing .story-faq details:first-child{padding-top:0}.photon-landing .story-faq summary{font-size:16px;font-weight:650;cursor:pointer;line-height:1.6}.photon-landing .story-faq p{color:var(--story-muted);font-size:14px;line-height:1.8}.photon-landing .story-faq p a{text-decoration:underline;text-underline-offset:3px}
.photon-landing .story-experiment-visual:not(.story-in-view) .story-flow path,.photon-landing .story-analysis-screen:not(.story-in-view) .story-scan{animation-play-state:paused}
@keyframes story-flow{to{stroke-dashoffset:-136}}@keyframes story-scan{0%,100%{left:20%;opacity:0}20%,80%{opacity:1}90%{left:80%;opacity:0}}@keyframes story-screen-in{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:950px){.photon-landing .story-experiment{grid-template-columns:1fr}.photon-landing .story-experiment-controls{border-left:0;border-top:1px solid var(--story-line)}.photon-landing .story-analysis{grid-template-columns:1fr;gap:40px}.photon-landing .story-analysis-copy>p{max-width:650px}.photon-landing .story-analysis-screen{transform:none}.photon-landing .story-tool-grid{gap:20px}.photon-landing .story-art-code span{padding:10px;font-size:15px}.photon-landing .story-tool-grid p{min-height:0}}
@media(max-width:690px){.photon-landing .story-heading{grid-template-columns:1fr;gap:14px;margin-bottom:28px}.photon-landing .story-heading>p{font-size:15px}.photon-landing .story-tabs{gap:6px}.photon-landing .story-tabs button{padding:12px 8px;display:flex;flex-direction:column;gap:8px;border-radius:9px}.photon-landing .story-tabs strong{font-size:12px}.photon-landing .story-tabs span{display:none}.photon-landing .story-tabs small{font-size:10px}.photon-landing .story-screens{border-radius:10px}.photon-landing .story-screens figcaption{padding:12px;font-size:9px;flex-wrap:wrap}.photon-landing .story-screens figcaption a{margin-left:0}.photon-landing .story-tour-footer{align-items:start;flex-direction:column;gap:4px}.photon-landing .story-experiment-controls{padding:26px}.photon-landing .story-experiment-visual{padding:18px 12px 0}.photon-landing .story-code-line{margin:0 -12px;padding:20px 12px;font-size:9px}.photon-landing .story-experiment svg{margin:22px 0}.photon-landing .story-window-label{font-size:8px}.photon-landing .story-tool-grid,.photon-landing .story-start,.photon-landing .story-faq{grid-template-columns:1fr}.photon-landing .story-tool-grid{gap:35px}.photon-landing .story-start-orbit{display:none}.photon-landing .story-faq{gap:24px}.photon-landing .story-start-actions{gap:18px}.photon-landing .story-start .landing-button{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.photon-landing .story-flow path,.photon-landing .story-scan,.photon-landing .story-screens figure{animation:none!important}.photon-landing .story-tabs button{transition:none}}

.photon-landing .story-faq strong{color:#b42330}[data-theme=dark] .photon-landing .story-faq strong{color:#ff9fa9}
.photon-landing .story-spectrum-replay{padding:22px;border-top:1px solid var(--story-line);color:var(--story-text);background:var(--story-card)}.photon-landing .story-spectrum-replay>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font:9px ui-monospace,monospace;letter-spacing:.08em}.photon-landing .story-spectrum-replay button{font:10px system-ui;padding:6px 10px;border:1px solid var(--story-line);border-radius:5px;color:var(--story-text);background:transparent}.photon-landing .story-spectrum-replay svg{width:100%;display:block;margin-top:16px;overflow:visible}.photon-landing .story-spectrum-axis{fill:none;stroke:var(--story-line);stroke-width:1}.photon-landing .story-spectrum-trace{fill:none;stroke:var(--story-accent);stroke-width:2}.photon-landing [data-spectrum-marker]{stroke:var(--story-accent);stroke-dasharray:3 4;opacity:.5}.photon-landing [data-spectrum-point]{fill:var(--story-accent)}.photon-landing .story-spectrum-replay text{fill:var(--story-muted);font:11px ui-monospace,monospace}.photon-landing .story-spectrum-replay p{font:12px ui-monospace,monospace;margin:4px 0 10px;font-variant-numeric:tabular-nums}.photon-landing .story-spectrum-replay small{font-size:10px;line-height:1.5;color:var(--story-muted)}
.photon-landing .story-links{display:flex;gap:22px;flex-wrap:wrap}