@charset "UTF-8";
:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#292936;background:#f5f5f2;font-synthesis:none;font-weight:400;--indigo:#3f4694;--muted:#777781;--line:#dededc;--ease:cubic-bezier(.22,.68,0,1)}
*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #797ee2;outline-offset:5px}svg{display:block}button{color:inherit}::selection{background:#dcdef8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-160%);z-index:5;padding:12px;background:#fff}.skip-link:focus{transform:none}
.site-header{max-width:1392px;margin:auto;padding:32px 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:block;line-height:0}.brand img{width:144px;height:auto}.study-label{font-size:12px;display:flex;align-items:center;gap:9px;color:#686875;letter-spacing:.01em}.status-dot{width:6px;height:6px;border-radius:50%;background:#1abc9c}.edition{margin-left:18px;color:#9999a0;font-variant-numeric:tabular-nums}main{max-width:1280px;margin:auto;padding:0 56px}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;padding:53px 0 39px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.15em;margin:0 0 18px;color:#777781}h1{font-size:clamp(42px,5.4vw,69px);line-height:1.03;font-weight:600;letter-spacing:-.065em;margin:0;display:flex;align-items:center;white-space:pre}h1 span{color:var(--indigo)}.title-spark{width:42px;height:42px;margin:5px 0 0 23px;fill:none;stroke:#1abc9c;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-5deg)}.intro-copy{font-size:15px;line-height:1.65;margin:19px 0 0;color:#74747e}.download-link{font-size:12px;font-weight:600;border-bottom:1px solid #bcbccb;padding:0 0 10px;display:flex;gap:17px;align-items:center;margin-bottom:5px;white-space:nowrap;transition:color .2s,border-color .2s}.download-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.download-link:hover{color:var(--indigo);border-color:var(--indigo)}
.evolution{border:1px solid #dcdcde;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 5px 24px #24243904}.preview{background:#fff;--preview-ink:#777781;--grid:#eeedf4;color:#777781;transition:background .3s,color .3s}.preview.dark{background:#22222d;--preview-ink:#b6b6c9;--grid:#333341;color:#b6b6c9}.preview-toolbar{height:67px;padding:21px 27px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-label{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:600;letter-spacing:.14em}.preview-label>span{width:4px;height:4px;background:#9090a3;border-radius:50%}.preview-tools{display:flex;align-items:center;gap:14px}.segmented{display:flex;border:1px solid #e6e5ec;border-radius:7px;padding:3px;gap:2px;background:#f5f5f8}.segmented button{border:0;border-radius:4px;background:transparent;color:#858491;padding:6px 12px;font-size:11px;font-weight:550;transition:background .2s,color .2s,box-shadow .2s}.segmented button.active{background:#fff;color:#363542;box-shadow:0 1px 4px #28284112}.dark .segmented{background:#2b2b39;border-color:#3a3a4c}.dark .segmented button{color:#a6a6bb}.dark .segmented button.active{background:#414155;color:#fff}.theme-button{width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:inherit;display:grid;place-items:center}.theme-button:hover{background:#7c7c9e15}.theme-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.artboard{position:relative;height:302px;display:flex;align-items:center;justify-content:center;margin:0 27px;overflow:hidden}.artboard:before{content:"";position:absolute;inset:22px 0;background-image:radial-gradient(circle,var(--grid) 1px,transparent 1px);background-size:18px 18px;mask-image:radial-gradient(ellipse at center,#0000 15%,#000a 65%,#0000 86%);pointer-events:none}.stage-svg{position:relative;width:88%;max-height:100%;overflow:visible}.artboard[data-format=symbol] .stage-svg{width:260px;max-width:70%;height:235px}.registration{position:absolute;width:10px;height:10px;opacity:.65}.registration:before,.registration:after{content:"";position:absolute;background:var(--grid)}.registration:before{left:0;top:4px;width:10px;height:1px}.registration:after{left:4px;top:0;width:1px;height:10px}.registration-tl{left:0;top:50px}.registration-br{right:0;bottom:50px}.preview-caption{height:42px;padding:0 29px 18px;display:flex;justify-content:space-between;align-items:flex-end;font-size:9px;font-weight:550;letter-spacing:.12em;color:var(--preview-ink)}.caption-right{font-size:10px;font-weight:400;letter-spacing:0;display:flex;align-items:center;gap:9px}.caption-right svg{width:20px;height:11px;stroke:currentColor;stroke-width:1.1;fill:none;stroke-linecap:round;stroke-linejoin:round}
.transport{border-top:1px solid #efeff2;padding:21px 28px 16px}.transport-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.play-controls{display:flex;align-items:center;gap:15px}.play-button{display:flex;align-items:center;gap:9px;background:var(--indigo);color:#fff;border:0;border-radius:6px;min-width:143px;justify-content:center;padding:10px 13px;font-size:11px;font-weight:550;transition:background .2s,transform .2s}.play-button:hover{background:#313879}.play-button:active{transform:scale(.98)}.play-button svg{width:13px;height:13px;fill:currentColor}.replay-button{border:0;background:transparent;color:#9998a6;width:25px;height:32px;display:grid;place-items:center;padding:0}.replay-button:hover{color:var(--indigo)}.replay-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.progress-readout{font-variant-numeric:tabular-nums;display:flex;align-items:baseline;font-size:9px;letter-spacing:.09em;color:#9998a5;gap:0}.progress-readout #progress-value{font-size:23px;letter-spacing:-.04em;color:#444352;min-width:39px;text-align:right}.percent{font-size:12px;margin-left:2px;color:#777683}.progress-divider{margin:0 14px;color:#cdccd4}#timeline{--progress:0%;display:block;-webkit-appearance:none;appearance:none;width:100%;height:20px;margin:0;background:transparent;cursor:ew-resize}#timeline::-webkit-slider-runnable-track{height:3px;border-radius:5px;background:linear-gradient(to right,var(--indigo) var(--progress),#e5e5ed var(--progress))}#timeline::-moz-range-track{height:3px;border-radius:5px;background:linear-gradient(to right,var(--indigo) var(--progress),#e5e5ed var(--progress))}#timeline::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#fff;border:4px solid var(--indigo);border-radius:50%;margin-top:-5.5px;box-shadow:0 0 0 4px #fff}#timeline::-moz-range-thumb{width:7px;height:7px;background:#fff;border:4px solid var(--indigo);border-radius:50%;box-shadow:0 0 0 4px #fff}.timeline-ends{display:flex;justify-content:space-between;margin-top:3px;font-size:10px;color:#9998a5}
.stages{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ebebf0;background:#fbfbfc}.stage-button{display:flex;align-items:center;gap:11px;border:0;border-right:1px solid #e9e9ef;background:transparent;padding:19px 20px;position:relative;text-align:left;transition:background .2s,color .2s;color:#858493;min-height:63px}.stage-button:last-child{border-right:0}.stage-number{font-size:10px;font-variant-numeric:tabular-nums;color:#aaa9b7}.stage-name{font-size:12px;font-weight:550}.stage-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;margin-left:auto;opacity:0;transition:opacity .2s}.stage-button.active{background:#f0f0fa;color:var(--indigo)}.stage-button.active:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--indigo)}.stage-button.active .stage-number{color:#858ac4}.stage-button.active svg{opacity:1}.stage-button:hover{background:#f0f0f7;color:var(--indigo)}
.detail{display:grid;grid-template-columns:1fr 1fr;gap:58px;padding:31px 1px 33px;min-height:176px}.detail-heading>span{font-size:10px;letter-spacing:.1em;color:#94929f;font-variant-numeric:tabular-nums}.detail h2{font-size:20px;letter-spacing:-.025em;font-weight:550;line-height:1.4;margin:11px 0 0}.detail-body p{font-size:12px;line-height:1.8;color:#7a7885;margin:0;max-width:465px}.palette{height:22px;margin-top:14px;display:flex;align-items:center;gap:6px}.swatch{width:18px;height:18px;border-radius:50%;border:1px solid #00000005;display:inline-block}.swatch.gradient{width:70px;border-radius:20px;background:linear-gradient(90deg,#1abc9c,#66b1e2)}.palette-label{font-size:10px;margin-left:7px;color:#8a8895;letter-spacing:.02em}footer{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid #dededc;padding:23px 0 30px;font-size:10px;color:#8f8d99}footer p{margin:0}.asset-links{display:flex;gap:14px}.asset-links a{transition:color .2s}.asset-links a:hover{color:var(--indigo)}.asset-links>span{color:#bdbbc5}.noscript-note{margin:24px;text-align:center}
@media(min-width:1600px){.intro{padding-top:65px}.artboard{height:360px}}
@media(max-width:900px){.site-header{padding:26px 30px}main{padding:0 30px}.intro{padding-top:40px}.stage-button{padding:17px 13px;gap:8px}.stage-name{font-size:11px}.stage-button svg{display:none}.detail{gap:32px}.artboard{height:270px}.stage-svg{width:94%}}
@media(max-width:640px){.site-header{padding:23px 21px}.brand img{width:121px}.study-label{font-size:10px;gap:6px}.edition{display:none}main{padding:0 20px}.intro{padding:34px 0 27px;display:block}.eyebrow{font-size:9px;margin-bottom:15px}h1{font-size:46px}.title-spark{width:29px;height:29px;margin-left:14px}.intro-copy{font-size:12px;margin-top:15px;line-height:1.7}.download-link{font-size:10px;display:inline-flex;margin-top:20px;margin-bottom:0;padding-bottom:7px;gap:12px}.download-link svg{width:14px;height:14px}.preview-toolbar{padding:15px 15px 10px;height:58px}.preview-label{font-size:7px;gap:5px;letter-spacing:.1em}.preview-tools{gap:6px}.segmented{padding:2px}.segmented button{font-size:9px;padding:6px 8px}.theme-button{width:27px}.theme-button svg{width:16px}.artboard{height:231px;margin:0 16px}.stage-svg{width:100%}.artboard[data-format=symbol] .stage-svg{width:210px;height:195px}.preview-caption{padding:0 17px 15px;height:33px;font-size:7px;letter-spacing:.1em}.caption-right{font-size:9px;gap:6px}.caption-right svg{width:17px}.transport{padding:17px 17px 13px}.play-controls{gap:9px}.play-button{min-width:124px;font-size:10px;padding:9px 10px}.transport-row{gap:10px;margin-bottom:12px}.progress-readout>span:last-child,.progress-divider{display:none}.progress-readout #progress-value{font-size:22px}.timeline-ends{font-size:9px}.stages{grid-template-columns:repeat(2,1fr)}.stage-button{padding:15px 16px;min-height:51px}.stage-button:nth-child(2){border-right:0}.stage-button:nth-child(-n+2){border-bottom:1px solid #e9e9ef}.stage-name{font-size:11px}.stage-button svg{display:block}.detail{grid-template-columns:1fr;padding:25px 0 28px;gap:15px;min-height:215px}.detail h2{font-size:19px;margin-top:8px}.detail-heading>span{font-size:9px}.detail-body p{font-size:12px;max-width:none}.palette{margin-top:12px}.palette-label{font-size:9px}footer{display:block;padding:20px 0 26px;font-size:9px}.asset-links{margin-top:15px;gap:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}