/* Revision 9 — visual QA: premium calendar assets, reliable photo framing and mobile editorial polish. */

/* Make each comparison read as one finished calendar creative rather than a stack of small cards. */
.calendar-compare{gap:24px;align-items:stretch}.calendar-card{display:flex;flex-direction:column;padding:0;overflow:hidden;border:1px solid #d8e2eb;border-radius:21px;background:#fff;box-shadow:0 20px 42px rgba(14,42,71,.09)}.calendar-card--old{background:#fbfcfd}.calendar-card--new{border-color:#ffc79f;background:#fffaf5}.calendar-card>.calendar-kicker,.calendar-card>h3,.calendar-card>.dead-end-tags,.calendar-card>.calendar-points,.calendar-card>.workshop-path{margin-right:26px;margin-left:26px}.calendar-card>.calendar-kicker{margin-top:27px;margin-bottom:8px}.calendar-card>h3{min-height:0;margin-top:0;margin-bottom:20px;font-size:30px;line-height:1.01}.calendar-frame{overflow:hidden;margin:0 26px;border:1px solid #d5e0e9;border-radius:14px;background:#fff;box-shadow:0 11px 25px rgba(14,42,71,.08)}.calendar-frame__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 19px;background:linear-gradient(120deg,#0e2a47,#173d63);color:#fff}.calendar-frame__header>div{display:grid;gap:3px}.calendar-frame__header span{font-size:10px;font-weight:900;letter-spacing:.14em}.calendar-frame__header small{color:#c2d4e4;font-size:8px;font-weight:800;letter-spacing:.08em}.calendar-frame__header strong{display:grid;justify-items:end;font-style:normal;text-align:right}.calendar-frame__header strong b{color:#ffb16d;font-size:23px;line-height:1;letter-spacing:-.06em}.calendar-frame__header strong i{margin-top:4px;color:#fff;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.07em}.calendar-frame .calendar-week{margin:0;padding:13px;background:#f7fafc;gap:7px}.calendar-frame .calendar-day{min-height:141px;padding:8px;border-color:#dce5ec;border-radius:6px;background:#fff}.calendar-frame .calendar-day>b{font-size:9px;color:#65798c}.calendar-frame .calendar-block{padding:7px 5px;font-size:9px;border-radius:4px}.calendar-frame .old-block{background:#e8edf2;color:#566c80}.calendar-frame .old-block:nth-child(3n){background:#f4e6dc;color:#895637}.calendar-frame .old-block:nth-child(4n){background:#f0dede;color:#995756}.calendar-frame .clean-block{background:#e7f0f5;color:#3e5b75}.calendar-frame .calendar-day--event{border-color:#ffc28d;background:#fff4e9}.calendar-frame .calendar-event{min-height:102px;padding:9px 6px;font-size:9px;border-radius:5px;background:linear-gradient(135deg,#ff871c,#f56600);color:var(--navy-deep)}.calendar-frame .calendar-event small{font-size:8px}.calendar-frame__footer{display:grid;gap:6px;padding:15px 18px;border-top:1px solid #e0e8ee;background:#fff}.calendar-frame__footer strong{color:var(--navy);font-size:13px;line-height:1.2;letter-spacing:-.03em}.calendar-frame--old .calendar-frame__footer strong b{color:#a8563a}.calendar-frame--new .calendar-frame__footer strong b{color:var(--orange)}.calendar-frame__footer small{color:#718398;font-size:9px;font-weight:750}.calendar-card>.dead-end-tags{margin-top:15px}.calendar-card>.calendar-points{margin-top:15px;margin-bottom:26px}.calendar-card>.workshop-path{margin-top:18px}.calendar-card--new .calendar-points{margin-bottom:26px}

/* Protect documentary focal points: subjects take priority over decorative crop. */
.hero-visual>img{object-position:50% 34%}.scene-card--before img{object-position:50% 25%}.scene-card--after img{object-position:50% 38%}.reality-card{min-height:0;aspect-ratio:16/9}.reality-card img{height:100%;object-position:50% 38%}.reality-card--real img{object-position:50% 44%}.mechanism-grid figure{aspect-ratio:4/3;overflow:hidden;background:#edf3f6}.mechanism-grid img{height:100%;object-position:50% 34%}.mechanism-grid article:nth-child(2) img{object-position:50% 30%}.system-photo{aspect-ratio:4/3}.system-photo img{height:100%;object-position:50% 48%}

/* Let the physical system be the chapter hero; labels form compact supporting rows. */
.system-stage{display:grid;grid-template-columns:1fr;gap:14px;max-width:820px;margin-inline:auto}.system-labels{grid-template-columns:repeat(4,1fr);gap:8px}.system-labels span{padding:11px 9px;background:#fff;font-size:10px;text-align:center}.system-labels--top,.system-labels--bottom{order:initial}.system-photo{order:initial;box-shadow:0 18px 42px rgba(14,42,71,.12)}.system-labels--left span:after,.system-labels--right span:before{display:none}.system-photo figcaption{bottom:17px;font-size:11px}.responsibility-grid{max-width:820px;margin:25px auto 0}

/* One visual chapter, one clear action; add dependable space around inline video actions. */
.center-action{margin-top:34px;padding-bottom:6px}.section-off .center-action{margin-top:34px}.life-strip{margin-bottom:4px}

@media (max-width:780px){.calendar-card>.calendar-kicker,.calendar-card>h3,.calendar-card>.dead-end-tags,.calendar-card>.calendar-points,.calendar-card>.workshop-path{margin-right:20px;margin-left:20px}.calendar-frame{margin-right:20px;margin-left:20px}.system-labels{grid-template-columns:repeat(2,1fr)}.system-photo{width:100%}.system-labels span{font-size:10px}.mechanism-grid figure{aspect-ratio:4/3}.mechanism-grid img{height:100%}}
@media (max-width:560px){.hero-copy h1{font-size:clamp(33px,8.65vw,37px);line-height:1.015}.hero-copy h1 strong{font-size:.81em;letter-spacing:-.075em}.hero-copy h1 .keep-phrase{white-space:nowrap}.calendar-compare{gap:18px}.calendar-card{border-radius:17px}.calendar-card>.calendar-kicker,.calendar-card>h3,.calendar-card>.dead-end-tags,.calendar-card>.calendar-points,.calendar-card>.workshop-path{margin-right:15px;margin-left:15px}.calendar-card>.calendar-kicker{margin-top:20px}.calendar-card>h3{margin-bottom:16px;font-size:25px}.calendar-frame{margin-right:15px;margin-left:15px;border-radius:11px}.calendar-frame__header{padding:15px 13px}.calendar-frame__header strong b{font-size:20px}.calendar-frame__header strong i{max-width:105px;font-size:7px;line-height:1.25}.calendar-frame .calendar-week--old,.calendar-frame .calendar-week--new{grid-template-columns:repeat(3,1fr);padding:9px;gap:5px}.calendar-frame .calendar-day{min-height:110px;padding:6px;gap:4px}.calendar-frame .calendar-day>b{font-size:8px}.calendar-frame .calendar-block{padding:5px 3px;font-size:8px}.calendar-frame .calendar-day--event{min-height:122px}.calendar-frame .calendar-event{min-height:82px;font-size:8px}.calendar-frame .calendar-event small{font-size:7px}.calendar-frame__footer{padding:12px 13px}.calendar-frame__footer strong{font-size:11px}.calendar-frame__footer small{font-size:8px}.calendar-card>.dead-end-tags{margin-top:12px}.calendar-card>.calendar-points{margin-top:13px;margin-bottom:20px}.calendar-card>.workshop-path{margin-top:14px;font-size:8px}.reality-card{width:100%;min-width:0;aspect-ratio:auto}.reality-card img{height:100%;object-position:50% 34%}.mechanism-grid figure{aspect-ratio:4/3}.system-labels{gap:7px}.system-labels span{padding:10px 7px;font-size:9px}.system-photo{aspect-ratio:4/3}.system-photo img{object-position:50% 50%}.center-action{margin-top:27px;padding-bottom:9px}.mobile-video-bar{right:16px;left:16px;bottom:max(14px,env(safe-area-inset-bottom))}body.sticky-watch-visible{padding-bottom:87px}}

/* Mobile calendar is a distinct readable creative—not a squeezed desktop week. */
@media (max-width:560px){.calendar-frame .calendar-week--old,.calendar-frame .calendar-week--new{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:7px}.calendar-frame .calendar-day{min-height:112px;padding:8px;gap:5px}.calendar-frame .calendar-day>b{font-size:9px}.calendar-frame .calendar-block{padding:7px 5px;font-size:10px;line-height:1.15}.calendar-frame .calendar-day--event{grid-column:span 2;min-height:138px}.calendar-frame .calendar-event{min-height:104px;padding:11px;font-size:10px}.calendar-frame .calendar-event small{font-size:9px}.calendar-frame__footer strong{font-size:12px;line-height:1.25}.calendar-frame__footer small{font-size:9px}}

/* Calendar numbers settle once after the frame enters; hero movement follows arrows, not every word. */
.calendar-metric-arrive{animation:calendar-metric-arrive .42s ease-out both}@keyframes calendar-metric-arrive{from{opacity:.3;transform:translateY(7px) scale(.9)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.calendar-metric-arrive{transition:none!important;animation:none!important}}

/* Revision 11 — post-hero visual journey, editorial calendar cards, and product-specific laptop slide. */
.journey-slider{position:relative;overflow:hidden;max-width:1000px;margin:0 auto;border:1px solid #d7e2eb;border-radius:22px;background:#fff;box-shadow:0 22px 52px rgba(14,42,71,.12)}.journey-slides,.journey-slide{height:520px}.journey-slide{position:relative;overflow:hidden;background:#edf3f6}.journey-slide.is-active{display:block;animation:journey-stage-settle .42s cubic-bezier(.22,.75,.2,1) both}.journey-slide>img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;transition:transform .7s ease}.journey-slide:nth-child(1)>img{object-position:50% 48%}.journey-slide:nth-child(2)>img{object-position:50% 42%}.journey-slide:nth-child(3)>img{object-position:50% 34%}.journey-slide:nth-child(4)>img{object-position:50% 30%}.journey-slide:nth-child(5)>img{object-position:50% 42%}.journey-slider:hover .journey-slide.is-active>img{transform:scale(1.015)}.journey-slide:after{position:absolute;inset:43% 0 0;background:linear-gradient(transparent,rgba(8,30,53,.67));content:"";pointer-events:none}.journey-ad-preview{position:absolute;z-index:2;left:26px;top:26px;display:grid;max-width:230px;gap:5px;padding:13px;border:1px solid rgba(255,255,255,.56);border-radius:10px;background:rgba(8,30,53,.92);box-shadow:0 13px 26px rgba(3,14,26,.24);color:#fff}.journey-ad-preview span{color:#ffbc86;font-size:8px;font-weight:900;letter-spacing:.14em}.journey-ad-preview strong{font-size:13px;line-height:1.03;letter-spacing:-.035em}.journey-ad-preview small{color:#dce8f0;font-size:9px;font-weight:700}.journey-slider-caption{position:absolute;z-index:3;right:22px;bottom:22px;left:22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:16px 17px;border:1px solid rgba(255,255,255,.26);border-radius:13px;background:rgba(8,30,53,.88);box-shadow:0 12px 30px rgba(3,14,26,.28);color:#fff}.journey-caption-copy>span{display:flex;align-items:center;gap:9px;color:#ffb47f;font-size:9px;font-weight:900;letter-spacing:.13em}.journey-caption-copy>span b{color:#fff;font-size:9px}.journey-caption-copy strong{display:block;margin-top:6px;font-size:17px;line-height:1.05;letter-spacing:-.04em}.journey-caption-copy p{margin-top:6px;color:#d8e4ed;font-size:11px;line-height:1.35}.journey-slider-controls{display:flex;align-self:center;align-items:center;gap:11px}.journey-slider-controls>button{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:transparent;color:#fff;cursor:pointer;font-size:18px;line-height:1}.journey-slider-controls>button:disabled{opacity:.35;cursor:default}.journey-slider-dots{display:flex;align-items:center;gap:7px}.journey-slider-dots button{width:9px;height:9px;padding:0;border:1px solid rgba(255,255,255,.52);border-radius:50%;background:transparent;cursor:pointer}.journey-slider-dots button[aria-selected="true"]{width:25px;border-radius:9px;background:var(--orange);border-color:var(--orange)}@keyframes journey-stage-settle{from{transform:scale(1.018)}to{transform:none}}
/* Calendar cards now use familiar premium calendar chrome, a named header and a real month grid. */
.calendar-frame{margin:0 26px;border:0;border-radius:17px;background:#0b1119;box-shadow:0 17px 34px rgba(8,20,34,.18)}.calendar-frame__header{padding:20px;background:linear-gradient(135deg,#070a0e,#111a24);border-bottom:1px solid rgba(255,255,255,.16)}.calendar-frame__header span{font-size:11px}.calendar-frame__header strong b{color:#ffb16d;font-size:25px}.calendar-frame__header strong i{color:#dce7ef}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);padding:11px 12px 8px;background:#fff;color:#657483;font-size:8px;font-weight:900;letter-spacing:.08em;text-align:center}.calendar-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:10px 12px 13px;background:#fff}.calendar-month-grid.calendar-week--old,.calendar-month-grid.calendar-week--new{margin:0}.calendar-cell{position:relative;display:flex;min-height:72px;flex-direction:column;gap:5px;padding:7px;border:1px solid #edf0f2;border-radius:8px;background:#f8f9fa}.calendar-cell>b{color:#6f7f8d;font-size:10px;font-weight:800}.calendar-cell .calendar-block{margin-top:auto;padding:5px 3px;border-radius:4px;font-size:7px;line-height:1.1;text-align:center}.calendar-cell .old-block{background:#dfe5e9;color:#536573}.calendar-cell .old-block:nth-of-type(3n){background:#eee3dc;color:#84553a}.calendar-cell .old-block:nth-of-type(4n){background:#eadfe1;color:#86505a}.calendar-cell .clean-block{background:#e8eef2;color:#3e5a72}.calendar-cell--workshop{border-color:#f4a361;background:#fff5ed}.calendar-cell--workshop>b{color:#9a4b16}.calendar-cell .calendar-event{display:flex;min-height:41px;flex:1;flex-direction:column;justify-content:center;padding:5px;border-radius:5px;background:linear-gradient(135deg,#ff8d22,#f56600);color:var(--navy-deep);font-size:7px;font-weight:900;line-height:1.1;text-align:center}.calendar-cell .calendar-event small{display:block;margin-top:4px;font-size:6px;letter-spacing:.04em}.calendar-frame__footer{border-top:1px solid rgba(255,255,255,.16);background:#0b1119;color:#fff}.calendar-frame__footer strong{color:#fff;font-size:12px}.calendar-frame__footer strong b{color:#ffb16d}.calendar-frame__footer small{color:#c2d0db}.calendar-card--new .calendar-frame__header{background:linear-gradient(135deg,#0b1119,#173d63)}.calendar-card--new .calendar-frame__footer{background:#0b1119}.calendar-card--new .calendar-frame__footer strong b{color:#ffb16d}
/* Make the product—not a generic physical kit—the subject of the material chapter. */
.workshop-title-slide{position:absolute;z-index:2;left:34.6%;top:23.1%;display:grid;width:22.5%;height:20.8%;align-content:center;gap:4px;padding:7px 8px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(140deg,#0b223d,#173d63);box-shadow:inset 0 0 0 1px rgba(245,102,0,.27);color:#fff;transform:rotate(2deg) skewY(.4deg)}.workshop-title-slide span{color:#ffb16d;font-size:4.5px;font-weight:900;letter-spacing:.08em;line-height:1.1}.workshop-title-slide strong{font-size:6.7px;line-height:1.07;letter-spacing:-.04em}.workshop-title-slide small{color:#dce9f1;font-size:3.8px;font-weight:800;line-height:1.1}.system-photo figcaption{z-index:3}.system-photo:after{z-index:1}
@media (max-width:560px){.journey-slider{border-radius:17px}.journey-slides,.journey-slide{height:386px}.journey-slide>img{object-position:50% 44%}.journey-slide:nth-child(1)>img{object-position:50% 50%}.journey-slide:nth-child(2)>img{object-position:50% 45%}.journey-slide:nth-child(3)>img{object-position:50% 36%}.journey-slide:nth-child(4)>img{object-position:50% 32%}.journey-slide:nth-child(5)>img{object-position:50% 44%}.journey-ad-preview{left:12px;top:12px;max-width:178px;padding:10px}.journey-ad-preview strong{font-size:10px}.journey-ad-preview small,.journey-ad-preview span{font-size:7px}.journey-slider-caption{right:10px;bottom:10px;left:10px;grid-template-columns:1fr;gap:10px;padding:12px}.journey-caption-copy strong{font-size:15px}.journey-caption-copy p{font-size:10px}.journey-slider-controls{justify-content:space-between}.journey-slider-controls>button{width:33px;height:33px}.journey-slider-dots{gap:6px}.journey-slider-dots button{width:8px;height:8px}.journey-slider-dots button[aria-selected="true"]{width:21px}.calendar-frame{margin-right:15px;margin-left:15px;border-radius:13px}.calendar-frame__header{padding:15px 13px}.calendar-frame__header span{font-size:8px}.calendar-frame__header strong b{font-size:18px}.calendar-frame__header strong i{max-width:80px;font-size:6px}.calendar-weekdays{padding:9px 8px 7px;font-size:6px}.calendar-month-grid{gap:3px;padding:7px}.calendar-cell{min-height:47px;padding:4px;border-radius:5px;gap:2px}.calendar-cell>b{font-size:7px}.calendar-cell .calendar-block{padding:3px 1px;font-size:5.4px;line-height:1.04}.calendar-cell .calendar-event{min-height:30px;padding:3px 2px;font-size:5.7px}.calendar-cell .calendar-event small{margin-top:2px;font-size:5px}.calendar-frame__footer{padding:12px}.calendar-frame__footer strong{font-size:10px}.calendar-frame__footer small{font-size:7px}.workshop-title-slide{padding:4px 5px}.workshop-title-slide span{font-size:3.5px}.workshop-title-slide strong{font-size:5.2px}.workshop-title-slide small{font-size:3px}}@media (prefers-reduced-motion:reduce){.journey-slide.is-active{animation:none!important}.journey-slider:hover .journey-slide.is-active>img{transform:none!important}}