:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#202b29;background:#faf8f5;--orange:#ff6909;--green:#188561}*{box-sizing:border-box}body{margin:0}header{height:64px;padding:8px 3vw;display:flex;gap:24px;align-items:center;border-bottom:1px solid #e4ded6;background:white}header img{width:112px;height:45px;object-fit:contain}header>span{font-size:11px;letter-spacing:1px}header b{color:var(--orange);margin-left:10px}nav{margin-left:auto;display:flex;gap:20px;align-items:center}a{color:inherit;text-decoration:none}nav a,nav button{font-size:12px}button{font:inherit;cursor:pointer;border:0;border-radius:12px;background:#fff0e3;padding:12px 17px;color:#99410a}main{max-width:1720px;margin:auto;padding:14px 3vw}.director{display:flex;align-items:center;gap:23px;min-height:78px;background:#fff1e4;border-radius:16px;padding:12px 18px}.director>div{flex:1}.director small{color:#b65b25;font-size:10px;font-weight:800;letter-spacing:1px}.director p{margin:5px 0;font-size:18px;line-height:1.4}.director #play{background:var(--orange);color:white;min-width:163px;font-weight:750}.director #sound{font-size:11px;white-space:nowrap}.timeline{display:flex;align-items:center;gap:16px;height:25px}.timeline input{width:100%;accent-color:var(--orange);height:5px}.timeline span{white-space:nowrap;font-size:11px}.heading{display:flex;align-items:center;justify-content:space-between;gap:30px;height:87px}.heading small{font-size:10px;color:#ae5c2e;font-weight:800;letter-spacing:1.6px}h1{font-size:30px;letter-spacing:-1px;margin:7px 0}.heading>p{font-size:14px;color:#75817a;max-width:330px;line-height:1.5}.screens{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start;background:radial-gradient(ellipse at 80% 90%,#ffdfc2,transparent 60%);padding:0 0 8px}.desktop{height:606px;border:1px solid #dddcd5;border-radius:15px;overflow:hidden;background:white;box-shadow:0 16px 40px #5840270b}.chrome{display:flex;align-items:center;gap:6px;background:#f3f3ef;height:32px;padding:0 14px;border-bottom:1px solid #ddd}.chrome i{width:7px;height:7px;background:#d9d9d0;border-radius:50%}.chrome span{font-size:10px;color:#859087;margin:auto}.webbody{display:grid;grid-template-columns:145px 1fr;height:calc(100% - 32px)}aside{padding:24px 13px;background:#fffaf4;border-right:1px solid #eee7db;display:flex;flex-direction:column}aside img{width:40px;height:40px;object-fit:contain;margin-bottom:13px}aside strong{font-size:16px}aside p{font-size:7px;letter-spacing:1px;color:#a38d7c;margin-bottom:27px}aside>span{font-size:11px;padding:14px 5px;color:#69746a}aside>span:nth-of-type(2){background:#ffebdb;color:#bb530f;border-radius:8px}aside>div{margin-top:auto;font-size:9px;color:var(--green)}#web{padding:24px 27px;overflow:hidden}h2{font-size:27px;letter-spacing:-.7px;margin:0 0 8px}.sub{font-size:12px;color:#879085;line-height:1.5;margin:0 0 18px}.card{border:1px solid #e9ded1;border-radius:16px;padding:18px;margin:13px 0;background:#fffdfa}.card.green{background:#edfaf3;border-color:#a9d9bf}.card.orange{background:#fff1e3;border-color:#ffd2ad}.card.purple{background:#f4efff;border-color:#d5c6ec}.card h3{font-size:19px;margin:5px 0 10px}.card p{font-size:13px;line-height:1.6;color:#727d73;margin:6px 0}.badge{display:inline-block;padding:6px 9px;border-radius:15px;background:#e3f5eb;color:#23744e;font-size:9px;font-weight:800;letter-spacing:.6px}.badge.warn{background:#ffecd2;color:#aa651a}.row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #eae7df;font-size:13px}.row:last-child{border:0}.row small{display:block;color:#90998d;margin-top:5px;font-size:10px}.row b{color:var(--green);white-space:nowrap}.stat{font-size:42px;font-weight:800;color:#e85e06;letter-spacing:-1.6px;margin:9px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid .card{margin:0}.action{display:block;text-align:center;background:var(--orange);color:white;border-radius:11px;padding:13px;font-size:12px;font-weight:750;margin-top:14px}.phone{width:300px;height:606px;border:6px solid #292a2a;border-radius:42px;background:#fffaf4;padding:13px 15px;box-shadow:0 13px 26px #3a2c2419;position:relative;overflow:hidden}.status{font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.status b{width:78px;height:20px;background:#171818;border-radius:20px}.phonebrand{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;margin-bottom:22px}.phonebrand img{width:32px;height:32px}.phonebrand small{display:block;font-size:6px;letter-spacing:1px;margin-top:4px}.phonebrand i{margin-left:auto;font-size:9px;font-style:normal;color:#db6215;background:#ffe8d2;padding:10px;border-radius:50%}#mobile h2{font-size:26px;line-height:1.05}#mobile .sub{font-size:10px;margin:10px 0}#mobile .card{padding:12px;margin:11px 0}#mobile .card h3{font-size:16px}#mobile .card p{font-size:11px}#mobile .row{font-size:11px;padding:10px 0}#mobile .stat{font-size:32px}#mobile .grid{gap:7px}#mobile .badge{font-size:8px}.bottomnav{position:absolute;bottom:0;left:0;right:0;height:59px;background:#fff;display:flex;align-items:center;justify-content:space-around;border-top:1px solid #eee3d6;color:#9c9d96}.bottomnav span{text-align:center;font-size:19px}.bottomnav small{display:block;font-size:6px;margin-top:5px}.bottomnav strong{background:var(--orange);border:4px solid #ffead8;color:white;border-radius:50%;font-size:30px;width:56px;height:56px;display:grid;place-items:center;margin-top:-19px}.orb{width:77px;height:77px;margin:14px auto;display:block;object-fit:contain}.waves{display:flex;align-items:center;justify-content:center;gap:5px;height:27px;margin:12px 0}.waves i{display:block;width:5px;background:var(--orange);border-radius:5px}.symbol{width:70px;height:70px;border-radius:50%;background:#ffebd7;color:var(--orange);display:grid;place-items:center;font-size:42px;margin:14px auto}.steps{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.steps span{background:#fff0e2;border-radius:12px;padding:16px;color:#ae561e;font-weight:700;font-size:13px}.preview{background:#eee3ff;color:#624295;border:1px solid #b49dd2;padding:9px;border-radius:8px;font-size:11px;font-weight:800}footer{display:flex;align-items:center;gap:25px;font-size:10px;color:#8b9186;height:30px}footer a:first-of-type{margin-left:auto}body.recording #play,body.recording #sound,body.recording nav{visibility:hidden}body.recording .timeline input{pointer-events:none}@media(min-width:1750px){.desktop{height:690px}.phone{width:360px;height:690px;padding:18px}.screens{grid-template-columns:minmax(0,1fr) 360px}.phonebrand{margin-bottom:30px}#mobile .card{padding:18px;margin:16px 0}#mobile .card p{font-size:13px}#mobile h2{font-size:30px}.heading{height:98px}main{padding-top:20px}.director{min-height:95px}#web{padding:32px}#web .card{padding:25px;margin:18px 0}.row{padding:18px 0}h2{font-size:32px}}@media(max-width:800px){header{height:auto;flex-wrap:wrap;gap:8px}header>span{font-size:9px}nav{margin:0;width:100%;gap:15px}main{padding:12px}.director{flex-wrap:wrap;gap:10px}.director>div{order:3;flex-basis:100%}.director p{font-size:15px}.heading{height:auto;display:block;margin:20px 0}h1{font-size:25px}.heading>p{max-width:none}.screens{display:flex;flex-direction:column;align-items:center}.desktop{width:100%;height:600px}.webbody{grid-template-columns:1fr}aside{display:none}#web{padding:18px}.phone{flex-shrink:0}footer{height:auto;flex-wrap:wrap;padding:15px;gap:10px}footer a:first-of-type{margin-left:0}}

.wave-0{height:8px}.wave-1{height:9px}.wave-2{height:10px}.wave-3{height:11px}.wave-4{height:12px}.wave-5{height:13px}.wave-6{height:14px}.wave-7{height:15px}.wave-8{height:16px}.wave-9{height:17px}.wave-10{height:18px}.wave-11{height:19px}.wave-12{height:20px}.wave-13{height:21px}.wave-14{height:22px}.wave-15{height:23px}.wave-16{height:24px}.wave-17{height:25px}.wave-18{height:26px}.wave-19{height:27px}.wave-20{height:28px}#web .card{padding:16px 19px;margin:12px 0}#web .row{padding:12px 0}#web .stat{font-size:36px}#web .orb{width:56px;height:56px;margin:8px auto}#web .waves{margin:8px 0}#web .grid .card{margin:0}

/* Pitch introduction: ten challenges become ten connected outcomes. */
#overview{display:none}body[data-chapter="intro"] .screens{display:none}body[data-chapter="intro"] #overview{display:grid;grid-template-columns:330px 1fr;gap:30px;align-items:center;min-height:606px;padding:24px;background:radial-gradient(ellipse at 10% 25%,#ffe0c3,transparent 55%),#fffaf4;border:1px solid #ecdfd0;border-radius:22px}.pitch-lead{padding:16px}.pitch-lead>small{font-size:9px;letter-spacing:1.5px;color:#a25c31;font-weight:800}.pitch-lead h2{font-size:47px;line-height:1.05;margin:18px 0;letter-spacing:-2px}.pitch-lead>p{font-size:18px;color:#7a8178;line-height:1.5}.pitch-roxy{display:flex;align-items:center;gap:18px;margin-bottom:20px}.pitch-roxy .orb{width:94px;height:94px;margin:0}.pitch-values{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.pitch-values span{padding:10px 12px;border:1px solid #edc9ac;border-radius:30px;font-size:11px;color:#aa5922;background:#fffaf4}.challenge-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.challenge-tile{background:white;border:1px solid #eee1d2;border-radius:18px;min-height:218px;padding:19px 14px;position:relative;opacity:.38}.challenge-tile.revealed{opacity:1;border-color:#ffca9f}.challenge-tile.solved.revealed{border-color:#a8d7bc;background:#f0fbf5}.tile-icon{display:grid;place-items:center;width:47px;height:47px;background:#fff0e1;color:#f16b0c;font-size:27px;border-radius:14px;margin-bottom:18px}.challenge-tile.solved .tile-icon{background:#ddf1e5;color:#29825b}.challenge-tile>small{position:absolute;right:13px;top:16px;font-size:9px;color:#a49584}.challenge-tile h3{font-size:16px;line-height:1.25;margin:0 0 12px}.challenge-tile p{font-size:11px;line-height:1.4;color:#7d8579;margin:0}.challenge-tile>b{display:block;color:#dd772a;margin-top:15px}.challenge-tile.solved>b{color:#268159}aside>span:nth-of-type(2){background:none;color:#69746a}body[data-chapter="lateness"] aside>span:nth-of-type(2),body[data-chapter="arrival"] aside>span:nth-of-type(2),body[data-chapter="clock"] aside>span:nth-of-type(2),body[data-chapter="urgent"] aside>span:nth-of-type(2){background:#ffebdb;color:#bb530f}body[data-chapter="care"] aside>span:nth-of-type(4),body[data-chapter="plan"] aside>span:nth-of-type(4){background:#ffebdb;color:#bb530f}body[data-chapter="payroll"] aside>span:nth-of-type(5){background:#ffebdb;color:#bb530f}
@media(min-width:1750px){body[data-chapter="intro"] #overview{min-height:690px}.challenge-tile{min-height:250px;padding:22px 17px}.challenge-tile h3{font-size:18px}.challenge-tile p{font-size:13px}.pitch-lead h2{font-size:52px}}
@media(max-width:1100px){body[data-chapter="intro"] #overview{grid-template-columns:1fr}.pitch-lead h2{font-size:35px}.pitch-roxy{float:left;margin-right:20px}.challenge-grid{grid-template-columns:repeat(5,1fr)}.challenge-tile{min-height:210px}}
@media(max-width:650px){body[data-chapter="intro"] #overview{padding:15px;gap:10px}.pitch-lead{padding:5px}.pitch-lead h2{font-size:31px;letter-spacing:-1px}.pitch-lead>p{font-size:15px}.pitch-roxy{float:none}.pitch-roxy .orb{width:65px;height:65px}.challenge-grid{grid-template-columns:repeat(2,1fr)}.challenge-tile{min-height:210px}}
/* Fit the complete desktop presentation to the actual browser window. */
body.fit-tour main{width:1600px;max-width:none;padding:10px 40px;margin:0 auto}
body.fit-tour .heading{height:80px}
body.fit-tour .director{min-height:78px}
body.fit-tour .screens{grid-template-columns:minmax(0,1fr) 320px;gap:24px}
body.fit-tour .desktop,body.fit-tour .phone{height:680px}
body.fit-tour .phone{width:320px;padding:13px 15px}
body.fit-tour #web{overflow:auto}
body.fit-tour[data-chapter="intro"] #overview{min-height:680px;grid-template-columns:300px 1fr}
body.fit-tour .challenge-tile{min-height:230px}
body.fit-tour .pitch-lead h2{font-size:44px}
@media(max-width:1099px){#web{overflow:auto}.desktop{height:auto;min-height:600px}.webbody{height:auto;min-height:568px}}