:root{--ink:#071922;--navy:#0a2430;--blue:#006bff;--cyan:#38d6c7;--paper:#f6f8f7;--white:#fff;--line:#dce5e6;--muted:#5d6b70;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
.brand-in{color:var(--blue);font-weight:800}.inline-brand{font-family:var(--display);font-weight:700;text-transform:none;letter-spacing:-.02em}.brand-eyebrow .inline-brand{background:#fff;color:var(--ink);border-radius:5px;padding:4px 7px;margin-left:3px}.panel-head .brand-in,.pulse-label .brand-in{color:#1684ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:82px;display:flex;align-items:center;gap:32px;padding:0 max(5vw,24px);position:sticky;top:0;z-index:20;background:rgba(246,248,247,.92);border-bottom:1px solid rgba(7,25,34,.1);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;font-family:var(--display);font-weight:700;white-space:nowrap}.brand>span:last-child>span{color:var(--blue)}.brand-mark{width:36px;height:36px;border-radius:9px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:14px;letter-spacing:-.08em}.nav{display:flex;gap:28px;margin-left:auto;font-weight:600;font-size:.9rem}.nav a:hover{color:var(--blue)}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;font-weight:700;border-radius:8px;transition:.2s}.header-cta{padding:10px 15px;background:var(--ink);color:#fff;font-size:.88rem}.header-cta:hover,.button.primary:hover{background:var(--blue);transform:translateY(-1px)}.menu-button{display:none}
.hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center;padding:90px max(6vw,28px) 80px;background:radial-gradient(circle at 78% 20%,rgba(56,214,199,.18),transparent 28%),var(--paper)}.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.15em;font-size:.76rem;font-weight:700;color:var(--blue)}h1,h2,h3{font-family:var(--display);line-height:1.08;letter-spacing:-.045em;margin-top:0}h1{font-size:clamp(3rem,5.7vw,6.1rem);max-width:920px;margin-bottom:26px}h1 em{display:block;color:var(--blue);font-style:normal}.hero-text{font-size:clamp(1.05rem,1.4vw,1.28rem);max-width:690px;color:#46585e;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:28px}.button{padding:14px 21px}.button.primary{background:var(--ink);color:#fff}.text-link{font-weight:700}.text-link span{color:var(--blue);font-size:1.2rem}.trust-list{display:flex;flex-wrap:wrap;gap:10px 28px;list-style:none;padding:0;margin:38px 0 0;color:var(--muted);font-size:.88rem}.trust-list li:before{content:'✓';color:var(--blue);font-weight:700;margin-right:8px}
.hero-panel{background:var(--ink);color:#fff;border-radius:16px;padding:22px;box-shadow:0 32px 70px rgba(7,25,34,.22);overflow:hidden}.panel-head{display:flex;justify-content:space-between;font-size:.68rem;letter-spacing:.12em;color:#a5bbc2}.live{letter-spacing:0}.live i{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;margin-right:6px;box-shadow:0 0 0 5px rgba(56,214,199,.12)}.pulse{height:330px;position:relative;display:grid;place-items:center}.pulse:before,.pulse:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:220px;height:220px}.pulse:after{width:310px;height:310px}.pulse-label{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;background:var(--blue);font-family:var(--display);font-size:1.25rem;font-weight:700;box-shadow:0 0 50px rgba(0,107,255,.5)}.orbit{position:absolute;font-size:.7rem;color:#d7e2e5}.orbit span{background:#13313e;border:1px solid #34505b;padding:7px 11px;border-radius:20px}.orbit-one{top:52px;left:19%}.orbit-two{top:164px;right:5%}.orbit-three{bottom:34px;left:11%}.panel-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #27414a;padding-top:20px}.panel-stats div{padding:0 12px;border-right:1px solid #27414a}.panel-stats div:last-child{border:0}.panel-stats strong{display:block;font-family:var(--display);font-size:1.7rem;color:var(--cyan)}.panel-stats span{display:block;color:#a5bbc2;font-size:.72rem;line-height:1.35}.marquee{overflow:hidden;background:var(--blue);color:#fff;padding:15px 0;white-space:nowrap;font-family:var(--display);font-weight:600;letter-spacing:.03em}.marquee div{width:max-content;animation:slide 22s linear infinite}.marquee span{color:var(--cyan);margin:0 26px}@keyframes slide{to{transform:translateX(-25%)}}
.section{padding:110px max(6vw,28px)}.section-intro{display:grid;grid-template-columns:.7fr 1.25fr .75fr;gap:4vw;align-items:start;margin-bottom:55px}.section-intro h2,.method h2,.innovation h2,.about h2,.contact h2{font-size:clamp(2.3rem,4.2vw,4.6rem);margin-bottom:0}.section-intro>p:last-child{color:var(--muted);margin-top:8px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service{min-height:300px;background:#fff;border:1px solid var(--line);padding:28px;border-radius:12px;position:relative;display:flex;flex-direction:column}.service.featured{grid-row:span 2;background:#dff7f4}.service.dark{background:var(--navy);color:#fff;border-color:var(--navy)}.service.wide{grid-column:span 2;min-height:210px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}.service-number{position:absolute;right:22px;top:20px;color:#8b999d;font-size:.72rem}.service-icon{font-size:2rem;color:var(--blue);margin-bottom:auto}.service h3{font-size:1.65rem;margin:22px 0 12px}.service p{color:var(--muted);margin:0}.service.dark p{color:#b4c4c9}.service ul{list-style:none;padding:0;margin:28px 0 0;border-top:1px solid rgba(7,25,34,.12)}.service li{padding:10px 0;border-bottom:1px solid rgba(7,25,34,.12);font-size:.9rem}
.method{background:var(--ink);color:#fff;padding:110px max(6vw,28px);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.eyebrow.light{color:var(--cyan)}.method-heading p:last-child{color:#a6bbc2;max-width:490px;font-size:1.08rem}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:70px 1fr;padding:25px 0;border-bottom:1px solid #29404a}.steps li:first-child{border-top:1px solid #29404a}.steps>li>span{font-family:var(--display);color:var(--cyan);font-size:.8rem}.steps h3{font-size:1.5rem;margin:0 0 5px}.steps p{margin:0;color:#a6bbc2}
.innovation{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:linear-gradient(145deg,#edf1f1 50%,#e4eeed 50%)}.innovation-copy>p:not(.eyebrow){color:var(--muted);font-size:1.08rem}.product-status{margin-top:34px;padding-top:20px;border-top:1px solid #cbd7d8;font-weight:700}.product-status span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);margin-right:16px}.app-card{background:#fff;border-radius:16px;box-shadow:0 25px 60px rgba(7,25,34,.15);padding:24px;min-height:410px;display:flex;flex-direction:column}.app-top,.app-footer{display:flex;justify-content:space-between;color:#829196;font-size:.68rem;letter-spacing:.12em}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(56,214,199,.14)}.app-content{margin:auto 0}.app-icon{width:52px;height:52px;border-radius:13px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:1.8rem}.app-content h3{font-size:clamp(1.8rem,3vw,3rem);margin:24px 0 14px}.app-content p{color:var(--muted)}.app-footer{padding-top:18px;border-top:1px solid var(--line)}
.about{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw}.about-copy{padding-top:44px;font-size:1.1rem;color:#46585e}.about-copy strong{color:var(--ink)}.credentials{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.credentials span{border:1px solid #bdcacc;border-radius:20px;padding:7px 12px;font-size:.78rem;font-weight:600;color:var(--ink)}.contact{margin:0 max(2vw,12px);padding:85px max(4vw,24px);background:var(--blue);color:#fff;border-radius:16px;display:grid;grid-template-columns:1.4fr .6fr;gap:6vw;align-items:end}.contact h2{max-width:900px}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.button.white{background:#fff;color:var(--blue)}.button.white:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.contact-email{border-bottom:1px solid rgba(255,255,255,.5)}footer{padding:70px max(6vw,28px) 30px;display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:start}footer p{margin:0;color:var(--muted)}footer>div{display:flex;gap:22px;font-weight:600}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;color:#7a898e}.footer-brand{font-size:1.1rem}
@media(max-width:950px){.nav,.header-cta{display:none}.menu-button{display:block;margin-left:auto;background:none;border:1px solid #b9c6c8;border-radius:7px;padding:7px 11px;font:inherit}.nav.open{display:flex;position:absolute;top:81px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;padding-top:65px}.hero-panel{max-width:650px;width:100%}.section-intro{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.service.featured{grid-row:auto}.method,.innovation,.about,.contact{grid-template-columns:1fr}.contact-actions{margin-top:20px}footer{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.site-header{height:70px;padding:0 18px}.nav.open{top:69px}.hero{padding:55px 20px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.trust-list{flex-direction:column;gap:8px}.hero-panel{padding:16px}.pulse{height:270px}.pulse:after{width:245px;height:245px}.pulse:before{width:175px;height:175px}.orbit-one{left:5%}.panel-stats strong{font-size:1.25rem}.section,.method{padding:80px 20px}.service-grid{grid-template-columns:1fr}.service.wide{grid-column:auto;grid-template-columns:1fr;min-height:300px}.contact{padding:60px 22px}.app-card{min-height:430px}footer{grid-template-columns:1fr;padding:55px 20px 24px}footer small{grid-column:auto}h1{font-size:2.85rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}.header-cta,.button{transition:none}}

/* AlbaIn Tech service portfolio */
.pulse-label{background:#000;box-shadow:0 0 50px rgba(0,107,255,.38)}
.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.portfolio-grid .featured{grid-row:span 2}
.portfolio-grid .service{min-height:340px}
.portfolio-grid .service.wide{grid-column:span 2;min-height:240px}
.card-label{margin:0!important;color:var(--blue)!important;font-size:.72rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.service.dark .card-label{color:var(--cyan)!important}
.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:26px}
.tag-row span{border:1px solid var(--line);border-radius:20px;padding:6px 10px;font-size:.72rem;font-weight:600}
.service.dark .tag-row span{border-color:#36515c;color:#d5e3e6}
.ai-card{background:linear-gradient(120deg,#e1f8f5,#eef5ff)}
.expertise{padding:110px max(6vw,28px);background:var(--ink);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw}
.expertise-copy>p:last-child{max-width:600px;color:#a6bbc2;font-size:1.08rem}
.sector-grid{display:grid;gap:12px}
.sector-grid article{position:relative;padding:28px 30px 28px 78px;border:1px solid #29434e;border-radius:12px;background:#0d2732}
.sector-grid article>span{position:absolute;top:31px;left:26px;color:var(--cyan);font-family:var(--display);font-size:.76rem}
.sector-grid h3{font-size:1.45rem;margin:0 0 8px}
.sector-grid p{margin:0;color:#a6bbc2}
.compact-intro{margin-bottom:45px}
.engagement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.engagement-grid article{min-height:330px;padding:30px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column}
.engagement-grid article.accent{background:var(--blue);color:#fff;border-color:var(--blue);transform:translateY(-12px)}
.engagement-grid .mode{font-size:.7rem;letter-spacing:.12em;font-weight:700;color:var(--blue)}
.engagement-grid .accent .mode{color:var(--cyan)}
.engagement-grid h3{font-size:1.75rem;margin:54px 0 14px}
.engagement-grid p{color:var(--muted);margin:0}
.engagement-grid .accent p{color:#dbe8ff}
.engagement-grid a{margin-top:auto;padding-top:22px;font-weight:700;font-size:.88rem}
.coverage{padding:90px max(6vw,28px);display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center;background:#e8f1f1}
.coverage h2{font-size:clamp(2.3rem,4vw,4.2rem);margin:0}
.coverage-details{display:grid;grid-template-columns:auto 1fr;gap:6px 28px;border-left:3px solid var(--blue);padding-left:28px}
.coverage-details strong{font-family:var(--display)}
.coverage-details p{margin:0;color:var(--muted)}

@media(max-width:950px){
  .portfolio-grid{grid-template-columns:1fr 1fr}
  .portfolio-grid .featured{grid-row:auto}
  .expertise,.coverage{grid-template-columns:1fr}
  .engagement-grid{grid-template-columns:1fr}
  .engagement-grid article.accent{transform:none}
}
@media(max-width:620px){
  .portfolio-grid{grid-template-columns:1fr}
  .portfolio-grid .service.wide{grid-column:auto;grid-template-columns:1fr}
  .expertise,.coverage{padding:80px 20px}
  .sector-grid article{padding-left:64px}
  .coverage-details{grid-template-columns:1fr;gap:4px}
  .coverage-details p{margin-bottom:16px}
}

.service-benefit{margin-top:18px!important;padding-top:16px;border-top:1px solid rgba(7,25,34,.1);font-size:.88rem}
.cloud-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:4px 38px 16px 0}
.cloud-logos img{width:100%;height:46px;object-fit:contain;background:#fff;border:1px solid rgba(7,25,34,.09);border-radius:8px;padding:9px}
.cloud-logo-caption{margin:-8px 0 22px!important;color:#6e7d82!important;font-size:.67rem!important;text-transform:uppercase;letter-spacing:.09em}
.service.dark .service-benefit{border-color:#34505b;color:#d7e2e5}
.service-benefit strong{color:var(--ink)}
.service.dark .service-benefit strong{color:var(--cyan)}
.why-section{padding:110px max(6vw,28px);background:var(--blue);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}
.why-heading>p:last-child{color:#dbe8ff;max-width:540px;font-size:1.08rem}
.why-heading h2{font-size:clamp(2.3rem,4vw,4.3rem)}
.why-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.25);border-left:1px solid rgba(255,255,255,.25)}
.why-grid article{padding:26px;border-right:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25);min-height:210px}
.why-grid article>span{color:var(--cyan);font-family:var(--display);font-size:.72rem}
.why-grid h3{font-size:1.35rem;margin:34px 0 8px}
.why-grid p{margin:0;color:#dbe8ff;font-size:.92rem}
.contact-form-section{align-items:start}
.contact-intro>p:not(.eyebrow){color:#dbe8ff;max-width:660px}
.contact-intro .contact-email{display:inline-block;margin-top:20px}
.lead-form{background:#fff;color:var(--ink);border-radius:12px;padding:26px;display:grid;gap:15px}
.lead-form label{display:grid;gap:6px;font-size:.8rem;font-weight:700}
.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:1px solid #cbd6d8;border-radius:7px;background:#f8faf9;color:var(--ink);font:inherit;font-size:.92rem;padding:11px 12px;outline:none}
.lead-form textarea{resize:vertical}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,107,255,.12)}
.lead-form .form-submit{border:0;background:var(--ink);color:#fff;cursor:pointer;margin-top:5px}
.lead-form .form-submit:hover{background:var(--blue)}
.lead-form small{color:#718085;font-size:.7rem}
@media(max-width:950px){.why-section{grid-template-columns:1fr}.contact-form-section{grid-template-columns:1fr}}
@media(max-width:620px){.why-section{padding:80px 20px}.why-grid{grid-template-columns:1fr}.why-grid article{min-height:180px}.cloud-logos{grid-template-columns:repeat(2,1fr);margin-right:28px}.cloud-logos img{height:52px}}