.section{padding:var(--section-py)var(--section-px);position:relative}.section-inner{max-width:var(--max-width);margin:0 auto}.section-eyebrow{margin-bottom:var(--space-4);align-items:center;gap:var(--space-4);display:flex}.section-eyebrow:before{content:"";background-color:var(--text-tertiary);flex-shrink:0;width:48px;height:1px;display:inline-block}.beat-canvas-header .section-eyebrow:before{display:none}.section-headline{margin-bottom:var(--space-6);max-width:720px}.section-subhead{max-width:600px;margin-bottom:var(--space-12);line-height:1.7}.btn{font-family:inherit;font-size:var(--font-small);padding:var(--space-3)var(--space-6);border-radius:var(--radius-full);cursor:pointer;transition:opacity var(--duration-fast)var(--ease-smooth),transform var(--duration-fast)var(--ease-smooth),background-color var(--duration-fast)var(--ease-smooth);border:none;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--text-primary);color:var(--bg)}.btn-primary:hover{opacity:.9}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-hover);background:0 0}.btn-secondary:hover{border-color:var(--text-tertiary);background:var(--accent-muted)}.hero{min-height:100svh;padding-top:calc(var(--nav-height) + var(--space-16));align-items:flex-start;padding-bottom:0;display:flex;position:relative;overflow:hidden}.hero-content{text-align:center;z-index:1;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.hero-eyebrow{margin-bottom:var(--space-5);color:var(--text-tertiary)}.hero-headline{font-size:var(--font-display);letter-spacing:-.03em;margin-bottom:var(--space-5);text-wrap:balance;max-width:960px;line-height:1.05}.hero-subhead{font-size:var(--font-body);color:var(--text-secondary);max-width:640px;margin-bottom:var(--space-8);line-height:1.6}.hero-subhead span{display:block}.hero-ctas{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.hero-ctas--reveal{opacity:0;animation:1s cubic-bezier(.22,1,.36,1) .4s forwards hero-ctas-rise;transform:translateY(10px)}@keyframes hero-ctas-rise{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-ctas--reveal{opacity:1;animation:none;transform:none}}.hero-visual{width:100%;margin-top:var(--space-12);align-self:stretch;position:relative}.hero-visual>*{z-index:1;position:relative}.stats-grid{gap:var(--space-10);margin-bottom:var(--space-10);grid-template-columns:repeat(3,1fr);display:grid}.stat-card{padding:var(--space-6)0}.stat-number{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:var(--space-4);font-size:clamp(2.5rem,2rem + 3vw,4.5rem);font-weight:500;line-height:1}.stat-label{font-size:var(--font-small);color:var(--text-secondary);max-width:280px;line-height:1.5}.stat-source{margin-top:var(--space-3);font-size:var(--font-caption);color:var(--text-tertiary)}.stat-card--fig{flex-direction:column;padding:0;display:flex;position:relative}.fig-visual{width:100%;margin:0 0 var(--space-5);justify-content:center;align-items:center;display:flex;position:relative}.detection-diagram-svg,.pressure-diagram-svg,.failures-diagram-svg{color:#fff;opacity:.42;width:100%;max-width:220px;height:auto;display:block}.stat-card--fig .stat-number{margin-bottom:var(--space-3)}.stat-card--fig .stat-label{max-width:none}.beat-canvas{gap:var(--space-12);padding:var(--space-10);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-card);grid-template-columns:minmax(300px,1fr) 1.5fr;min-height:640px;display:grid}.beat-canvas-left{justify-content:space-between;gap:var(--space-12);flex-direction:column;min-width:0;display:flex}.beat-canvas-header{gap:var(--space-4);flex-direction:column;display:flex}.beat-canvas-header .section-eyebrow{margin-bottom:0}.beat-canvas-headline{font-size:var(--font-heading);letter-spacing:-.025em;color:var(--text-primary);text-wrap:balance;margin:0;font-weight:500;line-height:1.15}.beat-canvas-subhead{font-size:var(--font-small);color:var(--text-tertiary);max-width:440px;margin:0;line-height:1.6}.beat-rail{flex-direction:column;gap:0;display:flex}.beat{appearance:none;text-align:left;padding:var(--space-2)0;cursor:pointer;color:var(--text-tertiary);transition:color .2s var(--ease-smooth);background:0 0;border:none;border-radius:0}.beat:hover{color:var(--text-secondary)}.beat.is-active{color:var(--text-primary)}.beat-head{align-items:baseline;gap:var(--space-3);display:flex}.beat-index{letter-spacing:.08em;color:var(--text-tertiary);opacity:.7;transition:color .2s var(--ease-smooth),opacity .2s var(--ease-smooth);flex-shrink:0;min-width:1.75rem;font-size:.625rem}.beat.is-active .beat-index{color:var(--text-secondary);opacity:1}.beat-title{font-size:var(--font-body);letter-spacing:-.01em;color:inherit;margin:0;font-weight:500;line-height:1.25}.beat.is-active .beat-title{color:var(--text-primary)}.beat-desc-frame{padding:0 0 0 calc(1.75rem + var(--space-3));transition:grid-template-rows .4s var(--ease-out-expo),padding .4s var(--ease-out-expo);grid-template-rows:0fr;display:grid}.beat.is-active .beat-desc-frame{padding-top:var(--space-2);padding-bottom:var(--space-3);grid-template-rows:1fr}.beat-desc{min-height:0;font-size:var(--font-small);color:var(--text-tertiary);opacity:0;transition:opacity .25s var(--ease-smooth),color .2s var(--ease-smooth);margin:0;line-height:1.55;overflow:hidden}.beat.is-active .beat-desc{opacity:1;color:var(--text-secondary)}.beat-progress{height:2px;margin-left:calc(1.75rem + var(--space-3));background:var(--border);border-radius:var(--radius-full);opacity:0;transition:opacity var(--duration-normal)var(--ease-smooth);display:block;overflow:hidden}.beat.is-active .beat-progress{opacity:1}.beat-progress-fill{background:var(--text-primary);border-radius:inherit;width:0;height:100%;display:block;box-shadow:0 0 6px #fafafa38}.beat.is-active .beat-progress-fill{animation:beat-progress-fill var(--beat-duration,8.5s)cubic-bezier(.33,.1,.67,1)forwards}@keyframes beat-progress-fill{0%{width:0}to{width:100%}}.beat-stage{isolation:isolate;min-height:520px;position:relative}.beat-scene{position:absolute;inset:0}.beat-slot{will-change:opacity;position:absolute;inset:0}.beat-slot--active{z-index:1}.beat-slot--leaving{z-index:2;pointer-events:none;animation:.45s cubic-bezier(.4,0,.6,1) both beat-slot-leave}@keyframes beat-slot-leave{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.beat-slot--leaving{display:none}}@media (max-width:900px){.beat-canvas{gap:var(--space-8);padding:var(--space-6);grid-template-columns:1fr}.beat-desc-frame{padding-top:var(--space-2);padding-bottom:var(--space-3);grid-template-rows:1fr}.beat-desc{opacity:1}.beat-stage{min-height:440px}}.differentiator{margin-top:var(--space-10);padding:var(--space-6)var(--space-8);border-left:2px solid var(--border-hover);max-width:600px}.differentiator p{font-size:var(--font-small);color:var(--text-tertiary);font-style:italic;line-height:1.6}.differentiator--prominent{border-left-color:var(--text-tertiary);max-width:640px}.differentiator--prominent p{font-size:var(--font-body);color:var(--text-secondary)}.differentiator p code{font-family:var(--font-space-mono),"Space Mono",monospace;color:var(--text-primary);background:#ffffff0a;border-radius:3px;padding:.1em .4em;font-size:.9em;font-style:normal}.pull-quote{margin-top:var(--space-10);padding:var(--space-6)var(--space-8);border-left:2px solid var(--accent-border)}.pull-quote p{font-size:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-style:normal;font-weight:500;line-height:1.3}.sd-framing{max-width:820px;margin-top:var(--space-4);margin-bottom:var(--space-16)}.sd-framing p{letter-spacing:-.015em;color:var(--text-secondary);margin:0;font-size:clamp(1.375rem,1rem + 1.4vw,2rem);line-height:1.35}.sd-framing p+p{margin-top:var(--space-2)}.sd-framing .sd-framing-emphasis{color:var(--text-primary);margin-top:var(--space-4)}.sd-list{margin:0 0 var(--space-16);border-top:1px solid var(--border);padding:0;list-style:none}.sd-row{border-bottom:1px solid var(--border);padding:var(--space-8)0}.sd-row-line{column-gap:var(--space-8);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:opacity var(--duration-normal)var(--ease-smooth);background:0 0;border:none;grid-template-columns:auto 1fr auto;align-items:baseline;margin:0;padding:0;display:grid}.sd-row-line:focus-visible{outline:2px solid var(--accent-border);outline-offset:6px;border-radius:2px}.sd-row:hover:not(.sd-row--active) .sd-name{color:var(--text-primary)}.sd-row:hover:not(.sd-row--active) .sd-index{color:var(--text-secondary)}.sd-index{color:var(--text-tertiary);letter-spacing:0;transition:color var(--duration-normal)var(--ease-smooth);font-size:clamp(1.75rem,1.25rem + 1.5vw,2.5rem);font-weight:400;line-height:1}.sd-name{color:var(--text-secondary);letter-spacing:-.01em;transition:color var(--duration-normal)var(--ease-smooth);margin:0;font-size:clamp(1.25rem,.95rem + 1vw,1.75rem);font-weight:400;line-height:1.2}.sd-row--active .sd-name{color:var(--text-primary)}.sd-consequence{font-size:var(--font-small);color:var(--text-tertiary);text-align:right;line-height:1.4}.sd-trace-shell{will-change:grid-template-rows;grid-template-rows:minmax(0,0fr);transition:grid-template-rows .52s cubic-bezier(.32,.72,0,1);display:grid}.sd-row--active .sd-trace-shell{grid-template-rows:minmax(0,1fr)}.sd-trace{padding-top:var(--space-8);margin-left:calc(clamp(1.75rem,1.25rem + 1.5vw,2.5rem) + var(--space-8));opacity:0;max-width:640px;transition:opacity .18s var(--ease-smooth),transform .22s var(--ease-smooth);overflow:hidden;transform:translateY(-6px)}.sd-row--active .sd-trace{opacity:1;transition:opacity .32s var(--ease-smooth).14s,transform .42s cubic-bezier(.32,.72,0,1).12s;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.sd-trace-shell,.sd-trace{transition:none;transform:none}}.sd-trace-step{column-gap:var(--space-4);padding:var(--space-2)0;font-size:var(--font-small);grid-template-columns:20px 1fr auto;align-items:center;line-height:1.6;display:grid}.sd-trace-glyph{color:var(--text-tertiary);text-align:center;font-size:.85em}.sd-trace-step--flag .sd-trace-glyph{color:var(--warning)}.sd-trace-step--err .sd-trace-glyph{color:var(--error)}.sd-trace-tool{color:var(--text-secondary);font-size:.9em}.sd-trace-step--flag .sd-trace-tool{color:var(--text-primary)}.sd-trace-timing{color:var(--text-tertiary);font-size:.85em}.sd-trace-detection{margin:var(--space-3)0 var(--space-3)calc(20px + var(--space-4));padding:var(--space-2)var(--space-4);border-left:2px solid var(--warning);gap:var(--space-1);flex-direction:column;max-width:420px;display:flex}.sd-trace-detection-label{font-size:var(--font-caption);color:var(--warning);letter-spacing:.06em}.sd-trace-detection-reason{font-size:var(--font-small);color:var(--text-primary);line-height:1.4}.sd-closer{max-width:560px;font-size:var(--font-body);color:var(--text-tertiary);margin-top:var(--space-16);line-height:1.6}@media (max-width:720px){.sd-row{padding:var(--space-6)0}.sd-row-line{row-gap:var(--space-2);grid-template-columns:auto 1fr}.sd-consequence{text-align:left;padding-left:calc(clamp(1.75rem,1.25rem + 1.5vw,2.5rem) + var(--space-8));grid-column:1/-1}.sd-trace{padding:var(--space-4)var(--space-5);max-width:none;margin-left:0}}.section-monitoring{background:linear-gradient(180deg,var(--bg)0%,#14141480 50%,var(--bg)100%)}.os-subhead{max-width:720px}.os-beats{margin:var(--space-12)0 var(--space-8);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);align-items:stretch;gap:0;display:grid;position:relative}.os-beat-sep{top:var(--space-6);bottom:var(--space-6);background:var(--border);pointer-events:none;width:1px;position:absolute}.os-beat-sep:first-of-type{left:25%}.os-beat-sep:nth-of-type(2){left:50%}.os-beat-sep:nth-of-type(3){left:75%}.os-beat{gap:var(--space-3);padding:var(--space-6)var(--space-5)var(--space-5);text-align:left;cursor:pointer;color:var(--text-tertiary);font:inherit;transition:color .3s var(--ease-smooth);background:0 0;border:none;flex-direction:column;min-width:0;display:flex;position:relative}.os-beat:first-child{padding-left:0}.os-beat:last-child{padding-right:0}.os-beat:hover:not(.is-active){color:var(--text-secondary)}.os-beat.is-active{color:var(--text-primary)}.os-beat-index{font-size:var(--font-caption);color:var(--text-tertiary);letter-spacing:.16em;transition:color .3s var(--ease-smooth);line-height:1}.os-beat.is-active .os-beat-index{color:var(--warning)}.os-beat-title{letter-spacing:-.01em;color:inherit;transition:color .3s var(--ease-smooth);margin:0;font-size:clamp(1.125rem,.85rem + .75vw,1.375rem);font-weight:500;line-height:1.2}.os-beat-desc{font-size:var(--font-small);color:var(--text-tertiary);transition:color .3s var(--ease-smooth);margin:0;line-height:1.5}.os-beat.is-active .os-beat-desc{color:var(--text-secondary)}.os-beats-track{background:var(--border);pointer-events:none;height:1px;position:absolute;bottom:0;left:0;right:0}.os-beats-track-fill{background:var(--text-primary);width:0;height:100%;display:block;box-shadow:0 0 6px #fafafa40}@media (prefers-reduced-motion:reduce){.os-beats-track-fill{width:100%!important}}@media (max-width:1100px){.os-beats{grid-template-columns:repeat(2,1fr)}.os-beat-sep:first-of-type{left:50%;top:var(--space-6);bottom:50%}.os-beat-sep:nth-of-type(2){left:var(--space-6);right:var(--space-6);width:auto;height:1px;top:50%;bottom:auto}.os-beat-sep:nth-of-type(3){top:50%;left:50%;bottom:var(--space-6)}.os-beat:nth-child(5),.os-beat:nth-child(7){padding-left:var(--space-5)}.os-beat:nth-child(3),.os-beat:nth-child(5){padding-top:var(--space-6)}}@media (max-width:640px){.os-beats{grid-template-columns:1fr}.os-beat-sep{align-self:stretch;width:auto!important;height:1px!important;position:static!important;inset:auto 0!important}.os-beat{padding:var(--space-5)0!important}}.section-lifecycle .section-inner{border:1px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-10)var(--space-8)}.section-note{margin-top:var(--space-8);font-size:var(--font-caption);color:var(--text-tertiary);letter-spacing:.08em;opacity:.6}.demo-container{margin-top:var(--space-8)}@media (max-width:900px){.stats-grid{gap:var(--space-6);grid-template-columns:1fr}.stat-card{padding:var(--space-4)0;border-bottom:1px solid var(--border)}.stat-card:last-child{border-bottom:none}}@media (max-width:768px){.hero-ctas{flex-direction:column;align-items:center}.pull-quote p{font-size:var(--font-body)}.hero-headline{font-size:clamp(1.75rem,1.25rem + 2.5vw,2.25rem)}}