.about-page .hero{padding-bottom:3rem}.about-main{padding-bottom:4rem}.about-section{padding:2.75rem 0;scroll-margin-top:calc(var(--app-top-offset) + 7rem)}.about-hero{background:radial-gradient(circle at 16% 18%,color-mix(in srgb,var(--gold) 20%,transparent),transparent 28%),radial-gradient(circle at 84% 0%,color-mix(in srgb,var(--cyan) 18%,transparent),transparent 30%),linear-gradient(180deg,var(--bg-primary),var(--bg-secondary))}.about-hero-content{max-width:880px;display:flex;flex-direction:column;align-items:center;gap:.25rem}.about-hero-kicker,.about-kicker,.about-card-kicker{display:inline-block;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.about-hero-kicker{margin-bottom:.55rem}.about-hero-title{align-items:center;justify-content:center;text-align:center;gap:.8rem}.about-hero-title span{max-width:13ch}.about-hero .hero-subtitle{max-width:32rem;margin-bottom:.65rem}.about-hero .hero-desc{max-width:47rem;margin-bottom:1.5rem}.about-hero-actions{width:min(100%,520px);grid-template-columns:repeat(2,minmax(0,1fr))}.about-toc-wrap{position:sticky;top:var(--app-top-offset);z-index:30;border-top:1px solid color-mix(in srgb,var(--border-color) 76%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border-color) 88%,transparent);background:color-mix(in srgb,var(--bg-primary) 82%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.about-toc{display:flex;gap:.7rem;padding:.8rem 0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-inline:.6rem;scrollbar-width:none}.about-toc::-webkit-scrollbar{display:none}.about-toc-link{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:2.35rem;padding:.55rem .95rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--border-color) 90%,transparent);background:color-mix(in srgb,var(--bg-card) 88%,transparent);box-shadow:var(--shadow-soft);color:var(--text-secondary);font-size:.86rem;font-weight:700;text-decoration:none;white-space:nowrap;scroll-snap-align:start;transition:background .2s,border-color .2s,color .2s,transform .2s}.about-toc-link:hover{transform:translateY(-1px);color:var(--text-primary);border-color:color-mix(in srgb,var(--gold) 34%,var(--border-color))}.about-toc-link.is-active{color:var(--accent-contrast-text);border-color:color-mix(in srgb,var(--gold) 55%,var(--border-color));background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%)}.about-toc-link:focus-visible{outline:none;box-shadow:var(--focus-outline-strong)}.about-shell{display:flex;flex-direction:column;gap:1.6rem}.about-section-head{max-width:760px;margin:0 auto;text-align:center}.about-section-lead{margin:.2rem 0 0;color:var(--text-secondary);line-height:1.72}.about-flow-steps,.about-card-grid,.about-preset-grid,.about-data-grid{display:grid;gap:1rem}.about-flow-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.about-flow-card,.about-panel,.about-info-card,.about-shot,.about-media-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-soft)}.about-flow-card{position:relative;display:flex;flex-direction:column;gap:.75rem;padding:1.05rem}.about-flow-number{position:absolute;top:.95rem;right:.95rem;width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--accent-contrast-text);font-family:var(--font-brand);font-size:.84rem;font-weight:700}.about-flow-media{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;padding:.45rem;border-radius:20px;border:1px solid color-mix(in srgb,var(--gold) 18%,var(--border-color));background:radial-gradient(circle at top,color-mix(in srgb,var(--gold) 12%,transparent),transparent 60%),color-mix(in srgb,var(--bg-secondary) 84%,transparent)}.about-flow-media img{width:100%;height:100%;display:block;object-fit:contain;border-radius:14px}.about-flow-card h3,.about-panel h3,.about-info-card h3,.about-subsection-title,.about-choice-card h4,.about-preset-card h4,.about-variant-head strong{margin:0;color:var(--text-bright);font-family:var(--font-brand);letter-spacing:.02em;text-wrap:balance}.about-flow-card p,.about-panel p,.about-info-card p,.about-shot figcaption,.about-media-card figcaption,.about-list li,.about-faq p{margin:0;color:var(--text-secondary);line-height:1.66;text-wrap:pretty}.about-output-layout,.about-top-grid,.about-panel-grid,.about-panel-media,.about-variant-visuals,.about-media-grid,.about-deep-grid{display:grid;gap:1.25rem}.about-output-layout{grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);align-items:start}.about-panel-grid,.about-top-grid,.about-panel-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.about-panel{padding:1.2rem;display:flex;flex-direction:column;gap:.85rem}.about-panel-tint,.about-callout{border-color:color-mix(in srgb,var(--gold) 24%,var(--border-color));background:color-mix(in srgb,var(--gold) 9%,var(--bg-card))}.about-panel-note,.about-shot figcaption,.about-media-card figcaption{color:var(--text-muted);font-size:.88rem;line-height:1.58}.about-shot{margin:0;padding:1rem;overflow:hidden;display:flex;flex-direction:column;gap:.7rem}.about-shot-frame{position:relative}.about-shot img,.about-panel-media-image img,.about-media-card img{width:100%;display:block;border-radius:calc(var(--radius-lg) - 8px)}.about-shot-annotated .about-shot-frame img{box-shadow:var(--shadow-lg)}.about-shot-annotated{background:radial-gradient(circle at top,color-mix(in srgb,var(--gold) 10%,transparent),transparent 55%),linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary) 82%,transparent),var(--bg-card))}.about-pin{--pin-size: 2rem;position:absolute;left:clamp(calc(var(--pin-size) / 2),var(--pin-left),calc(100% - (var(--pin-size) / 2)));top:clamp(calc(var(--pin-size) / 2),var(--pin-top),calc(100% - (var(--pin-size) / 2)));transform:translate(-50%,-50%);width:var(--pin-size);height:var(--pin-size);display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:2px solid rgba(255,255,255,.85);background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--accent-contrast-text);font-family:var(--font-brand);font-size:.86rem;font-weight:800;box-shadow:0 10px 22px #00000047}.about-legend-list{margin:0;padding:0;list-style:none;display:grid;gap:.8rem}.about-legend-list li{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start}.about-legend-number{width:1.65rem;height:1.65rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--gold) 20%,var(--bg-secondary));color:var(--gold-light);font-size:.8rem;font-weight:800}.about-panel-media{grid-template-columns:minmax(190px,.75fr) minmax(0,1.25fr);align-items:stretch;padding:0;overflow:hidden}.about-panel-media-image{min-height:100%;padding:1rem;background:radial-gradient(circle at top,color-mix(in srgb,var(--gold) 12%,transparent),transparent 60%),color-mix(in srgb,var(--bg-secondary) 84%,transparent)}.about-panel-media-copy{display:flex;flex-direction:column;gap:.85rem;padding:1.2rem 1.2rem 1.2rem 0}.about-subsection{display:flex;flex-direction:column;gap:1rem}.about-subsection-head{max-width:760px}.about-faq-grid{display:grid;grid-template-columns:1fr;gap:.9rem;width:min(100%,860px);margin:0 auto}.about-faq,.about-details{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg-card) 96%,transparent);box-shadow:var(--shadow-soft)}.about-faq[open],.about-details[open]{border-color:color-mix(in srgb,var(--gold) 28%,var(--border-color))}.about-faq[open]{background:radial-gradient(circle at top right,color-mix(in srgb,var(--gold) 8%,transparent),transparent 46%),color-mix(in srgb,var(--bg-card) 96%,transparent)}.about-faq summary,.about-details summary{position:relative;cursor:pointer;list-style:none;padding:1rem 3rem 1rem 1.1rem;color:var(--text-bright);font-weight:700}.about-faq summary::-webkit-details-marker,.about-details summary::-webkit-details-marker{display:none}.about-faq summary:after,.about-details summary:after{content:"+";position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:1.55rem;height:1.55rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--bg-secondary) 82%,transparent);color:var(--gold-light);font-size:1rem;font-weight:900}.about-faq[open] summary:after,.about-details[open] summary:after{content:"−"}.about-faq p{padding:0 1.1rem 1rem}.about-faq[open] summary:after,.about-details[open] summary:after{content:"-"}.about-details-body{padding:0 1.1rem 1.1rem}.about-list{margin:0;padding-left:1.15rem}.about-list li{margin-bottom:.55rem}.about-list li:last-child{margin-bottom:0}.about-page code{font-family:var(--font-mono);font-size:.85rem;background:var(--bg-input);padding:.1rem .35rem;border-radius:4px;color:var(--gold)}.about-time-example{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.about-time-stop{display:flex;flex-direction:column;gap:.2rem;padding:.85rem .9rem;border-radius:var(--radius);border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-secondary) 72%,transparent)}.about-time-stop-result{border-color:color-mix(in srgb,var(--gold) 34%,var(--border-color));background:color-mix(in srgb,var(--gold) 10%,var(--bg-card))}.about-time-label{color:var(--text-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.about-time-stop strong{color:var(--text-bright);font-family:var(--font-brand);font-size:1rem}.about-inline-reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.about-reason-card,.about-choice-card,.about-preset-card,.about-variant-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg-card) 96%,transparent);box-shadow:var(--shadow-soft)}.about-reason-card{padding:.95rem 1rem}.about-reason-card strong{display:block;margin-bottom:.35rem;color:var(--text-bright)}.about-choice-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.about-choice-card{display:flex;flex-direction:column;gap:.45rem;padding:1rem}.about-choice-icon,.about-info-icon{width:3.35rem;height:3.35rem;display:flex;align-items:center;justify-content:center;padding:.4rem;border-radius:18px;border:1px solid color-mix(in srgb,var(--gold) 18%,var(--border-color));background:color-mix(in srgb,var(--bg-secondary) 82%,transparent)}.about-choice-icon img,.about-info-icon img{width:100%;height:100%;display:block;object-fit:contain}.about-choice-card-winner{border-color:color-mix(in srgb,var(--gold) 32%,var(--border-color));background:color-mix(in srgb,var(--gold) 10%,var(--bg-card))}.about-choice-card p,.about-preset-card p{color:var(--text-secondary);font-size:.9rem}.about-choice-tag,.about-preset-badge{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:1.8rem;padding:.2rem .6rem;border-radius:999px;font-size:.78rem;font-weight:800}.about-choice-tag{background:color-mix(in srgb,var(--gold) 18%,var(--bg-secondary));color:var(--gold-light)}.about-choice-tag-muted{background:color-mix(in srgb,var(--bg-secondary) 82%,transparent);color:var(--text-muted)}.about-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-preset-card{padding:.95rem 1rem}.about-preset-card-recommended{border-color:color-mix(in srgb,var(--gold) 30%,var(--border-color));background:color-mix(in srgb,var(--gold) 8%,var(--bg-card))}.about-preset-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.4rem}.about-preset-badge{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--accent-contrast-text)}.about-output-layout-blockers{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}.about-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-info-card{display:flex;flex-direction:column;gap:.7rem;padding:1rem}.about-info-icon-stack{gap:.25rem;width:auto}.about-info-icon-stack img{width:2rem;height:2rem}.about-variant-visuals{grid-template-columns:repeat(2,minmax(0,1fr))}.about-variant-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.about-variant-card-best{border-color:color-mix(in srgb,var(--gold) 28%,var(--border-color));background:color-mix(in srgb,var(--gold) 9%,var(--bg-card))}.about-variant-head{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline}.about-variant-head span{color:var(--text-muted);font-size:.84rem;font-weight:700}.about-variant-bar{display:flex;min-height:1rem;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--bg-secondary) 82%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 90%,transparent)}.about-variant-segment{min-height:1rem}.about-variant-segment-work{background:linear-gradient(90deg,var(--gold) 0%,color-mix(in srgb,var(--cyan) 28%,var(--gold)) 100%)}.about-variant-segment-gap{background:color-mix(in srgb,var(--text-muted) 25%,var(--bg-secondary))}.about-variant-stat-row{display:flex;flex-wrap:wrap;gap:.5rem}.about-variant-stat{display:inline-flex;align-items:center;min-height:1.75rem;padding:.2rem .58rem;border-radius:999px;background:color-mix(in srgb,var(--gold) 12%,var(--bg-secondary));color:var(--text-primary);font-size:.78rem;font-weight:700}.about-variant-stat-muted{background:color-mix(in srgb,var(--bg-secondary) 82%,transparent);color:var(--text-muted)}.about-badge-strip{display:flex;flex-wrap:wrap;gap:.65rem}.about-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .68rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--gold) 24%,var(--border-color));background:color-mix(in srgb,var(--gold) 10%,var(--bg-card));color:var(--text-primary);font-size:.84rem;font-weight:700}.about-badge img{width:1.85rem;height:1.85rem;object-fit:contain}.about-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-media-grid-triple{grid-template-columns:repeat(3,minmax(0,1fr))}.about-media-card{margin:0;padding:.9rem;display:flex;flex-direction:column;gap:.75rem}.about-media-card-wide{grid-column:1 / -1}.about-data-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-deep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-callout{padding:1rem 1.05rem;border-radius:var(--radius-lg);color:var(--text-primary);line-height:1.65}.about-callout strong{color:var(--gold-light)}@media(max-width:1120px){.about-output-layout,.about-output-layout-blockers,.about-top-grid,.about-panel-grid,.about-preset-grid,.about-variant-visuals,.about-data-grid,.about-deep-grid{grid-template-columns:1fr}.about-flow-steps,.about-inline-reasons,.about-card-grid,.about-media-grid,.about-media-grid-triple{grid-template-columns:repeat(2,minmax(0,1fr))}.about-media-card-wide{grid-column:auto}}@media(max-width:820px){.about-page .hero{padding:calc(var(--app-top-offset) + 1.9rem) 1rem 2.4rem}.about-hero-content{gap:.3rem}.about-hero .hero-desc{margin-bottom:1.2rem;font-size:.94rem}.about-hero-actions{grid-template-columns:1fr;width:min(100%,28rem)}.about-section{padding:2.1rem 0;scroll-margin-top:calc(var(--app-top-offset) + 6.6rem)}.about-toc{gap:.55rem;padding:.68rem 0}.about-toc-link{min-height:2.2rem;padding:.5rem .82rem;font-size:.81rem}.about-flow-steps,.about-inline-reasons,.about-choice-row,.about-card-grid,.about-media-grid,.about-media-grid-triple,.about-time-example,.about-panel-media{grid-template-columns:1fr}.about-panel-media-copy{padding:0 1.1rem 1.1rem}}@media(max-width:560px){.about-page .hero{padding:calc(var(--app-top-offset) + 1.55rem) 1rem 2rem}.about-hero-kicker{margin-bottom:.35rem}.about-hero-title{gap:.45rem}.about-hero .hero-title-logo{width:3rem;height:3rem}.about-hero .hero-subtitle{max-width:24ch;margin-bottom:.45rem}.about-hero .hero-desc{font-size:.9rem}.about-section{padding:1.75rem 0;scroll-margin-top:calc(var(--app-top-offset) + 6.1rem)}.about-section-head{text-align:left;margin:0}.about-flow-card,.about-panel,.about-info-card,.about-shot,.about-media-card{padding:.95rem}.about-flow-media,.about-choice-icon,.about-info-icon{width:3rem;height:3rem;border-radius:16px}.about-pin{--pin-size: 1.75rem;left:clamp(calc(var(--pin-size) / 2),var(--pin-left-mobile, var(--pin-left)),calc(100% - (var(--pin-size) / 2)));top:clamp(calc(var(--pin-size) / 2),var(--pin-top-mobile, var(--pin-top)),calc(100% - (var(--pin-size) / 2)));font-size:.76rem}.about-panel-media-image{padding:.9rem}.about-faq summary,.about-details summary{padding:.92rem 2.7rem .92rem .95rem}.about-faq p,.about-details-body{padding-left:.95rem;padding-right:.95rem}.about-faq summary:after,.about-details summary:after{right:.82rem}.about-variant-head{flex-direction:column;align-items:flex-start;gap:.2rem}.about-badge-strip{display:grid;grid-template-columns:1fr}.about-badge{width:100%;justify-content:flex-start}}