:root{--cycle-magenta:#d6006d;--cycle-navy:#14213d;--cycle-blue:#1261c9;--cycle-teal:#008f92;--cycle-orange:#ed7d18;--cycle-green:#2d8a57;--cycle-purple:#7047b8;--cycle-paper:#f7f8fc;--cycle-line:#dfe4ee}
*{box-sizing:border-box}.cycle-page{margin:0;background:#e9edf5;color:var(--cycle-navy);font-family:Inter,Arial,sans-serif}.cycle-toolbar{position:sticky;z-index:10;top:0;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem max(1rem,calc((100vw - 1180px)/2));background:#111b31;color:#fff;box-shadow:0 4px 18px #0b153033}.cycle-toolbar a{color:#fff;text-decoration:none;font-weight:700}.cycle-toolbar button{border:0;border-radius:.55rem;padding:.7rem 1rem;background:var(--cycle-magenta);color:#fff;font:700 .9rem Inter,Arial,sans-serif;cursor:pointer}.cycle-sheet{width:min(1180px,calc(100% - 2rem));margin:1.5rem auto 3rem;padding:2rem;background:var(--cycle-paper);box-shadow:0 18px 55px #17233b26}.cycle-title{display:grid;grid-template-columns:1fr 220px;gap:2rem;align-items:center;padding:1.5rem 1.7rem 1.7rem;border-radius:1.25rem;background:linear-gradient(135deg,#111c35 0%,#17294d 66%,#40102f 100%);color:#fff}.cycle-title>div>p:first-child,.stage-label{margin:0 0 .45rem;font-size:.76rem;font-weight:900;letter-spacing:.13em;color:var(--cycle-magenta)}.cycle-title h1{margin:0;font:800 clamp(2rem,4vw,3.5rem)/1 Poppins,Inter,sans-serif}.cycle-intro{max-width:780px;margin:.9rem 0 0;color:#d9e2f1;font-size:1.05rem;line-height:1.55}.cycle-mark{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:145px;border:1px solid #ffffff2e;border-radius:1rem;background:#ffffff0d}.cycle-mark span{font:900 2.1rem JetBrains Mono,monospace;color:#ff5fac}.cycle-mark b{font:800 1rem/1.25 Poppins,sans-serif;letter-spacing:.08em}.guided-stage{display:grid;grid-template-columns:95px 1fr auto;gap:1.2rem;align-items:center;margin-top:1.35rem;padding:1.15rem 1.3rem;border:1px solid #bfd0ea;border-radius:1rem;background:#eef5ff}.stage-number{display:grid;place-items:center;min-height:68px;border-radius:.85rem;background:var(--cycle-blue);color:#fff;font:900 1.4rem Poppins,sans-serif}.stage-number.magenta{background:var(--cycle-magenta)}.guided-stage h2,.cycle-stage h2,.rhythm-panel h2,.cycle-bottom-grid h2{margin:0;font:800 1.35rem/1.2 Poppins,sans-serif}.guided-stage p:not(.stage-label){margin:.35rem 0 0;line-height:1.5}.guided-steps{display:flex;align-items:center;gap:.45rem}.guided-steps span{padding:.55rem .7rem;border-radius:.55rem;background:#fff;border:1px solid #c7d5ea;font-weight:800;font-size:.8rem}.guided-steps i{font-style:normal;color:#72809a}.cycle-stage{margin-top:1.35rem}.cycle-stage-heading{display:grid;grid-template-columns:95px 1fr;gap:1.2rem;align-items:center;margin-bottom:1rem}.cycle-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}.step-card{--accent:var(--cycle-blue);display:flex;flex-direction:column;min-height:355px;padding:1rem;border:1px solid var(--cycle-line);border-top:7px solid var(--accent);border-radius:1rem;background:#fff;box-shadow:0 8px 20px #17233b0d}.step-card.prepare{--accent:var(--cycle-purple)}.step-card.recap{--accent:var(--cycle-blue)}.step-card.build{--accent:var(--cycle-teal)}.step-card.debug{--accent:var(--cycle-orange)}.step-card.reflect{--accent:var(--cycle-green)}.step-top{display:flex;align-items:center;justify-content:space-between;color:var(--accent)}.step-top span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font-weight:900}.step-top b{font-size:.68rem;letter-spacing:.1em}.step-card h3{margin:.85rem 0 .4rem;font:900 1.5rem Poppins,sans-serif;color:var(--accent)}.step-card p{margin:0;line-height:1.45}.step-card ul{margin:.9rem 0;padding-left:1.2rem;font-size:.87rem;line-height:1.7}.step-card strong{margin-top:auto;padding-top:.7rem;border-top:1px dashed #ccd4e2;color:var(--accent);font-size:.82rem}.rhythm-panel{display:grid;grid-template-columns:1fr 1.65fr;gap:1.5rem;align-items:center;margin-top:1.35rem;padding:1.25rem 1.4rem;border-radius:1rem;background:#fff;border:1px solid var(--cycle-line)}.rhythm-line{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none}.rhythm-line li{position:relative;padding:.9rem .45rem;text-align:center;border-top:4px solid var(--cycle-magenta);background:#f8f2f6}.rhythm-line li:not(:last-child)::after{content:'›';position:absolute;right:-.35rem;top:.75rem;z-index:1;font-size:1.4rem;color:var(--cycle-magenta)}.rhythm-line b,.rhythm-line span{display:block}.rhythm-line b{color:var(--cycle-magenta);font-size:.8rem}.rhythm-line span{margin-top:.2rem;font-size:.78rem}.cycle-bottom-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;margin-top:1.35rem}.expectation-panel,.memory-panel{padding:1.2rem 1.3rem;border-radius:1rem}.expectation-panel{background:#fff;border:1px solid var(--cycle-line)}.expectation-panel ul{display:grid;grid-template-columns:1fr 1fr;gap:.65rem 1rem;margin:.9rem 0 0;padding:0;list-style:none}.expectation-panel li{padding-left:1.25rem;line-height:1.45}.expectation-panel li::before{content:'✓';margin-left:-1.25rem;margin-right:.4rem;color:var(--cycle-green);font-weight:900}.memory-panel{display:flex;gap:1rem;align-items:center;background:#fff1f7;border:1px solid #f2b7d3}.memory-panel>span{display:grid;place-items:center;flex:0 0 56px;height:56px;border-radius:50%;background:var(--cycle-magenta);color:#fff;font:900 1.7rem Poppins,sans-serif}.memory-panel p{margin:.45rem 0 0;line-height:1.5}.cycle-slogan{display:flex;justify-content:center;align-items:center;gap:.7rem;margin-top:1.35rem;padding:1rem;border-radius:.85rem;background:var(--cycle-navy);color:#fff;font-size:.88rem;letter-spacing:.04em}.cycle-slogan span{color:#ff5fac;font-weight:900}
@media(max-width:980px){.cycle-grid{grid-template-columns:repeat(2,1fr)}.step-card:last-child{grid-column:1/-1;min-height:auto}.guided-stage{grid-template-columns:80px 1fr}.guided-steps{grid-column:1/-1;justify-content:center}.rhythm-panel{grid-template-columns:1fr}.cycle-title{grid-template-columns:1fr}.cycle-mark{display:none}}
@media(max-width:660px){.cycle-toolbar{align-items:flex-start}.cycle-toolbar button{font-size:.75rem}.cycle-sheet{width:100%;margin:0;padding:1rem}.cycle-title{padding:1.2rem}.guided-stage,.cycle-stage-heading{grid-template-columns:65px 1fr}.guided-steps{flex-wrap:wrap}.cycle-grid,.cycle-bottom-grid{grid-template-columns:1fr}.step-card,.step-card:last-child{grid-column:auto;min-height:auto}.rhythm-line{grid-template-columns:1fr 1fr}.expectation-panel ul{grid-template-columns:1fr}.cycle-slogan{flex-wrap:wrap}}
@page{size:A4 landscape;margin:9mm}@media print{.cycle-page{background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}.cycle-toolbar{display:none}.cycle-sheet{width:auto;margin:0;padding:0;box-shadow:none}.cycle-title{padding:12px 18px}.cycle-title h1{font-size:28px}.cycle-intro{font-size:11px}.cycle-mark{min-height:90px}.guided-stage{margin-top:9px;padding:8px 12px}.guided-stage p:not(.stage-label){font-size:10px}.cycle-stage{margin-top:9px}.cycle-stage-heading{margin-bottom:7px}.cycle-grid{gap:6px}.step-card{min-height:228px;padding:8px;border-top-width:5px}.step-card h3{margin:6px 0 2px;font-size:16px}.step-card p,.step-card ul{font-size:9px}.step-card ul{margin:6px 0;line-height:1.4}.step-card strong{font-size:8px}.rhythm-panel{margin-top:8px;padding:8px 12px}.rhythm-panel h2,.guided-stage h2,.cycle-stage h2,.cycle-bottom-grid h2{font-size:14px}.cycle-bottom-grid{margin-top:8px}.expectation-panel,.memory-panel{padding:8px 10px}.expectation-panel li,.memory-panel p{font-size:8.5px}.cycle-slogan{margin-top:8px;padding:7px;font-size:8px}.stage-number{min-height:48px;font-size:16px}.stage-label{font-size:7px}}
