.stage-root{scroll-margin-top:100px;min-width:0}.stage-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:28px}.stage-heading h2{font-size:clamp(28px,3.2vw,42px);line-height:1.2;letter-spacing:-.045em}.stage-instruction{color:var(--landing-secondary);font-size:14px}.stage-rail{display:flex;gap:clamp(18px,2vw,26px);align-items:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:6px;padding:8px 6px 24px;margin-inline:-6px;scrollbar-width:none;cursor:grab}.stage-rail::-webkit-scrollbar{display:none;width:0;height:0}.stage-rail[data-dragging=true]{scroll-snap-type:none;scroll-behavior:auto}.stage-rail[data-dragging=true],.stage-rail[data-dragging=true] .stage-card{cursor:grabbing}.stage-card{position:relative;flex:0 0 clamp(230px,26%,300px);min-width:0;margin:0;padding:0;border:0;border-radius:20px;background:transparent;color:var(--foreground);text-align:left;scroll-snap-align:start;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transform:translateY(var(--stage-offset,0));transition:transform .24s cubic-bezier(.2,.8,.2,1)}.stage-card:nth-child(3n+2){--stage-offset:28px}.stage-card:nth-child(3n){--stage-offset:12px}.stage-portrait{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:20px;background:var(--surface);box-shadow:0 3px 8px #0000000a;transition:aspect-ratio .26s cubic-bezier(.2,.8,.2,1)}.stage-portrait:after{content:"";position:absolute;inset:0;pointer-events:none;border:2px solid var(--landing-accent);border-radius:inherit;opacity:0;transition:opacity .18s ease}.stage-image,.stage-video{object-fit:cover;object-position:center}.stage-image{object-position:center top}.stage-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;pointer-events:none;transition:opacity .2s ease}.stage-caption{position:relative;padding:17px 3px 8px;transition:transform .24s cubic-bezier(.2,.8,.2,1)}.stage-identity{display:flex;align-items:baseline;gap:10px;padding-right:48px;flex-wrap:wrap}.stage-name{font-size:clamp(23px,2.6vw,32px);font-weight:600;letter-spacing:-.045em;line-height:1.1}.stage-accent{font-size:12px;color:var(--landing-secondary);white-space:nowrap}.stage-personality{margin-top:7px;color:var(--landing-secondary);font-size:14px;line-height:1.5;transition:opacity .18s ease,transform .24s cubic-bezier(.2,.8,.2,1)}.stage-listen{margin-top:13px;font-size:12px;font-weight:600;color:var(--landing-accent)}.stage-control{position:absolute;right:10px;top:12px;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--border);border-radius:50%;background:var(--surface-elevated);color:var(--foreground);box-shadow:0 2px 2px rgb(0 0 0/.06),0 5px 10px rgb(0 0 0/.06),inset 0 1px 0 rgb(255 255 255/.1);transition:background-color .18s ease,color .18s ease,border-radius .24s cubic-bezier(.2,.8,.2,1),transform .24s cubic-bezier(.2,.8,.2,1)}.stage-control svg{width:20px;height:20px}.stage-card[data-state=playing],.stage-card[data-state=preparing]{transform:translateY(-3px)}.stage-card[data-state=playing] .stage-portrait{aspect-ratio:16/9}.stage-card[data-state=playing] .stage-portrait:after,.stage-card[data-state=preparing] .stage-portrait:after{opacity:1}.stage-card[data-state=playing] .stage-control,.stage-card[data-state=preparing] .stage-control{background:var(--action);color:white;border-color:transparent}.stage-card[data-state=playing] .stage-control{border-radius:15px;transform:scale(.98)}.stage-card[data-state=playing] .stage-caption{transform:translateY(-3px)}.stage-card[data-state=playing] .stage-personality{opacity:0;transform:translateY(-5px)}.stage-card[data-state=playing] .stage-listen{transform:translateY(-18px)}.stage-listen{transition:transform .24s cubic-bezier(.2,.8,.2,1)}.stage-card:focus-visible{outline:2px solid var(--landing-accent);outline-offset:5px}@media (hover:hover) and (pointer:fine){.stage-card:hover .stage-control{transform:translateY(-2px)}}.stage-control{cursor:pointer}.stage-card:active{transform:translateY(var(--stage-offset,0)) scale(.985);transition-duration:.12s}@media (max-width:767px){.stage-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:20px}.stage-instruction{font-size:13px}.stage-card{flex-basis:68vw;max-width:280px}.stage-card:nth-child(n){--stage-offset:0px}.stage-rail{gap:18px;padding-bottom:22px}.stage-caption{padding-top:16px}.stage-portrait{aspect-ratio:4/5}}@media (prefers-reduced-motion:reduce){.stage-caption,.stage-card,.stage-control,.stage-image,.stage-listen,.stage-personality,.stage-portrait,.stage-portrait:after,.stage-video{transition:none}.stage-card:active,.stage-card:nth-child(n),.stage-card[data-state] .stage-caption,.stage-card[data-state] .stage-control,.stage-card[data-state] .stage-image,.stage-card[data-state] .stage-listen,.stage-card[data-state] .stage-personality{transform:none}.stage-rail{scroll-behavior:auto}}.marketing-experience{color:var(--foreground);background:var(--background)}.marketing-shell{max-width:1240px;margin-inline:auto;padding:72px 40px}.marketing-experience h2{font-size:clamp(34px,4.7vw,60px);line-height:1.12;font-weight:550;letter-spacing:-.055em;text-wrap:balance;word-break:keep-all}.marketing-experience h3{font-size:clamp(27px,3vw,40px);line-height:1.2;font-weight:550;letter-spacing:-.04em;white-space:pre-line;word-break:keep-all}.marketing-experience p{word-break:keep-all;overflow-wrap:break-word}.marketing-kicker{font-size:11px;letter-spacing:.12em;font-weight:600;color:var(--primary);margin-bottom:20px}.marketing-section-heading{margin-bottom:32px}.marketing-section-heading>p:last-child{color:var(--text-secondary);font-size:16px;line-height:1.7;max-width:620px;margin-top:20px}.marketing-topic-strip{padding-block:26px;border-block:1px solid var(--border)}.marketing-topic-strip>p{font-size:12px;color:var(--primary);margin-bottom:12px}.marketing-topic-strip>div{display:flex;flex-wrap:wrap;gap:12px 32px;font-size:16px}.marketing-topic-strip small{display:block;font-size:12px;color:var(--text-secondary);margin-top:12px}.marketing-story-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"tabs screen" "words screen" "note screen";gap:24px 40px}.marketing-story-tabs{grid-area:tabs;display:flex;flex-wrap:wrap;align-self:start;border-bottom:1px solid var(--border)}.marketing-story-tabs button{min-height:48px;padding:8px 12px;color:var(--text-secondary);font-size:14px;border-bottom:2px solid transparent}.marketing-story-tabs button[aria-selected=true]{color:var(--foreground);border-color:var(--action)}.marketing-story-words{grid-area:words;padding-block:16px}.marketing-chapter-label{font-size:12px;color:var(--primary);margin-bottom:20px}.marketing-story-words>p:not(.marketing-chapter-label){font-size:16px;line-height:1.8;color:var(--text-secondary);margin-block:22px}.marketing-capture-note{grid-area:note;color:var(--text-secondary);font-size:12px;line-height:1.7}.marketing-screen-stage{grid-area:screen;min-width:0}.marketing-example{border:1px solid var(--border);background:var(--surface)}.marketing-example figcaption{padding:12px 18px;font-size:12px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.marketing-scene{position:relative;height:190px;overflow:hidden;width:100%}.marketing-scene img{height:100%;width:100%;object-fit:cover}.marketing-scene>span{position:absolute;bottom:14px;left:18px;background:var(--background);color:var(--foreground);padding:6px 10px;font-size:13px}.marketing-example-body{min-height:285px;padding:26px}.marketing-example-body h3{font-size:30px}.marketing-example-body>p:not(.marketing-kicker){margin-block:14px;line-height:1.7;font-size:15px;color:var(--text-secondary)}.marketing-example-body mark{background:var(--action);color:var(--action-foreground);padding-inline:4px}.marketing-example-body blockquote{margin-top:24px;padding:10px 0 10px 14px;border-left:2px solid var(--border);font-size:21px}.marketing-text-link{display:inline-flex;align-items:center;justify-content:space-between;min-height:48px;gap:24px;font-size:14px;color:var(--foreground);border-bottom:1px solid var(--border)}.marketing-curriculum,.marketing-practice{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border-top:1px solid var(--border)}.marketing-curriculum-copy>p:not(.marketing-kicker){color:var(--text-secondary);font-size:16px;line-height:1.8;margin-block:24px}.marketing-curriculum-detail{display:grid;gap:12px;padding-block:18px;margin-bottom:12px;border-block:1px solid var(--border);font-size:14px}.marketing-curriculum-visual{background:var(--surface);padding:28px}.marketing-steps{list-style:none}.marketing-steps li{display:flex;gap:20px;padding:26px 0;border-top:1px solid var(--border)}.marketing-steps li>span{color:var(--primary);font-size:16px}.marketing-steps h3{font-size:23px}.marketing-steps p{font-size:15px;line-height:1.7;color:var(--text-secondary);margin-top:10px}.marketing-practice-tabs{margin-top:24px}.marketing-practice-tabs button{display:grid;grid-template-columns:65px 1fr 18px;align-items:center;gap:12px;text-align:left;width:100%;min-height:72px;border-bottom:1px solid var(--border);color:var(--text-secondary)}.marketing-practice-tabs button[aria-selected=true]{color:var(--foreground)}.marketing-practice-tabs button[aria-selected=true] .marketing-practice-tag{color:var(--primary)}.marketing-practice-tag{font-size:12px}.marketing-practice-name{font-size:20px;letter-spacing:-.035em}.marketing-practice-description{padding-top:22px;min-height:180px}.marketing-practice-description p{color:var(--text-secondary);font-size:15px;line-height:1.8;margin-bottom:12px}.marketing-practice-visual{border:1px solid var(--border);padding:24px}.marketing-practice-visual .marketing-scene{height:260px;margin-bottom:24px}.marketing-practice-visual .marketing-capture-note{margin-top:20px}.marketing-closing{text-align:center;border-top:1px solid var(--border)}.marketing-closing h2{margin-bottom:28px}.marketing-primary{display:inline-flex;align-items:center;gap:32px;min-height:56px;padding:14px 24px;border-radius:4px;background:var(--action);color:var(--action-foreground);font-size:16px;font-weight:600}.marketing-closing>p:last-child{color:var(--text-secondary);margin-top:16px;font-size:13px}.marketing-experience :is(button,a,[role=tabpanel]):focus-visible{outline:2px solid var(--action);outline-offset:4px}.marketing-experience button{cursor:pointer}@media(max-width:700px){.marketing-shell{padding:44px 23px}.marketing-topic-strip{padding-block:24px}.marketing-topic-strip>div{flex-direction:column;font-size:15px}.marketing-story-grid{grid-template-columns:1fr;grid-template-areas:"tabs" "screen" "words" "note";gap:20px}.marketing-story-tabs{flex-wrap:nowrap}.marketing-story-tabs button{flex:1;padding-inline:5px;font-size:13px}.marketing-example-body{padding:22px;min-height:280px}.marketing-curriculum,.marketing-practice{grid-template-columns:1fr;gap:28px}.marketing-curriculum-copy{grid-row:1}.marketing-practice-description{min-height:0}.marketing-practice-visual .marketing-scene{height:180px}.marketing-story-words{padding:0}}@media(prefers-reduced-motion:no-preference){.marketing-example-body,.marketing-story-words{animation:marketing-arrive .22s ease-out}.marketing-experience button,.marketing-primary{transition:transform .12s ease}.marketing-experience button:active,.marketing-primary:active{transform:scale(.985)}@keyframes marketing-arrive{0%{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){.marketing-experience *,.marketing-experience :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}