.delay-page {
    --delay-orange: #ff8a67;
    --delay-amber: #f2c75c;
    --delay-blue: #62b5f3;
    --delay-green: #64d3a1;
}

.delay-page .hero { background: linear-gradient(110deg, rgba(255,138,103,.04), transparent 46%), var(--bg); }
.delay-page .hero h1 { max-width: 760px; }
.delay-page .hero-glow-one { background: radial-gradient(circle, rgba(255,138,103,.16), transparent 68%); }
.delay-page .hero-glow-two { background: radial-gradient(circle, rgba(242,199,92,.07), transparent 70%); }
.delay-page .delay-visual::before { display: none; }

.delay-visual { min-height: 410px; }
.delay-orbit { position: absolute; left: 50%; top: 48%; width: 405px; height: 250px; transform: translate(-50%,-50%) rotate(-12deg); border: 1px dashed rgba(255,138,103,.18); border-radius: 50%; }
.delay-core { position: absolute; z-index: 2; left: 50%; top: 47%; width: 275px; height: 275px; transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; border: 1px solid rgba(255,138,103,.2); border-radius: 50%; background: radial-gradient(circle at 36% 30%, #342c2c, #1d1c23 60%, #111116); box-shadow: 0 38px 80px rgba(0,0,0,.5), inset -30px -25px 50px rgba(0,0,0,.25), 0 0 60px rgba(255,138,103,.07); line-height: 1; }
.delay-core::before,.delay-core::after { content: ""; position: absolute; width: 330px; height: 1px; background: rgba(255,255,255,.055); transform: rotate(-22deg); }
.delay-core::after { transform: rotate(34deg); }
.delay-core span { color: var(--delay-amber); font-size: 9px; font-weight: 700; letter-spacing: .3em; }
.delay-core strong { margin: 13px 0 9px; color: var(--delay-orange); font-size: 42px; letter-spacing: .03em; }
.delay-core small { color: #81787d; font-size: 8px; letter-spacing: .16em; }
.delay-core i { position: absolute; right: 51px; top: 63px; width: 12px; height: 12px; border: 2px solid var(--delay-orange); border-radius: 50%; box-shadow: 0 0 0 7px rgba(255,138,103,.08), 0 0 20px rgba(255,138,103,.35); }
.pipeline { position: absolute; z-index: 4; min-width: 123px; padding: 11px 14px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(29,28,35,.94); box-shadow: 0 16px 36px rgba(0,0,0,.34); animation: float-card 5s ease-in-out infinite; }
.pipeline b { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; color: var(--delay-blue); background: rgba(98,181,243,.1); font: 700 10px "Yume Quicksand",sans-serif; }
.pipeline span { color: #98929a; font-size: 9px; text-transform: uppercase; }
.pipeline-a { left: -5%; top: 13%; border-left: 3px solid var(--delay-blue); }
.pipeline-b { right: -5%; top: 11%; border-left: 3px solid var(--delay-amber); animation-delay: -1.7s; }
.pipeline-b b { color: var(--delay-amber); background: rgba(242,199,92,.1); }
.pipeline-c { right: 0; bottom: 11%; border-left: 3px solid var(--delay-orange); animation-delay: -3.4s; }
.pipeline-c b { color: var(--delay-orange); background: rgba(255,138,103,.1); }
.broken-line { position: absolute; z-index: 3; height: 1px; border-top: 1px dashed rgba(255,138,103,.3); transform-origin: left; }
.line-one { width: 80px; left: 19%; top: 31%; transform: rotate(20deg); }
.line-two { width: 72px; right: 18%; bottom: 29%; transform: rotate(-24deg); }
.alert-mark { position: absolute; z-index: 5; left: 12%; bottom: 17%; display: grid; place-items: center; width: 35px; height: 35px; border: 1px solid rgba(255,138,103,.26); border-radius: 50%; color: var(--delay-orange); background: rgba(255,138,103,.09); font: 700 16px "Yume Quicksand",sans-serif; box-shadow: 0 0 24px rgba(255,138,103,.12); }

.delay-scale { display: grid; grid-template-columns: 1fr auto 1fr; align-items: stretch; gap: 18px; margin: 28px 0; }
.delay-scale article { padding: 21px; border: 1px solid var(--line); border-radius: 17px; background: rgba(255,255,255,.018); }
.delay-scale article > span { display: inline-flex; padding: 5px 8px; border-radius: 99px; color: var(--delay-orange); background: rgba(255,138,103,.1); font: 700 10px "Yume Quicksand",sans-serif; }
.delay-scale h3 { margin: 13px 0 6px; font-size: 14px; }
.delay-scale p { margin: 0; color: #8f8991; font-size: 11px; line-height: 1.6; }
.delay-scale > i { align-self: center; width: 28px; height: 1px; background: var(--line); }
.delay-definition { border-color: rgba(255,138,103,.16); background: rgba(255,138,103,.045); }
.delay-definition .definition-symbol { color: var(--delay-orange); background: rgba(255,138,103,.11); font-family: "Yume Quicksand",sans-serif; }

.cause-list { display: grid; gap: 10px; }
.cause-list article { position: relative; display: grid; grid-template-columns: 42px 1fr auto; gap: 17px; align-items: start; padding: 19px 20px; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.018); transition: border-color .2s ease, transform .2s ease; }
.cause-list article:hover { transform: translateX(3px); border-color: rgba(255,138,103,.2); }
.cause-list article > span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; color: var(--delay-orange); background: rgba(255,138,103,.09); font: 700 10px "Yume Quicksand",sans-serif; }
.cause-list h3 { margin: 0 0 5px; font-size: 14px; }
.cause-list p { margin: 0; color: #969199; font-size: 12px; line-height: 1.62; }
.cause-list article > b { margin-top: 5px; color: #56525b; font-size: 8px; letter-spacing: .14em; }
.delay-takeaway { border-color: rgba(255,138,103,.17); background: rgba(255,138,103,.045); }
.delay-takeaway svg { stroke: var(--delay-orange); }
.delay-takeaway strong { color: var(--delay-orange); }

.compare-delay { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin-top: 28px; }
.compare-delay article { padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.compare-delay small { color: var(--delay-blue); font-size: 9px; font-weight: 700; letter-spacing: .15em; }
.compare-delay article:last-child small { color: var(--delay-orange); }
.compare-delay strong { display: block; margin: 9px 0 2px; font-size: 22px; }
.compare-delay span { color: #858089; font-size: 10px; }
.compare-delay article > div { display: grid; grid-template-columns: repeat(4,1fr); gap: 5px; margin-top: 18px; }
.compare-delay i { height: 6px; border-radius: 99px; background: var(--delay-green); }
.compare-delay i.stalled { background: repeating-linear-gradient(135deg,var(--delay-orange) 0 4px,rgba(255,138,103,.22) 4px 8px); }

.delay-steps li > span { color: var(--delay-orange); border-color: rgba(255,138,103,.23); }
.delay-steps::before { background: linear-gradient(var(--delay-orange),rgba(255,138,103,.08)); }
.platform-note { margin-top: 21px!important; padding: 15px 17px; border-left: 3px solid var(--delay-amber); border-radius: 0 12px 12px 0; color: #918d96!important; background: rgba(242,199,92,.045); font-size: 12px; }
.platform-note strong { color: var(--delay-amber); }

.impact-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 11px; margin: 27px 0; }
.impact-grid article { min-height: 180px; padding: 19px; border: 1px solid var(--line); border-radius: 17px; background: rgba(255,255,255,.018); }
.impact-grid span { color: var(--delay-orange); font-size: 8px; font-weight: 700; letter-spacing: .16em; }
.impact-grid h3 { margin: 16px 0 7px; font-size: 14px; }
.impact-grid p { margin: 0; color: #8f8992; font-size: 11px; line-height: 1.62; }
.delay-conclusion { border-color: rgba(255,138,103,.19); background: linear-gradient(145deg,rgba(255,138,103,.09),rgba(242,199,92,.02) 62%),var(--surface); }
.delay-conclusion .conclusion-mark,.delay-conclusion > p:first-of-type { color: var(--delay-orange)!important; }
.delay-conclusion a { background: var(--delay-orange); box-shadow: 0 8px 22px rgba(255,138,103,.18); }

@media (max-width: 640px) {
    .delay-scale,.compare-delay { grid-template-columns: 1fr; }
    .delay-scale > i { justify-self: center; width: 1px; height: 18px; }
    .cause-list article { grid-template-columns: 36px 1fr; gap: 13px; padding: 17px; }
    .cause-list article > b { display: none; }
    .impact-grid { grid-template-columns: 1fr; }
    .impact-grid article { min-height: auto; }
}