.start-showcase{margin-top:50px}.start-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.start-picker-option{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:13px 10px;min-height:104px;padding:18px 22px;border:1px solid var(--e5-line);border-radius:10px;background:var(--e5-surface);color:var(--e5-text-secondary);text-align:left;cursor:pointer;transition:border-color .25s,background .25s,color .25s}.start-picker-option:hover{border-color:color-mix(in srgb,var(--e5-signal) 55%,var(--e5-surface));color:var(--e5-text)}.start-picker-option[aria-pressed=true]{border-color:color-mix(in srgb,var(--e5-signal) 75%,var(--e5-surface));background:var(--e5-surface-raised);color:var(--e5-text)}.start-picker-option>.mono{grid-column:1 / -1;color:var(--e5-signal);font-size:10px;letter-spacing:.055em}.start-picker-option strong{font-size:clamp(16px,1.5vw,20px);font-weight:520;letter-spacing:-.035em;line-height:1.2}.start-picker-arrow{align-self:center;color:var(--e5-signal);font-size:20px;line-height:1;opacity:.35;transition:opacity .25s,transform .25s}.start-picker-option[aria-pressed=true] .start-picker-arrow{opacity:1;transform:translate(2px,-2px)}.start-scene{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);gap:clamp(30px,4vw,60px);align-items:stretch}.start-scene[hidden]{display:none}.start-stage{position:relative;display:flex;flex-direction:column;min-width:0;min-height:430px;overflow:hidden;padding:22px 25px 19px;border:1px solid color-mix(in srgb,var(--e5-signal) 38%,var(--e5-surface-raised));border-radius:14px;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--e5-surface-raised) 85%,var(--e5-signal)) 0%,var(--e5-surface-raised) 47%,var(--e5-surface) 83%);isolation:isolate}.start-stage:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(color-mix(in srgb,var(--e5-text) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--e5-text) 4%,transparent) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 80%,transparent);mask-image:linear-gradient(transparent,#000 22%,#000 80%,transparent);pointer-events:none}.start-stage:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--e5-signal) 9%,transparent),transparent 47%);pointer-events:none}.start-stage-top,.start-stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.start-stage-top{min-height:22px}.start-stage-top>.mono{color:var(--e5-signal);font-size:10px;letter-spacing:.07em}.start-stage-indicator{display:inline-flex;align-items:center;gap:8px;color:var(--e5-signal);font:10px Geist Mono Variable,monospace;letter-spacing:.035em;white-space:nowrap}.start-stage-indicator i{width:6px;height:6px;border-radius:50%;background:var(--e5-signal);box-shadow:0 0 12px var(--e5-signal)}.start-flow{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);align-items:center;flex:1;min-height:0;padding:30px 0}.start-flow-card{display:flex;flex-direction:column;min-width:0;min-height:235px;padding:16px;border:1px solid color-mix(in srgb,var(--e5-signal) 40%,transparent);border-radius:12px;background:linear-gradient(140deg,var(--e5-surface-raised),var(--e5-surface));box-shadow:0 20px 40px #0007,inset 0 1px color-mix(in srgb,var(--e5-text) 7%,transparent);opacity:.68;transform:translateY(0);transition:opacity .45s,transform .45s,border-color .45s,box-shadow .45s,background .45s}.start-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:33px}.start-card-top .mono{color:var(--e5-signal);font-size:10px}.start-card-icon{display:inline-grid;place-items:center;width:27px;height:27px;border:1px solid color-mix(in srgb,var(--e5-signal) 55%,transparent);border-radius:7px;color:var(--e5-signal);font-size:16px;line-height:1}.start-card-label{display:block;margin-bottom:8px;color:var(--e5-signal);font-size:10px;letter-spacing:.04em}.start-flow-card strong{display:block;margin:0;color:var(--e5-text);font-size:clamp(17px,1.55vw,21px);font-weight:520;line-height:1.15;letter-spacing:-.045em}.start-flow-card p{margin:9px 0 0;color:color-mix(in srgb,var(--e5-text) 75%,var(--e5-signal));font-size:12px;line-height:1.5}.start-card-foot{display:block;margin-top:auto;padding-top:18px;color:var(--e5-signal);font:10px Geist Mono Variable,monospace;line-height:1.4}.start-flow-link{position:relative;height:1px;background:color-mix(in srgb,var(--e5-signal) 48%,transparent)}.start-flow-link:after{content:"";position:absolute;right:2px;top:-3px;width:6px;height:6px;border-top:1px solid var(--e5-signal);border-right:1px solid var(--e5-signal);transform:rotate(45deg)}.start-flow-link i{position:absolute;top:-3px;left:-3px;width:7px;height:7px;border-radius:50%;background:var(--e5-signal);box-shadow:0 0 13px var(--e5-signal);opacity:0}.start-showcase[data-phase="0"] .start-flow-card[data-flow-step="0"],.start-showcase[data-phase="1"] .start-flow-card[data-flow-step="1"],.start-showcase[data-phase="2"] .start-flow-card[data-flow-step="2"]{opacity:1;transform:translateY(-5px);border-color:var(--e5-signal);background:linear-gradient(145deg,color-mix(in srgb,var(--e5-surface-raised) 68%,var(--e5-signal)),var(--e5-surface-raised));box-shadow:0 24px 48px #000a,0 0 27px color-mix(in srgb,var(--e5-signal) 17%,transparent),inset 0 1px color-mix(in srgb,var(--e5-text) 14%,transparent)}.start-showcase[data-phase="1"] .start-flow-link:nth-of-type(2) i,.start-showcase[data-phase="2"] .start-flow-link:nth-of-type(4) i{animation:start-flow-travel 1.55s ease-in-out both}@keyframes start-flow-travel{0%{left:-3px;opacity:0}15%,80%{opacity:1}to{left:calc(100% - 5px);opacity:0}}.start-stage-bottom{min-height:25px}.start-phase-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,360px)}.start-phase-list span{padding-top:8px;border-top:2px solid color-mix(in srgb,var(--e5-signal) 40%,transparent);color:var(--e5-signal);font:10px Geist Mono Variable,monospace;line-height:1.3;transition:border-color .3s,color .3s}.start-showcase[data-phase="0"] [data-phase-mark="0"],.start-showcase[data-phase="1"] [data-phase-mark="1"],.start-showcase[data-phase="2"] [data-phase-mark="2"]{border-color:var(--e5-signal);color:var(--e5-text)}.start-motion-toggle{display:grid;place-items:center;flex:none;width:34px;height:34px;padding:0;border:1px solid color-mix(in srgb,var(--e5-signal) 60%,transparent);border-radius:50%;background:var(--e5-surface-raised);color:var(--e5-text);font:14px Arial,sans-serif;cursor:pointer}.start-motion-toggle:hover{background:color-mix(in srgb,var(--e5-surface-raised) 65%,var(--e5-signal))}.start-motion-toggle span{transform:scaleX(.8)}.start-picker-option:focus-visible,.start-motion-toggle:focus-visible{outline:2px solid var(--e5-signal);outline-offset:3px}.start-detail{display:flex;flex-direction:column;min-width:0;padding:18px 0 3px}.start-detail-index{color:var(--e5-signal);font-size:10px;letter-spacing:.05em}.start-detail h3{max-width:440px;margin:21px 0 35px;font-size:clamp(32px,3vw,45px);font-weight:510;line-height:1.05;letter-spacing:-.055em}.start-detail-pair{display:grid;grid-template-columns:90px minmax(0,1fr);gap:15px;padding:16px 0;border-top:1px solid color-mix(in srgb,var(--e5-signal) 30%,transparent)}.start-detail-pair>.mono,.start-detail-measure>.mono{padding-top:3px;color:var(--e5-signal);font-size:10px;line-height:1.5}.start-detail-pair p{margin:0;color:color-mix(in srgb,var(--e5-text) 75%,var(--e5-signal));font-size:14px;line-height:1.55}.start-detail-measure{margin-top:auto;padding-top:24px}.start-detail-measure p{margin:8px 0 0;color:var(--e5-signal);font:11px Geist Mono Variable,monospace;line-height:1.55}@media(max-width:1120px){.start-scene{grid-template-columns:minmax(0,1fr);gap:22px}.start-stage{min-height:390px}.start-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;padding-top:10px}.start-detail-index,.start-detail h3,.start-detail-measure{grid-column:1 / -1}.start-detail h3{margin:14px 0 20px}.start-detail-measure{margin-top:0;padding-top:15px}}@media(max-width:680px){.start-showcase{margin-top:36px}.start-picker{grid-template-columns:1fr;gap:7px}.start-picker-option{grid-template-columns:45px minmax(0,1fr) auto;align-items:center;min-height:58px;padding:10px 14px;gap:8px}.start-picker-option>.mono{grid-column:1;font-size:9px}.start-picker-option strong{font-size:16px}.start-picker-arrow{font-size:18px}.start-stage{min-height:0;padding:16px}.start-stage-top{align-items:flex-start;flex-wrap:wrap;gap:6px 16px}.start-stage-top>.mono,.start-stage-indicator{font-size:9px}.start-flow{grid-template-columns:minmax(0,1fr);padding:20px 0}.start-flow-card{min-height:0;flex-direction:row;align-items:flex-start;gap:13px;padding:12px}.start-card-top{flex:none;flex-direction:column;align-items:flex-start;gap:9px;margin:0}.start-card-icon{width:24px;height:24px}.start-flow-card strong{font-size:17px}.start-flow-card p{margin-top:4px;font-size:11px}.start-card-foot{display:none}.start-flow-link{width:1px;height:17px;margin-left:25px}.start-flow-link:after{top:auto;right:-3px;bottom:2px;transform:rotate(135deg)}.start-showcase[data-phase="1"] .start-flow-link:nth-of-type(2) i,.start-showcase[data-phase="2"] .start-flow-link:nth-of-type(4) i{animation:start-flow-travel-vertical 1.55s ease-in-out both}@keyframes start-flow-travel-vertical{0%{top:-3px;opacity:0}15%,80%{opacity:1}to{top:calc(100% - 5px);opacity:0}}.start-phase-list{width:min(100%,280px)}.start-detail{grid-template-columns:1fr;gap:0}.start-detail h3{margin-bottom:15px;font-size:32px}.start-detail-pair{grid-template-columns:80px minmax(0,1fr);gap:12px}.start-detail-measure{grid-column:1}}@media(prefers-reduced-motion:reduce){.start-picker-option,.start-picker-arrow,.start-flow-card,.start-phase-list span{transition:none}.start-flow-card{opacity:1}.start-flow-link i{animation:none!important}.start-motion-toggle{display:none}}