.loop-section{border-top:1px solid var(--border-subtle);padding-block:12rem;position:relative}.tone-review{--tone:var(--text-soft);--tone-rgb:201, 216, 212}.loop-inner{flex-direction:column;gap:6.4rem;display:flex;position:relative}.loop-head{flex-direction:column;gap:1.6rem;max-width:72rem;display:flex}.loop-steps{gap:2rem;margin:0;padding:0;list-style:none;display:grid}.loop-step{border:1px solid rgba(var(--tone-rgb), .16);background:linear-gradient(180deg, rgba(var(--tone-rgb), .06), transparent 70%), var(--bg-footer);border-radius:2rem;flex-direction:column;gap:1.4rem;padding:2.8rem 2.4rem;transition:border-color .3s,transform .3s;display:flex;position:relative}.loop-step:hover{border-color:rgba(var(--tone-rgb), .45)}.loop-step-node{border:1px solid rgba(var(--tone-rgb), .45);background:var(--bg-card);width:4.4rem;height:4.4rem;color:var(--tone);box-shadow:0 0 0 .6rem var(--bg-card);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.loop-step-title{color:var(--tone)}.loop-step-tag{margin-top:auto}@media (min-width:768px){.loop-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.loop-steps{grid-template-columns:repeat(4,minmax(0,1fr));position:relative}.loop-steps:before,.loop-steps:after{content:"";z-index:2;height:1px;position:absolute;top:5rem;left:4.6rem;right:4.6rem}.loop-steps:before{background:#ffffff14}.loop-steps:after{background:linear-gradient(90deg, var(--product-learn), var(--product-macro), var(--product-charts), var(--text-soft));transform:scaleX(clamp(0, calc((var(--scene,0) - .3) * 3), 1));transform-origin:0}.loop-step-node{z-index:3;position:relative}.loop-step{background:linear-gradient(180deg, rgba(var(--tone-rgb), .06), transparent 70%), #040706db}}
.macro-section{border-top:1px solid var(--border-subtle);background:radial-gradient(ellipse 50% 60% at 85% 40%, #2de0c012, transparent 70%), var(--bg-card);position:relative}.macro-sticky{gap:4.8rem;padding-block:12rem 8rem;display:grid}.macro-copy{flex-direction:column;align-items:flex-start;gap:2rem;max-width:52rem;display:flex}.macro-steps{flex-direction:column;gap:.4rem;width:100%;margin:1.2rem 0 1.6rem;padding:0;list-style:none;display:flex}.macro-step{gap:1.6rem;padding:1.2rem 0;transition:opacity .4s;display:flex}.macro-step-bar{background:#ffffff14;border-radius:2px;flex-shrink:0;width:2px;position:relative;overflow:hidden}.macro-step-bar:after{content:"";background:var(--accent);transform-origin:top;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scaleY(0)}.macro-step-copy{flex-direction:column;gap:.4rem;display:flex}.macro-stack{flex-direction:column;gap:2.4rem;display:flex}.macro-modules{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--bg-ticker);padding-block:2rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.macro-modules-track{width:max-content;animation:48s linear infinite qt-marquee;display:flex}.macro-modules-group{margin:0;padding:0;list-style:none;display:flex}.macro-module{white-space:nowrap;align-items:baseline;gap:1.2rem;padding-inline:3.2rem;display:flex}.macro-module-index{color:var(--accent);opacity:.55;font-weight:500}.macro-module:after{content:"";background:var(--accent);opacity:.5;border-radius:50%;align-self:center;width:.6rem;height:.6rem;margin-left:3.2rem}@media (prefers-reduced-motion:no-preference){.macro-pin{height:420vh}.macro-sticky{align-content:center;gap:2.4rem;height:100vh;padding-block:7.2rem 2rem;position:sticky;top:0;overflow:clip}.macro-step{opacity:.38}.macro-pin[data-step="0"] .macro-step:first-child,.macro-pin[data-step="1"] .macro-step:nth-child(2),.macro-pin[data-step="2"] .macro-step:nth-child(3),.macro-pin[data-step="3"] .macro-step:nth-child(4){opacity:1}.macro-pin[data-step="0"] .macro-step:first-child .macro-step-bar:after,.macro-pin[data-step="1"] .macro-step:nth-child(2) .macro-step-bar:after,.macro-pin[data-step="2"] .macro-step:nth-child(3) .macro-step-bar:after,.macro-pin[data-step="3"] .macro-step:nth-child(4) .macro-step-bar:after{transform:scaleY(1)}.macro-stack{aspect-ratio:2000/1040;display:block;position:relative}.macro-card{--enter:clamp(0, calc(var(--pin,0) * 3 - var(--i) + 1), 1);--cover:clamp(0, calc(var(--pin,0) * 3 - var(--i)), 1);transform:translateY(calc((1 - var(--enter)) * 100vh)) translateY(calc(var(--cover) * -3.2rem)) scale(calc(1 - var(--cover) * .08));transform-origin:50% 0;will-change:transform;position:absolute;inset:0}.macro-card:after{content:"";opacity:calc(var(--cover) * .55);pointer-events:none;background:#000;border-radius:1.4rem;position:absolute;inset:0}}@media (min-width:992px) and (prefers-reduced-motion:no-preference){.macro-sticky{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:6.4rem;padding-block:7.2rem 0}}@media (max-width:991px) and (prefers-reduced-motion:no-preference){.macro-copy{gap:1.2rem;max-width:none}.macro-copy>p{display:none}.macro-steps{margin:0}.macro-step{padding:.5rem 0}.macro-step-copy .sm-text{display:none}.macro-pin[data-step="0"] .macro-step:first-child .sm-text,.macro-pin[data-step="1"] .macro-step:nth-child(2) .sm-text,.macro-pin[data-step="2"] .macro-step:nth-child(3) .sm-text,.macro-pin[data-step="3"] .macro-step:nth-child(4) .sm-text{display:block}.macro-stack{justify-self:center;width:100%;min-width:min(100%,28rem);max-width:calc(192vh - 76.8rem)}.macro-card{transform:translateY(calc((1 - var(--enter)) * 100vh)) translateY(calc(var(--cover) * -1rem)) scale(calc(1 - var(--cover) * .05))}}@media (max-width:991px) and (max-height:720px) and (prefers-reduced-motion:no-preference){.macro-cta{display:none}}@media (min-width:992px) and (max-height:900px) and (prefers-reduced-motion:no-preference){.macro-copy{gap:1.4rem}.macro-copy>p{display:none}.macro-steps{margin:.4rem 0 .8rem}.macro-step{padding:.8rem 0}.macro-step-copy .sm-text{display:none}.macro-pin[data-step="0"] .macro-step:first-child .sm-text,.macro-pin[data-step="1"] .macro-step:nth-child(2) .sm-text,.macro-pin[data-step="2"] .macro-step:nth-child(3) .sm-text,.macro-pin[data-step="3"] .macro-step:nth-child(4) .sm-text{display:block}}@media (min-width:992px) and (max-height:720px) and (prefers-reduced-motion:no-preference){.macro-sticky{gap:4rem;padding-top:6.4rem}.macro-stack{justify-self:end;width:100%;max-width:calc(192vh - 23.04rem)}.macro-pin .macro-step .sm-text{display:none}.macro-step{padding:.5rem 0}}
.manifesto-section{border-top:1px solid var(--border-subtle);background:radial-gradient(ellipse 60% 50% at 50% 50%, #2de0c00d, transparent 70%), var(--bg-card);position:relative}.manifesto-sticky{flex-direction:column;justify-content:center;gap:3.2rem;padding-block:12rem;display:flex}.manifesto-text{text-wrap:pretty;max-width:120rem}.manifesto-word{transition:opacity .2s linear}@media (prefers-reduced-motion:no-preference){.manifesto-section{height:260vh}.manifesto-sticky{height:100vh;padding-block:0;position:sticky;top:0}.manifesto-word{opacity:clamp(.14, calc(var(--pin,0) * (var(--n) + 8) - var(--i)), 1)}}