.fiction-notice{margin:0;padding-top:12px;padding-bottom:12px;background:#17231c;color:#b3c1aa;font-size:12px;line-height:1.5}
.google-symbol{width:22px;height:22px;object-fit:contain;border-radius:50%;display:inline-block;vertical-align:middle}
.journey-demo{border:1px solid #c8d6ba;border-radius:13px;padding:23px;background:#f6f9f1}
.journey-ownership{display:grid;grid-template-columns:1fr 3fr;gap:20px;margin-bottom:18px;font-size:11px;letter-spacing:.08em;color:#7a896c;font-weight:700}
.journey-ownership span:last-child{border-bottom:2px solid #a4ce7d;padding-bottom:10px;color:#56733e}
.journey-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.journey-card{position:relative;min-width:0;border:1px solid #d8e2ce;background:#fff;border-radius:9px;padding:17px}
.journey-card:not(:last-child):after{content:'→';position:absolute;right:-16px;top:95px;z-index:2;color:#78965d;font-size:20px}
.journey-card-top{display:flex;gap:8px;align-items:center;margin-bottom:19px;font-size:12px;min-height:25px}
.journey-card-top b{display:flex;align-items:center;gap:6px;font-weight:500}.journey-index{font-size:11px;color:#859779}
.mini-brand{font-style:normal;background:#19311d;color:#c8f59c;width:22px;height:22px;display:grid;place-content:center;border-radius:5px;font-weight:700}
.mini-job,.mini-message,.mini-review,.mini-enquiry{height:149px;border-radius:7px;background:#f0f4eb;padding:13px;display:flex;flex-direction:column;justify-content:center;gap:9px;overflow:hidden}
.mini-job>span,.mini-message>span,.mini-enquiry>span{font-size:10px;letter-spacing:.05em;color:#7a896e}
.mini-job strong,.mini-enquiry strong,.mini-review strong{font-size:13px;line-height:1.4}
.mini-message p,.mini-review p{font-size:13px;line-height:1.5;color:#526547}
.job-status,.mini-message>div,.mini-enquiry>div{font-size:11px;line-height:1.4;color:#466732;background:#deedce;border-radius:4px;padding:7px}
.mini-review .review-stars{margin:0;font-size:13px}.mini-enquiry{background:#e7f4d9}
.journey-card h3{font-size:18px;line-height:1.2;margin-top:20px;margin-bottom:9px;letter-spacing:-.025em}
.journey-card>p{font-size:13px;line-height:1.5}
.journey-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;font-size:12px;color:#6f815e}
.journey-footer button{font-family:inherit;background:#183020;color:#d6f1bd;border:0;border-radius:6px;padding:10px 13px;font-size:12px;cursor:pointer}
.journey-footer button:focus-visible{outline:3px solid #76a452;outline-offset:4px}
.playing .journey-card{animation:journey-emphasis 1.2s ease-in-out both}
.playing .journey-card:nth-child(2){animation-delay:1.2s}.playing .journey-card:nth-child(3){animation-delay:2.4s}.playing .journey-card:nth-child(4){animation-delay:3.6s}
@keyframes journey-emphasis{0%,100%{border-color:#d8e2ce;box-shadow:none;transform:none}35%,70%{border-color:#82b250;box-shadow:0 0 0 3px #b5dc912f;transform:translateY(-4px)}}
@media(max-width:1050px){.journey-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-card:nth-child(2):after{display:none}.journey-ownership{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.journey-demo{padding:15px}.journey-cards{grid-template-columns:1fr;gap:22px}.journey-ownership{display:none}.journey-card{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:15px}.journey-card-top{grid-column:1/-1;margin-bottom:12px}.mini-job,.mini-message,.mini-review,.mini-enquiry{grid-column:1;grid-row:2/4;height:140px}.journey-card h3{grid-column:2;grid-row:2;font-size:17px;align-self:end;margin:0 0 8px}.journey-card>p{grid-column:2;grid-row:3;font-size:12px}.journey-card:not(:last-child):after,.journey-card:nth-child(2):after{display:block;content:'↓';top:auto;bottom:-25px;right:50%}.journey-footer{align-items:flex-start;flex-direction:column;gap:12px}.fiction-notice{font-size:11px}}
@media(prefers-reduced-motion:reduce){.playing .journey-card{animation:none}}
.maria-avatar{width:38px;height:38px;flex-shrink:0;border-radius:50%;object-fit:cover;object-position:68% 31%}
.maria-person{display:flex;align-items:center;gap:9px}
.footer .fiction-notice{padding:18px 0 0;margin-top:18px;border-top:1px solid #35462c;background:transparent}
.journey-demo{background:#18271d;color:#edf5e7;border-color:#344a2a;padding:26px}
.journey-ownership{color:#a5b699}.journey-ownership span:last-child{color:#c5eea1;border-color:#577942}
.journey-card{background:transparent;border:0;border-radius:0;padding:12px}
.journey-card-top{color:#cdddc1}.journey-index{color:#86a373}
.journey-card>p{color:#a7ba99}.journey-card h3{color:#edf6e6}
.mini-job,.mini-message,.mini-review,.mini-enquiry{height:170px;background:#f4f7ee;box-shadow:0 12px 24px #0002;color:#26381c;border:1px solid #dce8ce}
.mini-message{border-radius:14px 14px 14px 3px;background:#dcf2c7}
.mini-review{background:white}.mini-enquiry{background:#bfea89;transform:rotate(-2deg)}
.mini-review .review-stars i{font-style:normal;display:inline-block}
.journey-progress{height:3px;background:#35482c;margin:0 0 14px;border-radius:3px;overflow:hidden}
.journey-progress span{display:block;height:100%;width:100%;background:#b9f675;transform-origin:left}
.journey-footer{color:#afc39e}.journey-footer button{background:#b9f675;color:#1b3016}
.playing .journey-card{animation:none}
.playing .journey-progress span{animation:progress-fill 7.2s linear both}
.playing .job-check{display:inline-block;animation:check-in .5s .4s both}
.playing .job-status{animation:status-flash .8s .3s both}
.playing .mini-message{animation:message-arrive .8s 1.8s both}
.playing .mini-review{animation:message-arrive .7s 3.6s both}
.playing .review-stars i{animation:check-in .35s both}
.playing .review-stars i:nth-child(1){animation-delay:4s}.playing .review-stars i:nth-child(2){animation-delay:4.15s}.playing .review-stars i:nth-child(3){animation-delay:4.3s}.playing .review-stars i:nth-child(4){animation-delay:4.45s}.playing .review-stars i:nth-child(5){animation-delay:4.6s}
.playing .mini-enquiry{animation:enquiry-arrive .8s 5.5s both}
@keyframes progress-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes check-in{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
@keyframes status-flash{50%{background:#b9f675;box-shadow:0 0 0 4px #b9f67540}}
@keyframes message-arrive{from{opacity:.3;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes enquiry-arrive{from{opacity:.3;transform:translateY(15px) rotate(0)}70%{transform:translateY(-4px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(-2deg)}}
@media(max-width:540px){.journey-demo{padding:14px}.mini-job,.mini-message,.mini-review,.mini-enquiry{height:160px}.maria-person{gap:5px}.mini-review .maria-avatar{width:29px;height:29px}.journey-card{padding:10px}}
@media(prefers-reduced-motion:reduce){.journey-demo.playing *{animation:none!important}}
.hero .actions>.text-link{margin-top:16px}