.page-header{display:flex;align-items:center;justify-content:space-between;padding:24px 6%;gap:30px;border-bottom:1px solid #ff873240;background:#0a0e14}
.page-header img{width:160px;height:auto;display:block}.page-header nav{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}.page-header nav a{display:flex;align-items:center;min-height:44px;font-size:14px}.page-header .quote-link{color:#ffb57a}
.page-content{max-width:1400px;margin:auto;padding:0 6% 60px}.page-hero{position:relative;overflow:hidden;padding:90px 0 70px;border-bottom:1px solid #ff873250;background:radial-gradient(ellipse at 95% 45%,#ff873222,transparent 55%)}
.page-hero h1{font-size:clamp(44px,7vw,92px);line-height:1.04;letter-spacing:-.04em;position:relative;margin:24px 0}.page-hero h1 span{color:#ff8732}.page-hero p{max-width:620px;color:#c1cbd3;line-height:1.7;font-size:18px;position:relative}
.signal{position:absolute;right:-170px;top:0;width:540px;height:540px;pointer-events:none}.signal i{position:absolute;inset:0;border:1px solid #ff87324d;border-radius:50%;background:conic-gradient(from 0deg,transparent 60%,#ff873215);animation:signal-turn 24s linear infinite}.signal i:nth-child(2){inset:65px;animation-direction:reverse}.signal i:nth-child(3){inset:130px;animation-duration:40s}
@keyframes signal-turn{to{transform:rotate(360deg)}}
.service-grid,.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:50px 0}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid article,.page-panel{border:1px solid #654025;border-radius:16px;padding:clamp(24px,3vw,44px);background:linear-gradient(140deg,#151b22,#0a0e14)}
.page-panel{margin:35px 0}.contact-grid .page-panel{margin:0}.page-panel h2,.service-grid h2{font-size:clamp(24px,3vw,38px);line-height:1.2}.page-panel p,.service-grid p{color:#bdc9d2;line-height:1.75;max-width:760px}.page-panel .cta{margin:16px 12px 0 0}.page-panel details{border-top:1px solid #634127;padding:16px 0;max-width:850px}.page-panel summary{cursor:pointer;min-height:44px;padding:12px 0;color:#ffd1af}.page-panel summary:focus-visible{outline:3px solid #a7e9ff}.subpage .contact-links{flex-direction:column;gap:4px}
@media(prefers-reduced-motion:no-preference){.page-hero h1,.page-hero p{animation:page-enter .8s ease both}.page-hero p{animation-delay:.12s}@keyframes page-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:900px){.service-grid{grid-template-columns:1fr}.page-header{align-items:flex-start}.page-header nav{justify-content:flex-end;gap:4px 16px}.page-header img{width:125px}.page-hero{padding-top:60px}}
@media(max-width:599px){.page-header{display:block;padding:20px 6%}.page-header nav{justify-content:flex-start;margin-top:18px}.page-header nav a{font-size:13px}.contact-grid{grid-template-columns:1fr}.page-hero{padding:48px 0}.page-hero p{font-size:16px}.signal{right:-360px}.page-panel .cta{width:100%;font-size:13px;box-sizing:border-box}.page-content{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal i{animation:none}}
@media(prefers-reduced-motion:no-preference) and (hover:none){.signal i{animation-duration:45s}}
.calculator-live{margin:50px 0;padding:clamp(24px,4vw,48px);border:1px solid #ff873270;border-radius:18px;background:#10161d}.calculator-live h2{font-size:clamp(28px,4vw,48px)}.calculator-live p{color:#c1cbd3;line-height:1.7;max-width:850px}.calculator-live button{font:inherit;cursor:pointer}.calculator-live .embed-note{font-size:13px}.embed-note a{color:#ffb57a;text-decoration:underline}.calculator-frame-slot{margin-top:25px;background:#fff;border-radius:12px;overflow:hidden}.calculator-frame-slot iframe{display:block;width:100%;height:1400px;border:0}.calculator-frame-slot[hidden]{display:none}.calculator-live button:disabled{cursor:default;opacity:.8}#logimate-marketing[hidden]{display:none}
@media(max-width:599px){.calculator-frame-slot iframe{height:1700px}.calculator-live .cta{width:100%;font-size:13px}}
.page-header nav [aria-current=page]{color:#ffb57a;border-bottom:2px solid #ff8732}
.software-story{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin:60px 0}.software-story h2{font-size:clamp(28px,4vw,46px);line-height:1.15}.software-story p{color:#bdc9d2;line-height:1.75}.software-visual{overflow:hidden;border:1px solid #784321;border-radius:18px;background:radial-gradient(ellipse,#ff873215,#0a0e14)}.software-visual svg{display:block;width:100%;height:auto}.software-visual p{font-size:11px;padding:0 24px 12px}.software-route{fill:none;stroke:#ff8732;stroke-width:3;stroke-dasharray:14 8;animation:route-flow 12s linear infinite}
@keyframes route-flow{to{stroke-dashoffset:-220}}
@media(max-width:750px){.software-story{grid-template-columns:1fr;gap:24px;margin:40px 0}.software-visual{max-width:500px}.page-header nav{gap:4px 16px}}
@media(prefers-reduced-motion:reduce){.software-route{animation:none}}
@media(forced-colors:active){.page-header nav [aria-current=page]{border-color:Highlight}.software-route{stroke:CanvasText}}
.preview-page[hidden]{display:none}
.calculator-status{min-height:1.5em;font-size:13px;color:#ffd1af}.calculator-status:empty{display:none}.calculator-live .cta:disabled{white-space:normal;line-height:1.4}
/* A real night drive behind the complete inner-page experience. */
.live-scene{position:fixed;inset:0;z-index:0;background:#0a0e14 url('https://logimate.uk/wp-content/uploads/2026/10/london-poster.jpg') center/cover no-repeat;pointer-events:none;overflow:hidden}.live-scene video{width:100%;height:100%;object-fit:cover;display:block}.live-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04080fe6 0%,#04080fb8 42%,#04080f66 100%),linear-gradient(0deg,#080b10bc,transparent 80%)}.live-traces{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#ff8732;stroke-width:1.2;opacity:.3}.live-traces path{stroke-dasharray:18 12;animation:route-flow 20s linear infinite}.live-traces circle{fill:#ff8732;stroke:#ffd5ae}.live-scene[hidden],.background-control[hidden]{display:none}
.atmosphere-active .page-header,.atmosphere-active .page-content,.atmosphere-active footer,.atmosphere-active .skip-link{position:relative;z-index:1}.atmosphere-active .skip-link{position:absolute;z-index:30}.atmosphere-active .page-header{background:#080b10ab}.atmosphere-active .page-hero{min-height:65svh;display:flex;flex-direction:column;justify-content:center;background:transparent}.atmosphere-active .page-hero .eyebrow,.atmosphere-active .page-hero .tag{position:relative;align-self:flex-start}.atmosphere-active .page-hero h1{max-width:1000px}.atmosphere-active .signal{display:none}.atmosphere-active .page-panel,.atmosphere-active .calculator-live{background:#080d14dc;border-color:#ff873250}.atmosphere-active .service-grid article{border-radius:0;border:0;border-top:1px solid #ff873280;background:#080d14c9;padding:28px}.atmosphere-active .software-story>div:first-child{background:#080d14b8;padding:30px;border-left:2px solid #ff8732}.atmosphere-active .software-visual{background:#080d14c9}.atmosphere-active footer{background:#080b10bd;padding-bottom:85px}.background-control{position:fixed;z-index:15;right:max(20px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));border:1px solid #ff8732;background:#080b10ed;color:#ffd1af;border-radius:30px;padding:12px 20px;min-height:46px;font-size:12px}.background-control:disabled{border-color:#687581;color:#c4ced6}.film-credit{font-size:11px;color:#adbac5}
@media(max-width:599px){.live-scene video{object-position:58% center}.atmosphere-active .page-hero{min-height:60svh}.live-shade{background:linear-gradient(0deg,#04080fcc,#04080fc9 35%,#04080f99)}.atmosphere-active .software-story>div:first-child{padding:24px}.background-control{font-size:11px;padding:10px 16px}}
@media(prefers-reduced-motion:reduce){.live-traces path{animation:none}}
.live-scene video[hidden]{display:none}.live-scene[data-page=services] .live-traces{opacity:.2}.live-scene[data-page=about] .live-traces{opacity:.12;transform:scaleX(-1)}.live-scene[data-page=contact] .live-traces{opacity:.25;transform:translateX(12%)}.live-scene[data-page=calculator] .live-traces{opacity:.16}.live-scene[data-page=software] .live-traces{opacity:.5;stroke-width:2}.live-scene[data-page=software] .live-shade{background:linear-gradient(90deg,#060a14ed,#060a1480),repeating-linear-gradient(0deg,transparent 0 39px,#ff873213 40px)}
.subpage[data-page=services]{background:#080b10 url('https://logimate.uk/wp-content/uploads/2026/10/road-still.jpg') center/cover fixed}.subpage[data-page=about]{background:#080b10 url('https://logimate.uk/wp-content/uploads/2026/10/london-poster.jpg') center/cover fixed}.subpage[data-page=contact]{background:#080b10 url('https://logimate.uk/wp-content/uploads/2026/10/london-contact.jpg') center/cover fixed}.subpage[data-page=calculator]{background:#080b10 url('https://logimate.uk/wp-content/uploads/2026/10/london-calculator.jpg') center/cover fixed}.subpage[data-page=software]{background:#080b10 url('https://logimate.uk/wp-content/uploads/2026/10/london-software.jpg') center/cover fixed}
.live-scene[data-motion=paused] .live-traces path,.atmosphere-active.background-paused .software-route{animation-play-state:paused}
@media(prefers-reduced-motion:no-preference){.live-scene video:not([hidden]){animation:live-video-in .9s ease both}@keyframes live-video-in{from{opacity:0}to{opacity:1}}}
@media(max-width:599px){.subpage[data-page]{background-attachment:scroll}}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.45s;animation-timing-function:ease}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root){animation-duration:0s}}

/* Keep motion controls in the page header, away from live quote inputs. */
.page-header{flex-wrap:wrap}.background-control{position:static;flex-shrink:0;max-width:100%;margin:0;white-space:normal;overflow-wrap:anywhere}.page-header .background-control{margin-left:auto}.page-panel,.calculator-live,.contact-grid>*{min-width:0}.subpage .contact-links a{min-height:44px;display:flex;align-items:center;overflow-wrap:anywhere}.page-panel .cta,.calculator-live .cta{white-space:normal;text-align:center;line-height:1.5;max-width:100%;overflow-wrap:anywhere}.page-hero h1{overflow-wrap:break-word}.page-content{scroll-margin-top:20px}.atmosphere-active footer{padding-bottom:40px}
@media(max-width:599px){.page-header .background-control{display:block;margin:16px 0 0}.calculator-live{padding:20px 16px}.calculator-frame-slot{margin-inline:-16px;border-radius:0}.calculator-live .cta{box-sizing:border-box}}

/* Put the original calculation ahead of the cinematic page introduction. */
.atmosphere-active .calculator-hero,.calculator-hero{min-height:0;padding:32px 0 24px}.calculator-hero h1{font-size:clamp(34px,4vw,56px);margin:16px 0}.calculator-hero p{margin-bottom:0;font-size:16px}.calculator-live[data-auto-calculator]{margin-top:24px}.calculator-live[data-auto-calculator] h2{font-size:clamp(26px,3vw,38px);margin-top:14px}
@media(max-width:599px){.atmosphere-active .calculator-hero{min-height:0;padding:24px 0 20px}.calculator-hero h1{font-size:34px}}

.platform-journey{margin:70px 0;padding:32px 0;border-block:1px solid #ff873255}.platform-journey h2,.software-audience h2{font-size:clamp(30px,4.5vw,58px);line-height:1.12}.platform-note,.software-audience p{color:#bdc9d2;line-height:1.7;max-width:760px}.platform-journey details{border-top:1px solid #ff873240;background:#080d14c9}.platform-journey summary{display:flex;gap:24px;align-items:center;cursor:pointer;padding:24px;min-height:64px;list-style:none;font-size:clamp(20px,2.6vw,32px)}.platform-journey summary::-webkit-details-marker{display:none}.platform-journey summary::after{content:'+';margin-left:auto;color:#ff8732}.platform-journey details[open] summary::after{content:'−'}.platform-journey summary:focus-visible{outline:3px solid #a7e9ff;outline-offset:-3px}.journey-number{font-size:15px;color:#ff8732;letter-spacing:.12em}.platform-journey summary small{display:block;font-size:13px;color:#bdc9d2;margin-top:8px}.journey-copy{padding:0 24px 28px 70px;max-width:840px}.journey-copy h3{font-size:25px;line-height:1.3}.journey-copy p{line-height:1.75;color:#bdc9d2}.journey-copy .concept-label{font-size:13px;color:#ffbc88;border-left:2px solid #ff8732;padding-left:16px}.software-audience{margin:60px 0;padding:32px;background:#080d14c9;border-left:2px solid #ff8732}
@media(max-width:599px){.platform-journey{margin:40px 0}.platform-journey summary{gap:16px;padding:20px 16px}.journey-copy{padding:0 16px 24px}.software-audience{padding:24px}.software-audience .cta{white-space:normal;line-height:1.5}}
@media(prefers-reduced-motion:no-preference){.platform-journey details[open] .journey-copy{animation:page-enter .35s ease both}}

.stop-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;list-style-position:inside;counter-reset:stops}.stop-flow li{list-style:none;border-top:2px solid #ff8732;padding:20px 0;min-width:0;counter-increment:stops}.stop-flow li::before{content:'0' counter(stops);display:block;color:#ff8732;letter-spacing:.12em;margin-bottom:14px}.stop-flow strong{display:block;font-size:22px}.stop-flow span{display:block;color:#bdc9d2;line-height:1.7;margin-top:12px}@media(max-width:750px){.stop-flow{grid-template-columns:1fr;gap:8px}}

.breadcrumbs{padding-top:22px}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;list-style:none;margin:0;padding:0;font-size:13px;color:#c1cbd3}.breadcrumbs li{display:flex;align-items:center;min-height:44px}.breadcrumbs li+li::before{content:'/';margin-right:14px;color:#ff8732}.breadcrumbs a{display:flex;align-items:center;min-height:44px;color:#ffbc88}.breadcrumbs [aria-current]{overflow-wrap:anywhere}@media(max-width:599px){.breadcrumbs{padding-top:12px}}

.journey-diagram{max-width:600px;margin:24px 0;background:#080d14c9;padding:12px 24px;border-left:2px solid #ff8732}.journey-diagram svg{display:block;width:100%;height:auto}.journey-diagram circle{fill:#1c2630;stroke:#ff8732;stroke-width:2}.journey-diagram circle[data-active=true]{fill:#ffb57a;stroke:#ff8732;stroke-width:5;r:11px}.journey-diagram p{font-size:13px;color:#ffbc88;min-height:1.5em}@media(prefers-reduced-motion:no-preference){.journey-diagram circle{transition:fill .3s,stroke-width .3s,r .3s}}@media(forced-colors:active){.journey-diagram circle{stroke:CanvasText;fill:Canvas}.journey-diagram circle[data-active=true]{fill:Highlight;stroke:Highlight}}

.enquiry-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:40px 0}.enquiry-paths .page-panel{margin:0;min-width:0}@media(max-width:750px){.enquiry-paths{grid-template-columns:1fr}}

/* Home stays alive after ignition; native video replaces the completed canvas. */
#logimate-marketing{position:relative;z-index:1}.film.film-complete{background:transparent}.film.film-complete canvas{opacity:0}.film .controls .background-control{font:inherit;padding:8px 12px;min-height:44px}.film .controls>div{display:flex;flex-wrap:wrap;gap:6px}

.page-header img{width:68px;height:68px;object-fit:contain}@media(max-width:599px){.page-header img{width:54px;height:54px}}
/* Accessible financial journey over the existing moving London backdrop. */
.platform-finance details{border-top:1px solid #ff873250;padding:6px 0}.platform-finance summary{cursor:pointer;min-height:48px;padding:14px 8px;color:#ffd1af;line-height:1.5}.platform-finance summary:focus-visible{outline:3px solid #a7e9ff;outline-offset:3px}.platform-finance details[open]{background:#ff87320a}.platform-finance details p{padding:0 12px 12px;max-width:760px}.software-roles .service-grid{margin:30px 0 0}.software-roles .service-grid article{min-width:0}.software-roles .service-grid h3{color:#ffd1af}