/* A task becomes time again. Transform/opacity only; the existing hero controller
   handles visibility, user pause and reduced motion for every particle. */
.time-field{position:absolute;inset:0;overflow:clip;pointer-events:none;z-index:2;--drift:235px;--rise:-170px;--bend:185px}
.time-mote{position:absolute;left:50%;top:280px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid oklch(85% .025 75);border-radius:40px;background:oklch(99% .01 85 / .96);color:var(--ink);box-shadow:0 7px 24px -14px oklch(30% .035 50 / .4);opacity:0;white-space:nowrap;animation:time-emerge 24s linear var(--delay) infinite;--side:1}
.time-mote--left{--side:-1}.time-mote b{display:block;font-size:.87rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.time-mote small{display:block;font-size:.55rem;line-height:1.3;color:var(--ink-soft)}
.time-mote--hour{background:oklch(97% .025 145);border-color:oklch(83% .05 145)}
.time-mote__clock{width:19px;height:19px;border:1px solid var(--red);border-radius:50%;position:relative;flex-shrink:0}.time-mote__clock::after{content:"";position:absolute;width:5px;height:6px;border-left:1px solid var(--red);border-bottom:1px solid var(--red);left:8px;top:3px;transform-origin:0 100%;transform:rotate(-20deg)}
.time-mote--hour .time-mote__clock,.time-mote--hour .time-mote__clock::after{border-color:var(--green)}
.hero-orchestrator .orchestrator-core{z-index:3}.hero-orchestrator .call-object,.hero-orchestrator .result-object{z-index:1}
@keyframes time-emerge{
  0%,3%{opacity:0;transform:translate3d(calc(-50% + var(--side) * 75px),-50%,0) scale(.65)}
  10%{opacity:.96;transform:translate3d(calc(-50% + var(--side) * var(--bend)),calc(-50% - 52px),0) scale(.98)}
  22%{opacity:.85;transform:translate3d(calc(-50% + var(--side) * (var(--drift) - 14px)),calc(-50% + var(--rise) * .52),0) scale(1)}
  33%,100%{opacity:0;transform:translate3d(calc(-50% + var(--side) * var(--drift)),calc(-50% + var(--rise)),0) scale(.9)}
}
.time-preview{display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;text-align:center;margin-top:81px;padding:14px 0 10px;color:var(--ink);font-size:.76rem;line-height:1.5}
.time-preview strong{font-size:1.22rem;font-weight:560;letter-spacing:-.04em}.time-preview i{font-style:normal;color:var(--red);padding-inline:9px}.time-preview small{font-size:.66rem;color:var(--ink-soft)}.time-preview small span{color:var(--red);margin-left:5px;display:inline-block;transition:transform .25s}.time-preview:hover small span{transform:translate(2px,-2px)}
.time-section{background:var(--paper);padding-block:clamp(72px,8vw,128px);border-block:1px solid var(--line-soft)}
.time-section__inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(44px,8vw,120px);align-items:center}
.time-section__copy h2{font-size:clamp(2.4rem,4vw,4.2rem);font-weight:550;line-height:1.055;letter-spacing:-.055em;margin:0 0 25px}.time-section__copy>p:not(.section-label):not(.time-assumption){font-size:1rem;line-height:1.7;max-width:480px;color:var(--ink-soft)}
.time-controls{padding:0;margin:35px 0 22px;border:0;display:grid;gap:22px;min-width:0}.time-controls legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.time-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 20px;align-items:center}.time-control label{font-size:.85rem}.time-control output{font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--red)}
.time-control input{grid-column:1/-1;appearance:none;-webkit-appearance:none;width:100%;height:44px;margin:0;background:transparent;cursor:pointer;--range-fill:20%}
.time-control input::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(to right,var(--red) 0 var(--range-fill),var(--line-soft) var(--range-fill) 100%)}
.time-control input::-moz-range-track{height:3px;border-radius:2px;background:var(--line-soft)}.time-control input::-moz-range-progress{height:3px;background:var(--red)}
.time-control input::-webkit-slider-thumb{appearance:none;width:23px;height:23px;margin-top:-10px;border:6px solid var(--surface);border-radius:50%;background:var(--red);box-shadow:0 0 0 1px var(--line-soft),0 3px 8px oklch(25% .02 55 / .14);transition:box-shadow .2s}
.time-control input::-moz-range-thumb{box-sizing:border-box;width:23px;height:23px;border:6px solid var(--surface);border-radius:50%;background:var(--red);box-shadow:0 0 0 1px var(--line-soft)}
.time-control input:focus-visible{outline:2px solid var(--red);outline-offset:1px;border-radius:5px}.time-control input:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px oklch(60% .15 30 / .12)}.time-controls:disabled{opacity:.7}
.time-section__copy .time-assumption{font-size:.73rem;line-height:1.65;color:var(--ink-soft);max-width:470px}
.time-return{position:relative;isolation:isolate;min-height:540px;border-radius:50% 50% 12px 12px;padding:95px 30px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--ink);color:var(--paper);overflow:hidden;--time-turn:30deg}
.time-return__eyebrow{font-size:.79rem;color:oklch(80% .015 80);position:relative}.time-return__value{position:relative;margin:18px 0 14px;line-height:1}.time-return__value strong{display:block;font-size:clamp(4rem,8vw,8.5rem);font-weight:450;letter-spacing:-.075em;font-variant-numeric:tabular-nums;white-space:nowrap}.time-return__value>span{display:block;margin-top:20px;font-size:.72rem;color:oklch(83% .015 80)}
.time-return__equation{position:relative;font-size:.71rem;color:oklch(77% .02 80);font-variant-numeric:tabular-nums}
.time-return__purpose{display:grid;gap:7px;margin:34px 0 31px;font-size:.85rem;position:relative}.time-return__purpose span:first-child{color:oklch(84% .07 60)}
.time-return__link{position:relative;margin-top:auto;display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:44px;font-size:.72rem;text-underline-offset:5px;text-decoration-color:oklch(52% .01 80)}.time-return__link span{color:oklch(82% .08 45)}
.time-dial{position:absolute;inset:20px 20px auto;aspect-ratio:1;z-index:-1;opacity:.45;mask-image:linear-gradient(#000,transparent 85%)}.time-dial>span{position:absolute;inset:0;border:1px solid oklch(68% .02 80 / .3);border-radius:50%}.time-dial>span:nth-child(2){inset:18px}.time-dial>span:nth-child(3){inset:36px;background:repeating-conic-gradient(from -1deg,oklch(80% .025 80 / .4) 0 1deg,transparent 1deg 6deg);mask-image:radial-gradient(closest-side,transparent 95%,#000 96%)}
.time-dial>i{position:absolute;inset:18px;border-radius:50%;transform:rotate(var(--time-turn));transition:transform 600ms cubic-bezier(.16,1,.3,1)}.time-dial>i::before{content:"";position:absolute;left:50%;top:-3px;width:7px;height:7px;background:oklch(81% .1 50);border-radius:50%;box-shadow:0 0 20px oklch(70% .13 45 / .6)}
@media(min-width:901px) and (max-width:1190px){.time-field{--drift:205px;--bend:170px}.time-mote{padding:7px 9px;gap:5px}.time-mote b{font-size:.78rem}.time-mote small{font-size:.51rem}}
@media(max-width:900px){.time-section__inner{grid-template-columns:1fr;gap:38px}.time-section__copy{max-width:630px}.time-return{max-width:550px;width:100%;min-height:500px;margin-inline:auto}.time-return__value strong{font-size:6.5rem}}
@media(max-width:760px){
  .time-field{--drift:125px;--bend:85px;--rise:84px}.time-mote{top:265px;padding:7px 10px;gap:6px}.time-mote b{font-size:.8rem}.time-mote small{font-size:.52rem}.time-mote__clock{width:16px;height:16px}.time-mote__clock::after{left:6px;top:2px}
  @keyframes time-emerge{0%,3%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.65)}10%{opacity:.95;transform:translate3d(calc(-50% + var(--side) * 42px),calc(-50% + 73px),0) scale(.95)}22%{opacity:.7;transform:translate3d(calc(-50% + var(--side) * 85px),calc(-50% + 79px),0)}33%,100%{opacity:0;transform:translate3d(calc(-50% + var(--side) * var(--drift)),calc(-50% + 84px),0) scale(.9)}}
  .hero-orchestrator .result-object{top:389px}.hero-orchestrator .orchestrator-stage{height:540px}.hero-orchestrator .orchestrator-outcome{top:565px}.time-preview{margin-top:77px;font-size:.69rem}.time-preview strong{font-size:1.1rem}.time-preview small{font-size:.6rem}.time-preview i{padding-inline:5px}
  .time-section{padding-block:66px}.time-section__copy h2{font-size:clamp(2.3rem,9vw,3.5rem)}.time-return{padding:80px 22px 27px;min-height:480px}.time-return__value strong{font-size:clamp(3.7rem,16vw,6.5rem)}.time-control label{font-size:.78rem}.time-return__link{font-size:.68rem}
}
@media(prefers-reduced-motion:reduce){.time-field{display:none}.time-dial>i,.time-preview small span{transition:none}.time-dial>i{transform:rotate(var(--time-turn))}}