:root{--ink:#182c3a;--muted:#526573;--green:#0d7464;--blue:#4c61a6;--line:#dae3e7;--soft:#f4f7f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:white;font:16px/1.8 -apple-system,BlinkMacSystemFont,'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif}button,a,summary{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}nav{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:14px 4vw;background:#ffffffee;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{font-weight:800;font-size:20px;letter-spacing:-.5px}.brand span{color:var(--green)}.navlinks{display:flex;gap:20px;font-size:14px}.navlinks a[aria-current]{color:var(--green);font-weight:700}.btn{border:1px solid var(--line);padding:8px 15px;background:white;border-radius:6px;font-size:14px}.btn.primary{background:var(--green);color:white;border-color:var(--green)}main{max-width:1240px;margin:auto}.page{position:relative;padding:76px 48px 66px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--green);font-size:13px;letter-spacing:2px;font-weight:700;text-transform:uppercase}.head{display:flex;justify-content:space-between;gap:30px;align-items:start;margin-bottom:32px}.num{color:#c5d4db;font-size:56px;font-weight:300;line-height:1.2}h1{font-size:clamp(38px,4.8vw,64px);line-height:1.18;letter-spacing:-1.8px;margin:20px 0 22px}h2{font-size:34px;line-height:1.3;letter-spacing:-.8px;margin:10px 0 12px}h3{font-size:20px;line-height:1.5;margin:0 0 10px}h4{margin:0 0 6px;font-size:15px}p{margin:0 0 14px}.lead{font-size:19px;color:var(--muted);max-width:780px}.sub{font-size:14px;color:var(--muted)}.tag{display:inline-block;border:1px solid var(--line);padding:3px 10px;font-size:12px;border-radius:4px;margin-right:6px}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:48px}.thesis{border-left:4px solid var(--green);padding:15px 22px;background:#f0f8f6;margin:25px 0}.thesis p{margin:0;font-size:19px;font-weight:600}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:8px;padding:24px;background:white}.card.tint{background:var(--soft)}.label{font-size:12px;letter-spacing:1px;color:var(--green);font-weight:700;margin-bottom:9px}.journey{border-radius:8px;background:var(--ink);color:white;padding:26px}.journey .sub{color:#a9c5ca}.stages{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.stage{border:1px solid #55727b;padding:14px 6px;text-align:center;font-size:14px;border-radius:4px}.stage small{display:block;color:#b0c6cb;font-size:12px}.journeyline{font-size:13px;color:#b0c6cb}.roles{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.roles strong{display:block;font-size:14px}.roles span{color:var(--muted);font-size:13px}.flow{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:24px 0}.flow div{padding:18px 8px;background:var(--soft);border-top:3px solid var(--green);font-size:14px;text-align:center}.flow div.ai{border-color:var(--blue);background:#f1f3fa}.flow b{display:block;font-size:12px;color:var(--muted)}details{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}summary{cursor:pointer;font-weight:600;font-size:14px}details p,details li{font-size:14px}details p{margin-top:12px}ul{padding-left:20px;margin:10px 0}.compare{display:flex;gap:5px;background:var(--soft);padding:5px;border-radius:7px;width:fit-content;margin-bottom:20px}.compare button{border:0;border-radius:4px;background:transparent;padding:7px 18px;font-size:14px}.compare button[aria-pressed=true]{background:var(--green);color:white}.diagram{border:1px solid var(--line);border-radius:8px;padding:25px;background:var(--soft)}.diagramtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.zoom{border:0;background:none;color:var(--green);font-size:13px;text-decoration:underline}.context{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:16px;min-height:220px}.context .box{background:white;border:1px solid var(--line);padding:18px;text-align:center;border-radius:6px}.context .core{border:2px solid var(--green);background:#ecf7f3;padding:25px 10px;text-align:center;border-radius:50%;aspect-ratio:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.context .box+.box{margin-top:14px}.timeline{display:grid;grid-template-columns:70px repeat(4,1fr);gap:8px;font-size:13px;align-items:center;margin-top:22px}.timeline .booking{background:#d5eee5;padding:12px;border-left:3px solid var(--green);grid-column:span 2}.timeline .empty{height:45px;border:1px dashed #bdcbd2}.note{font-size:12px;color:var(--muted);margin:14px 0 0}.value{margin-top:20px}.value b{color:var(--green)}.metric{font-size:50px;font-weight:600;line-height:1.2;letter-spacing:-2px}.metric small{font-size:18px;color:var(--muted);font-weight:400;letter-spacing:0}.steps{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.steps span{padding:9px 12px;background:white;border:1px solid var(--line);font-size:14px;border-radius:4px}.steps .em{color:var(--green);border-color:var(--green)}.builder{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pool{display:grid;gap:8px}.product{border:1px solid var(--line);border-radius:5px;padding:10px 14px;background:white;display:flex;justify-content:space-between;font-size:14px}.phone{border:2px solid #7b919c;border-radius:22px;background:white;padding:18px;max-width:260px;margin:auto;width:100%}.phone .product{margin-top:8px}.schedule{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:20px 0}.day{border:1px solid var(--line);padding:14px 6px;font-size:13px;background:white;text-align:center}.day.low{background:#fff4e8;border-color:#b78b59}.day.ok{background:#edf7f3}.day.high{background:#eff2fa;border-color:#8094c6}.legend{display:flex;gap:20px;font-size:13px;color:var(--muted)}.legend span::before{content:'';display:inline-block;width:10px;height:10px;background:#c6ddd2;margin-right:7px}.legend span:first-child::before{background:#ebc79b}.legend span:last-child::before{background:#b6c2e4}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;border-bottom:1px solid var(--line);padding:13px 10px;vertical-align:top}th{font-size:12px;color:var(--muted);background:var(--soft)}.retrolist{counter-reset:retro}.retro{padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:15px}.retro::before{counter-increment:retro;content:'0' counter(retro);color:var(--green);font-size:22px}.retro p{font-size:14px;margin:0}.foot{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:30px}.sitefoot{padding:30px 48px;font-size:13px;color:var(--muted)}dialog{border:0;border-radius:12px;padding:28px;width:min(950px,94vw);max-height:90vh;color:var(--ink)}dialog::backdrop{background:#112733bb}dialog .close{float:right;margin-bottom:18px}dialog .diagram{clear:both}.printonly{display:none}.stagedemo{color:var(--blue);font-size:12px}.evidence{border-left:3px solid #99aab3;padding-left:12px;margin-top:16px;font-size:13px;color:var(--muted)}
@media(max-width:900px){.navlinks{gap:10px}.navlinks a{font-size:12px}.page{padding:48px 25px}.hero{grid-template-columns:1fr;gap:24px}.flow{grid-template-columns:repeat(4,1fr)}h1{font-size:48px}.num{font-size:42px}}
@media(max-width:620px){nav{flex-wrap:wrap;gap:10px;padding:12px 18px}.navlinks{order:3;width:100%;overflow:auto;white-space:nowrap;padding-bottom:4px}.grid2,.grid3,.builder{grid-template-columns:1fr}.page{padding:38px 20px}h1{font-size:38px}h2{font-size:28px}.lead{font-size:17px}.roles{grid-template-columns:1fr}.head{gap:10px}.flow{grid-template-columns:repeat(2,1fr)}.context{grid-template-columns:1fr}.context .core{border-radius:8px;aspect-ratio:auto;min-height:130px}.schedule{grid-template-columns:repeat(4,1fr)}.timeline{grid-template-columns:52px repeat(4,1fr);gap:4px;font-size:11px}.foot{gap:16px}.sitefoot{padding:25px 20px}td,th{padding:10px 5px}html{scroll-padding-top:130px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@page{size:A4 landscape;margin:0}
@media print{body{font-size:10pt;line-height:1.62;-webkit-print-color-adjust:exact;print-color-adjust:exact}nav,.screenonly,dialog,.zoom{display:none!important}main{max-width:none}.page{width:297mm;height:210mm;padding:13mm 16mm 12mm;border:0;break-after:page;overflow:hidden}.page:last-child{break-after:auto}.eyebrow{font-size:8pt}.head{margin-bottom:6mm}.num{font-size:37pt}h1{font-size:37pt;margin:5mm 0}h2{font-size:25pt;margin:2mm 0}h3{font-size:14pt}h4{font-size:10pt}.lead{font-size:12pt;max-width:none}.hero{grid-template-columns:1.15fr .85fr;gap:9mm}.card{padding:5mm}.grid2{gap:6mm}.grid3{gap:5mm}.thesis{padding:4mm 5mm;margin:5mm 0}.thesis p{font-size:12pt}.sub{font-size:9pt}.label,.tag,.note,.stagedemo{font-size:8pt}.tag{padding:1mm 2mm}.journey{padding:6mm}.stage{font-size:9pt;padding:4mm 2mm}.stage small{font-size:8pt}.roles{margin-top:5mm}.roles strong{font-size:9pt}.roles span{font-size:8pt}.flow{margin:5mm 0}.flow div{font-size:9pt;padding:4mm 2mm}.flow b{font-size:8pt}details{margin-top:3mm;padding-top:2mm}summary{font-size:9pt}details p,details li{font-size:8.5pt}details p{margin:2mm 0}.diagram{padding:5mm}.diagramtop{margin-bottom:3mm}.context{min-height:42mm;gap:4mm}.context .box{font-size:9pt;padding:4mm}.context .core{padding:5mm 2mm;max-height:48mm;aspect-ratio:auto;border-radius:8px}.timeline{margin-top:4mm;font-size:8pt}.timeline .booking{padding:2mm}.timeline .empty{height:9mm}.metric{font-size:32pt}.metric small{font-size:12pt}.steps{margin:4mm 0}.steps span,.product{font-size:9pt;padding:2mm 3mm}.phone{padding:4mm;max-width:56mm}.builder{gap:5mm}.schedule{margin:5mm 0}.day{font-size:9pt;padding:4mm 2mm}.legend{font-size:8pt}table{font-size:9pt}td,th{padding:3mm 2mm}th{font-size:8pt}.retro{padding:3mm 0}.retro p{font-size:9pt}.retro::before{font-size:16pt}.evidence{font-size:8pt;margin-top:3mm}.foot{position:absolute;bottom:8mm;left:16mm;right:16mm;font-size:8pt}.sitefoot{display:none}.printonly{display:block}.value{margin-top:4mm}p{margin-bottom:3mm}}

.demo{margin:28px 0;border:1px solid #41514f;border-radius:10px;overflow:hidden;background:#171a1b;color:#eaece9}.demobar{padding:16px 22px;background:#222729;display:flex;justify-content:space-between;align-items:center;gap:14px}.demobar strong{color:#dac591;font-size:16px}.demobar span{font-size:12px;color:#bcc7c8}.demobody{padding:24px}.demo .btn{background:#282f30;color:#eaece9;border-color:#596565}.demo .btn.primary{background:#dac591;color:#24292a;border-color:#dac591}.demo .btn:disabled{opacity:.4;cursor:default}.demo button:focus-visible,.demo select:focus-visible{outline:3px solid #e4c68b;outline-offset:3px}.demo select{background:#282f30;border:1px solid #657373;border-radius:4px;color:white;font:inherit;padding:8px;max-width:100%}.demo label{font-size:14px}.demogrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.demostate{display:inline-block;background:#33423e;border:1px solid #688679;border-radius:4px;padding:3px 12px;color:#c8eadc;font-size:14px}.taskdemo{padding:20px;border:1px solid #51605f;border-radius:7px}.taskdemo h4{font-size:17px}.demo p{font-size:14px;color:#c5cece}.demofacts{display:flex;gap:22px;margin:15px 0;flex-wrap:wrap}.demofacts div{font-size:13px;color:#b1c4be}.demofacts b{display:block;font-size:16px;color:white}.democontrols{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.demolog{padding-left:18px;margin:0;font-size:13px;color:#c2cccc}.demolog li{margin-bottom:12px}.demolog strong{color:#dfcfaa}.briefbody{font-size:14px;margin-top:15px;padding:16px;background:#202728;border-radius:5px}.briefbody code{color:#e5c793;overflow-wrap:anywhere}.demo summary{color:#e2c990}.demo-note{padding:0 24px 20px;font-size:12px;color:#aabbba}.reservation-grid{display:grid;grid-template-columns:70px repeat(3,1fr);gap:7px;margin-top:18px;align-items:center}.reservation-grid .axis{font-size:13px;color:#b7c1c1}.reservation-grid .slot{min-height:62px;border:1px dashed #5b6969;background:#202628;color:#c5cccc;border-radius:4px;padding:8px;font-size:13px}.reservation-grid .slot.active{background:#4c4838;border:1px solid #b9a06d;color:#fff1d1}.reservation-grid .slot[aria-pressed=true]{outline:2px solid #ddc58e}.reservation-grid .tablelabel{font-size:14px;line-height:1.5}.reservation-grid .tablelabel small{display:block;color:#aebeb9;font-size:12px}.respanel{border:1px solid #536362;padding:20px;border-radius:7px}.respanel h4{font-size:19px}.respanel .capacity{font-size:30px;line-height:1.6;color:#ddc58e}.respanel .notice{padding:12px;border-left:3px solid #ddc58e;background:#292c29}.qrdemo{display:grid;grid-template-columns:1fr 1.1fr;gap:25px}.qrcatalog{display:grid;gap:8px}.qradd{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;background:#222829;border:1px solid #526160;border-radius:5px;text-align:left;color:white;font-size:14px}.qradd[aria-pressed=true]{border-color:#b8a26f}.qradd small{color:#dac591;font-size:12px}.demophone{border:2px solid #5d6463;border-radius:25px;padding:20px;background:#202526;max-width:360px;margin:auto;width:100%}.demophone h4{color:#e3cd94}.qrpreview{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:100px;margin-top:15px}.qritem{padding:14px 10px;background:#343b39;border:1px solid #7b7d67;border-radius:6px;cursor:grab}.qritem strong{font-size:14px;display:block}.qritem .price{color:#dac591;font-size:13px}.qritemtools{display:flex;gap:6px;justify-content:space-between;margin-top:13px}.qritemtools button{background:#252d2d;border:1px solid #6b7675;color:white;border-radius:3px;font-size:13px;padding:3px 7px}.qrpreview.dragover{outline:2px dashed #dec996;outline-offset:5px}.qrfeedback{font-size:13px;color:#d9cda7;min-height:25px;margin-top:15px}.demosteps{font-size:13px;color:#c0cdca;margin-top:14px}.demo .muted{color:#a9bbba;font-size:12px}@media(max-width:700px){.demogrid,.qrdemo{grid-template-columns:1fr}.demobar{align-items:start;flex-direction:column}.demobody{padding:18px}.reservation-grid{grid-template-columns:48px repeat(3,1fr);gap:5px}.reservation-grid .slot{font-size:12px;padding:7px 3px}.reservation-grid .tablelabel{font-size:12px}.demo-note{padding:0 18px 18px}}@media print{.demo{display:none!important}}

.evidence-study{margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}.evidence-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px}.evidence-heading h3{font-size:25px;margin-top:8px}.evidence-layout{display:grid;grid-template-columns:1.02fr 1fr;gap:30px;align-items:start;margin:25px 0}.actual-figure{margin:0}.shot-crop{position:relative;width:100%;aspect-ratio:1/1.54;overflow:hidden;border-radius:7px;background:#1b1d1f;border:1px solid var(--line)}.shot-crop img{width:250%;max-width:none;height:auto;display:block}.actual-figure figcaption{font-size:12px;color:var(--muted);margin-top:12px}.feature-stack article{position:relative;border-bottom:1px solid var(--line);padding:0 0 15px 43px;margin-bottom:18px}.feature-no{position:absolute;left:0;top:1px;color:var(--green);font-size:20px}.feature-stack h4{font-size:17px}.feature-stack p{font-size:14px;margin:6px 0}.ownership-strip{padding:20px 23px;background:#f0f8f6;border-left:3px solid var(--green)}.ownership-strip p{font-size:14px;margin:8px 0 0}@media(max-width:700px){.evidence-layout{grid-template-columns:1fr}.evidence-heading{align-items:start;flex-direction:column}.shot-crop{max-width:520px}.feature-stack h4{font-size:16px}}@media print{#delivery{height:auto;min-height:210mm;overflow:visible}.evidence-study{break-before:page;padding-top:8mm;break-inside:avoid}.evidence-layout{gap:6mm;margin:4mm 0}.shot-crop{max-height:137mm}.evidence-heading h3{font-size:16pt}.feature-stack h4{font-size:10pt}.feature-stack p{font-size:9pt}.feature-stack article{margin-bottom:3mm;padding-bottom:3mm}.ownership-strip{padding:3mm}.ownership-strip p{font-size:9pt}.evidence-study .note{font-size:8pt}}

.portfolio-nav{padding:16px max(25px,calc((100vw - 1144px)/2));gap:20px}.portfolio-nav .brand{font-size:18px}.portfolio-nav .navlinks{font-size:14px;gap:22px}.portfolio-nav .brand span{color:var(--green)}.portfolio-nav .current-case{font-size:13px;color:var(--muted)}.case-main{max-width:1240px}.case-main .page{padding-top:54px;border-bottom:0}.case-main .head h1{font-size:40px;line-height:1.35;margin:10px 0 15px;letter-spacing:-1px}.breadcrumbs{max-width:1144px;margin:26px auto 0;padding:0 0;font-size:14px;color:var(--muted);display:flex;gap:12px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.case-pager{max-width:1144px;margin:0 auto 50px;padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center}.case-pager span{display:block;font-size:12px;color:var(--muted)}.case-pager strong{font-size:17px}.case-pager a:hover strong{color:var(--green)}.case-pager .next{text-align:right}.optional-demo{margin-top:25px;border:1px solid var(--line);padding:18px;border-radius:7px}.optional-demo summary{font-size:15px;color:var(--muted)}.optional-demo .demo{margin-bottom:0}.case-main .foot{display:none}.page-shortcuts{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 24px}.page-shortcuts a{font-size:14px;color:var(--green);text-decoration:underline;text-underline-offset:4px}.portfolio-home{max-width:1144px;margin:0 auto;padding:54px 0 45px}.home-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:40px}.home-intro h1{font-size:48px;line-height:1.27;margin:12px 0 20px;letter-spacing:-1.4px}.home-intro .lead{font-size:18px;max-width:600px}.home-focus{padding:22px 0 22px 28px;border-left:3px solid var(--green)}.home-focus p{font-size:15px;margin:0 0 10px}.home-focus strong{font-size:14px;color:var(--green)}.home-focus .sub{font-size:13px;margin-top:16px}.works-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;border-top:1px solid var(--line);padding-top:25px;margin-bottom:22px}.works-heading h2{font-size:25px;margin:0}.works-heading p{font-size:14px;color:var(--muted);margin:0}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.work-link{padding:25px 24px 20px;display:flex;flex-direction:column;min-height:275px;border:1px solid var(--line);border-radius:7px;background:white;transition:border-color .15s,background .15s}.work-link:hover{border-color:var(--green);background:#f6faf9}.work-link .worktop{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);margin-bottom:20px}.work-link .worktop .order{font-size:22px;font-weight:500;line-height:1;color:var(--green)}.work-link h3{font-size:22px;line-height:1.4;margin-bottom:12px}.work-link p{font-size:15px;color:var(--muted);line-height:1.7;margin:0 0 18px}.work-link .workbottom{margin-top:auto;border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px}.work-link .workbottom b{color:var(--green);font-weight:600}.work-link.featured{border-top:3px solid var(--green);padding-top:23px}.work-link .kicker{font-size:12px;color:var(--blue)}.home-end{margin-top:35px;font-size:13px;color:var(--muted);line-height:1.7}.home-end strong{color:var(--ink)}.sitefoot{border-top:1px solid var(--line);max-width:1144px;margin:auto;padding:25px 0 35px;font-size:12px}.case-main .evidence-study{margin-top:25px}.case-main .shot-crop{aspect-ratio:1/1.54}
@media(max-width:1200px){.portfolio-home{padding:45px 30px}.breadcrumbs,.case-pager{margin-left:48px;margin-right:48px}.sitefoot{margin-left:30px;margin-right:30px}.home-intro{gap:30px}.work-link{padding:22px 20px}.work-link.featured{padding-top:20px}}
@media(max-width:900px){.work-grid{grid-template-columns:repeat(2,1fr)}.home-intro h1{font-size:39px}.home-intro{gap:25px}.case-main .page{padding-top:36px}.breadcrumbs,.case-pager{margin-left:25px;margin-right:25px}.portfolio-nav .current-case{display:none}}
@media(max-width:620px){.portfolio-nav{padding:14px 20px;flex-wrap:nowrap;align-items:center}.portfolio-nav .navlinks{width:auto;order:initial;padding:0;overflow:visible;font-size:14px;gap:14px}.portfolio-nav .navlinks a{font-size:14px}.portfolio-nav .brand{font-size:16px}.home-intro{grid-template-columns:1fr;gap:20px}.home-intro h1{font-size:34px}.portfolio-home{padding:30px 20px}.home-intro .lead{font-size:16px}.home-focus{padding:14px 0 14px 20px}.work-grid{grid-template-columns:1fr;gap:14px}.work-link{min-height:0;padding:22px}.work-link .worktop{margin-bottom:15px}.work-link h3{font-size:22px}.works-heading{align-items:start;flex-direction:column;gap:8px}.case-main .head h1{font-size:29px}.case-pager{align-items:start;margin-left:20px;margin-right:20px}.case-pager strong{font-size:14px}.breadcrumbs{margin-left:20px;margin-right:20px;font-size:13px}.sitefoot{margin-left:20px;margin-right:20px}.optional-demo{padding:14px}.home-end{margin-top:25px}}

.execution-evidence{margin-top:55px;padding-top:35px;border-top:1px solid var(--line)}.execution-evidence .evidence-heading h2{font-size:32px;line-height:1.4;margin-top:8px}.execution-evidence>.lead{font-size:18px;max-width:950px}.log-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;align-items:start;margin:30px 0}.log-figure{margin:0}.log-figure img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--line)}.log-figure figcaption{margin-top:12px;font-size:13px;color:var(--muted)}.execution-timeline{list-style:none;padding:0;margin:24px 0 28px}.execution-timeline li{position:relative;margin-left:9px;border-left:2px solid var(--line);padding:0 0 25px 25px}.execution-timeline li:last-child{padding-bottom:0;border-color:transparent}.execution-timeline li::before{content:'';position:absolute;left:-6px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--green)}.event-meta{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:13px;margin-bottom:6px}.event-meta span{color:var(--blue)}.execution-timeline h4{font-size:17px}.execution-timeline p{font-size:15px;margin:7px 0 0}.handoff-notice{padding:23px;background:#f1f4fb;border-left:3px solid var(--blue)}.handoff-notice .label{color:var(--blue)}.handoff-notice h3{font-size:20px}.handoff-notice p{font-size:15px}.handoff-notice p:last-child{margin-bottom:0}.handoff-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.handoff-flow div{padding:18px 15px;border-top:3px solid var(--green);background:var(--soft)}.handoff-flow span{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.handoff-flow strong{font-size:15px}.log-figure .zoom{font-size:14px}@media(max-width:800px){.log-layout{grid-template-columns:1fr;gap:25px}.log-figure{max-width:540px}.handoff-flow{grid-template-columns:repeat(2,1fr)}.execution-evidence .evidence-heading h2{font-size:28px}.execution-evidence>.lead{font-size:17px}}@media(max-width:450px){.event-meta{flex-direction:column;gap:0}.handoff-notice{padding:18px}.execution-timeline li{padding-left:20px}.handoff-flow strong{font-size:14px}}dialog .log-figure{max-width:700px;margin:auto}

.taskora-playback{margin:28px 0 35px;scroll-margin-top:95px}.taskora-window{color:#e4e5e7;background:#1d1f21;border:1px solid #363a3d;border-radius:9px;overflow:hidden;font-size:14px}.taskora-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#191b1d;border-bottom:1px solid #363a3d}.taskora-top>div{display:flex;align-items:center;gap:16px}.taskora-top strong{display:flex;align-items:center;gap:10px;font-size:17px}.taskora-mark{display:grid;place-items:center;font-size:14px;width:23px;height:23px;border-radius:5px;background:#3264a5;color:#7ed6c6}.taskora-divider{color:#78808b}.taskora-example{font-size:12px;color:#acb2bd}.taskora-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 20px;border-bottom:1px solid #363a3d}.taskora-tabs{display:flex;gap:20px;align-items:center}.taskora-tabs .selected{color:#f3e0c3;border-bottom:2px solid #cba26e;padding:8px 0}.taskora-state{color:#acb2bd;font-size:13px}.taskora-actions{display:flex;gap:8px}.taskora-window button{font:inherit;border:1px solid #977957;background:#2e2822;color:#e2bd8c;border-radius:5px;padding:7px 12px;cursor:pointer}.taskora-window button:disabled{opacity:.45;cursor:default}.taskora-window button:focus-visible,.taskora-window select:focus-visible{outline:3px solid #f4d3a5;outline-offset:3px}.taskora-window [hidden]{display:none!important}.taskora-notification{padding:12px 20px;color:#efd6ac;background:#3b3023;border-bottom:1px solid #8b6f4d;font-size:14px}.taskora-surface{display:grid;grid-template-columns:1.13fr 1fr}.taskora-tasklist{min-width:0;border-right:1px solid #363a3d}.taskora-columns,.taskora-parent,.taskora-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 70px;gap:12px;align-items:center;padding:17px}.taskora-columns{color:#929aa7;font-size:12px;padding-top:13px;padding-bottom:13px;border-bottom:1px solid #363a3d}.taskora-parent{border-bottom:1px solid #363a3d;background:#242628}.taskora-parent strong{font-size:14px}.taskora-parent>span{font-size:12px;color:#a9b3c2}.taskora-row{border-bottom:1px solid #363a3d;min-height:84px}.taskora-row .task-name{display:block;font-size:14px;color:#e2e5ea;line-height:1.5}.taskora-row .task-result{display:block;font-size:12px;color:#969eab;margin-top:5px;line-height:1.5}.taskora-row .task-number{font-size:12px;color:#a5afbc}.taskora-status{padding:5px 10px;text-align:center;border-radius:5px;background:#263147;color:#87a8f1;font-size:13px}.taskora-status.running{background:#463c31;color:#d2b184}.taskora-status.done{background:#1d3b2e;color:#58bb8d}.taskora-status.pending{background:#383047;color:#b395e7}.taskora-row select{width:100%;font:inherit;font-size:13px;padding:6px 5px;border-radius:5px;color:#c2a4f1;background:#383047;border:1px solid #7d649b}.taskora-row select.completed{color:#7dc8a5;background:#1d3b2e;border-color:#4a8067}.taskora-row select option{background:#25272a;color:#e4e5e7}.taskora-empty{font-size:13px;color:#929aa7;padding:25px 20px;margin:0;line-height:1.8}.taskora-human{padding:18px 20px;background:#25242b}.taskora-human strong{color:#c6abd8;font-size:13px}.taskora-human p{font-size:13px;color:#bcc2ca;margin:7px 0 0;line-height:1.7}.taskora-history{padding:18px;min-width:0}.taskora-history-head{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#a1a9b7;margin-bottom:16px}.taskora-history-head span{font-size:12px}.taskora-history ol{list-style:none;padding:0;margin:0;max-height:365px;overflow:auto;scrollbar-color:#646970 #25272a}.taskora-event{padding:13px 12px;margin-bottom:10px;border-radius:7px}.taskora-event.latest{background:#2b2d30;border:1px solid #56504a}.taskora-event-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.taskora-event-head strong{font-size:14px;line-height:1.55;color:#eeeeef}.taskora-event-head time{font-size:12px;color:#949fae;white-space:nowrap}.taskora-event-body{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.taskora-event-action{font-size:12px;color:#d6b48c;background:#3a342d;padding:3px 7px;border-radius:4px}.taskora-event-status{display:flex;align-items:center;gap:6px;margin-top:9px;flex-wrap:wrap}.taskora-event-status .taskora-status{font-size:12px;padding:3px 7px}.taskora-actor{color:#929cab;font-size:12px}.taskora-bottom{padding:13px 20px;border-top:1px solid #363a3d;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#a8b0ba}.taskora-bottom>span:first-child{color:#dfbf98}.taskora-event.latest{animation:record-arrival .3s ease-out}@keyframes record-arrival{from{opacity:.4;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.taskora-event.latest{animation:none}}@media(max-width:1050px){.taskora-surface{grid-template-columns:1fr}.taskora-tasklist{border-right:0}.taskora-history{border-top:1px solid #363a3d}.taskora-history ol{max-height:280px}}@media(max-width:620px){.taskora-top{padding:14px;align-items:start;flex-direction:column;gap:8px}.taskora-toolbar{padding:12px 14px;flex-direction:column;align-items:start}.taskora-columns,.taskora-parent,.taskora-row{grid-template-columns:minmax(0,1fr) 87px 43px;gap:7px;padding:12px}.taskora-row .task-name{font-size:13px}.taskora-row .task-result{font-size:12px}.taskora-parent strong{font-size:13px}.taskora-row select{font-size:12px;padding:5px 3px}.taskora-status{padding:5px;font-size:12px}.taskora-columns{font-size:12px}.taskora-bottom{flex-direction:column;gap:4px;padding:12px 14px}.taskora-history{padding:14px}.taskora-notification{padding:12px 14px}.taskora-actions button{font-size:13px}.taskora-event-head strong{font-size:13px}.taskora-playback{scroll-margin-top:80px}}@media print{.taskora-playback{display:none}}
/* Menu setup interaction */
.menu-demo{margin:34px 0 48px;scroll-margin-top:80px}.menu-demo-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.menu-demo-heading h2{margin:5px 0 8px}.menu-demo-heading p{margin:0;color:var(--muted)}.menu-app{background:#0d0d0c;color:#e8e6e1;border:1px solid #343331;border-radius:20px;overflow:hidden}.menu-app button{font:inherit;cursor:pointer}.menu-toolbar{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333;gap:14px}.menu-toolbar [role=tablist]{display:flex;gap:8px}.menu-toolbar button,.menu-categories button,#menu-row{border:1px solid #484238;background:#191918;color:#c7b080;border-radius:10px;padding:10px 16px}.menu-toolbar button[aria-selected=true]{background:#332d22;color:#edce8e;border-color:#a48c60}.menu-feedback{padding:12px 22px;color:#d9c799;background:#211f19;font-size:13px;min-height:44px}.menu-workspace{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;padding:22px}.menu-pool{background:#171716;border:1px solid #30302e;border-radius:16px;padding:15px;align-self:start}.menu-pool h3{font-size:17px;color:#999;margin:0 0 14px}.menu-pool h4{color:#d3b576;font-size:15px;margin:0 0 10px}.menu-pool p{color:#95918a;font-size:12px}.menu-product{display:flex;align-items:center;width:100%;gap:10px;margin-bottom:9px;border-radius:12px;background:#212120;border:1px solid #333;padding:8px;text-align:left;color:#eeece7}.menu-product.listed{border-color:#746345}.menu-product img{width:48px;height:48px;object-fit:cover;border-radius:9px}.menu-product>span{flex:1;min-width:0}.menu-product strong{font-size:13px;line-height:1.4;display:block}.menu-product-price{display:block;color:#d4b77d;font-size:13px;margin-top:3px}.menu-product small{font-size:11px;color:#c6ad7a;white-space:nowrap}.menu-preview-head{display:flex;justify-content:space-between;gap:15px;color:#c3b9a9;margin:0 0 15px;font-size:13px}.menu-output{min-width:0}.menu-categories{display:flex;gap:10px;padding:15px;border-bottom:1px solid #333}.menu-categories button{border:0;color:#96928a;padding:8px 13px}.menu-categories button[aria-pressed=true]{background:#332d22;color:#dbbc7e}#menu-device{border:1px solid #30302e;border-radius:18px;background:#171716;overflow:hidden}.menu-grid{display:grid;gap:12px;padding:18px}.menu-grid.pos{grid-template-columns:repeat(5,minmax(0,1fr))}.menu-grid.scan{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.menu-tile{position:relative;aspect-ratio:1/1.14;border-radius:15px;overflow:hidden;background:#242321;cursor:grab;min-width:0}.menu-tile>img{width:100%;height:100%;object-fit:cover;display:block}.menu-tile:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82));pointer-events:none}.menu-tile-price{position:absolute;right:0;top:0;padding:5px 9px;background:#a16b4e;color:#fff;font-weight:750;font-size:15px;border-radius:0 0 0 10px}.menu-tile-name{position:absolute;left:10px;right:7px;bottom:40px;font-size:13px;color:white;z-index:1;line-height:1.3}.menu-tile-tools{position:absolute;bottom:6px;left:7px;right:7px;display:flex;gap:4px;z-index:2}.menu-tile-tools button{border:1px solid #ffffff38;border-radius:6px;background:#171715bf;color:white;min-height:28px;flex:1;padding:0;font-size:14px}.menu-tile-tools button:disabled{opacity:.3;cursor:default}.menu-empty{aspect-ratio:1/1.14;border:1px dashed #42413d;border-radius:15px;background:#212120;color:#888276;font-size:28px!important}.menu-grid.scan .menu-empty{font-size:15px!important}.menu-phone{max-width:430px;margin:auto;border:3px solid #30302e!important;border-radius:36px!important;padding-top:19px;box-shadow:0 12px 28px #0004}.menu-phone:before{content:'';display:block;width:85px;height:10px;border-radius:10px;background:#30302e;margin:0 auto 12px}.menu-phone .menu-tile-name{font-size:16px}.menu-phone .menu-tile-price{font-size:19px}.menu-phone .menu-tile-tools button{min-height:32px}#menu-row{display:block;margin:14px 0 0 auto}.menu-drop-active{outline:2px solid #dec080;outline-offset:-3px;background-color:#40382b!important}.menu-app button:focus-visible{outline:3px solid #e8c581;outline-offset:3px}.menu-evidence{margin:30px 0;border-top:1px solid var(--line);padding-top:20px}.menu-evidence summary{cursor:pointer;font-weight:650;margin-bottom:20px}.menu-evidence figure{margin:0;min-width:0}.menu-evidence img{width:100%;height:auto;display:block;border-radius:12px}.menu-evidence figcaption{font-size:13px;line-height:1.6;color:var(--muted);padding-top:12px}#zoomcontent figure{margin:0}#zoomcontent img{max-width:100%;height:auto}
@media(max-width:1000px){.menu-workspace{grid-template-columns:230px minmax(0,1fr);gap:14px;padding:16px}.menu-grid.pos{grid-template-columns:repeat(3,minmax(0,1fr))}.menu-tile-name{font-size:12px}.menu-grid{padding:12px;gap:9px}}
@media(max-width:650px){.menu-demo-heading{align-items:flex-start}.menu-demo-heading h2{font-size:23px}.menu-demo-heading .btn{white-space:nowrap;font-size:12px;padding:9px}.menu-toolbar{padding:12px;flex-wrap:wrap}.menu-toolbar button{font-size:13px;padding:9px 12px}.menu-workspace{display:flex;flex-direction:column;padding:12px}.menu-pool{width:100%;box-sizing:border-box}.menu-pool-list{width:100%}#menu-pool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#menu-pool-list h4{grid-column:1/-1}.menu-product{margin:0;padding:7px;gap:7px;flex-wrap:wrap}.menu-product img{width:38px;height:38px}.menu-product small{width:100%;padding-left:45px}.menu-product strong{font-size:12px}.menu-pool p{margin-bottom:0}.menu-categories{padding:10px;gap:3px;justify-content:space-between}.menu-categories button{padding:8px 10px;font-size:13px}.menu-feedback{padding:12px;font-size:12px}.menu-phone{max-width:100%}.menu-tile-price{font-size:13px}.menu-grid.pos .menu-tile-name{font-size:11px;left:7px}.menu-tile-tools{left:4px;right:4px;gap:2px}.menu-preview-head{margin-top:5px}.menu-evidence .grid2{gap:26px}}
#menu-copy[hidden],#menu-row[hidden]{display:none}
/* Guided workflow playback */
.taskora-window{position:relative}.workflow-start-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:26px;background:#17191de8;backdrop-filter:blur(3px)}.workflow-start-card{text-align:center;max-width:490px}.workflow-start-label{font-size:11px;letter-spacing:.16em;color:#c9a678}.workflow-start-card h2{color:#f3ece2;font-size:26px;margin:12px 0}.workflow-start-card p{font-size:14px;color:#bbc0c9;line-height:1.8;margin:0 0 22px}.taskora-window .workflow-start-card button{background:#e2bd8c;color:#211b15;border-color:#e2bd8c;border-radius:8px;font-weight:700;font-size:17px;padding:14px 24px;box-shadow:0 0 0 6px #e2bd8c12}.workflow-start-card small{display:block;margin-top:17px;color:#aeb4bf;font-size:12px}.workflow-guide{position:relative;display:flex;align-items:flex-start;gap:18px;background:#f6e4c7;color:#33291e;padding:17px 20px;border-bottom:1px solid #c1a375}.workflow-guide:after{content:'';position:absolute;bottom:-8px;left:55px;width:15px;height:15px;background:#f6e4c7;transform:rotate(45deg);border-bottom:1px solid #c1a375;border-right:1px solid #c1a375;z-index:2}.workflow-guide-step{white-space:nowrap;font-size:12px;color:#805a2c;padding-top:3px;letter-spacing:.04em}.workflow-guide strong{font-size:15px;display:block}.workflow-guide p{color:#66513a;line-height:1.75;font-size:13px;margin:5px 0 0}.taskora-surface{min-height:300px}.taskora-playback[data-focus=tasks] .taskora-tasklist,.taskora-playback[data-focus=history] .taskora-history{box-shadow:inset 0 0 0 2px #cba26e}.taskora-playback[data-focus=history] .workflow-guide:after{left:76%}.taskora-playback[data-focus=review] .taskora-row:has(select){box-shadow:inset 0 0 0 2px #bc9ae9;background:#2b2535}.taskora-playback[data-focus=review] .workflow-guide{background:#e9ddf5;border-color:#b99ccb}.taskora-playback[data-focus=review] .workflow-guide:after{background:#e9ddf5;border-color:#b99ccb}.taskora-playback[data-focus=review] .workflow-guide p{color:#614d71}#workflow-pause[aria-pressed=true]{background:#e2bd8c;color:#211b15}@media(max-width:620px){.workflow-start-overlay{padding:20px}.workflow-start-card h2{font-size:23px}.workflow-start-card p{font-size:13px}.workflow-guide{padding:14px;gap:10px;flex-direction:column}.workflow-guide-step{padding:0}.workflow-guide p{font-size:12px}.taskora-playback[data-focus=history] .workflow-guide:after{left:55px}.taskora-surface{min-height:410px}}
/* Three-step staffing tour */
.shift-demo{margin:30px 0 40px;scroll-margin-top:85px}.shift-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.shift-intro h2{margin:6px 0 8px}.shift-intro p{color:var(--muted);margin:0}.shift-app{border:1px solid #343432;background:#10100f;color:#e4e2dd;border-radius:16px;overflow:hidden}.shift-app button,.shift-app select{font:inherit}.shift-app button{cursor:pointer}.shift-app [hidden]{display:none!important}.shift-app-header{padding:18px 22px;background:#171716;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #343432}.shift-app-header strong{color:#cfb47d}.shift-app-header strong span{color:#ded9ce}.shift-app-header>span{font-size:12px;color:#939089}.shift-progress{list-style:none;display:flex;margin:0;padding:18px 22px;gap:28px;border-bottom:1px solid #343432;font-size:13px;color:#939089}.shift-progress li{display:flex;gap:8px;align-items:center}.shift-progress li>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #545044}.shift-progress li[aria-current]{color:#ecd4a5}.shift-progress li[aria-current]>span{background:#d5b375;color:#181715;border-color:#d5b375}.shift-progress li.passed{color:#90b58d}.shift-tooltip{position:relative;display:flex;gap:18px;padding:18px 22px;background:#f6e4c7;color:#352b20}.shift-tooltip:after{content:'';position:absolute;bottom:-8px;left:55%;width:16px;height:16px;transform:rotate(45deg);background:#f6e4c7;z-index:2}.shift-tooltip>span{font-size:12px;color:#856233;white-space:nowrap;padding-top:2px}.shift-tooltip strong{font-size:15px}.shift-tooltip p{font-size:13px;color:#65523c;line-height:1.7;margin:6px 0 0}.shift-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:20px;padding:22px}.shift-people{padding:16px;background:#191918;border:1px solid #33332f;border-radius:12px;align-self:start}.shift-people h3{font-size:15px;margin:0 0 8px}.shift-people p{font-size:12px;color:#8f8c83;line-height:1.7;margin:0 0 18px}.shift-person{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:13px 10px;margin-bottom:9px;border:1px solid #424137;border-radius:8px;color:#ddd9d0;background:#252523}.shift-person strong{font-size:13px}.shift-person span{font-size:11px;color:#aaa596}.shift-person:disabled{opacity:.45;cursor:default}.shift-person[aria-pressed=true]{border-color:#e1c183;background:#3b3324}.shift-selection{font-size:12px;line-height:1.7;color:#cdb278;margin-top:15px}.shift-main{min-width:0}.shift-calendar-head{display:flex;justify-content:space-between;gap:14px;font-size:14px;margin-bottom:14px}.shift-calendar-head>span{font-size:12px;background:#332d21;color:#dec08b;border-radius:5px;padding:3px 9px}.shift-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #363630;border-radius:10px;overflow:hidden}.shift-week>div{padding:10px 6px;text-align:center;background:#1b1b19;border-right:1px solid #363630}.shift-week>div:last-child{border:0}.shift-week small{display:block;color:#9c978b;font-size:11px}.shift-week b{display:block;margin:7px 0;font-size:16px}.shift-week span{font-size:11px;color:#817b6d}.shift-week .selected{background:#343023;box-shadow:inset 0 0 0 1px #cdb278}.shift-requirement,.shift-coverage{border:1px solid #363630;border-radius:11px;margin-top:16px;padding:16px;background:#191918}.shift-section-head{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:13px}.shift-section-head>span{font-size:12px;color:#c7b184}.shift-demand-fields{display:flex;gap:20px}.shift-demand-fields label{display:flex;align-items:center;gap:12px;font-size:13px}.shift-app select{border:1px solid #9d8352;background:#302a20;color:#f3d59e;padding:8px 12px;border-radius:6px}.shift-app option{background:#211f1a;color:#eee}#shift-demand-editor p{font-size:12px;color:#a8a294;margin:14px 0}.shift-role{display:grid;grid-template-columns:45px minmax(0,1fr);gap:10px;margin-top:14px;align-items:center}.shift-role>strong{font-size:12px;color:#b4ad9d}.shift-slots{display:flex;gap:8px;flex-wrap:wrap}.shift-vacancy,.shift-assigned{border:1px dashed #8e7752;background:#322c21;color:#e5c38b;border-radius:6px;padding:10px 12px;font-size:12px!important;min-height:40px}.shift-vacancy:disabled{opacity:.5;cursor:default}.shift-assigned{border:1px solid #56734d;background:#253422;color:#bed1b2}.shift-coverage-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:15px;gap:12px}.shift-coverage-grid>div{background:#252522;padding:12px;border-radius:8px;display:flex;align-items:center;gap:14px}.shift-coverage-grid span{font-size:12px;color:#b4ad9e}.shift-coverage-grid strong{font-size:20px;color:#ece6d8}.shift-coverage-grid small{font-size:12px;color:#c8b281;margin-left:auto}.shift-app .ok{color:#97c58e!important}.shift-app .low{color:#edc083!important}#shift-check-explanation{font-size:12px;line-height:1.7;color:#c5ba9e;margin:13px 0 0}.shift-actions{padding:16px 22px;border-top:1px solid #343432;display:flex;justify-content:space-between;align-items:center;gap:20px}.shift-actions p{font-size:12px;line-height:1.6;color:#aaa18d;margin:0}.shift-actions button{border:1px solid #d0ae71;color:#211b13;background:#d6b57c;padding:10px 16px;border-radius:7px;font-weight:650;font-size:13px;white-space:nowrap}.shift-actions button:disabled{opacity:.4;cursor:default}.shift-app button:focus-visible,.shift-app select:focus-visible{outline:3px solid #edcc95;outline-offset:3px}.shift-app[data-step='1'] .shift-requirement,.shift-app[data-step='2'] .shift-people,.shift-app[data-step='3'] .shift-coverage{box-shadow:0 0 0 2px #d1ad72}.shift-app[data-step='2'] .shift-tooltip:after{left:10%}.shift-app[data-step='3'] .shift-tooltip:after{left:76%}.shift-real{margin:0;min-width:0}.shift-real img{width:100%;border-radius:10px;display:block}.shift-real figcaption{font-size:13px;color:var(--muted);line-height:1.7;margin-top:12px}@media(max-width:700px){.shift-intro{align-items:flex-start}.shift-intro h2{font-size:23px}.shift-intro .btn{font-size:12px;white-space:nowrap;padding:9px}.shift-app-header{padding:14px;flex-wrap:wrap}.shift-progress{padding:14px;gap:12px;justify-content:space-between;font-size:12px}.shift-progress li{gap:5px}.shift-progress li>span{width:20px;height:20px}.shift-tooltip{padding:15px;gap:8px;flex-direction:column}.shift-tooltip p{font-size:12px}.shift-layout{grid-template-columns:1fr;padding:14px;gap:17px}.shift-people{padding:13px}.shift-people p{margin-bottom:10px}#shift-staff{display:flex;gap:7px;flex-wrap:wrap}.shift-person{width:auto;flex:1;min-width:90px;flex-direction:column;gap:6px;margin:0;font-size:12px;padding:10px 7px}.shift-person strong{font-size:12px}.shift-selection{margin-top:10px}.shift-week>div{padding:9px 4px}.shift-demand-fields{gap:12px;flex-wrap:wrap}.shift-requirement,.shift-coverage{padding:13px}.shift-coverage-grid>div{flex-wrap:wrap;gap:7px;padding:10px}.shift-coverage-grid small{width:100%;margin:0}.shift-actions{padding:14px;flex-wrap:wrap;gap:12px}.shift-actions button{width:100%}.shift-tooltip:after{left:50%!important}}
/* Anchored action hints */
.shift-click-tip{position:fixed;z-index:45;max-width:min(260px,calc(100vw - 24px));background:#ffe1a6;color:#3c2a12;border:1px solid #bc914e;border-radius:7px;padding:9px 13px;font-size:13px;line-height:1.55;font-weight:650;box-shadow:0 5px 16px #0003;pointer-events:none}.shift-click-tip[hidden]{display:none}.shift-click-tip:after{content:'';position:absolute;width:10px;height:10px;background:#ffe1a6;left:var(--tip-arrow-x,50%);transform:translateX(-50%) rotate(45deg)}.shift-click-tip[data-side=top]:after{bottom:-6px;border-right:1px solid #bc914e;border-bottom:1px solid #bc914e}.shift-click-tip[data-side=bottom]:after{top:-6px;border-left:1px solid #bc914e;border-top:1px solid #bc914e}.shift-app .shift-click-target{outline:2px solid #ffdc98;outline-offset:4px;box-shadow:0 0 0 7px #f6ce751a}.shift-app .shift-click-target:focus-visible{outline:3px solid #ffdc98;outline-offset:4px}
/* Strategy narrative */
.strategy-origin,.strategy-build,.strategy-bets{margin-top:46px}.strategy-origin h2,.strategy-build h2,.strategy-bets h2{font-size:27px;margin:10px 0 22px;line-height:1.5}.strategy-build>p{max-width:880px;line-height:1.85}.strategy-build>.lead{font-size:20px}.strategy-decision{border-left:3px solid var(--green);background:#edf6f2;padding:20px 24px;margin:24px 0}.strategy-decision strong{color:var(--green);font-size:14px}.strategy-decision p{margin:8px 0 0;line-height:1.8}.strategy-build details{margin-top:18px}.strategy-case-link{display:block;color:inherit;border:1px solid var(--line);border-radius:12px;padding:24px;text-decoration:none;background:#fff;transition:border-color .15s}.strategy-case-link:hover{border-color:var(--green)}.strategy-case-link h3{font-size:21px;line-height:1.6;margin:12px 0}.strategy-case-link p{color:var(--muted);line-height:1.8}.strategy-link-label{display:block;color:var(--green);font-size:14px;font-weight:650;margin-top:18px}@media(max-width:650px){.strategy-origin h2,.strategy-build h2,.strategy-bets h2{font-size:23px}.strategy-origin,.strategy-build,.strategy-bets{margin-top:32px}.strategy-build>.lead{font-size:18px}.strategy-case-link{padding:20px}.strategy-case-link h3{font-size:19px}}

.strategy-motivation{margin-top:22px;border:1px solid var(--line);border-radius:12px;padding:22px 26px;background:var(--soft)}.strategy-motivation>strong{font-size:15px;color:var(--green)}.strategy-motivation p{margin:12px 0 0;line-height:1.8}.strategy-motivation b{color:var(--ink)}

.strategy-support{margin-top:24px;border-top:1px solid var(--line);padding-top:18px;scroll-margin-top:90px}.strategy-support summary{font-size:14px;color:var(--muted)}.strategy-support .grid2{margin-top:22px}.strategy-support figure{margin:0;min-width:0}.strategy-support img{display:block;width:100%;border-radius:9px}.strategy-support h3{font-size:20px;margin:14px 0}.strategy-support p{font-size:14px;line-height:1.8}