:root{--navy:#132e4e;--orange:#548698;--blue:#91b8d1;--border:#c9deed;--paper:#f5faff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:var(--paper);color:var(--navy);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.35}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #166fbd;outline-offset:4px}h1,h2,h3,p{margin:0}h2{font-size:36px;line-height:1.08;letter-spacing:-1px}h3{font-size:20px;line-height:1.2}p{line-height:1.35}.inner{width:86%;max-width:1280px;margin:auto}.eyebrow{font-size:14px;line-height:1.5;font-weight:700;color:#548698}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:linear-gradient(110deg,#548698,#548698);border:0;border-radius:4px;padding:15px 25px;font-size:17px;font-weight:bold;white-space:nowrap;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #3866782a}.button.small{font-size:14px;padding:14px 22px;color:white}.button.dark{background:#0b3457;color:white;font-size:15px}.hero{height:min(39.2vw,580px);min-height:440px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(105deg,#83adc8,#abcde0)}.rail{position:absolute;left:0;top:0;width:7%;height:100%;border-right:1px solid #678eac;z-index:3;display:flex;align-items:center;flex-direction:column}.logo{font-size:56px;font-weight:700;line-height:1;color:var(--orange)}.rail>.logo{height:85px;display:flex;align-items:center}.rail nav{width:100%;border-top:1px solid #779fba;display:grid}.rail nav a{text-align:center;font-size:13px;padding:16px 0;font-weight:700}.rail nav a.active{background:#8a9fae;color:#548698}.rail-line{height:55px;width:1px;background:#426c8d;margin-top:25px}.vertical-brand{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;margin:20px 0;font-weight:bold}header{position:relative;z-index:2;margin-left:11.6%;margin-right:2.7%;height:75px;display:flex;justify-content:space-between;align-items:center}.wordmark{font-size:21px;font-weight:700}.hero-copy{position:relative;z-index:1;margin-left:11.6%;padding-top:48px;width:46%}.hero-copy h1{font-size:clamp(42px,4.25vw,66px);letter-spacing:-2px;line-height:1;max-width:640px;margin:10px 0}.hero-copy>p:not(.eyebrow){font-size:21px;margin-bottom:20px;max-width:460px}.crop{overflow:hidden;position:relative}.crop>img{position:absolute;max-width:none;pointer-events:none;user-select:none}.hero-art{position:absolute!important;right:0;top:0;width:65.6%;height:100%;z-index:-1;mask-image:linear-gradient(90deg,transparent,black 16%)}.section{padding:32px 0 22px}.service-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:19px 0 32px}.service-picker button{min-height:83px;display:flex;align-items:center;gap:27px;text-align:left;padding:16px 30px;background:#e0eef8;border:0;border-radius:6px;font-size:17px;font-weight:700}.service-picker button.selected{background:linear-gradient(110deg,#548698,#548698)}.service-picker svg{width:39px;height:39px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.service-picker button.selected svg{color:white}.service-grid{width:94.2%;max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.service-card{border:1px solid var(--border);border-radius:6px;overflow:hidden;scroll-margin-top:25px;transition:box-shadow .25s}.service-card.highlight{box-shadow:0 0 0 3px var(--orange)}.service-image{aspect-ratio:329/181;background:#bad4e7}.service-copy{padding:10px 24px 15px}.service-copy h3{font-size:27px;letter-spacing:-.5px;margin-bottom:5px}.service-copy p{font-size:18px;max-width:560px;min-height:49px}.explore{display:inline-flex;gap:14px;align-items:center;color:#548698;font-weight:700;font-size:17px;border:0;background:none;padding:8px 0 0}.blue-section{background:linear-gradient(100deg,#87b0cb,#99bfd6)}.work{padding:22px 0 20px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.text-link{font-size:16px;background:none;border:0;border-bottom:1px solid #548698;padding:4px 0;font-weight:700}.text-link span{color:var(--orange);margin-left:10px}.work-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.work-item{background:none;border:0;padding:0;text-align:center}.work-image{aspect-ratio:1.05;border-radius:5px;border:1px solid #a5c7dd;transition:transform .2s}.work-item:hover .work-image{transform:translateY(-5px)}.work-item h3{font-size:16px;margin-top:12px}.work-item p{font-size:15px}.process{overflow:hidden}.process-layout{display:grid;grid-template-columns:1fr 1fr;position:relative;padding-top:22px;padding-bottom:26px;gap:35px}.process-art{position:absolute!important;right:-.5%;bottom:0;width:51%;aspect-ratio:322/192}.steps{padding:0;margin:18px 0 0;list-style:none;position:relative;z-index:1}.steps li{display:flex;align-items:center;gap:28px;margin-top:10px}.steps li>span{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:linear-gradient(#548698,#548698);color:white;font-size:17px;font-weight:bold;position:relative;flex-shrink:0}.steps li:not(:last-child)>span:after{content:'';position:absolute;height:12px;width:1px;background:var(--orange);top:100%}.steps h3{font-size:19px}.steps p{font-size:15px;margin-top:3px}.confidence{padding:19px 0 14px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:15px}.benefits article{display:flex;gap:22px;padding:15px 23px;border:1px solid #759fbd;border-radius:6px}.benefit-icon{font-size:48px;color:#548698;line-height:1}.benefits h3{font-size:18px;margin-bottom:5px}.benefits p{font-size:16px}.faq{display:grid;grid-template-columns:26% 1fr;gap:25px;padding-top:18px;padding-bottom:18px}.faq h2{font-size:29px}.questions{display:grid;grid-template-columns:1fr 1fr;gap:6px 23px;align-items:start}details{border:1px solid var(--border);border-radius:4px;font-size:14px}summary{list-style:none;font-weight:700;padding:8px 16px;display:flex;justify-content:space-between;gap:12px}summary::-webkit-details-marker{display:none}summary:after{content:'+'}details[open] summary:after{content:'−'}details p{padding:0 16px 12px;font-size:14px}.cta{background:linear-gradient(110deg,#548698,#548698);padding:17px 0}.cta .inner{display:flex;justify-content:space-between;align-items:center}.cta p{font-size:18px;margin-top:5px}.contact{display:grid;grid-template-columns:26% 1fr;gap:25px;padding-top:17px;padding-bottom:17px}.contact h2{font-size:27px}.contact>div>p:last-child{font-size:14px;max-width:290px;margin-top:8px}label{display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:3px}input,textarea,select{width:100%;min-width:0;border:1px solid var(--border);background:#f7fbff;color:var(--navy);padding:7px 10px;border-radius:3px;font-size:13px}textarea{resize:vertical;min-height:55px}.form-top{display:grid;grid-template-columns:1fr 1fr 1.8fr;gap:20px}.form-bottom{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end;margin-top:7px}.form-bottom .button{font-size:13px;padding:16px 20px;color:white}.form-status{font-size:13px;margin-top:7px}.form-status:empty{display:none}footer{padding:22px 0}footer .inner{display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:16px;font-size:21px;font-weight:700}.footer-brand .logo{font-size:48px}footer nav{display:flex;gap:25px;font-size:13px}footer nav button{background:none;border:0;font-size:inherit;padding:0}.chat{display:grid;place-items:center;color:white;background:#00c969;box-shadow:0 4px 8px #456f7350;border-radius:50%;width:49px;height:49px;font-size:32px}dialog{border:1px solid var(--border);border-radius:12px;padding:35px;max-width:660px;width:90%;color:var(--navy);background:var(--paper);box-shadow:0 20px 100px #0c284c40}dialog::backdrop{background:#102e4dbb;backdrop-filter:blur(5px)}.close{position:absolute;right:10px;top:6px;font-size:30px;border:0;background:none}.dialog-image{aspect-ratio:329/181;margin-bottom:20px;border-radius:6px}dialog h2{font-size:30px;margin:8px 0}dialog p{margin-bottom:16px}dialog .button{margin-top:10px}
@media(min-width:1600px){.hero-copy{margin-left:max(11.6%,calc((100% - 1260px)/2))}.hero-art{width:960px}.hero-copy{padding-top:70px}}
@media(max-width:1100px){body{font-size:16px}h2{font-size:29px}.hero{min-height:370px}.hero-copy{padding-top:34px}.hero-copy h1{font-size:45px}.hero-copy>p:not(.eyebrow){font-size:17px}.rail>.logo{height:65px}.rail nav a{padding:10px 0;font-size:11px}.rail-line{height:30px;margin-top:17px}.vertical-brand{font-size:10px;margin:14px 0}.logo{font-size:42px}header{height:62px}.wordmark{font-size:18px}.service-picker button{padding:15px;gap:17px;font-size:14px;min-height:70px}.service-picker svg{width:31px}.service-copy{padding:10px 17px 12px}.service-copy h3{font-size:22px}.service-copy p{font-size:16px;min-height:44px}.explore{font-size:15px}.benefits article{padding:13px;gap:12px}.benefits p{font-size:14px}.benefits h3{font-size:16px}.benefit-icon{font-size:36px}.work-grid{gap:16px}.work-item h3,.work-item p{font-size:13px}.steps li{gap:17px}.steps p{font-size:13px}.steps h3{font-size:16px}.steps li>span{width:39px;height:39px;font-size:14px}.process-art{width:49%}.faq h2,.contact h2{font-size:25px}summary{font-size:12px;padding:6px 10px}.cta p{font-size:15px}.contact{grid-template-columns:26% 1fr}.form-top{gap:12px}.footer-brand{font-size:17px}}
@media(max-width:760px){.hero{min-height:340px}.hero-copy{padding-top:35px}.hero-copy h1{font-size:35px;letter-spacing:-1px}.hero-copy>p:not(.eyebrow){font-size:15px}.eyebrow{font-size:11px}.button{font-size:13px;padding:12px 17px}.button.small{font-size:11px;padding:11px 14px}.hero-copy{width:49%}.hero-art{width:65.6%;height:100%;opacity:.95}.rail nav a{font-size:9px}.rail>.logo{font-size:33px}.wordmark{font-size:15px}.inner{width:86%}h2{font-size:26px}.service-picker button{font-size:12px;gap:12px;padding:12px}.service-picker svg{width:27px;height:27px}.service-grid{gap:12px}.service-copy h3{font-size:20px}.service-copy p{font-size:14px;min-height:42px}.service-copy{padding:8px 12px}.explore{font-size:13px}.work-grid{gap:10px}.work-item h3,.work-item p{font-size:11px}.text-link{font-size:12px}.process-layout{gap:15px}.steps li{gap:12px}.steps p{font-size:12px}.process-art{bottom:0;width:48%}.benefits{gap:10px}.benefits article{gap:9px;padding:10px}.benefits p{font-size:12px}.benefits h3{font-size:14px}.benefit-icon{font-size:30px}.questions{gap:5px 12px}.faq{gap:15px}.faq h2{font-size:22px}summary{font-size:10px}.contact{gap:16px}.contact h2{font-size:23px}.contact>div>p:last-child{font-size:12px}.form-top{gap:8px}label{font-size:11px}input,select,textarea{font-size:11px}.form-bottom .button{font-size:10px;padding:13px 10px}.cta h2{font-size:25px}.cta p{font-size:12px}.button.dark{font-size:11px}footer nav{font-size:11px;gap:15px}.footer-brand{font-size:15px;gap:8px}}
@media(max-width:580px){.inner{width:89%}.hero{height:auto;min-height:710px}.rail{width:100%;height:52px;flex-direction:row;justify-content:space-between;padding:0 5%;border:0;border-bottom:1px solid #779fba}.rail>.logo{height:50px;font-size:37px}.rail nav{display:flex;width:auto;border:0;gap:17px}.rail nav a{padding:10px 0;font-size:12px}.rail nav a.active{background:none}.rail-line,.vertical-brand{display:none}header{margin:0 5.5%;padding-top:60px;height:100px}.hero-copy{margin:0 5.5%;padding-top:25px;width:89%}.hero-copy h1{font-size:48px}.hero-copy .eyebrow{font-size:12px}.hero-copy>p:not(.eyebrow){font-size:17px;max-width:340px}.hero-art{top:auto;bottom:0;right:0;width:100%;height:340px;mask-image:linear-gradient(180deg,transparent,black 13%);opacity:1}.section{padding-top:25px}h2{font-size:27px}.service-picker{grid-template-columns:repeat(2,1fr);gap:9px;margin:18px 0 23px}.service-picker button{font-size:12px;min-height:69px}.service-grid{width:89%;grid-template-columns:1fr;gap:18px}.service-copy{padding:12px 17px 16px}.service-copy h3{font-size:24px}.service-copy p{font-size:16px;min-height:0}.explore{font-size:15px;padding-top:12px}.work{padding:25px 0}.work-grid{grid-template-columns:repeat(3,1fr);gap:20px 12px}.work-item h3,.work-item p{font-size:12px}.section-heading{gap:15px}.text-link{white-space:nowrap;font-size:11px}.process-layout{grid-template-columns:1fr;padding:26px 0 0}.process-art{position:relative!important;width:100%;right:auto;margin-top:0}.steps{margin:20px 0}.steps li{gap:20px;margin-top:14px}.steps h3{font-size:18px}.steps p{font-size:14px}.steps li>span{width:45px;height:45px}.benefits{grid-template-columns:1fr;gap:10px}.benefits article{padding:16px;gap:20px}.benefits h3{font-size:17px}.benefits p{font-size:15px}.benefit-icon{font-size:40px}.confidence{padding:23px 0}.faq{grid-template-columns:1fr;padding:24px 0}.faq h2 br{display:none}.questions{grid-template-columns:1fr;gap:8px}summary{font-size:14px;padding:12px}.cta .inner{align-items:flex-start;gap:20px;flex-direction:column}.cta{padding:24px 0}.cta p{font-size:15px}.button.dark{font-size:14px}.contact{grid-template-columns:1fr;padding:26px 0}.contact>div>p:last-child{font-size:15px;max-width:none}.contact h2 br{display:none}.form-top{grid-template-columns:1fr 1fr;gap:12px}.form-top label:last-child{grid-column:1/-1}label{font-size:13px}input,select,textarea{font-size:14px;padding:10px}.form-bottom{grid-template-columns:1fr}.form-bottom .button{font-size:14px;padding:14px}.form-status{font-size:14px}footer .inner{flex-wrap:wrap;gap:20px}footer nav{order:3;width:100%;justify-content:center;font-size:13px}.footer-brand{font-size:18px}.chat{width:42px;height:42px}dialog{padding:30px 20px}dialog h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-art{width:56%;top:auto;bottom:0;height:88%}@media(max-width:580px){.hero-art{width:100%;height:320px}.rail nav{gap:12px}.rail nav a{font-size:11px}}@media(max-width:340px){.rail{padding:0 4%}.rail nav{gap:9px}.rail>.logo{font-size:29px}.hero-copy h1{font-size:40px}}

.whatsapp-help{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:50;display:flex;align-items:center;gap:12px;border-radius:40px;padding:14px 20px;background:#168b50;color:white;box-shadow:0 6px 24px #084d493b;font-size:14px;font-weight:700;max-width:calc(100vw - 32px)}.whatsapp-help[hidden]{display:none}.whatsapp-help svg{width:30px;height:30px;flex-shrink:0}.whatsapp-help:hover{background:#0d713f}.whatsapp-help span{overflow-wrap:anywhere}@media(max-width:580px){.whatsapp-help{right:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:12px 16px;font-size:13px}.whatsapp-help svg{width:26px;height:26px}footer{padding-bottom:100px}}

.whatsapp-help{right:24px;bottom:24px;background:#20cf61;padding:15px 20px;gap:10px;font-size:14px;line-height:22px;border-radius:999px;box-shadow:0 8px 28px #0003}.whatsapp-help svg{width:24px;height:24px}.whatsapp-help:hover{background:#18b953}@media(max-width:580px){.whatsapp-help{right:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:13px 18px}}

/* Spacious service cards: the existing blue/orange brand with category-specific icons. */
.service-grid{width:86%;max-width:1280px;gap:28px}
.service-card{display:flex;flex-direction:column;align-items:flex-start;padding:44px 42px 38px;border:1px solid #bdd5e6;border-radius:30px;background:linear-gradient(145deg,#edf7ff 0%,#f8fcff 65%,#e7f2fa 100%);box-shadow:0 9px 28px #234f7210;transition:transform .22s,border-color .22s,box-shadow .22s}
.service-card:hover{transform:translateY(-4px);border-color:#548698;box-shadow:0 14px 35px #234f721a}
.service-emblem{width:108px;height:108px;display:grid;place-items:center;flex-shrink:0;border-radius:25px;background:linear-gradient(140deg,#c1dfef,#8cb6d4);border:1px solid #a7cce4;box-shadow:-4px 4px 0 #548698,inset 0 2px 2px #ffffffa6;margin:0 0 30px 4px}
.service-emblem svg{width:58px;height:58px;fill:none;stroke:#17456d;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 2px 0 #e9f7ff) drop-shadow(0 5px 5px #35698c35)}
.service-copy{padding:0;display:flex;flex-direction:column;flex:1;width:100%}
.service-copy h3{font-size:29px;line-height:1.3;letter-spacing:-.4px;margin:0 0 19px;font-weight:700}
.service-copy p{font-size:19px;line-height:1.7;color:#526d86;min-height:0;max-width:490px;margin-bottom:28px}
.service-copy .explore{margin-top:auto;padding:10px 0 0;gap:18px;font-size:18px;align-self:flex-start;color:#386678;line-height:1.5}
.service-copy .explore:hover{color:#386678}
.service-card.highlight{border-color:var(--orange);box-shadow:0 0 0 3px #54869844}
@media(max-width:1000px){.service-card{padding:32px 28px;border-radius:25px}.service-copy h3{font-size:25px}.service-copy p{font-size:17px}.service-emblem{width:94px;height:94px}.service-emblem svg{width:50px;height:50px}}
@media(max-width:580px){.service-grid{width:91%;gap:23px}.service-card{padding:32px 29px 34px;border-radius:28px}.service-emblem{width:94px;height:94px;border-radius:23px;margin-bottom:29px}.service-copy h3{font-size:25px;line-height:1.4;margin-bottom:18px}.service-copy p{font-size:18px;line-height:1.65;margin-bottom:25px}.service-copy .explore{font-size:17px;gap:16px}}
/* Gentle movement and a light sweep on service thumbnails. */
.service-emblem{position:relative;overflow:hidden;isolation:isolate;transform-origin:50% 65%;transition:transform .35s ease,box-shadow .35s ease}
.service-emblem::after{content:'';position:absolute;inset:-50% -70%;pointer-events:none;background:linear-gradient(110deg,transparent 36%,#ffffff08 42%,#ffffffb3 50%,#ffffff15 58%,transparent 64%);transform:translateX(-90%) rotate(-8deg);opacity:0}
.service-emblem svg{transition:transform .35s ease;position:relative;z-index:1}
@media(hover:hover) and (pointer:fine){
 .service-emblem:hover{transform:translateY(-5px) rotate(-4deg) scale(1.035);box-shadow:-4px 6px 0 #548698,inset 0 2px 3px #ffffffcc,0 10px 24px #75b5df55}
 .service-emblem:hover svg{transform:translateY(-2px) rotate(4deg)}
 .service-emblem:hover::after{animation:thumbnail-shine 1s ease-out both}
}
@keyframes thumbnail-shine{0%{transform:translateX(-90%) rotate(-8deg);opacity:0}20%{opacity:.85}80%{opacity:.65}100%{transform:translateX(90%) rotate(-8deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.service-emblem:hover{transform:none}.service-emblem:hover svg{transform:none}.service-emblem:hover::after{animation:none}}
/* Raised vintage switch-board buttons in the existing blue and orange palette. */
.service-emblem{border-radius:10px;border:3px solid #7da6c2;border-top-color:#dceef8;border-left-color:#c9e3f2;background:linear-gradient(145deg,#d5eaf6 0%,#b9d8eb 42%,#97bfd8 100%);box-shadow:0 6px 0 #527e9f,0 8px 0 2px #548698,inset 3px 3px 2px #ffffffc9,inset -4px -4px 3px #6b9cbe88,0 12px 18px #234f7226;transform-origin:center;overflow:hidden}
.service-emblem::before{content:'';position:absolute;inset:7px;border-radius:5px;border:1px solid #87afcb;background:linear-gradient(155deg,#ffffff33,transparent 55%,#527e9f18);box-shadow:inset 1px 1px 1px #ffffffa6;pointer-events:none}
@media(hover:hover) and (pointer:fine){
 .service-emblem:hover{transform:translateY(2px) rotate(-1deg);box-shadow:0 3px 0 #527e9f,0 5px 0 2px #548698,inset 3px 3px 2px #ffffffc9,inset -4px -4px 3px #6b9cbe88,0 8px 15px #234f7226}
 .service-emblem:hover svg{transform:translateY(1px) rotate(1deg)}
}
@media(prefers-reduced-motion:reduce){.service-emblem:hover,.service-emblem:hover svg{transform:none}}
/* Tighter hero heading with a soft brand-orange shadow. */
.hero-copy h1{line-height:.94;text-shadow:2px 3px 0 #54869840,0 5px 14px #54869820;margin:8px 0}
.milestones{padding:55px 0 60px;background:linear-gradient(120deg,#e3eff7,#f3f9fd);text-align:center}.milestones h2{margin:6px 0 12px}.metrics-note{font-size:13px;color:#64788b}.milestone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;margin-top:65px}.milestone-grid article{display:flex;flex-direction:column;align-items:center}.milestone-icon{width:106px;height:106px;border-radius:28px;transform:rotate(45deg);background:linear-gradient(140deg,#548698,#548698);display:grid;place-items:center;margin-bottom:44px;box-shadow:0 8px 24px #54869820}.milestone-icon svg{width:57px;height:57px;transform:rotate(-45deg);fill:none;stroke:white;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.milestone-grid strong{font-size:36px;line-height:1.2;color:#173c5d}.milestone-grid h3{font-size:19px;color:#386678;margin-top:12px;line-height:1.4}.milestone-grid strong span{font-size:30px}@media(max-width:760px){.milestone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 22px}.milestone-icon{width:96px;height:96px}.milestone-grid h3{font-size:17px}.milestones h2{font-size:26px}}@media(max-width:360px){.milestone-icon{width:76px;height:76px;border-radius:21px;margin-bottom:33px}.milestone-icon svg{width:44px;height:44px}.milestone-grid strong{font-size:29px}.milestone-grid h3{font-size:15px}}
.milestone-grid strong{font-variant-numeric:tabular-nums;min-width:5ch}
.team-section{padding:55px 0 65px;background:#e7f1f8;text-align:center}.team-section[hidden]{display:none}.team-section h2{color:#386678;margin:12px 0 42px;line-height:1.3}.team-section h2 span{color:#183c5c}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1000px;margin:auto}.team-member{background:white;padding:18px 18px 25px;border-radius:18px;box-shadow:0 9px 25px #183c5c16;border:1px solid #d6e5ef}.team-member img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:14px}.team-member h3{margin:18px 0 8px;font-size:21px;overflow-wrap:anywhere}.team-member p{font-size:16px;color:#60758a;overflow-wrap:anywhere}@media(max-width:760px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media(max-width:480px){.team-grid{grid-template-columns:1fr;max-width:320px}.team-section h2{font-size:27px}}
/* Consistent portrait windows with framing tailored to the supplied photos. */
.team-member{padding:16px 16px 24px;overflow:hidden}.team-member img{display:block;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 35%;background:#e5eef5;border-radius:13px}.team-member[data-member-id="00000000-0000-4000-8000-000000000001"] img{object-position:50% 28%}.team-member[data-member-id="00000000-0000-4000-8000-000000000002"] img{object-position:42% 50%}.team-member[data-member-id="00000000-0000-4000-8000-000000000003"] img{object-position:50% 50%}.team-member h3:empty{display:none}.team-member p:empty{display:none}.team-member img~p{margin-top:18px}.team-member[data-member-id="00000000-0000-4000-8000-000000000003"] p{display:inline-block;padding:6px 20px;border-radius:20px;background:#fff0e3;color:#386678;font-size:15px;font-weight:700;letter-spacing:1px}
/* Matched executive portraits with compact reference-style cards. */
.team-grid{max-width:850px;gap:28px}.team-member{padding:16px 16px 27px;border-radius:15px;box-shadow:0 10px 26px #17344a20}.team-member[data-member-id] img{aspect-ratio:3/4;object-fit:cover;object-position:50% 50%;border-radius:16px}.team-member p,.team-member[data-member-id="00000000-0000-4000-8000-000000000003"] p{display:block;background:none;padding:0;color:#52697c;font-size:17px;font-weight:600;letter-spacing:0;margin:19px 0 0}.team-member[data-member-id="00000000-0000-4000-8000-000000000003"] p{color:#386678}.team-section .eyebrow{letter-spacing:2px}.team-section h2{margin-bottom:48px}@media(max-width:480px){.team-grid{max-width:290px}}
/* Team layout matched to the reference: compact, evenly spaced portrait cards. */
.team-section{padding:42px 0 64px;background:#e4edf2}.team-section .inner{width:92%;max-width:1160px}.team-section .eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;letter-spacing:1.7px;margin:0}.team-section .eyebrow::before,.team-section .eyebrow::after{content:'';width:38px;height:2px;background:#244b68}.team-section h2{font-size:30px;line-height:1.35;letter-spacing:-.5px;max-width:620px;margin:14px auto 64px}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,202px);justify-content:center;align-items:stretch;gap:26px 30px;max-width:1160px;margin:auto}.team-member{width:202px;min-height:380px;padding:16px 16px 28px;border:0;border-radius:13px;background:#fff;box-shadow:0 9px 18px #15293624;text-align:center}.team-member[data-member-id] img{display:block;width:170px;height:260px;aspect-ratio:auto;object-fit:cover;object-position:center top;border-radius:18px}.team-member h3{font-size:18px;line-height:1.3;margin:16px 0 8px;color:#183c5c}.team-member p,.team-member[data-member-id="00000000-0000-4000-8000-000000000003"] p{display:block;font-size:14px;font-weight:400;line-height:1.5;margin:8px 0 0;padding:0;background:none;letter-spacing:0;color:#626b73}.team-member h3:empty+p,.team-member[data-member-id="00000000-0000-4000-8000-000000000003"] h3:empty+p{margin-top:18px;font-size:18px;font-weight:700;color:#183c5c}.team-member h3:empty,.team-member p:empty{display:none}@media(max-width:580px){.team-section h2{font-size:27px;margin-bottom:38px}.team-section .eyebrow{font-size:11px;gap:8px}.team-section .eyebrow::before,.team-section .eyebrow::after{width:20px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;max-width:440px}.team-member{width:100%;min-height:0;padding:12px 12px 25px}.team-member[data-member-id] img{width:100%;height:auto;aspect-ratio:170/260;border-radius:14px}.team-member h3:empty+p,.team-member[data-member-id="00000000-0000-4000-8000-000000000003"] h3:empty+p{font-size:16px}}@media(max-width:360px){.team-grid{grid-template-columns:202px}.team-member{min-height:380px;padding:16px}.team-member[data-member-id] img{width:170px;height:260px}}
/* Four-column footer with the site's existing brand, links and services. */
.site-footer{background:#102c47;color:#b7cee0;padding:0}.footer-invite{text-align:center;padding:35px 20px;border-bottom:1px solid #ffffff12;background:#142f4d}.footer-invite .button{color:#132e4e;font-size:15px;padding:15px 25px;box-shadow:0 8px 25px #54869825}.site-footer .footer-columns{display:grid;grid-template-columns:1.1fr .8fr 1.25fr 1fr;gap:44px;align-items:start;padding-top:58px;padding-bottom:60px}.site-footer .footer-brand{color:white;font-size:19px;gap:12px;white-space:nowrap;justify-content:flex-start}.site-footer .footer-brand .logo{font-size:45px}.footer-intro p{font-size:15px;line-height:1.8;margin-top:23px;max-width:265px}.footer-column h3{color:#fff;font-size:14px;letter-spacing:.7px;margin:10px 0 22px}.site-footer .footer-column nav{display:flex;flex-direction:column;gap:12px;align-items:flex-start;font-size:14px;width:auto;order:initial}.footer-column a{line-height:1.6;transition:color .2s}.footer-column a:hover,.footer-bottom a:hover,.footer-bottom button:hover{color:#548698}.footer-contact p{font-size:15px;line-height:1.8;margin-bottom:20px}.footer-contact-link{display:flex;gap:12px;font-size:14px;margin-top:15px}.footer-contact-link span{color:#548698;font-size:19px;line-height:1.2}.footer-bottom{border-top:1px solid #ffffff12;padding:20px 0}.site-footer .footer-bottom .inner{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px}.site-footer .footer-bottom nav{display:flex;flex-direction:row;width:auto;order:initial;gap:20px}.footer-bottom button{color:inherit;font:inherit;background:none;border:0;padding:0;cursor:pointer}@media(max-width:1000px){.site-footer .footer-columns{gap:30px;grid-template-columns:1fr 1fr}.footer-intro p{max-width:340px}}@media(max-width:580px){.site-footer{padding-bottom:85px}.site-footer .footer-columns{grid-template-columns:1fr;gap:25px;padding-top:35px;padding-bottom:35px}.footer-column h3{margin:0 0 16px}.footer-intro p{margin-top:15px;max-width:none}.site-footer .footer-bottom .inner{flex-direction:column;align-items:flex-start}.site-footer .footer-bottom nav{justify-content:flex-start}.footer-invite{padding:28px 20px}}
.hero-art.live-demo{mask-image:none;z-index:0;width:49%;height:auto;top:85px;bottom:22px;right:3%;overflow:visible}.demo-shell{height:100%;min-height:340px;background:#f4fafff5;border:1px solid #cee4f3;border-radius:20px;box-shadow:0 18px 40px #23496936;padding:18px 22px;display:flex;flex-direction:column;color:#173858;font-size:13px}.demo-top,.demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.demo-top{font-size:10px;letter-spacing:1px;color:#6b879b}.demo-brand{color:#548698;font-weight:bold}.demo-stage{flex:1;min-height:0}.scene-category{color:#548698;font-size:12px;font-weight:bold;margin-top:14px}.scene h2{font-size:22px;letter-spacing:-.5px;line-height:1.2;margin:5px 0 15px}.scene-body{font-size:12px}.demo-stats{display:flex;justify-content:space-between;align-items:center}.demo-stats b{display:block;font-size:17px;margin-top:3px}.demo-green{color:#14896a}.demo-chart{height:105px;background:repeating-linear-gradient(0deg,transparent,transparent 25px,#c8e0ee 26px);margin:10px 0}.demo-chart svg{width:100%;height:100%;overflow:visible}.chart-line{fill:none;stroke:#168eac;stroke-width:3;stroke-linejoin:round;stroke-dasharray:900;stroke-dashoffset:900;animation:chart-draw 3.4s ease forwards}.demo-event{padding:7px 10px;border-radius:6px;margin-top:7px;background:#e2f2ed;color:#19765d;font-size:11px;animation:demo-reveal .4s both}.event-one{animation-delay:.35s}.event-two{animation-delay:1.4s}.event-three{animation-delay:2.6s}.event-four{animation-delay:3.6s}.demo-bottom{font-size:10px;color:#6d8295;padding:10px 0 8px}.demo-pause{border:0;background:transparent;color:#245b83;font-size:12px;padding:4px 8px}.demo-controls{display:flex;gap:5px;flex-wrap:wrap;border-top:1px solid #d3e3ef;padding-top:9px}.demo-controls button{border:0;border-radius:5px;padding:6px 8px;background:#e3eff7;font-size:10px;color:#31516e}.demo-controls button[aria-pressed=true]{background:#548698;color:#132e4e}.chat-line{background:#dcecf8;padding:10px 13px;border-radius:12px 12px 0 12px;margin:10px 0 10px 35px;animation:demo-reveal .35s both}.chat-line.bot{margin-left:0;margin-right:25px;background:white;border:1px solid #c7dfef;border-radius:12px 12px 12px 0}.chat-line.event-two{animation-delay:1.4s}.chat-line.event-three{animation-delay:2.6s}.chat-line.event-four{animation-delay:3.6s}.typing{display:flex;gap:4px;height:10px;margin-left:10px}.typing i{width:4px;height:4px;border-radius:50%;background:#74a5c6;animation:typing-dot 1s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}.demo-phone{max-width:240px;margin:auto;padding:12px 18px;background:white;border:3px solid #375771;border-radius:19px}.demo-phone>b{display:block;font-size:15px}.demo-phone>span{font-size:10px;color:#73889b}.demo-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:12px 0}.demo-calendar span,.demo-times span{padding:5px 2px;text-align:center;border-radius:4px;font-size:10px}.chosen{background:#548698;animation:demo-reveal .4s 1s both}.demo-times{display:flex;justify-content:space-between}.shop-heading{font-weight:bold;letter-spacing:2px;margin:12px 0}.shop-heading span{float:right;font-weight:normal;font-size:10px;letter-spacing:0}.demo-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.demo-products>div{background:#e8f0f5;border-radius:9px;padding:16px 8px;display:flex;flex-direction:column;gap:8px}.demo-products span{font-size:28px;color:#548698;font-weight:bold}.demo-products b{font-size:11px}.demo-table{margin:17px 0}.demo-table>div{display:grid;grid-template-columns:1.4fr .7fr 1fr;padding:10px 7px;border-bottom:1px solid #d7e6f0;font-size:11px}.stock-update{animation:demo-reveal .5s 1.5s both;color:#548698}.demo-kpis{display:flex;gap:12px}.demo-kpis>div{flex:1;background:white;padding:12px 9px;border-radius:8px;color:#60788c;font-size:10px}.demo-kpis b{display:block;color:#173858;font-size:20px;margin-top:6px}.demo-bars{display:flex;gap:14px;height:110px;align-items:flex-end;margin:20px 5px 12px}.demo-bars i{flex:1;background:#468cbb;border-radius:4px 4px 0 0;height:var(--bar);transform-origin:bottom;animation:bars-rise 2s var(--delay) both}.demo-bars i:last-child{background:#548698}.demo-paused *{animation-play-state:paused!important}@keyframes demo-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes chart-draw{to{stroke-dashoffset:0}}@keyframes bars-rise{from{transform:scaleY(.03)}to{transform:scaleY(1)}}@keyframes typing-dot{50%{opacity:.3;transform:translateY(-3px)}}@media(max-width:1100px) and (min-width:581px){.hero{min-height:510px}.hero-art.live-demo{top:85px;bottom:25px}.hero-copy{width:39%;padding-top:85px}.hero-copy h1{font-size:37px}.desktop-break{display:none}.demo-shell{padding:14px}.scene h2{font-size:19px}}@media(max-width:580px){.hero{min-height:850px;padding-bottom:450px}.hero-art.live-demo{top:auto;bottom:22px;left:5.5%;right:5.5%;width:89%;height:405px}.hero-copy{width:89%;padding-top:25px}.demo-shell{padding:15px}.scene h2{font-size:20px}.demo-controls button{font-size:10px;padding:6px}.demo-chart{height:100px}}@media(prefers-reduced-motion:reduce){.live-demo *{animation:none!important}.chart-line{stroke-dashoffset:0}}
/* Keep the supplied hero picture; selected regions gently rise and glow in place. */
.hero-art.picture-demo{width:56%;height:88%;top:auto;bottom:0;right:0;mask-image:none;z-index:0;overflow:hidden;isolation:isolate}.picture-base,.picture-focus{position:absolute;inset:0;background-image:url('assets/hero-front.png');background-size:100% auto;background-repeat:no-repeat;background-position:center;pointer-events:none}.picture-base{mask-image:linear-gradient(90deg,transparent,#000 8%)}.picture-focus{mask-image:radial-gradient(ellipse var(--spot-w) var(--spot-h) at var(--spot-x) var(--spot-y),#000 30%,transparent 72%);transform-origin:var(--spot-x) var(--spot-y);filter:brightness(1.1) saturate(1.12);z-index:1}.picture-focus.rise{animation:picture-rise 3s ease-in-out both}.picture-caption{position:absolute;bottom:15px;right:22px;z-index:2;display:flex;align-items:center;gap:14px;padding:8px 13px;background:#f4faffeb;border:1px solid #bcd6e7;border-radius:22px;box-shadow:0 4px 15px #173e5d20;font-size:12px;font-weight:bold;color:#173858}.picture-caption button{border:0;background:transparent;color:#173858;font-size:12px;padding:2px 5px;cursor:pointer}.picture-paused .picture-focus{animation-play-state:paused}@keyframes picture-rise{0%,100%{transform:translateY(0) scale(1);opacity:0}20%,75%{transform:translateY(-7px) scale(1.035);opacity:1}}@media(max-width:1100px) and (min-width:581px){.hero{min-height:370px}.hero-copy{width:46%;padding-top:34px}.hero-copy h1{font-size:45px}}@media(max-width:760px) and (min-width:581px){.hero{min-height:340px}.hero-copy{width:49%;padding-top:35px}.hero-copy h1{font-size:35px}}@media(max-width:580px){.hero{min-height:710px;padding-bottom:0}.hero-art.picture-demo{top:auto;bottom:0;right:0;left:auto;width:100%;height:320px}.picture-base{mask-image:linear-gradient(180deg,transparent,#000 10%)}.picture-caption{bottom:10px;right:15px;font-size:11px}.hero-copy{width:89%;padding-top:25px}}@media(prefers-reduced-motion:reduce){.picture-focus.rise{animation:none;opacity:0}}
/* Animated interfaces emerge from the matching screen within the same artwork. */
.screen-stage{position:absolute;left:0;top:50%;width:100%;aspect-ratio:3/2;transform:translateY(-50%);pointer-events:none;z-index:2;container-type:inline-size}.working-screen{position:absolute;padding:1.2%;box-sizing:border-box;border:2px solid #dcf5ff;border-radius:9px;background:#f3faff;color:#143754;box-shadow:0 0 0 3px #779db8,0 10px 25px #12375166,0 0 18px #75cfff99;transform-origin:center;animation:screen-emerge 3s ease-in-out both;overflow:hidden;font-size:1.6cqw;line-height:1.3}.working-screen p{font-size:inherit;line-height:1.35;margin:8% 0}.screen-top{display:flex;justify-content:space-between;gap:3px;font-weight:800;font-size:1.65cqw;margin-bottom:6%}.screen-top b{font-size:1.1cqw;color:#228abb}.working-screen.trading{background:#09283c;color:#d5f5ff}.working-chart{width:100%;height:66%;display:block}.candles>g{animation:candle-appear .25s var(--delay) both}.price-line{stroke-dasharray:340;stroke-dashoffset:340;animation:price-draw 2.5s linear forwards}.trade-status{font-size:1.35cqw;color:#66d7ef}.trade-order{color:#46e4b4;font-size:1.35cqw;animation:screen-content .3s 1.8s both}.bubble{padding:7%;border-radius:6px;background:#dfedfa}.bubble.outgoing{background:#168bff;color:white;margin-left:8%}.delayed-one{animation:screen-content .3s .65s both}.delayed-two{animation:screen-content .3s 1.5s both}.typing{display:flex;gap:3px}.typing i{height:3px;width:3px;background:#318dec;border-radius:50%;animation:typing-dot .7s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}.mini-calendar{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:12% 0}.mini-calendar span{text-align:center;padding:4%}.selected-day{background:#548698;border-radius:3px;color:white;animation:screen-content .3s .6s both}.mini-action{background:#168cff;color:white;padding:7% 3%;border-radius:4px;text-align:center;margin-top:10%;font-size:1.3cqw}.booking-done{color:#14875b;font-weight:700}.product-shoe{font-size:6cqw;text-align:center;padding:12% 0;background:#e4f0f7;border-radius:6px}.task-row{padding:8% 3%;background:#e3f0fa;border-radius:5px}.task-row b{float:right;color:#12a673}.task-progress{height:5px;background:#d7e8f5;margin-top:12%;border-radius:6px;overflow:hidden}.task-progress i{display:block;height:100%;background:#218cff;animation:task-fill 2.5s both}.mini-kpis{display:flex;gap:12%;font-size:1.5cqw}.mini-kpis strong{display:block;font-size:2.4cqw;margin-top:3px}.working-bars{height:52%;display:flex;align-items:end;gap:7%;padding-top:7%}.working-bars i{flex:1;height:var(--height);background:#198fff;border-radius:3px 3px 0 0;transform-origin:bottom;animation:bar-grow 1.5s var(--delay) both}.working-bars i:last-child{background:#548698}.picture-caption{z-index:4}.screens-paused .screen-stage *{animation-play-state:paused!important}@keyframes screen-emerge{0%{opacity:0;transform:translateY(0) scale(1)}12%,86%{opacity:1;transform:translateY(-8px) scale(1.3)}100%{opacity:0;transform:translateY(0) scale(1)}}@keyframes screen-content{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes candle-appear{from{opacity:0}to{opacity:1}}@keyframes price-draw{to{stroke-dashoffset:0}}@keyframes task-fill{from{width:0}to{width:100%}}@keyframes bar-grow{from{transform:scaleY(.05)}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.screen-stage{display:none}}
/* Gentle FAQ answer reveal; manual selection always pauses the tour. */
.faq details[open]{background:#f3faff;border-color:#91bdd9;box-shadow:0 4px 14px #254c7110}.faq details[open] p{animation:faq-answer-in .85s ease-out both;transform-origin:top}.faq-playback{margin-top:16px;border:1px solid #b6d1e4;border-radius:18px;background:#edf6fc;color:#204764;padding:7px 12px;font-size:12px;cursor:pointer}.faq-playback:focus-visible{outline:2px solid #548698;outline-offset:3px}@keyframes faq-answer-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.faq details[open] p{animation:none}}
/* Calm blue treatment for the main enquiry button. */
.hero-copy > .button{background:#d6e6ec;color:#173b50;border:1px solid #91afbf;box-shadow:0 3px 10px #24485e14;transition:background .2s,transform .2s,box-shadow .2s}.hero-copy > .button:hover{background:#c6dce5;box-shadow:0 5px 14px #24485e20}.hero-copy > .button:focus-visible{outline:3px solid #315c76;outline-offset:4px}
.web-world{background:#101b30;color:#edf5ff;padding:42px 0;overflow:hidden}.web-world-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.world-visual{min-width:0;text-align:center}.world-visual canvas{display:block;width:100%;max-width:480px;aspect-ratio:1;margin:auto;cursor:grab;touch-action:pan-y}.world-visual canvas:active{cursor:grabbing}.world-visual>p{font-size:10px;letter-spacing:3px;color:#a9bdd5;margin:6px 0 18px}.world-copy .eyebrow{color:#a4cce3;margin-bottom:16px}.world-copy h2{font-size:clamp(28px,3.2vw,46px);line-height:1.15;letter-spacing:-.7px}.world-description{color:#bed0e1;font-size:17px;line-height:1.8;margin:22px 0;opacity:0;transform:translateY(14px);transition:opacity 1s 4s,transform 1s 4s}.world-link{display:inline-block;color:#386678;font-size:15px;font-weight:bold;opacity:0;transition:opacity .8s 4.8s}.web-world.world-visible .world-description,.web-world.world-visible .world-link{opacity:1;transform:none}@media(max-width:760px){.web-world-layout{grid-template-columns:1fr;gap:24px}.world-visual canvas{max-width:360px}.world-copy{padding-bottom:20px}.world-description{font-size:16px}.world-visual>p{letter-spacing:2px}}@media(prefers-reduced-motion:reduce){.world-description,.world-link{opacity:1;transform:none;transition:none}}

/* Brand words gently fall into their final position once on page load. */
.wordmark-drop{display:inline-flex;gap:.3em;overflow:visible}.wordmark-drop span{display:inline-block;animation:brand-word-settle 1.8s cubic-bezier(.22,.7,.3,1) both}.wordmark-drop span:first-child{animation-delay:.25s}.wordmark-drop span:last-child{animation-delay:2.2s}@keyframes brand-word-settle{0%{opacity:0;transform:translateY(-38px)}65%{opacity:1;transform:translateY(3px)}82%{transform:translateY(-1px)}100%{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.wordmark-drop span{animation:none;opacity:1;transform:none}}
/* Compact service icons, revealed from the side after entering the viewport. */
.service-emblem{width:72px;height:72px;min-width:72px}.service-emblem svg{width:35px;height:35px}.service-emblem.emblem-wait{opacity:0;translate:-28px 0}.service-emblem.emblem-enter{animation:service-icon-enter .85s ease-out 2s both}@keyframes service-icon-enter{from{opacity:0;translate:-28px 0}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.service-emblem.emblem-wait{opacity:1;translate:none}.service-emblem.emblem-enter{animation:none}}

/* Rounded glass tiles for service icons. */
.service-emblem{width:72px;height:72px;min-width:72px;border:1px solid #bed9e9;border-radius:21px;background:linear-gradient(145deg,#ffffff 0%,#e2f1fa 48%,#bad9eb 100%);box-shadow:inset 0 2px 2px #ffffff,0 7px 16px #254f7220;transform:none;transition:transform .3s ease,box-shadow .3s ease}.service-emblem::before{inset:5px;border:1px solid #ffffffb3;border-radius:16px;background:linear-gradient(145deg,#ffffff55,transparent 65%);box-shadow:none}.service-emblem svg{width:34px;height:34px;color:#28577a;filter:drop-shadow(0 2px 1px #ffffffb3)}
@media(hover:hover) and (pointer:fine){.service-emblem:hover{transform:translateY(-4px);box-shadow:inset 0 2px 2px #fff,0 11px 23px #254f722b}.service-emblem:hover svg{transform:none}}
@media(prefers-reduced-motion:reduce){.service-emblem:hover{transform:none}}
/* Milestone icons enter from four directions without changing diamond rotation. */
.milestone-grid article:nth-child(1){--entry-x:0px;--entry-y:-35px}.milestone-grid article:nth-child(2){--entry-x:-35px;--entry-y:0px}.milestone-grid article:nth-child(3){--entry-x:35px;--entry-y:0px}.milestone-grid article:nth-child(4){--entry-x:0px;--entry-y:35px}.milestone-icon.metric-wait{opacity:0;translate:var(--entry-x) var(--entry-y)}.milestone-icon.metric-enter{animation:metric-icon-reveal 1s cubic-bezier(.22,.65,.3,1) 2s both}@keyframes metric-icon-reveal{from{opacity:0;translate:var(--entry-x) var(--entry-y)}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.milestone-icon.metric-wait{opacity:1;translate:none}.milestone-icon.metric-enter{animation:none}}
/* Fine travelling gold border around each milestone diamond. */
@property --gold-border-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.milestone-icon{position:relative;isolation:isolate}.milestone-icon::after{content:'';position:absolute;inset:-3px;border-radius:inherit;padding:2.5px;background:conic-gradient(from var(--gold-border-angle),#ffffff30 0deg,#ffffff30 220deg,#ffffff 270deg,#ffffff 310deg,#ffffff30 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;animation:gold-border-travel 4s linear infinite}.milestone-grid article:nth-child(2) .milestone-icon::after{animation-delay:-1s}.milestone-grid article:nth-child(3) .milestone-icon::after{animation-delay:-2s}.milestone-grid article:nth-child(4) .milestone-icon::after{animation-delay:-3s}@keyframes gold-border-travel{to{--gold-border-angle:360deg}}@media(prefers-reduced-motion:reduce){.milestone-icon::after{animation:none}}
/* Each portfolio thumbnail becomes a working screen in turn. */
.work-playback{display:block;margin:0 0 22px auto;border:1px solid #507d9a;background:#dcecf5;color:#183c5b;border-radius:20px;padding:6px 11px;font-size:12px;cursor:pointer}.work-item{position:relative;transition:transform .6s ease;transform-origin:center}.work-item.work-playing{transform:translateY(-9px) scale(1.07);z-index:2}.work-playing .work-image{box-shadow:0 8px 22px #12375355;outline:2px solid #e6f5ff;outline-offset:2px}.portfolio-screen{position:absolute;inset:5%;z-index:2;overflow:hidden;border-radius:5px;background:#f1f8fe;padding:5%;color:#173858;text-align:left;container-type:inline-size;animation:portfolio-reveal .45s ease both;font-size:9px;line-height:1.2}.portfolio-screen.trading{background:#09283c;color:#e2f6ff}.portfolio-screen .screen-top{font-size:9px;margin-bottom:4%}.portfolio-screen .screen-top b{font-size:6px}.portfolio-screen p{font-size:8px;line-height:1.3;margin:4% 0}.portfolio-screen .working-chart{height:63%}.portfolio-screen .trade-status,.portfolio-screen .trade-order{font-size:7px}.portfolio-screen .bubble{padding:4%;margin:4% 0}.portfolio-screen .mini-calendar{grid-template-columns:repeat(5,1fr);gap:1px;margin:4% 0;font-size:7px}.portfolio-screen .mini-action{font-size:7px;padding:3%;margin-top:4%}.portfolio-screen .product-shoe{font-size:24px;padding:0;float:left;width:40%;margin-right:5%}.portfolio-screen.shop>b{font-size:8px}.portfolio-screen .task-row{padding:4%}.portfolio-screen .task-progress{margin-top:5%}.portfolio-screen .mini-kpis{font-size:7px}.portfolio-screen .mini-kpis strong{font-size:12px}.portfolio-screen .working-bars{height:45%;padding-top:3%}.work-paused .portfolio-screen *,.work-paused .portfolio-screen{animation-play-state:paused!important}@keyframes portfolio-reveal{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@media(max-width:580px){.portfolio-screen{inset:3%;padding:4%}.portfolio-screen .screen-top{font-size:6px}.portfolio-screen p,.portfolio-screen .trade-status,.portfolio-screen .trade-order,.portfolio-screen .mini-action{font-size:5px}.portfolio-screen .mini-calendar{font-size:5px}.portfolio-screen .mini-kpis{font-size:5px}.portfolio-screen .mini-kpis strong{font-size:8px}.portfolio-screen .product-shoe{font-size:18px}.portfolio-screen.shop>b{font-size:6px}}@media(prefers-reduced-motion:reduce){.work-item{transition:none}.work-item.work-playing{transform:none}.portfolio-screen,.portfolio-screen *{animation:none!important}}
/* Reveal the brand one letter at a time, retaining the space between words. */
.wordmark-drop .brand-word{display:inline-flex;animation:none}.wordmark-drop .brand-letter{display:inline-block;animation:brand-word-settle .5s cubic-bezier(.22,.7,.3,1) both;animation-delay:var(--letter-delay)}@media(prefers-reduced-motion:reduce){.wordmark-drop .brand-letter{animation:none}}
/* Each letter drops below its baseline, then rises into its final position. */
.wordmark-drop .brand-letter{animation-name:brand-letter-drop-rise;animation-duration:1.2s;animation-timing-function:ease-in-out}@keyframes brand-letter-drop-rise{0%{opacity:0;transform:translateY(-42px)}25%{opacity:1}60%{opacity:1;transform:translateY(32px)}100%{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.wordmark-drop .brand-letter{animation:none}}
/* A light digital atlas with floating product labels. */
.web-world{background:linear-gradient(125deg,#f5fafc,#dfedf5);color:#173b55;border-top:1px solid #d5e7f0;border-bottom:1px solid #c9dfeb}.world-visual{position:relative}.world-copy .eyebrow{color:#517c94}.world-description{color:#46647b}.world-link{color:#81552d}.world-visual>p{color:#567c94;font-size:10px;letter-spacing:2px}.world-orbit-card{position:absolute;z-index:1;display:flex;align-items:center;gap:8px;padding:12px 15px;background:#ffffffed;border:1px solid #d1e5ef;box-shadow:0 8px 25px #264f7018;border-radius:13px;font-size:12px;color:#28526f;pointer-events:none}.world-orbit-card span{color:#386678;font-size:20px}.orbit-web{top:16%;left:0;rotate:-5deg}.orbit-mobile{top:47%;right:-4%;rotate:5deg}.orbit-cloud{bottom:19%;left:4%;rotate:-3deg}@media(max-width:760px){.world-orbit-card{font-size:10px;padding:8px 10px}.orbit-mobile{right:0}.orbit-web{left:0}.orbit-cloud{left:0}}
/* Calm blue process badges with falling, settling numerals. */
.steps li>span{background:linear-gradient(145deg,#dceef6,#b0cfdf);color:#173c56;border:1px solid #9dbfd2;box-shadow:inset 0 1px 1px #ffffffd9,0 3px 8px #254c7114}.steps li>span::after{background:#9dbfd2}.step-number{display:inline-block}.step-number.step-wait{opacity:0}.step-number.step-enter{animation:step-number-settle 1.6s ease-in-out both}@keyframes step-number-settle{0%{opacity:0;transform:translateY(-38px)}25%{opacity:1}60%{opacity:1;transform:translateY(42px)}100%{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.step-number.step-wait{opacity:1}.step-number.step-enter{animation:none}}

/* Working travel-app screen aligned with the existing phone illustration. */
.process-art{isolation:isolate}.process-preview-wait{opacity:0;translate:0 15px}.process-preview-show{animation:process-preview-in .8s ease 1s both}.process-phone-stage{position:absolute;inset:0;pointer-events:none;z-index:1;container-type:inline-size}.process-phone-ui{position:absolute;left:53%;top:9%;width:27%;height:85%;border-radius:12px 12px 6px 6px;transform:rotate(-4deg);padding:7% 2% 2%;overflow:hidden;background:linear-gradient(#58a2d5 0%,#8cc6e9 50%,#f1f9ff 50%);color:#fff;font-size:2cqw;line-height:1.3}.phone-demo-title{font-weight:800;font-size:2.7cqw;line-height:1.12}.phone-demo-search{background:white;color:#537087;border-radius:8px;padding:5%;margin:9% 0 6%;font-size:1.5cqw;white-space:nowrap}.phone-query{animation:phone-search 6s 1.8s infinite both}.phone-demo-landscape{height:27%;background:linear-gradient(155deg,#e5d49e 25%,#3694b9 26%,#9cdbed 62%,#d7eac5 63%);border-radius:6px;color:#ffe8a4;font-size:4cqw;padding:4%;position:relative}.phone-demo-landscape span{position:absolute;bottom:7%;left:5%;color:white;text-shadow:0 1px 3px #163c51;font-size:1.7cqw;font-weight:700}.phone-demo-tabs{font-size:1.5cqw;color:#254c68;margin:7% 0}.phone-demo-result{display:flex;flex-direction:column;padding:6%;background:white;border-radius:5px;color:#254c68;animation:phone-select 6s 1.8s infinite both}.phone-demo-result span{font-size:1.5cqw;margin-top:3%}.phone-demo-book{background:#338fb9;color:white;text-align:center;border-radius:5px;padding:5%;margin-top:5%;font-size:1.7cqw}.phone-demo-confirm{position:absolute;left:5%;right:5%;bottom:6%;background:#e3f5ee;color:#236e55;padding:9% 3%;border:1px solid #8fceb4;border-radius:6px;text-align:center;font-size:1.8cqw;font-weight:bold;animation:phone-confirm 6s 1.8s infinite both}.process-demo-paused,.process-demo-paused *,.process-demo-hidden *{animation-play-state:paused!important}@keyframes process-preview-in{to{opacity:1;translate:0 0}}@keyframes phone-search{0%,10%{opacity:0}25%,100%{opacity:1}}@keyframes phone-select{0%,35%,100%{box-shadow:0 0 0 0 transparent}45%,85%{box-shadow:0 0 0 2px #398ebc;transform:translateY(-2px)}}@keyframes phone-confirm{0%,60%,100%{opacity:0;transform:translateY(8px)}70%,90%{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.process-preview-wait{opacity:1;translate:none}.process-art,.process-art *{animation:none!important}.phone-demo-confirm{display:none}}


/* Unified calm palette with readable text on filled controls. */
:root{--orange:#548698}.button{color:#fff}.hero-copy>.button{color:#173b50}.eyebrow,.explore,.text-link,.milestone-grid h3,.team-section h2{color:#386678}.service-picker button.selected{color:#fff}.cta{color:#fff}.cta p{color:#f1f8fb}.steps li>span{color:#173c56}.milestone-icon{background:linear-gradient(140deg,#6b98a9,#46778b)}
/* Cinematic service journey: sticky navigation, illuminated spine and live visuals. */
.service-story{background:#101923;color:#e8f1f8;padding:70px 0 80px}.service-story>.inner{max-width:1180px}.service-story h2{font-size:clamp(30px,4vw,54px);line-height:1.12;letter-spacing:-1.3px;margin-bottom:45px}.service-story h2 span{color:#88bacf}.story-layout{width:86%;max-width:1180px;margin:auto;display:grid;grid-template-columns:230px 1fr;gap:60px;align-items:start}.story-nav{position:sticky;top:35px;border:1px solid #ffffff12;background:#192430;border-radius:18px;padding:20px 13px}.story-nav>p{font-size:10px;letter-spacing:2px;color:#99afc1;margin:0 8px 17px}.service-story .service-picker{display:flex;flex-direction:column;gap:7px;margin:0}.service-story .service-picker button{min-height:0;padding:12px 9px;border:1px solid transparent;border-radius:8px;color:#a9bac9;background:transparent;box-shadow:none;text-align:left;font-size:12px;gap:10px}.service-story .service-picker button svg{width:18px;height:18px;flex-shrink:0;color:#7d9eb4}.service-story .service-picker button.selected{color:#c3eaff;border-color:#50768d80;background:#31566b55}.service-story .service-grid{display:flex;flex-direction:column;gap:70px;width:100%;position:relative}.service-story .service-grid::before{content:'';position:absolute;top:0;bottom:0;left:44%;width:1px;background:linear-gradient(transparent,#47738b 8%,#47738b 92%,transparent)}.service-story .service-card{display:grid;grid-template-columns:44% 56%;align-items:center;gap:0;position:relative;min-height:320px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;transition:none}.service-story .service-card:nth-child(even) .story-visual{order:2}.service-story .service-card:nth-child(even){grid-template-columns:44% 56%}.service-story .service-card .service-emblem{display:none}.service-story .service-copy{background:linear-gradient(145deg,#24303c,#19232e);border:1px solid #ffffff12;border-radius:20px;padding:28px;margin-left:30px;opacity:.45;transform:translateY(22px);transition:opacity .8s,transform .8s,box-shadow .8s}.service-story .service-card:nth-child(even) .service-copy{margin:0 30px 0 0}.service-story .service-copy h3{font-size:23px;line-height:1.2;color:#eef6ff;margin:0 0 15px}.service-story .service-copy p{font-size:14px;line-height:1.75;min-height:0;color:#a9bac9}.service-story .explore{color:#94c8df;margin-top:15px;font-size:13px}.story-step{position:absolute;left:44%;top:50%;translate:-50% -50%;width:27px;height:27px;display:grid;place-items:center;background:#233e52;color:#b7e4f5;border:1px solid #6b9cb8;border-radius:50%;font-size:10px;box-shadow:0 0 18px #65b9e53b}.story-in-view .story-step{background:#649bb6;color:#fff;box-shadow:0 0 22px #65b9e580}.service-story .story-in-view .service-copy{opacity:1;transform:none;box-shadow:0 15px 40px #0002}.story-visual{display:grid;place-items:center;padding:30px;min-height:210px;opacity:.35;transition:opacity .8s;perspective:600px}.story-in-view .story-visual{opacity:1}.story-monitor{width:100%;max-width:210px;aspect-ratio:1.45;background:#101d29;border:3px solid #658da5;border-bottom-width:10px;border-radius:9px;padding:12px;box-shadow:0 12px 35px #0004;transform:rotateY(-12deg);position:relative}.story-monitor::after{content:'';position:absolute;bottom:-24px;left:33%;width:34%;height:13px;border-bottom:4px solid #658da5;background:linear-gradient(90deg,transparent 40%,#658da5 40% 60%,transparent 60%)}.mock-nav{height:6px;width:60%;background:#688fa5;border-radius:3px;margin-bottom:12px}.mock-banner{height:40%;background:linear-gradient(120deg,#315b71,#80b8ca);border-radius:4px;animation:story-ui 3s ease infinite}.mock-columns{display:flex;gap:7px;height:24%;margin-top:10px}.mock-columns i{flex:1;background:#324f65;border-radius:3px}.story-phone{width:95px;height:185px;border:3px solid #7195aa;border-radius:18px;background:#10202e;padding:23px 9px 10px;transform:rotate(-7deg);box-shadow:10px 14px 28px #0004}.story-phone>i{display:block;height:9px;margin-top:10px;background:#426b80;border-radius:4px;animation:story-ui 3s infinite}.story-chat{width:100%;max-width:220px}.story-bubble{padding:12px;background:#2e5067;color:#cae5f1;border-radius:12px 12px 12px 2px;font-size:11px;margin:10px 0;animation:story-ui 3s infinite}.story-bubble:nth-child(2){margin-left:18px;background:#426b80;animation-delay:.5s}.story-bubble:nth-child(3){animation-delay:1s}.story-chart svg{width:100%;height:80%;overflow:visible}.story-chart path{fill:none;stroke:#90d4db;stroke-width:3;stroke-dasharray:330;animation:story-chart-draw 3s linear infinite}.story-chart span{font-size:6px;letter-spacing:1px;color:#8ba7bc}.story-workflow{display:flex;flex-direction:column;align-items:center;gap:8px;color:#759cb4}.story-workflow i{font-style:normal;font-size:11px;letter-spacing:2px;padding:13px 20px;border:1px solid #50768b;border-radius:9px;background:#203746;animation:story-ui 3s infinite}.story-workflow i:nth-of-type(2){animation-delay:.5s}.story-workflow i:nth-of-type(3){animation-delay:1s}.story-bar-chart{height:85%;display:flex;align-items:end;gap:8px}.story-bar-chart i{height:var(--bar);flex:1;background:#73a8bc;border-radius:3px 3px 0 0;transform-origin:bottom;animation:story-bars 3s calc(var(--i)*.12s) infinite}.service-card:not(.story-in-view) .story-visual *{animation-play-state:paused}@keyframes story-ui{0%,100%{opacity:.55}50%{opacity:1}}@keyframes story-chart-draw{from{stroke-dashoffset:330}to{stroke-dashoffset:0}}@keyframes story-bars{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}@media(max-width:900px){.story-layout{grid-template-columns:180px 1fr;gap:25px}.story-visual{padding:18px}.service-story .service-copy{padding:20px;margin-left:20px}.service-story .service-copy h3{font-size:20px}}@media(max-width:580px){.service-story{padding:40px 0}.story-layout{display:block;width:89%}.story-nav{position:sticky;top:0;z-index:5;margin-bottom:30px;padding:9px;background:#192430f5;border-radius:12px}.story-nav>p{display:none}.service-story .service-picker{flex-direction:row;overflow-x:auto;gap:5px}.service-story .service-picker button{flex:0 0 auto;font-size:10px;padding:9px;max-width:130px}.service-story .service-picker button svg{width:15px;height:15px}.service-story .service-grid{gap:40px}.service-story .service-grid::before{left:15px}.service-story .service-card,.service-story .service-card:nth-child(even){display:flex;flex-direction:column;padding-left:35px;min-height:0}.service-story .service-card:nth-child(even) .story-visual{order:0}.service-story .service-copy,.service-story .service-card:nth-child(even) .service-copy{margin:0;width:100%;padding:24px}.story-step{left:15px;top:55%}.story-visual{width:100%;min-height:195px}.story-monitor{max-width:180px}.service-story h2{margin-bottom:25px}}@media(prefers-reduced-motion:reduce){.service-story .service-copy{opacity:1;transform:none;transition:none}.story-visual{opacity:1;transition:none}.story-visual *{animation:none!important}}
/* Match the reference's single pinned viewport and sequential scene changes. */
.service-story.story-pinned{height:540vh;padding:0;position:relative;overflow:visible}.story-pinned>.inner{display:none}.story-pinned .story-layout{position:sticky;top:0;height:100vh;min-height:480px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:5vw;align-items:center;padding:35px 0}.story-pinned .story-nav{position:relative;top:auto}.story-pinned .service-grid{display:block;height:70vh;max-height:620px;min-height:360px}.story-pinned .service-grid::before{left:46%;background:linear-gradient(transparent,#30556b 10%,#30556b 90%,transparent)}.story-pinned .service-grid::after{content:'';position:absolute;left:46%;top:15%;height:70%;width:5px;translate:-2px 0;background:radial-gradient(circle,#72b0cb 2px,transparent 3px) center top/5px 34px repeat-y;pointer-events:none}.story-pinned .service-card,.story-pinned .service-card:nth-child(even){position:absolute;inset:0;min-height:0;display:grid;grid-template-columns:46% 54%;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(50px);transition:opacity .55s ease,transform .75s cubic-bezier(.2,.7,.3,1),visibility .55s}.story-pinned .service-card.scene-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;z-index:2}.story-pinned .service-card .service-copy{opacity:1;transform:none;margin:0 0 0 32px;box-shadow:0 14px 45px #0003}.story-pinned .service-card:nth-child(even) .service-copy{margin:0 32px 0 0}.story-pinned .story-visual{opacity:1}.story-pinned .story-step{left:46%;background:#72acc6;box-shadow:0 0 24px #71c8ec88;color:white}.story-pinned .service-picker button.selected{background:transparent;border-color:transparent;color:#a9bac9}.story-pinned .service-picker button.scene-selected{background:#31566b77;border-color:#547f99;color:#d7f2ff}.story-scene-counter{position:absolute;bottom:28px;left:50%;font-size:12px;letter-spacing:4px;color:#8eb2c8}.story-pinned .scene-active .story-visual *{animation-play-state:running}.story-pinned .service-card:not(.scene-active) .story-visual *{animation-play-state:paused}@media(max-width:760px){.story-pinned .story-layout{grid-template-columns:165px minmax(0,1fr);gap:20px}.story-pinned .service-copy h3{font-size:20px}.story-pinned .service-copy{padding:20px}.story-pinned .story-visual{padding:15px}}@media(max-width:580px){.service-story.story-pinned{height:480vh}.story-pinned .story-layout{display:flex;flex-direction:column;justify-content:center;gap:12px;min-height:540px;padding:18px 0 40px}.story-pinned .story-nav{width:100%;margin:0;flex-shrink:0}.story-pinned .service-grid{width:100%;height:75vh;min-height:390px;max-height:650px}.story-pinned .service-card,.story-pinned .service-card:nth-child(even){display:flex;flex-direction:column;justify-content:center;padding:0 0 0 30px;gap:12px}.story-pinned .service-grid::before,.story-pinned .service-grid::after{left:12px}.story-pinned .story-step{left:12px;top:50%}.story-pinned .service-card .service-copy,.story-pinned .service-card:nth-child(even) .service-copy{margin:0;width:100%;padding:20px}.story-pinned .story-visual,.story-pinned .service-card:nth-child(even) .story-visual{order:0;min-height:155px;height:180px;padding:10px}.story-pinned .story-phone{height:155px;width:82px}.story-pinned .story-monitor{width:160px}.story-pinned .service-copy p{font-size:13px;line-height:1.55}.story-pinned .story-scene-counter{bottom:13px}.story-pinned .story-chat{max-width:210px}.story-pinned .story-bubble{padding:8px;margin:5px 0}.story-pinned .story-workflow{gap:3px}.story-pinned .story-workflow i{padding:8px 16px}}@media(prefers-reduced-motion:reduce){.story-pinned .service-card{transition:none}.story-pinned .scene-active .story-visual *{animation:none!important}}
/* Full cinematic direction from the supplied video. */
.cinema-site{background:#0b0b12;color:#e8edf4}.cinema-site .hero{height:100svh;min-height:600px;background:radial-gradient(ellipse at 50% 52%,#10243866,transparent 53%),#0b0b12;display:flex;align-items:center;justify-content:center;padding:90px 20px 60px}.cinema-site .hero .hero-art{display:none}.cinema-site .rail{display:none}.cinema-site .hero header{position:absolute;left:6%;right:6%;top:22px;width:auto;padding:0;display:flex;align-items:center;justify-content:space-between}.cinema-site .wordmark{color:#c5dae8;font-size:15px}.cinema-site .hero-copy{position:relative;left:auto;top:auto;width:100%;max-width:900px;padding:0;margin:0;text-align:center;z-index:2}.cinema-site .hero-copy .eyebrow{font-size:11px;letter-spacing:4px;color:#6caacc;margin-bottom:24px}.cinema-site .hero-copy h1{font-size:clamp(42px,6.4vw,88px);line-height:1.04;letter-spacing:-3px;color:#72b8df;text-shadow:none;margin:0 0 25px}.cinema-site .hero-copy h1 span{color:#449bce}.cinema-site .hero-copy>p:not(.eyebrow){font-size:17px;color:#a2a8b8;line-height:1.7;margin:0 auto 35px;max-width:610px}.cinema-site .hero .button{background:#377faa;color:#fff;border:1px solid #589bc0;border-radius:24px;box-shadow:none;padding:12px 22px;font-size:13px}.cinema-site .hero-explore{display:inline-block;margin-left:15px;padding:12px 20px;border:1px solid #2b4156;border-radius:24px;color:#80abc7;font-size:13px}.hero-orbit{position:absolute;left:50%;top:50%;translate:-50% -50%;width:280px;height:280px;opacity:.23;pointer-events:none}.hero-orbit i{position:absolute;inset:0;border:1px solid #65bdea;border-radius:40%;animation:hero-orbit-spin 18s linear infinite}.hero-orbit i:nth-child(2){inset:25px;animation-direction:reverse;rotate:40deg}.hero-orbit i:nth-child(3){inset:55px;rotate:80deg}.hero-orbit>span{display:grid;place-items:center;height:100%;font-size:170px;color:#42a0d7}.cinema-site .hero::after{content:'';position:absolute;left:50%;bottom:0;height:75px;width:5px;background:radial-gradient(circle,#49a3d4 2px,transparent 3px) center/5px 25px repeat-y}.cinema-site .service-story{background:#0b0b12}.cinema-site .story-nav{background:#19191f;border-color:#ffffff0c}.cinema-site .story-pinned .story-layout{max-width:1320px;grid-template-columns:215px minmax(0,1fr);gap:6vw}.cinema-site .story-pinned .service-card,.cinema-site .story-pinned .service-card:nth-child(even){grid-template-columns:52% 48%;transform:translateY(35px) scale(.97);transition:opacity .65s,transform .85s,visibility .65s}.cinema-site .story-pinned .service-card.scene-active{transform:none}.cinema-site .story-pinned .service-card:nth-child(even) .story-visual{order:0}.cinema-site .story-pinned .service-card .service-copy,.cinema-site .story-pinned .service-card:nth-child(even) .service-copy{margin:0 0 0 35px;background:#1c1c23;border-color:#ffffff08;max-width:310px;padding:30px;border-radius:18px}.cinema-site .story-pinned .service-grid::before,.cinema-site .story-pinned .service-grid::after{left:26%}.cinema-site .story-pinned .story-step{left:26%;top:12%;border:0;width:9px;height:9px;color:transparent;background:#399ace;box-shadow:0 0 16px #399ace}.cinema-site .story-visual{position:relative;z-index:2;background:radial-gradient(ellipse,#0b0b12 45%,transparent 68%)}.cinema-site .story-monitor{border-color:#3987b2;box-shadow:0 0 30px #2389c31a;transform:rotateY(-15deg) rotateX(5deg)}.cinema-site .story-copy{color:#eee}.cinema-site .service-copy h3{font-size:25px}.cinema-site .service-copy h3::before{content:'DESIGN · DEVELOP · DELIVER';display:block;color:#4b9bc6;font-size:9px;letter-spacing:2px;margin-bottom:12px}.cinema-site .blue-section,.cinema-site .work,.cinema-site .confidence,.cinema-site .team-section,.cinema-site .milestones{background:#111620;color:#e0e8f2}.cinema-site .process,.cinema-site .faq,.cinema-site .contact{background:#0b0b12;color:#e0e8f2}.cinema-site .team-member,.cinema-site .benefits article,.cinema-site .questions details{background:#1a222e;border-color:#304050;color:#d9e6f1}.cinema-site .team-member h3,.cinema-site .milestone-grid strong,.cinema-site .team-section h2 span{color:#c8deed}.cinema-site .team-member p,.cinema-site .steps p,.cinema-site .metrics-note,.cinema-site .contact>div>p{color:#a5b7c8}.cinema-site .questions details[open]{background:#202e3b}.cinema-site .eyebrow,.cinema-site .text-link,.cinema-site .milestone-grid h3{color:#82b6d3}.cinema-site .world-copy h2{color:#173b55}.cinema-site .cta{background:#223e51}.cinema-site .benefits h3{color:#c7ddeb}@keyframes hero-orbit-spin{to{transform:rotate(360deg)}}@media(max-width:760px){.cinema-site .story-pinned .story-layout{grid-template-columns:160px minmax(0,1fr);gap:20px}.cinema-site .hero-copy h1{letter-spacing:-1.5px}.cinema-site .story-pinned .service-card .service-copy{padding:20px;margin-left:15px}}@media(max-width:580px){.cinema-site .hero{min-height:620px}.cinema-site .hero header{left:5%;right:5%}.cinema-site .hero-copy h1{font-size:42px}.cinema-site .hero-copy>p:not(.eyebrow){font-size:14px}.cinema-site .hero-copy .eyebrow{font-size:9px;letter-spacing:2px}.cinema-site .hero-explore{margin:15px 0 0}.cinema-site .story-pinned .story-layout{display:flex}.cinema-site .story-pinned .service-card,.cinema-site .story-pinned .service-card:nth-child(even){display:flex}.cinema-site .story-pinned .service-card .service-copy,.cinema-site .story-pinned .service-card:nth-child(even) .service-copy{margin:0;max-width:none;padding:24px}.cinema-site .story-pinned .service-grid::before,.cinema-site .story-pinned .service-grid::after,.cinema-site .story-pinned .story-step{left:12px}.cinema-site .story-pinned .story-step{top:50%}.cinema-site .hero header .button{padding:9px 12px;font-size:11px}}@media(prefers-reduced-motion:reduce){.hero-orbit i{animation:none}.cinema-site .story-pinned .service-card{transition:none}}
/* Restore the earlier light blue and muted teal palette across the new layout. */
.cinema-site{background:#f5faff;color:#173b55}.cinema-site .hero{background:linear-gradient(105deg,#83adc8,#abcde0)}.cinema-site .wordmark{color:#173b55}.cinema-site .hero-copy h1,.cinema-site .hero-copy h1 span{color:#173b55}.cinema-site .hero-copy .eyebrow{color:#386678}.cinema-site .hero-copy>p:not(.eyebrow){color:#294e67}.cinema-site .hero .button{background:#d6e6ec;color:#173b50;border-color:#91afbf}.cinema-site .hero-explore{color:#234e68;border-color:#7196ad;background:#d6e6ec66}.hero-orbit{opacity:.12}.cinema-site .service-story{background:#e7f1f8;color:#173b55}.cinema-site .story-nav{background:#f6fbff;border-color:#c7dce9}.cinema-site .story-nav>p{color:#52778d}.cinema-site .story-pinned .service-card .service-copy,.cinema-site .story-pinned .service-card:nth-child(even) .service-copy{background:#f8fcff;border-color:#c7dce9;box-shadow:0 12px 30px #24485e12}.cinema-site .service-copy h3{color:#173b55}.cinema-site .service-copy p{color:#46647b}.cinema-site .service-copy h3::before{color:#527c94}.cinema-site .story-pinned .service-picker button,.cinema-site .story-pinned .service-picker button.selected{color:#46647b}.cinema-site .story-pinned .service-picker button.scene-selected{background:#c9e0ed;color:#173b55;border-color:#91b4ca}.cinema-site .story-visual{background:radial-gradient(ellipse,#e7f1f8 45%,transparent 68%)}.cinema-site .service-story .explore{color:#386678}.cinema-site .story-scene-counter{color:#52778d}.cinema-site .blue-section,.cinema-site .work,.cinema-site .confidence{background:linear-gradient(105deg,#83adc8,#abcde0);color:#173b55}.cinema-site .team-section,.cinema-site .milestones{background:#e7f1f8;color:#173b55}.cinema-site .process,.cinema-site .faq,.cinema-site .contact{background:#f5faff;color:#173b55}.cinema-site .team-member,.cinema-site .benefits article,.cinema-site .questions details{background:#f8fcff;border-color:#c9deed;color:#173b55}.cinema-site .team-member h3,.cinema-site .milestone-grid strong,.cinema-site .team-section h2 span,.cinema-site .benefits h3{color:#173b55}.cinema-site .team-member p,.cinema-site .steps p,.cinema-site .metrics-note,.cinema-site .contact>div>p{color:#526d86}.cinema-site .questions details[open]{background:#edf6fc}.cinema-site .eyebrow,.cinema-site .text-link,.cinema-site .milestone-grid h3{color:#386678}.cinema-site .cta{background:#548698;color:#fff}.cinema-site .cta p{color:#f1f8fb}
/* Connected 3D service constellation. */
.service-constellation{background:radial-gradient(ellipse at 65% 48%,#e2eef8 0%,#f7fafc 52%,#fbfaf6 100%);padding:65px 0;color:#112d4d;overflow:hidden}.constellation-layout{width:92%;max-width:1500px;margin:auto;display:grid;grid-template-columns:30% 70%;align-items:center;min-height:720px}.constellation-copy{position:relative;z-index:3;padding:15px 0}.constellation-copy .eyebrow{font-size:11px;letter-spacing:4px;color:#477f9e;margin-bottom:24px}.constellation-copy h2{font-family:Georgia,serif;font-size:clamp(36px,4vw,62px);font-weight:500;line-height:1.05;letter-spacing:-2px}.constellation-intro{font-size:18px;line-height:1.6;color:#52667b;margin:25px 0 30px;max-width:350px}.constellation-controls{display:flex;gap:10px;align-items:center;padding-top:22px;border-top:1px solid #cddde5;width:210px}.constellation-count{margin-right:auto;font-size:13px;color:#46647b}.constellation-controls button{width:38px;height:38px;border:0;border-radius:50%;background:#e8edf1;color:#183a57;font-size:26px;cursor:pointer}.constellation-controls button:hover{background:#cee3ef}.constellation-details{min-height:145px;margin:24px 0 14px}.constellation-details h3{font-family:Georgia,serif;font-size:29px;line-height:1.15;margin-bottom:12px}.constellation-details p{font-size:16px;line-height:1.65;color:#52667b;max-width:350px}.constellation-explore{background:#397f9e;color:white;border-radius:10px;font-size:14px}.constellation-models{position:relative;height:720px;min-width:0}.constellation-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.constellation-links path{stroke:#8ac3e7;stroke-width:2;fill:none;filter:drop-shadow(0 0 4px #b2dfff)}.constellation-links circle{fill:#4e9fcd;stroke:#e9f9ff;stroke-width:3}.constellation-model{position:absolute;width:27%;height:auto;aspect-ratio:1;translate:-50% -50%;padding:0;border:0;background:transparent;cursor:pointer;color:#17344e;transition:left .8s cubic-bezier(.2,.7,.2,1),top .8s cubic-bezier(.2,.7,.2,1),width .8s,filter .4s;z-index:2}.model-art{display:block;width:100%;aspect-ratio:1;background-image:url('assets/service-models.png');background-size:300% 200%;background-repeat:no-repeat;filter:drop-shadow(0 12px 12px #35587518);transition:filter .5s,transform .5s}.model-art-0{background-position:0 0}.model-art-1{background-position:50% 0}.model-art-2{background-position:100% 0}.model-art-3{background-position:0 100%}.model-art-4{background-position:50% 100%}.model-art-5{background-position:100% 100%}.model-label{display:block;font-size:14px;font-weight:bold;line-height:1.2}.model-label::after{content:'';display:block;width:22px;height:2px;background:#679fbd;margin:9px auto 0}.constellation-model[data-position="center"]{left:50%;top:51%;width:41%;z-index:3}.constellation-model[data-position="center"] .model-art{filter:drop-shadow(0 12px 20px #45a1d05c);transform:translateY(-6px)}.constellation-model[data-position="0"]{left:18%;top:22%}.constellation-model[data-position="1"]{left:50%;top:12%}.constellation-model[data-position="2"]{left:83%;top:24%}.constellation-model[data-position="3"]{left:81%;top:79%}.constellation-model[data-position="4"]{left:20%;top:81%}.constellation-model:hover .model-art{filter:drop-shadow(0 9px 15px #45a1d06b)}.details-reveal{animation:constellation-text .5s ease both}@keyframes constellation-text{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1000px){.constellation-layout{grid-template-columns:35% 65%;min-height:570px}.constellation-models{height:570px}.constellation-copy h2{font-size:39px}.model-label{font-size:11px}}@media(max-width:600px){.service-constellation{padding:35px 0}.constellation-layout{display:flex;flex-direction:column}.constellation-copy{display:contents}.constellation-copy>.eyebrow{align-self:flex-start;margin:0 0 15px}.constellation-copy h2{align-self:flex-start;font-size:38px;letter-spacing:-1px}.constellation-copy h2 br{display:none}.constellation-intro{align-self:flex-start;font-size:15px;margin:15px 0}.constellation-models{order:1;width:100%;height:400px;margin:10px 0 25px}.constellation-controls{order:2;align-self:flex-start}.constellation-details{order:3;align-self:flex-start;min-height:120px;margin-top:20px}.constellation-details h3{font-size:27px}.constellation-details p{font-size:15px}.constellation-explore{order:4;align-self:flex-start}.model-label{font-size:10px}.constellation-model{width:29%}.constellation-model[data-position="center"]{width:43%}}@media(prefers-reduced-motion:reduce){.constellation-model,.model-art{transition:none}.details-reveal{animation:none}}
.constellation-model{mix-blend-mode:multiply}.model-art{border-radius:18px}
/* Hold the connected scene in view while scroll advances through the six services. */
.service-constellation.constellation-scroll{height:460vh;padding:0;overflow:visible;position:relative}.constellation-scroll .constellation-layout{position:sticky;top:0;height:100vh;min-height:0;padding:25px 0}.constellation-scroll .constellation-models{height:min(85vh,720px)}.constellation-scroll .constellation-copy h2{font-size:clamp(32px,3.5vw,56px)}.constellation-scroll .constellation-intro{margin:18px 0;font-size:16px}.constellation-scroll .constellation-details{min-height:130px;margin:18px 0 10px}.constellation-scroll-hint{font-size:10px;letter-spacing:2px;color:#648398;margin-top:18px}.constellation-scroll .constellation-layout::after{content:'';position:absolute;bottom:10px;left:0;width:var(--journey-progress,0%);height:2px;background:#689ab6;transition:width .15s linear;max-width:100%}.constellation-model[data-position="center"] .model-art{animation:constellation-hover 3.5s ease-in-out infinite}.constellation-links path{stroke-dasharray:9 5;animation:constellation-flow 5s linear infinite}@keyframes constellation-flow{to{stroke-dashoffset:-70}}@keyframes constellation-hover{0%,100%{transform:translateY(-5px)}50%{transform:translateY(-14px)}}@media(max-width:600px){.constellation-scroll .constellation-layout{height:100svh;justify-content:center;padding:12px 0;gap:0}.constellation-scroll .constellation-copy>.eyebrow{font-size:9px;margin-bottom:6px}.constellation-scroll .constellation-copy h2{font-size:27px;line-height:1.05}.constellation-scroll .constellation-intro{font-size:12px;line-height:1.4;margin:7px 0}.constellation-scroll .constellation-models{height:39svh;min-height:210px;margin:0 0 12px;flex-shrink:0}.constellation-scroll .constellation-controls{padding-top:8px}.constellation-scroll .constellation-details{min-height:85px;margin:10px 0 4px}.constellation-scroll .constellation-details h3{font-size:22px;margin-bottom:6px}.constellation-scroll .constellation-details p{font-size:12px;line-height:1.5}.constellation-scroll .constellation-explore{font-size:12px;padding:10px 15px}.constellation-scroll-hint{order:5;margin:10px 0 0;font-size:8px}.constellation-scroll .model-label{font-size:9px}}@media(prefers-reduced-motion:reduce){.constellation-model[data-position="center"] .model-art,.constellation-links path{animation:none}}
/* Reference palette: warm ivory, deep navy and luminous blue. */
.service-constellation{background:radial-gradient(ellipse at 65% 52%,#eef4fc 0%,#faf7f2 60%,#fffcf7 100%);color:#07163a}.constellation-copy h2,.constellation-details h3,.model-label{color:#07163a}.constellation-copy .eyebrow{color:#1675ff}.constellation-intro,.constellation-details p{color:#445477}.constellation-explore{background:#1675ff;border:1px solid #1675ff;color:#fff;box-shadow:0 7px 18px #1675ff20}.constellation-links path{stroke:#70b7ff;filter:drop-shadow(0 0 4px #66baff)}.constellation-links circle{fill:#298eff;stroke:#e9f6ff}.model-label::after{background:#1675ff}.constellation-controls button{background:#f0efee;color:#07163a}.constellation-controls button:hover{background:#dbeaff}.constellation-model{mix-blend-mode:multiply;transition:left 1s cubic-bezier(.16,.75,.25,1),top 1s cubic-bezier(.16,.75,.25,1),width 1s,filter .4s;perspective:900px}.constellation-model[data-position="center"]{width:44%;z-index:5}.constellation-model[data-position="center"] .model-art{animation:none;transform:translateY(-12px) scale(1.04);filter:drop-shadow(0 16px 20px #1675ff40)}.model-working{position:absolute;display:none;z-index:3;padding:4%;border-radius:5px;background:#eff7ff;color:#17456c;overflow:hidden;text-align:left;font-size:9px;line-height:1.3;pointer-events:none;box-shadow:0 0 8px #53a3ed44}.constellation-model[data-position="center"] .model-working{display:block;animation:model-demo-in .5s .8s both}.model-working b{display:block;font-size:8px;letter-spacing:.3px;margin-bottom:5%}.model-working small{font-size:7px;display:block}.model-working-0{left:20%;top:24%;width:48%;height:24%;transform:rotate(5deg) skewY(-6deg)}.model-working-1{left:26%;top:16%;width:21%;height:40%;transform:rotate(-2deg)}.model-working-2{left:69%;top:12%;width:30%;height:28%;border-radius:12px}.model-working-3{left:31%;top:25%;width:56%;height:25%;background:#10243a;color:#b5e8ff;transform:skewY(-6deg)}.model-working-4{left:25%;top:24%;width:50%;height:35%;background:#e5f2ffed}.model-working-5{left:38%;top:44%;width:48%;height:25%;transform:skewY(-3deg)}.mini-web-banner,.live-app-tile{background:linear-gradient(120deg,#2187ff,#89ccff);color:white;padding:9% 5%;border-radius:3px;font-size:8px}.live-web-rows{display:flex;gap:5%;margin:7% 0}.live-web-rows i{width:30%;height:13px;background:#9ac9ed;animation:demo-ui-pulse 3s infinite}.live-web-rows i:nth-child(2){animation-delay:.5s}.live-web-rows i:nth-child(3){animation-delay:1s}.live-success{color:#176e61;animation:demo-success 4s infinite}.model-working-3 .live-success{color:#79dfc0}.live-message{display:block;background:#cee6ff;margin:5% 0;padding:5%;border-radius:4px;font-size:7px;animation:demo-message 4s infinite both}.live-message:nth-of-type(2){animation-delay:.6s;background:#a9d5ff}.live-message:nth-of-type(3){animation-delay:1.2s}.model-working svg{display:block;width:100%;height:65%;overflow:visible}.model-working svg path{fill:none;stroke:#55d9d5;stroke-width:2;stroke-dasharray:230;animation:demo-chart-run 4s linear infinite}.live-analytics{display:flex;height:60%;align-items:end;gap:7%;min-height:23px}.live-analytics i{flex:1;height:var(--h);background:#2385fa;transform-origin:bottom;animation:demo-bar-run 3s calc(var(--n)*.15s) infinite}@keyframes model-demo-in{from{opacity:0}to{opacity:1}}@keyframes demo-ui-pulse{0%,100%{opacity:.4}50%{opacity:1}}@keyframes demo-message{0%,15%{opacity:0;translate:0 4px}30%,85%{opacity:1;translate:0 0}100%{opacity:0}}@keyframes demo-success{0%,45%,100%{opacity:0}60%,90%{opacity:1}}@keyframes demo-chart-run{from{stroke-dashoffset:230}to{stroke-dashoffset:0}}@keyframes demo-bar-run{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}@media(max-width:600px){.model-working{padding:3%;font-size:5px}.model-working b,.model-working small,.live-message,.mini-web-banner,.live-app-tile{font-size:4.5px}.live-web-rows i{height:7px}.live-analytics{min-height:12px}.constellation-model[data-position="center"]{width:46%}}@media(prefers-reduced-motion:reduce){.model-working,.model-working *{animation:none!important}.constellation-model{transition:none}}
/* Right-to-left letter reveal, keeping each service name in normal reading order. */
.work-name-animated span{display:inline-block;opacity:0}.work-name-visible span{animation:work-name-letter .3s ease-out var(--name-delay) both}@keyframes work-name-letter{from{opacity:0;transform:translateX(5px)}to{opacity:1;transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.work-name-animated span{opacity:1}.work-name-visible span{animation:none}}
.app-demo-tiles{display:flex;gap:5%;margin:10% 0}.app-demo-tiles>span{flex:1;padding:8% 4%;border-radius:5px;background:#daedff;color:#28577a;font-size:inherit}.app-demo-tiles strong{display:block;color:#1675c4;margin-top:6%}.portfolio-screen .app-dashboard-demo{font-size:7px}.portfolio-screen .app-demo-tiles{margin:5% 0}.portfolio-screen .app-demo-tiles>span{padding:4%}.app-dashboard-demo .task-progress{margin:7% 0}@media(max-width:580px){.portfolio-screen .app-dashboard-demo{font-size:5px}}
/* Clearer service colours: cool white, navy typography and crisp blue accents. */
.service-constellation{background:radial-gradient(ellipse at 65% 45%,#e5f1ff 0%,#f7fbff 55%,#fff 100%);color:#102c4c}.constellation-model{mix-blend-mode:normal}.model-art{mix-blend-mode:multiply;filter:drop-shadow(0 9px 12px #255b8626)}.constellation-model[data-position="center"] .model-art{filter:drop-shadow(0 14px 20px #1479d64d)}.constellation-copy h2,.constellation-details h3,.model-label{color:#102c4c}.constellation-intro,.constellation-details p{color:#344d69}.constellation-count,.constellation-scroll-hint{color:#345674}.constellation-copy .eyebrow{color:#0966cf}.constellation-explore{background:#126bd8;border-color:#126bd8;color:#fff}.constellation-controls button{background:#dceafa;color:#123b62}.constellation-controls button:hover{background:#bddbfa}.constellation-links path{stroke:#4e9fea;filter:drop-shadow(0 0 3px #7abbff)}.constellation-links circle{fill:#1476dc;stroke:#fff}.model-label::after{background:#1476dc}.model-working{background:#f5faff;color:#102c4c;border:1px solid #8bbbe3;box-shadow:0 2px 9px #0c417338}.model-working b{color:#123b62}.model-working-3{background:#0e263f;color:#e0f4ff}.model-working-3 b{color:#e0f4ff}.model-working-4{background:#eaf4ff}.live-message{background:#c8e2ff;color:#123452}.live-message:nth-of-type(2){background:#91c4fa;color:#102c4c}.live-success{color:#176348}.mini-web-banner,.live-app-tile{background:linear-gradient(120deg,#126bd8,#479af0);color:#fff}.cinema-site .work{background:linear-gradient(120deg,#b7d6e9,#d4e8f5);color:#123452}.work-item h3{color:#123452}.portfolio-screen{color:#123452;background:#f5faff}.portfolio-screen.trading{background:#0e263f;color:#e0f4ff}
/* Keep the selected model and its live screen clear of neighbouring labels. */
.constellation-model[data-position="center"]{width:37%}.constellation-model[data-position="center"] .model-art{transform:translateY(-5px);filter:drop-shadow(0 9px 14px #1479d638)}.model-working-3{left:29%;top:24%;width:57%;height:24%;background:#123752;border:1px solid #56acd9;color:#eaf8ff;padding:3%;box-shadow:none;transform:skewY(-6deg)}.model-working-3 b{color:#fff;font-size:7px}.model-working-3 svg{height:64%}.model-working-3 svg path{stroke:#68e2db;stroke-width:3}.model-working-3 small{font-size:6px;color:#a9f0d8}.constellation-model[data-position="center"] .model-label{background:#f3f9ffed;border:1px solid #d4e6f6;border-radius:8px;padding:7px 4px;position:relative;z-index:4}.constellation-model[data-position="center"] .model-label::after{margin-top:5px}.model-working{animation:model-demo-in .5s .8s both}.constellation-models{isolation:isolate}@media(max-width:600px){.constellation-scroll .constellation-models{height:43svh;min-height:290px;max-height:410px;margin:5px 0 12px}.constellation-model{width:25%}.constellation-model[data-position="center"]{width:35%;left:50%;top:51%}.constellation-model[data-position="0"]{left:15%;top:19%}.constellation-model[data-position="1"]{left:50%;top:10%}.constellation-model[data-position="2"]{left:85%;top:19%}.constellation-model[data-position="3"]{left:84%;top:81%}.constellation-model[data-position="4"]{left:16%;top:81%}.constellation-scroll .model-label{font-size:9px;line-height:1.25}.model-working-3 b{font-size:4.5px}.model-working-3 small{font-size:4px}.model-working-3{border-width:.5px}.constellation-scroll .constellation-intro{display:none}.constellation-scroll .constellation-copy h2{font-size:25px}.constellation-scroll .constellation-details{min-height:75px}.constellation-scroll .constellation-details h3{font-size:21px}.model-art{border-radius:9px}}@media(max-width:600px) and (max-height:690px){.constellation-scroll .constellation-copy h2{font-size:21px}.constellation-scroll .constellation-models{min-height:240px;height:39svh}.constellation-scroll .constellation-details p{font-size:11px}.constellation-scroll .constellation-scroll-hint{display:none}}
/* Quiet slate palette with an automatic, non-pinned service carousel. */
.service-constellation.constellation-auto{height:auto;padding:50px 0;background:radial-gradient(ellipse at 65% 45%,#e5ebf0,#f4f6f7 65%,#fafbfc);color:#263b50}.constellation-auto .constellation-layout{position:relative;height:auto;min-height:650px}.constellation-copy h2,.constellation-details h3,.model-label{color:#263b50}.constellation-copy .eyebrow{color:#58778e}.constellation-intro,.constellation-details p{color:#536577}.constellation-explore{background:#496b85;border-color:#496b85;color:#fff;box-shadow:0 5px 15px #263b5018}.constellation-explore:hover{background:#395a73}.constellation-controls{width:245px}.constellation-controls button{background:#e0e7ed;color:#304e66}.constellation-controls button:hover{background:#c8d8e4}.constellation-links path{stroke:#93afc4;filter:none}.constellation-links circle{fill:#648ba9;stroke:#f6fafc}.model-label::after{background:#648ba9}.constellation-model[data-position="center"] .model-label{background:#edf2f6;border-color:#cedce6}.constellation-model .model-art{filter:saturate(.65) drop-shadow(0 8px 12px #304c6620)}.constellation-model[data-position="center"] .model-art{filter:saturate(.8) drop-shadow(0 12px 16px #466c8c35)}.model-working{background:#edf3f8;border-color:#98b1c6;color:#2d465c}.model-working-3{background:#294659;color:#f1f7fb;border-color:#8caabc}.mini-web-banner,.live-app-tile{background:linear-gradient(120deg,#567e9b,#91b0c5)}.live-analytics i{background:#5f8aa8}.live-message{background:#d4e2ed;color:#30495f}.live-message:nth-of-type(2){background:#b7cede;color:#263b50}.constellation-paused .model-working *,.constellation-paused .constellation-links path{animation-play-state:paused!important}@media(max-width:600px){.service-constellation.constellation-auto{padding:30px 0}.constellation-auto .constellation-layout{min-height:0}.constellation-auto .constellation-models{height:350px;min-height:290px;margin:15px 0 25px}.constellation-auto .constellation-scroll-hint{order:5;font-size:9px;margin-top:15px}.constellation-auto .constellation-copy h2{font-size:34px}.constellation-auto .constellation-details{min-height:110px}}

.world-platforms{position:absolute;top:0;left:50%;translate:-50% 0;width:100%;max-width:480px;aspect-ratio:1;pointer-events:none}
.platform-marker{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%) scale(var(--depth,1));width:112px}
.platform-pin{display:grid;place-items:center;width:40px;height:40px;border-radius:50% 50% 50% 5px;transform:rotate(-45deg);background:white;border:2px solid var(--brand);box-shadow:0 5px 14px #183e542a;color:var(--brand)}
.platform-pin b{display:grid;place-items:center;transform:rotate(45deg);font:bold 23px Arial,sans-serif;letter-spacing:-2px;width:30px;height:30px}.platform-pin svg{width:30px;height:30px}
.platform-name{margin-top:12px;padding:5px 9px;border:1px solid #d4e3ec;border-radius:8px;background:#ffffffed;color:#234359;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px #28465512;opacity:0;transform:translateY(7px);transition:opacity .7s 1.5s,transform .7s 1.5s}
.world-visible .platform-name{opacity:1;transform:translateY(0)}
@media(max-width:760px){.world-platforms{max-width:360px}.platform-pin{width:32px;height:32px}.platform-pin b{font-size:20px}.platform-pin svg{width:25px;height:25px}.platform-name{font-size:9px;padding:4px 6px}.platform-marker{width:92px}}
@media(prefers-reduced-motion:reduce){.platform-name{transition:none;opacity:1;transform:none}}

/* Glass globe and orbiting platform cards. */
.web-world{background:radial-gradient(ellipse at 25% 48%,#d4f3ff 0,#edf8ff 48%,#f7fbff 100%)}
.world-visual{isolation:isolate}.world-visual::after{content:'';position:absolute;left:20%;right:20%;top:88%;height:5%;border-radius:50%;background:#42bfe841;filter:blur(12px);z-index:-1}
.platform-marker{width:clamp(108px,15vw,168px);flex-direction:row;gap:10px;padding:13px 12px;border:2px solid #fff;border-radius:19px;background:linear-gradient(125deg,#ffffffed,#eefaffdf);box-shadow:inset 0 0 0 3px #ffffff60,0 8px 25px #369dc32b;backdrop-filter:blur(9px);transform:translate(-50%,-50%) scale(var(--depth,1)) rotate(var(--tilt,0deg))}
.platform-pin{flex-shrink:0;width:42px;height:42px;border-radius:50%;transform:none;background:radial-gradient(circle at 30% 20%,#ffffff66,var(--brand) 65%);border:2px solid #ffffffc9;color:white;box-shadow:0 0 0 3px #bee6f36b,0 4px 9px #2a84af35}
.platform-pin b{transform:none;font-size:27px;letter-spacing:-2px}.platform-name{margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#102344;font-size:13px;white-space:normal;text-align:left;line-height:1.2;overflow-wrap:anywhere}
.platform-name small{display:block;color:#1877c7;font-size:10px;font-weight:400;margin-top:7px;white-space:nowrap}
@media(max-width:760px){.platform-marker{width:119px;gap:7px;padding:10px 8px;border-radius:14px}.platform-pin{width:30px;height:30px}.platform-pin b{font-size:21px}.platform-name{font-size:10px}.platform-name small{font-size:8px;margin-top:5px}}

/* Reference artwork with independent floating platform cards. */
.world-visual{container-type:inline-size}
.world-visual canvas.reference-globe{max-width:none;background:url('/assets/globe-glass.png') center/contain no-repeat;filter:none}
.world-platforms{max-width:none}
.world-visual::after{display:none}
.platform-marker{box-sizing:border-box;width:27%;min-height:12%;gap:5%;padding:2.1% 2%;border:2px solid #ffffff;border-radius:2.5cqw;background:linear-gradient(120deg,#ffffffed,#f1fbffeb);box-shadow:inset 0 0 0 3px #ffffff80,0 6px 20px #65bbdf30;backdrop-filter:blur(6px)}
.platform-pin{width:6.3cqw;height:6.3cqw;min-width:6.3cqw;border:2px solid #d5faff;box-shadow:0 0 0 3px #dafaff88,0 4px 8px #46a9d445}
.platform-pin b{font-size:4.7cqw;width:100%;height:100%;letter-spacing:-.3cqw}.platform-pin svg{width:5.2cqw;height:5.2cqw}
.platform-name{font-size:2.1cqw;letter-spacing:-.04em;overflow-wrap:normal;white-space:nowrap}
.platform-name small{font-size:1.55cqw;letter-spacing:0;margin-top:1.1cqw;color:#0778ed}
.web-world-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:35px}
@media(max-width:760px){.web-world-layout{grid-template-columns:1fr}.world-visual canvas.reference-globe{max-width:none}.world-platforms{max-width:none}.platform-marker{border-width:1px}.platform-pin{border-width:1px}}

/* Transform-only continuous orbits avoid per-frame layout and blur repaint. */
.world-platforms .platform-marker{left:0;top:0;will-change:transform;backdrop-filter:none;transition:none;background:linear-gradient(120deg,#fffffff7,#eefafff5)}
.service-guide{padding:70px 0;background:#f7fafc;color:#173b55;scroll-margin-top:24px}.service-guide>.inner{max-width:1200px}.service-guide h2{font-size:clamp(27px,3vw,40px);margin:10px 0 30px;letter-spacing:-1px}.guide-tabs{display:grid;grid-template-columns:repeat(6,1fr);padding:16px 10px;background:white;border:1px solid #dce7ed;border-radius:26px;box-shadow:0 6px 20px #2749600b;margin-bottom:44px;gap:0}.guide-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:13px 10px;border:0;border-right:1px solid #e1e9ee;background:transparent;color:#496274;font:inherit;font-size:13px;line-height:1.4;cursor:pointer;border-radius:12px}.guide-tabs button:last-child{border-right:0}.guide-tabs svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.5}.guide-tabs button[aria-selected=true]{background:#e8f3f7;color:#116a7a;box-shadow:inset 0 -3px #278699}.guide-tabs button:focus-visible,.guide-enquire:focus-visible{outline:3px solid #278699;outline-offset:3px}.guide-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}.service-guide h3{font-size:clamp(25px,3vw,36px);color:#176a7c;margin:8px 0 14px;line-height:1.15}.service-guide p{line-height:1.8;font-size:15px;color:#526c7e;margin:0 0 17px}.service-guide .eyebrow{font-size:11px;letter-spacing:2px;color:#487b8f}.service-guide .guide-lead{font-size:21px;line-height:1.5;color:#183d54;margin-bottom:22px}.service-guide .button{background:#286d80;color:white;display:inline-flex;gap:18px;margin-top:9px;border-radius:9px;padding:14px 20px;font-size:14px}.guide-figure{margin:0;background:radial-gradient(ellipse at 50% 40%,#e0f2fc,#fff 70%);border:1px solid #e0eaf1;border-radius:26px;padding:16px;overflow:hidden}.guide-art{width:100%;aspect-ratio:1;background-image:url('/assets/service-models.png');background-size:300% 200%;background-repeat:no-repeat;mix-blend-mode:multiply}.guide-figure figcaption{padding:8px 14px 18px;font-size:10px;letter-spacing:2px;color:#668393}.guide-figure figcaption span{display:block;font-size:15px;letter-spacing:0;color:#254b63;margin-top:8px}.guide-columns,.guide-handoff{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:36px}.guide-columns article{padding:27px;background:white;border:1px solid #dce7ee;border-radius:18px}.service-guide h4{font-size:19px;margin:0 0 17px;color:#234a60}.guide-columns ul,.guide-columns ol{padding-left:22px;margin:0}.guide-columns li{padding-left:5px;margin-bottom:12px;color:#526c7e;font-size:14px;line-height:1.65}.guide-columns li::marker{color:#237d8d;font-weight:700}.guide-handoff{padding:28px 6px;border-bottom:1px solid #dce7ee}.service-guide .guide-scope{font-size:12px;margin:20px 0 0;color:#6a8190}
@media(max-width:760px){.service-guide{padding:40px 0}.guide-tabs{grid-template-columns:repeat(3,1fr);padding:8px;border-radius:18px;gap:5px;margin-bottom:30px}.guide-tabs button{border:0;font-size:11px;padding:11px 5px;gap:8px}.guide-tabs svg{width:27px;height:27px}.guide-intro{grid-template-columns:1fr;gap:25px}.guide-figure{max-width:420px;width:100%;box-sizing:border-box;justify-self:center}.guide-columns,.guide-handoff{grid-template-columns:1fr;gap:18px;margin-top:24px}.guide-columns article{padding:22px}.service-guide .guide-lead{font-size:19px}}


/* Soft botanical hero; one-second delayed entrance for heading. */
.cinema-site .hero{background:linear-gradient(110deg,#eef6ef9c,#eaf4f298),url('/assets/hero-greenery.png') center/cover no-repeat}
.cinema-site .hero-copy h1{animation:hero-heading-side 1.2s cubic-bezier(.22,1,.36,1) 1s both;color:#173b55}
.cinema-site .hero-copy h1 span{color:#245269}
.cinema-site .hero-orbit{opacity:.08}
@keyframes hero-heading-side{from{opacity:0;transform:translateX(-65px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.cinema-site .hero-copy h1{animation:none}}

.cinema-site .hero{background:linear-gradient(180deg,#071e3028,#071e305c 55%,#071e306b),url('/assets/hero-valley.png') center center/cover no-repeat}
.cinema-site .hero-copy h1,.cinema-site .hero-copy h1 span{color:#fff;text-shadow:0 2px 18px #08283b80}
.cinema-site .hero-copy .eyebrow,.cinema-site .hero-copy>p:not(.eyebrow),.cinema-site .wordmark{color:#fff;text-shadow:0 1px 6px #08283bc0}
.cinema-site .hero-explore{background:#f2f8f0e8;color:#173b55;border-color:#ffffff99}
.cinema-site .hero-orbit{display:none}

.cinema-site .hero-copy h1{animation:none}
.cinema-site .hero-copy h1>span{display:block}
.cinema-site .hero-copy h1>.hero-heading-left{animation:heading-from-left 2.2s cubic-bezier(.22,1,.36,1) 1s both}
.cinema-site .hero-copy h1>.hero-heading-right{animation:heading-from-right 2.2s cubic-bezier(.22,1,.36,1) 1s both}
@keyframes heading-from-left{from{opacity:0;transform:translateX(-90px)}to{opacity:1;transform:translateX(0)}}
@keyframes heading-from-right{from{opacity:0;transform:translateX(90px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.cinema-site .hero-copy h1>.hero-heading-left,.cinema-site .hero-copy h1>.hero-heading-right{animation:none}}

.cinema-site .hero-copy .hero-service-line{font-weight:600}
.hero-service-line>span{display:block}
.hero-service-line .service-line-down{animation:service-line-down 2.8s 3.3s both}
.hero-service-line .service-line-up{animation:service-line-up 2.8s 3.3s both}
@keyframes service-line-down{
0%{opacity:0;transform:translateY(-55px);animation-timing-function:cubic-bezier(.4,0,.65,1)}
55%{opacity:1;transform:translateY(22px);animation-timing-function:cubic-bezier(.16,1,.3,1)}
100%{opacity:1;transform:translateY(0)}
}
@keyframes service-line-up{
0%{opacity:0;transform:translateY(55px);animation-timing-function:cubic-bezier(.4,0,.65,1)}
55%{opacity:1;transform:translateY(-22px);animation-timing-function:cubic-bezier(.16,1,.3,1)}
100%{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){.hero-service-line .service-line-down,.hero-service-line .service-line-up{animation:none}}

.service-constellation.constellation-auto{background:linear-gradient(90deg,#f5fbfff0 0%,#f1f8ffe0 28%,#eef8ff55 65%,#eef8ff38 100%),url('/assets/services-lake.png') center/cover no-repeat}
.constellation-auto .constellation-copy{position:relative}
.constellation-auto .model-label{background:#f7fbfff0;border-radius:7px;padding:4px 8px;box-shadow:0 2px 8px #163d5020}
@media(max-width:600px){.service-constellation.constellation-auto{background:linear-gradient(180deg,#f4faffee 0%,#f4faffd9 28%,#f0f8ff55 53%,#f3f9ffed 100%),url('/assets/services-lake.png') 65% center/cover no-repeat}}

/* One continuous scenic backdrop shared by the complete frontend. */
body.cinema-site{background:#dcebf0;isolation:isolate}
body.cinema-site::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('/assets/services-lake.png') center center/cover no-repeat}
.cinema-site .hero{background:linear-gradient(180deg,#0b263b20,#0b263b70)}
.cinema-site main{background:transparent}
.cinema-site main>section,.cinema-site .service-constellation.constellation-auto{background:rgba(244,250,252,.86);border-color:#ffffff70}
.cinema-site .service-constellation.constellation-auto{background:linear-gradient(90deg,#f2f9fcea,#f2f9fcb8)}
.cinema-site .work,.cinema-site .milestones{background:#e8f4fbd1}
.cinema-site .cta{background:#173e55db;color:#fff}
.cinema-site .faq,.cinema-site .contact{box-sizing:border-box;padding-left:24px;padding-right:24px;border-radius:22px}
.cinema-site .site-footer{background:#102b40ed}
.cinema-site .team-member,.cinema-site .benefits article,.cinema-site .questions details,.guide-columns article{background:#fffffff0}
@media(max-width:600px){body.cinema-site::before{background-position:60% center}.cinema-site .faq,.cinema-site .contact{padding-left:18px;padding-right:18px}.cinema-site .service-constellation.constellation-auto{background:#f2f9fcd9}}

/* Refined editorial benefit cards. */
.cinema-site .confidence{padding:72px 0}
.confidence .eyebrow{letter-spacing:2.5px;font-size:11px;margin-bottom:12px}
.confidence h2{max-width:700px;font-size:clamp(29px,3.3vw,44px);line-height:1.12;letter-spacing:-1.2px}
.confidence .confidence-intro{color:#4c6b7e;font-size:16px;line-height:1.7;margin:17px 0 32px}
.confidence .benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;counter-reset:benefit}
.cinema-site .confidence .benefits article{counter-increment:benefit;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:27px;overflow:hidden;padding:32px;min-height:235px;border:1px solid #ffffff;border-radius:24px;background:linear-gradient(140deg,#fffffffa,#edf6faf2);box-shadow:0 12px 35px #183d5012;transition:transform .35s,box-shadow .35s,border-color .35s}
.confidence .benefits article::before{content:'0' counter(benefit);position:absolute;right:25px;top:26px;font-size:13px;font-weight:600;letter-spacing:2px;color:#7193a5}
.confidence .benefits article::after{content:'';position:absolute;right:-35px;bottom:-60px;width:155px;height:155px;border:1px solid #679aad20;border-radius:50%;box-shadow:0 0 0 22px #79aabc09;pointer-events:none}
.confidence .benefit-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:linear-gradient(145deg,#285a71,#497e8d);box-shadow:0 7px 14px #285a7126;color:white}
.confidence .benefit-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.cinema-site .confidence .benefits h3{font-size:21px;color:#173b55;margin:0 0 12px;letter-spacing:-.35px}
.confidence .benefits p{color:#526c7c;font-size:15px;line-height:1.75;margin:0;max-width:280px}
@media(hover:hover){.cinema-site .confidence .benefits article:hover{transform:translateY(-7px);border-color:#82b2c5;box-shadow:0 20px 38px #183d5023}}
@media(max-width:760px){.confidence .benefits{grid-template-columns:1fr;gap:16px}.cinema-site .confidence{padding:45px 0}.cinema-site .confidence .benefits article{min-height:0;padding:26px;gap:22px}.confidence .benefits p{max-width:none}}
@media(prefers-reduced-motion:reduce){.cinema-site .confidence .benefits article{transition:none}.cinema-site .confidence .benefits article:hover{transform:none}}

/* One continuous surface between content sections. */
.cinema-site main{background:rgba(244,250,252,.86)}
.cinema-site main>section,.cinema-site main>.service-constellation.constellation-auto,.cinema-site main>.work,.cinema-site main>.milestones,.cinema-site main>.confidence,.cinema-site main>.process,.cinema-site main>.web-world,.cinema-site main>.service-guide,.cinema-site main>.team-section,.cinema-site main>.faq,.cinema-site main>.contact{background:transparent;border-top:0;border-bottom:0;box-shadow:none;border-radius:0}
.cinema-site main>.cta{background:transparent;color:#173b55}
.cinema-site main>.cta h2,.cinema-site main>.cta p{color:#173b55}

/* Original animated digital studio hero. */
.cinema-site .hero{background:radial-gradient(ellipse at 22% 25%,#10384388,transparent 52%),radial-gradient(ellipse at 80% 65%,#263d7155,transparent 55%),#080f1b;overflow:hidden;perspective:1000px}
.cinema-site .hero header{z-index:5}
.cinema-site .hero-copy{z-index:3;pointer-events:none}
.cinema-site .hero-copy a{pointer-events:auto}
.cinema-site .hero-copy h1{font-size:clamp(42px,6.1vw,82px);letter-spacing:-2.5px;line-height:1.08}
.cinema-site .hero-copy h1 span{color:#e9f7ff;text-shadow:0 3px 25px #030c1ddd}
.cinema-site .hero-copy h1 .hero-heading-right{color:#6cdbdd}
.cinema-site .hero-copy .eyebrow{color:#8caebf;text-shadow:none}
.cinema-site .hero-copy>p:not(.eyebrow){color:#bdcfdb;text-shadow:0 2px 9px #050e1b;max-width:660px}
.cinema-site .hero .button{background:linear-gradient(120deg,#258992,#326cb4);border:1px solid #72ccdc70;color:#fff;box-shadow:0 7px 28px #1c9bba25}
.cinema-site .hero-explore{color:#b5dce5;background:#1022359c;border-color:#55899b60}
.tech-scene{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.tech-halo{position:absolute;width:650px;height:650px;left:50%;top:50%;translate:-50% -50%;background:radial-gradient(circle,#1b899726,transparent 64%);border-radius:50%}
.tech-ring{position:absolute;left:50%;top:50%;width:680px;height:340px;border:1px solid #54d5dd50;border-radius:50%;box-shadow:0 0 24px #39c6d017,inset 0 0 20px #39c6d00c}
.ring-one{transform:translate(-50%,-50%) rotate(-24deg);animation:tech-ring-drift 20s ease-in-out infinite alternate}
.ring-two{width:820px;height:290px;border-color:#6b93f52b;transform:translate(-50%,-50%) rotate(35deg)}
.tech-device{position:absolute;border:1px solid #56d1e26b;background:linear-gradient(135deg,#27677d99,#0b192eed);box-shadow:12px 15px 0 #071321,13px 16px 0 #4c91a344,0 0 45px #2498b022;border-radius:18px}
.tech-browser{width:225px;height:160px;left:14%;top:27%;transform:rotate(-13deg) rotateY(22deg);animation:tech-float 9s ease-in-out infinite}
.tech-toolbar{height:27px;border-bottom:1px solid #5db5c94d;display:flex;gap:6px;padding:10px;box-sizing:border-box}.tech-toolbar i{width:5px;height:5px;border-radius:50%;background:#6ee6df}
.tech-code{padding:24px;display:grid;gap:11px}.tech-code b{height:4px;background:#50bdc4;border-radius:3px;width:75%;opacity:.55}.tech-code b:nth-child(2){width:55%;margin-left:15px;background:#79a4fb}.tech-code b:nth-child(3){width:65%;margin-left:15px}.tech-code b:nth-child(4){width:40%}
.tech-phone{right:17%;top:44%;width:98px;height:183px;border-radius:22px;transform:rotate(16deg);animation:tech-float 11s ease-in-out -4s infinite}.tech-phone>i{display:block;margin:10px auto;width:30px;height:5px;background:#04111e;border-radius:9px}.phone-bars{height:85px;display:flex;align-items:end;gap:7px;padding:24px 17px}.phone-bars b{width:15px;height:45%;background:linear-gradient(#74e1de,#247c9c);border-radius:4px;animation:tech-bars 4s ease-in-out infinite alternate}.phone-bars b:nth-child(2){height:80%;animation-delay:-2s}.phone-bars b:nth-child(3){height:62%;animation-delay:-1s}
.tech-bot{position:absolute;right:22%;top:22%;width:88px;height:70px;border-radius:26px;background:linear-gradient(140deg,#386680,#101e36);border:1px solid #75d7e78c;transform:rotate(12deg);box-shadow:0 0 25px #4198cc33;animation:tech-float 8s ease-in-out -3s infinite}.tech-bot i{position:absolute;top:25px;width:10px;height:10px;background:#77f0e7;border-radius:50%;box-shadow:0 0 10px #60eeea}.tech-bot i:first-child{left:24px}.tech-bot i:nth-child(2){right:24px}.tech-bot b{position:absolute;left:33px;top:42px;width:20px;height:7px;border-bottom:2px solid #82dfec;border-radius:50%}
.tech-cube{position:absolute;left:25%;bottom:20%;width:55px;height:55px;border:1px solid #6c99e570;transform:rotate(35deg);background:linear-gradient(130deg,#476ab240,#13284190);animation:tech-float 10s ease-in-out -5s infinite}
.tech-stars{position:absolute;inset:0;background-image:radial-gradient(circle at 12% 60%,#85d3e0 1px,transparent 2px),radial-gradient(circle at 76% 17%,#85d3e0 1.5px,transparent 2px),radial-gradient(circle at 85% 72%,#7acddc 1px,transparent 2px),radial-gradient(circle at 37% 19%,#7acddc 1px,transparent 2px);opacity:.5}
@keyframes tech-float{0%,100%{translate:0 0}50%{translate:0 -23px}}
@keyframes tech-ring-drift{to{transform:translate(-50%,-50%) rotate(-8deg) scale(1.05)}}
@keyframes tech-bars{to{scale:1 .65;transform-origin:bottom}}
@media(max-width:600px){.tech-browser{left:-65px;top:22%;opacity:.6;scale:.8}.tech-phone{right:-15px;top:62%;scale:.8;opacity:.7}.tech-bot{right:8%;top:18%;scale:.65}.tech-cube{left:13%;bottom:16%}.tech-ring{width:480px;height:300px}.ring-two{width:540px;height:230px}.cinema-site .hero-copy h1{font-size:43px;letter-spacing:-1.4px}}
@media(prefers-reduced-motion:reduce){.tech-scene *{animation:none!important}}

/* Quiet developer workspace surface, built entirely in CSS. */
body.cinema-site{background:#eef2f6;color:#17364b}
body.cinema-site::before{background-color:#eef2f6;background-image:linear-gradient(#51718d08 1px,transparent 1px),linear-gradient(90deg,#51718d08 1px,transparent 1px);background-size:32px 32px}
.cinema-site main{background:transparent}
.cinema-site main>section,.cinema-site main>.service-constellation.constellation-auto{background:transparent}
.cinema-site .service-guide .guide-tabs,.cinema-site .team-member,.cinema-site .questions details,.cinema-site .confidence .benefits article,.guide-columns article{background:#ffffff;border-color:#dbe3eb;box-shadow:0 6px 20px #20374f08}
.cinema-site main .eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.5px;color:#4b7086}
.cinema-site .site-footer{background:#101d2b}
.developer-note{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;margin:0 0 28px;border:1px solid #d7e2eb;border-radius:10px;background:#f9fbfd;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#527087}
.developer-note code{color:#286d80}.developer-note span{color:#778b9b}
@media(max-width:600px){.developer-note{font-size:10px;padding:12px;gap:10px;flex-wrap:wrap}}

.confidence .benefits article{--card-from:#195b7a;--card-to:#247f88}
.confidence .benefits article:nth-child(2){--card-from:#37478c;--card-to:#7061ac}
.confidence .benefits article:nth-child(3){--card-from:#176962;--card-to:#388a70}
@media(hover:hover){
.cinema-site .confidence .benefits article:hover{background:linear-gradient(135deg,var(--card-from),var(--card-to));transform:translateY(-9px) rotate(-1deg);border-color:#ffffff80;box-shadow:0 20px 36px #203c4938}
.cinema-site .confidence .benefits article:nth-child(2):hover{transform:translateY(-9px) rotate(1deg)}
.cinema-site .confidence .benefits article:hover h3,.cinema-site .confidence .benefits article:hover p,.cinema-site .confidence .benefits article:hover::before{color:#fff}
.cinema-site .confidence .benefits article:hover .benefit-icon{background:#ffffff20;box-shadow:0 5px 16px #071b2726;transform:translateY(-3px) rotate(5deg)}
.cinema-site .confidence .benefits article:hover::after{border-color:#ffffff30;box-shadow:0 0 0 22px #ffffff08}
}
.confidence .benefit-icon,.confidence .benefits h3,.confidence .benefits p{transition:transform .4s ease,color .3s ease,background .3s ease}
@media(prefers-reduced-motion:reduce){.cinema-site .confidence .benefits article:hover,.cinema-site .confidence .benefits article:nth-child(2):hover,.cinema-site .confidence .benefits article:hover .benefit-icon{transform:none}.confidence .benefit-icon{transition:none}}

.delivery-roadmap{padding:60px 0}.delivery-roadmap h2{font-size:clamp(28px,3vw,40px);line-height:1.2;color:#173b55;margin:10px 0 14px}.roadmap-intro{color:#526c7c;line-height:1.7;max-width:640px;margin-bottom:32px}
.roadmap-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:36px 24px}
.roadmap-card{grid-column:span 2;position:relative;border:1px solid #d6e0e8;border-radius:16px;background:#fff;padding:25px 21px;min-height:270px;box-sizing:border-box;transition:transform .35s,box-shadow .35s;background-clip:padding-box}
.roadmap-card:nth-child(5){grid-row:2;grid-column:6/span 2}.roadmap-card:nth-child(6){grid-row:2;grid-column:4/span 2}.roadmap-card:nth-child(7){grid-row:2;grid-column:2/span 2}
.roadmap-icon{display:grid;place-items:center;width:65px;height:65px;border-radius:18px;background:#edf3f6;color:#37687c;margin-bottom:26px}.roadmap-icon svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.roadmap-card h3{font-size:17px;line-height:1.35;color:#173b55;margin:0 0 16px}.roadmap-card h3 span{font-family:Consolas,monospace;color:#668697;margin-right:4px}
.roadmap-card ul{list-style:none;padding:0;margin:0}.roadmap-card ul li{position:relative;padding-left:13px;margin:9px 0;font-size:13px;line-height:1.55;color:#587183}.roadmap-card ul li::before{content:'›';position:absolute;left:0;color:#388394;font-size:18px;line-height:1}
.roadmap-arrow{position:absolute;right:-25px;top:43px;z-index:2;width:24px;height:24px;text-align:center;border-radius:50%;background:#dfe8ee;color:#365c70;font-size:17px}
.roadmap-card:nth-child(4) .roadmap-arrow{right:50%;top:auto;bottom:-30px;transform:translateX(50%) rotate(90deg)}
.roadmap-card:nth-child(5) .roadmap-arrow,.roadmap-card:nth-child(6) .roadmap-arrow{right:auto;left:-25px;transform:rotate(180deg)}.roadmap-card:last-child .roadmap-arrow{display:none}
@media(hover:hover){.roadmap-card:hover{background:linear-gradient(140deg,#235978,#27877f);border-color:#2b7888;transform:translateY(-6px);box-shadow:0 15px 30px #1c51632b}.roadmap-card:nth-child(even):hover{background:linear-gradient(140deg,#364b82,#7163a6)}.roadmap-card:hover h3,.roadmap-card:hover h3 span,.roadmap-card:hover ul li,.roadmap-card:hover ul li::before{color:#fff}.roadmap-card:hover .roadmap-icon{background:#ffffff25;color:#fff}}
@media(max-width:960px){.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.roadmap-grid .roadmap-card{grid-column:auto;grid-row:auto;min-height:250px}.roadmap-arrow{display:none}}
@media(max-width:520px){.roadmap-grid{grid-template-columns:1fr;gap:20px}.roadmap-card{padding:24px;min-height:0!important}.roadmap-icon{margin-bottom:20px}.delivery-roadmap{padding:40px 0}.roadmap-card ul li{font-size:14px}}
@media(prefers-reduced-motion:reduce){.roadmap-card{transition:none}.roadmap-card:hover{transform:none}}

/* Teal detail reveal, matching the requested portfolio-card interaction. */
.roadmap-card{overflow:hidden}
.roadmap-arrow{display:none}
.roadmap-overlay{position:absolute;inset:auto 0 0;min-height:70%;box-sizing:border-box;padding:26px 20px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#00858b;color:white;z-index:3;transform:translateY(102%);visibility:hidden;transition:transform .5s cubic-bezier(.22,1,.36,1),visibility .5s;box-shadow:0 -12px 30px #103e4220}
.roadmap-overlay h4{color:white;font-size:21px;line-height:1.3;margin:0 0 12px}.roadmap-overlay h4>span{display:none}
.roadmap-overlay p{color:#fff;font-size:14px;line-height:1.6;margin:0 0 18px}
.roadmap-overlay a{display:inline-flex;align-items:center;gap:14px;color:white;border:1px solid #ffffffb3;border-radius:5px;padding:9px 17px;font-size:13px;text-decoration:none;background:transparent}
.roadmap-overlay a:hover,.roadmap-overlay a:focus-visible{background:white;color:#006f75;outline-offset:3px}
.roadmap-card:focus-visible{outline:2px solid #00858b;outline-offset:4px}
.roadmap-card:focus-within .roadmap-overlay{transform:translateY(0);visibility:visible}
@media(hover:hover){.roadmap-card:hover .roadmap-overlay{transform:translateY(0);visibility:visible}.roadmap-card:hover,.roadmap-card:nth-child(even):hover{background:#e5edf0;transform:translateY(-4px)}.roadmap-card:hover>.roadmap-icon{opacity:.45}.roadmap-card:hover>h3,.roadmap-card:hover>ul{opacity:.3}}
@media(hover:none){.roadmap-overlay{position:relative;inset:auto;margin:24px -24px -24px;transform:none;visibility:visible;min-height:0}.roadmap-card{padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){.roadmap-overlay{transition:none}}

.expertise-strip{position:relative;background:linear-gradient(110deg,#101d2a,#142b37);color:#edf8ff;padding:30px 0;border-top:1px solid #64b9c52b;border-bottom:1px solid #64b9c522}
.expertise-strip::before{content:'';position:absolute;top:0;left:8%;width:100px;height:2px;background:linear-gradient(90deg,#61d9ce,transparent)}
.expertise-layout{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:center;gap:30px}
.expertise-kicker{font:9px/1.6 ui-monospace,Consolas,monospace;letter-spacing:1.8px;color:#8bb7c5}
.expertise-heading h2{font-size:23px;line-height:1.25;letter-spacing:-.5px;margin:8px 0 0;color:#e9f7ff}
.expertise-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:10px}
.expertise-logos li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:98px;padding:12px 6px;border:1px solid #8ab2c31c;border-radius:14px;background:#ffffff04;color:#bfd0de;transition:background .25s,color .25s,transform .25s}
.expertise-logos svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.expertise-logos span{font-size:11px;font-weight:600;text-align:center;line-height:1.4}
@media(hover:hover){.expertise-logos li:hover{background:#529ca91c;color:#7ae1d9;transform:translateY(-3px)}}
@media(max-width:1000px){.expertise-layout{grid-template-columns:1fr;gap:22px}.expertise-heading h2 br{display:none}.expertise-heading h2{font-size:24px}}
@media(max-width:600px){.expertise-strip{padding:27px 0}.expertise-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.expertise-logos li{min-height:83px}.expertise-logos span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.expertise-logos li{transition:none}.expertise-logos li:hover{transform:none}}

.expertise-logos li{animation:expertise-float 5.5s ease-in-out infinite}
.expertise-logos li:nth-child(2){animation-delay:-1.8s}.expertise-logos li:nth-child(3){animation-delay:-3.6s}.expertise-logos li:nth-child(4){animation-delay:-.9s}.expertise-logos li:nth-child(5){animation-delay:-2.7s}.expertise-logos li:nth-child(6){animation-delay:-4.5s}
@keyframes expertise-float{0%,100%{translate:0 4px}50%{translate:0 -6px}}
@media(hover:hover){.expertise-logos li:hover{animation-play-state:paused}}
@media(prefers-reduced-motion:reduce){.expertise-logos li{animation:none;translate:none}}



/* Gentle periodic nudge for the help button. */
.whatsapp-help{animation:help-nudge 6s ease-in-out infinite}
@keyframes help-nudge{0%,82%,100%{translate:0 0;rotate:0deg}85%,91%{translate:-2px 0;rotate:-1deg}88%,94%{translate:2px 0;rotate:1deg}97%{translate:0 0;rotate:0deg}}
.whatsapp-help:hover,.whatsapp-help:focus-visible{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.whatsapp-help{animation:none}}

/* Keep all eight service choices visible around the selected service. */
.constellation-auto .constellation-model:not([data-position="center"]){width:23%}
.constellation-auto .constellation-model[data-position="0"]{left:17%;top:16%}
.constellation-auto .constellation-model[data-position="1"]{left:50%;top:10%}
.constellation-auto .constellation-model[data-position="2"]{left:83%;top:16%}
.constellation-auto .constellation-model[data-position="3"]{left:87%;top:52%}
.constellation-auto .constellation-model[data-position="4"]{left:76%;top:85%}
.constellation-auto .constellation-model[data-position="5"]{left:24%;top:85%}
.constellation-auto .constellation-model[data-position="6"]{left:13%;top:52%}
.model-art-6,.model-art-7{background:linear-gradient(140deg,#e6f4fb,#a2c8dc);border:1px solid #88aebf;border-radius:22px;display:grid;place-items:center}
.model-art-6 svg,.model-art-7 svg{width:55%;height:55%;fill:none;stroke:#28586e;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.model-working[hidden]{display:none}

/* Working campaign and search previews. */
.model-art-6,.model-art-7{padding:7%;overflow:hidden;background:linear-gradient(145deg,#e6f5ff,#85b2ca);border-radius:18px}
.service-live-ui{width:100%;height:100%;background:#f5fbff;border:1px solid #82a8bf;border-radius:7px;overflow:hidden;padding:7%;text-align:left;color:#163b51;box-shadow:0 7px 12px #14364c28;font-family:Arial,sans-serif;font-size:clamp(4px,.6vw,9px);line-height:1.3;position:relative}
.live-ui-bar{display:flex;align-items:center;gap:5%;font-size:.85em;margin-bottom:8%;white-space:nowrap}.live-ui-bar>i{width:6%;aspect-ratio:1;background:#16aabb;border-radius:50%}.live-ui-bar small{margin-left:auto;color:#65879b;font-size:.7em}
.social-post{background:white;border:1px solid #d3e4ef;border-radius:5px;overflow:hidden}.social-post-art{background:linear-gradient(125deg,#153d5a,#2fa8b7);color:#fff;min-height:5em;padding:10%;position:relative;overflow:hidden}.social-post-art span{display:block;font-size:.65em;letter-spacing:.1em}.social-post-art>b{display:block;font-size:1.5em;margin-top:7%;max-width:75%;position:relative;z-index:1}.social-post-art>i{position:absolute;border:1px solid #8be7eb;border-radius:50%;width:60%;aspect-ratio:1;right:-15%;top:20%;animation:social-orbit 5s linear infinite}.post-engagement{display:flex;justify-content:space-between;padding:6%;font-size:.85em}.post-engagement>span:first-child{color:#db527b;animation:social-like 3s infinite}.social-publishing,.social-published{font-size:.8em;margin-top:7%;height:1.5em}.social-publishing{animation:publishing 5s infinite;display:flex;gap:5%;align-items:center}.social-publishing>span{width:.8em;height:.8em;border:1px solid #8bb8c9;border-top-color:#166b8c;border-radius:50%;animation:social-orbit 1s linear infinite}.social-published{position:absolute;bottom:22%;color:#167563;animation:published 5s infinite}.social-reach{margin-top:5%;font-size:.75em}.social-reach>div{height:2em;display:flex;align-items:end;gap:7%;margin-top:4%}.social-reach i{width:10%;height:100%;background:#3994b0;transform-origin:bottom;animation:reach-grow 3s infinite}.social-reach i:nth-child(2n){height:60%;animation-delay:.3s}.social-reach i:nth-child(3n){height:80%;animation-delay:.6s}
.seo-search{display:flex;gap:6%;padding:6%;border:1px solid #c5dce9;border-radius:4px;font-size:.75em;white-space:nowrap}.seo-search>i{height:1em;width:1px;background:#397c9c;animation:publishing 1s infinite}.seo-results{position:relative;overflow:hidden;padding:7% 0}.seo-results>div{padding:5%;border-bottom:1px solid #d8e8f1;font-size:.75em}.seo-results b{display:block;color:#2872a5;font-size:.95em}.seo-results span{display:block;height:.3em;background:#c8dde9;margin-top:5%;width:85%}.seo-results span:last-child{width:60%}.seo-scan{position:absolute;width:100%;height:25%;background:linear-gradient(transparent,#2db4c435);border-bottom:1px solid #29a0b9;left:0;animation:seo-scan 4s linear infinite}.seo-audit{display:flex;justify-content:space-between;font-size:.7em;padding-top:3%}.seo-audit b{color:#188574;animation:published 4s infinite}.seo-progress{height:.4em;background:#d2e4ed;margin:6% 0;overflow:hidden;border-radius:3px}.seo-progress>i{display:block;width:100%;height:100%;background:#2ba3ae;transform-origin:left;animation:seo-fill 4s infinite}.seo-metrics{font-size:.7em}.model-art-7 .seo-metrics svg{width:100%;height:2.4em;display:block;margin-top:4%;stroke:#2394aa;fill:none;stroke-width:2}.seo-metrics path{stroke-dasharray:140;animation:seo-line 4s infinite}
@keyframes social-orbit{to{transform:rotate(360deg)}}@keyframes social-like{50%{transform:scale(1.12)}}@keyframes publishing{0%,55%{opacity:1}65%,100%{opacity:0}}@keyframes published{0%,55%{opacity:0}65%,95%{opacity:1}100%{opacity:0}}@keyframes reach-grow{0%,100%{transform:scaleY(.4)}60%{transform:scaleY(1)}}@keyframes seo-scan{from{top:-25%}to{top:100%}}@keyframes seo-fill{0%{transform:scaleX(.05)}65%,100%{transform:scaleX(1)}}@keyframes seo-line{0%{stroke-dashoffset:140}70%,100%{stroke-dashoffset:0}}
.constellation-paused .service-live-ui *{animation-play-state:paused!important}
@media(max-width:600px){.service-live-ui{font-size:clamp(4px,1.15vw,7px)}.constellation-model[data-position="center"] .service-live-ui{font-size:clamp(6px,1.65vw,10px)}}
@media(prefers-reduced-motion:reduce){.service-live-ui *{animation:none!important}.social-publishing{display:none}.social-published{opacity:1}.seo-scan{display:none}}

/* Team motion stays on the card shell; portraits retain their original styling. */
.team-member{position:relative;isolation:isolate;outline:1px solid #95ccdc45;outline-offset:0;transition:translate .35s ease,box-shadow .35s ease,outline-color .35s ease}
.team-member::after{content:'';position:absolute;left:22%;right:22%;bottom:12px;height:2px;border-radius:4px;background:linear-gradient(90deg,transparent,#29b8c7,transparent);opacity:.45;transform:scaleX(.5);transition:transform .4s,opacity .4s;pointer-events:none}
.team-member.team-card-entered{animation:team-card-settle .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--team-entry-delay,0ms)}
.team-member:hover,.team-member:focus-within{translate:0 -7px;outline-color:#46b8c8;box-shadow:0 18px 35px #061c3e35,0 0 0 3px #59cfdb20}
.team-member:hover::after,.team-member:focus-within::after{transform:scaleX(1);opacity:1}
@keyframes team-card-settle{0%{opacity:0;transform:translateY(24px)}65%{opacity:1;transform:translateY(-3px)}100%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.team-member.team-card-entered{animation:none}.team-member,.team-member::after{transition:none}.team-member:hover,.team-member:focus-within{translate:none}}