.services,.packages,.about{color:#edf4ff;background:#051326bc;backdrop-filter:blur(7px);margin:12vh 0}
.services .section-top>p,.packages .section-top>p{color:#c6d6eb}
.service-grid,.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.service-card,.package-card{border:1px solid #88b8ef30;background:#071a30b0;border-radius:12px;padding:28px}
.service-symbol{display:grid;place-items:center;width:42px;height:42px;border:1px solid #4699ff55;border-radius:10px;color:#82beff;font-size:25px;margin-bottom:30px;background:#1267bf21}
.service-card h3,.package-card h3{font-size:26px;margin:0 0 18px;letter-spacing:-.03em}
.service-card p,.package-card p,.package-card li{color:#c6d6eb;font-size:15px;line-height:1.8}
.service-card p{margin:0}.service-note{color:#bdd5f2;font-size:14px;margin:28px 0 0}
.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.package-card{display:flex;flex-direction:column}.package-card .category{color:#83bdff;margin-bottom:22px}
.package-card ul{padding:20px 0 20px 18px;margin:0;border-top:1px solid #88b8ef25}
.package-card>a{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid #88b8ef25;font-size:14px;color:#c6e0ff}
.package-card>a:hover,.text-link:hover{color:white;text-decoration:underline}
.pricing-note{margin-top:28px;padding:24px;background:#071a30b0;border-left:2px solid #4197ff;border-radius:0 8px 8px 0}
.pricing-note strong{font-size:17px;font-weight:600}.pricing-note p{color:#c6d6eb;margin:8px 0 0;font-size:15px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:7%}.about h2{font-size:clamp(2.3rem,3.5vw,3.3rem)}
.about-copy p{color:#c6d6eb}.about-copy .about-lead{font-size:20px;line-height:1.65;color:#eef5ff}
.credentials{display:flex;gap:8px;flex-wrap:wrap}.credentials span{font-size:12px;border:1px solid #8db9ed44;border-radius:20px;padding:6px 12px;color:#b8d8ff}
.text-link{color:#97caff;display:inline-flex;gap:20px;font-size:15px;margin-top:8px}
.skyline-mode .site-footer{display:grid;grid-template-columns:1fr .9fr 1.15fr;background:#061426e8;color:#c6d6eb;backdrop-filter:blur(12px);border-top:1px solid #8fc7ff26;align-items:start;gap:36px}
.site-footer .brand img{filter:brightness(0) invert(1);width:120px}.footer-brand p{color:#a9bdd7;margin-top:18px}
.site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:12px}.footer-contact{display:flex;flex-direction:column;gap:12px}.site-footer a:hover{color:#86beff}
.social-links{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;margin-top:12px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid #8fc7ff26;font-size:12px}.footer-bottom small{color:#a9bdd7}
.menu-toggle{display:none}.skyline-mode .header nav{gap:24px}.header nav{font-size:13px}
.booking-link{border:1px solid #91b7ed;color:#cde2ff;background:#071a3090;margin-left:12px}.contact .booking-link{color:#102d55;background:#ffffff85;border-color:#6881a5}.nav-booking{color:#bfdcff}.footer-bottom small{max-width:480px;line-height:1.7}
@media(max-width:700px){.booking-link{margin:12px 0 0;display:flex;width:max-content}.footer-bottom small{font-size:11px}}
/* Content stays visible when JavaScript or motion support is unavailable. */
.reveal-item{transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s cubic-bezier(.2,.7,.3,1) var(--reveal-delay,0ms)}
.reveal-pending{opacity:0;transform:translateY(28px)}
.reveal-item.is-visible{opacity:1;transform:translateY(0)}
.platform-card.is-visible:hover{transform:translateY(-4px)}
@keyframes bar-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes preview-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@property --ring-fill{syntax:'<percentage>';inherits:false;initial-value:86%}
@keyframes ring-fill{from{--ring-fill:0%}to{--ring-fill:86%}}
.platform-card.is-visible .mini-bars span{transform-origin:left;animation:bar-fill 1.1s .25s both}
.platform-card.is-visible .mini-bars span:nth-child(2){animation-delay:.4s}.platform-card.is-visible .mini-bars span:nth-child(3){animation-delay:.55s}
.platform-card.is-visible .ring{background:conic-gradient(#0662ff var(--ring-fill),#d9e4f7 var(--ring-fill));animation:ring-fill 1.2s .2s both}
.platform-card.is-visible .mini-flow span,.platform-card.is-visible .mini-line{animation:preview-in .65s .3s both}
.platform-card.is-visible .mini-flow span:nth-of-type(2),.platform-card.is-visible .mini-line:nth-child(2){animation-delay:.45s}
.platform-card.is-visible .mini-flow span:nth-of-type(3),.platform-card.is-visible .mini-line:nth-child(3){animation-delay:.6s}
.view-content .demo-summary>div,.view-content tbody tr{animation:preview-in .4s both}
.view-content .demo-summary>div:nth-child(2),.view-content tbody tr:nth-child(2){animation-delay:.07s}.view-content .demo-summary>div:nth-child(3),.view-content tbody tr:nth-child(3){animation-delay:.14s}
.content-motion-off .reveal-item{opacity:1;transform:none;transition:none}
.content-motion-off .platform-card *,.content-motion-off .view-content *{animation:none!important}
@media(max-width:1000px){
 .service-grid,.package-grid{gap:14px}.service-card,.package-card{padding:22px}.steps{grid-template-columns:1fr 1fr}
 .menu-toggle{display:flex;align-items:center;gap:12px;background:#1671e52b;color:#edf4ff;border:1px solid #579dff66;border-radius:24px;padding:9px 15px;font-size:13px}
 .header{position:relative}.header #main-nav{display:none;position:absolute;top:calc(100% + 8px);left:6%;right:6%;background:#08182bf5;backdrop-filter:blur(18px);padding:18px;border:1px solid #579dff44;border-radius:12px;box-shadow:0 18px 50px #0005}
 .header #main-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:5px}
 .header #main-nav>a:not(.nav-cta){display:block;color:#d7e6fa;padding:12px 14px}.header #main-nav .nav-cta{margin-top:6px;justify-content:space-between}
}
@media(max-width:700px){
 .service-grid,.package-grid,.about{grid-template-columns:1fr}.services,.packages,.about{margin:9vh 0}.about{gap:30px}.steps{grid-template-columns:1fr}
 .service-symbol{margin-bottom:20px}.skyline-mode .site-footer{grid-template-columns:1fr;gap:28px}.site-footer nav{grid-template-columns:1fr 1fr}.footer-bottom{flex-wrap:wrap;gap:12px 20px}.footer-bottom small{flex-basis:100%}
 .skyline-mode .platforms .section-top{padding:20px}
}
@media(prefers-reduced-motion:reduce){.reveal-item{opacity:1;transform:none;transition:none}.platform-card *,.view-content *{animation:none!important}}
.journey.steps{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:0;margin:45px 0 30px;padding:0;list-style:none}
.journey:before{content:'';position:absolute;left:0;right:0;top:50%;height:3px;background:#368dff;box-shadow:0 0 16px #1684ff66;border-radius:3px}
.journey.steps li{position:relative;padding:0 15px 32px;border:0;align-self:end;min-width:0}
.journey.steps li:nth-child(odd){grid-row:1}
.journey.steps li:nth-child(even){grid-row:2;align-self:start;padding:32px 15px 0}
.journey li:nth-child(1){grid-column:1}.journey li:nth-child(2){grid-column:2}.journey li:nth-child(3){grid-column:3}.journey li:nth-child(4){grid-column:4}.journey li:nth-child(5){grid-column:5}.journey li:nth-child(6){grid-column:6}
.journey li:before{content:'';position:absolute;left:23px;bottom:0;width:1px;height:23px;background:#61a7ff}
.journey li:after{content:'';position:absolute;left:17px;bottom:-8px;width:13px;height:13px;border:3px solid #a5ceff;border-radius:50%;background:#1377f0;box-shadow:0 0 0 5px #0b2544}
.journey li:nth-child(even):before{top:0;bottom:auto}.journey li:nth-child(even):after{top:-5px;bottom:auto}
.journey.steps li>span{font-size:10px;letter-spacing:.12em;color:#8ec2ff}.journey.steps h3{font-size:21px;line-height:1.15;margin:14px 0}.journey.steps p{font-size:14px;line-height:1.65;margin:0}
.approach .pricing-note{max-width:850px;margin:50px auto 0;color:#edf4ff}
@media(max-width:1100px){.journey.steps{display:flex;flex-direction:column;gap:0;margin-top:32px}.journey:before{left:11px;right:auto;top:8px;bottom:10px;width:3px;height:auto}.journey.steps li,.journey.steps li:nth-child(even){align-self:stretch;padding:0 0 32px 46px;max-width:680px}.journey li:before,.journey li:nth-child(even):before{left:13px;top:9px;bottom:auto;width:23px;height:1px}.journey li:after,.journey li:nth-child(even):after{left:6px;top:3px;bottom:auto}.journey.steps li:last-child{padding-bottom:0}.journey.steps h3{font-size:23px;margin:10px 0}.journey.steps p{font-size:15px}.approach .pricing-note{margin-top:32px}}
