/* Shared STAR blue and original live-site identity; local preview only. */
:root{--star-blue:#1b4f91;--star-blue-strong:#143f78;--star-blue-ink:#1b67ba;--star-blue-bright:#368de4;--star-blue-soft:#dfeaf7;--cobalt:var(--star-blue-ink);--star-text-gradient:linear-gradient(110deg,#1b67ba 12%,#368de4 88%);--star-surface-gradient:linear-gradient(120deg,#eff5fc,#e5eef9 55%,#ecf2fb)}
.hero-nav{position:absolute;z-index:10;top:22px;left:50%;transform:translateX(-50%);width:min(1320px,calc(100% - 56px));max-width:none;padding:10px 22px;border:1px solid #ffffff22;border-radius:22px;background:linear-gradient(115deg,#19477f,var(--star-blue) 65%,#245c9e);box-shadow:0 8px 30px -22px #12335e66;gap:20px}
.hero-nav .brand img{width:174px;height:auto;display:block}
.hero-nav .brand{flex:0 0 auto}
.hero-nav>nav a{color:#f2f7ff;font-weight:600}
.hero-nav>nav a:hover{color:#fff}
.hero-nav .nav-contact{display:inline-flex;align-items:center;gap:20px;background:#fff;color:var(--star-blue-strong);border:0;border-radius:30px;padding:12px 22px;font-weight:700;white-space:nowrap}
.hero-nav .nav-contact>span{font-size:23px;line-height:1;font-weight:500}
.hero-nav .nav-contact:hover{background:#edf4ff;color:var(--star-blue-strong)}
.hero-mobile-menu{display:none;position:relative}
.hero-mobile-menu summary{list-style:none;font-size:12px;font-weight:600;cursor:pointer;padding:9px 2px;color:#f2f7ff}
.hero-mobile-menu summary::-webkit-details-marker{display:none}
.hero-nav .hero-mobile-menu nav{position:absolute;top:42px;right:-18px;display:flex;flex-direction:column;gap:0;min-width:165px;padding:8px;background:#f7fbff;border:1px solid #dce5ef;border-radius:16px;box-shadow:0 15px 40px -20px #12335e55}
.hero-mobile-menu nav a{padding:10px;text-decoration:none}
.hero-immersive{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100%;max-width:none;min-height:610px;margin:0;padding:150px 40px 75px;overflow:hidden;text-align:center;background:var(--paper)}
.hero-landscape{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.hero-immersive::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#f5f7fac7,#f5f7fab8 60%,#f5f7fadd)}
.hero-immersive .hero-statement{width:100%;max-width:1100px;margin:0;padding:0;position:relative}
.hero-immersive h1{font-family:Display,'Arial Narrow',sans-serif;font-weight:750;font-size:clamp(52px,6.3vw,86px);line-height:1.14;letter-spacing:-.035em;color:#07111b;margin:0}
.hero-immersive h1 .ink-highlight,.brand-text-gradient{font-weight:900;color:var(--star-blue-ink);background:var(--star-text-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:normal;padding:0 3px}
.hero-immersive .selected-word{padding:0 12px 4px}
.hero-trust{display:flex;align-items:center;justify-content:center;gap:38px;margin:30px auto 0;text-align:left;color:#354e6d}
.hero-rating{display:flex;align-items:center;gap:10px}
.hero-rating>img{display:block;flex:0 0 31px;width:31px;height:31px}
.hero-rating strong{display:block;font-size:12px;line-height:1.4;font-weight:700;letter-spacing:.005em}
.hero-rating-line{display:flex;gap:8px;align-items:center;font-size:12px;line-height:1.4}
.hero-rating-line b{font-weight:750}
.hero-stars{color:#d7a329;font-size:16px;letter-spacing:.5px;line-height:1.3}
.hero-team{display:flex;align-items:center;gap:10px}
.hero-avatars{display:flex;align-items:center;flex:0 0 auto}
.hero-avatars img{display:block;width:34px;height:34px;border:1.5px solid #f4f7fa;border-radius:50%;object-fit:cover;box-shadow:0 3px 8px #15354b1a}
.hero-avatars img+img{margin-left:-9px}
.hero-team strong{display:block;color:#243b59;font-size:13px;font-weight:800;line-height:1.3}
.hero-team small{display:block;font-size:11px;font-weight:550;line-height:1.45;color:#526b87}
.hero-immersive+.work-section{padding-top:42px}
.contact-section .contact-card{border:0;background:var(--star-surface-gradient)}
.contact-section .contact-copy{min-width:0}
.contact-section .contact-card h2{font-weight:750}
.contact-section .contact-card .button{gap:24px;background:#fff;color:var(--star-blue-strong);font-weight:700;border:0;box-shadow:0 10px 22px -14px #19477f55}
.contact-section .contact-card .button:hover{background:#f8fbff;color:var(--star-blue-strong);box-shadow:0 12px 25px -13px #19477f66}
.contact-collage .stack-0{z-index:1}
.contact-collage .stack-1{z-index:3}
.contact-collage .stack-2{z-index:2}
.contact-collage .stack-video:hover,.contact-collage .stack-video:focus-visible{z-index:4}
@media(max-width:1050px) and (min-width:761px){.hero-immersive{min-height:560px;padding:140px 30px 70px}.hero-immersive h1{font-size:clamp(50px,6vw,66px)}.hero-nav{width:calc(100% - 40px);padding:10px 17px}.hero-nav .brand img{width:145px}.hero-nav>nav{gap:18px}.hero-nav .nav-contact{padding:12px 17px;gap:13px;font-size:12px}}
@media(max-width:760px){
 .hero-nav{top:12px;width:calc(100% - 24px);padding:9px 12px;border-radius:17px;gap:12px}
 .hero-nav .brand img{width:112px;height:auto}
 .hero-nav>nav{display:none}
 .hero-mobile-menu{display:block;margin-left:auto}
 .hero-nav .nav-contact{font-size:11px;padding:10px 13px;gap:11px;white-space:nowrap}
 .hero-nav .nav-contact>span{font-size:19px}
 .hero-immersive{min-height:475px;padding:124px 20px 55px}
 .hero-immersive .hero-statement{padding:0;margin:0}
 .hero-immersive h1{font-size:clamp(39px,7.7vw,56px);line-height:1.16;letter-spacing:-.035em}
 .hero-immersive .selected-word{padding:0 7px 2px}
 .hero-landscape{object-position:43% center}
 .hero-trust{gap:20px;margin-top:24px;flex-wrap:wrap;row-gap:14px}
 .hero-rating{gap:7px}
 .hero-rating>img{width:26px;height:26px;flex-basis:26px}
 .hero-rating strong{font-size:10px}
 .hero-rating-line{gap:6px;font-size:11px}
 .hero-stars{font-size:13px;letter-spacing:0}
 .hero-team{gap:7px}
 .hero-avatars img{width:29px;height:29px}
 .hero-team strong{font-size:11px}
 .hero-team small{font-size:10px}
 .contact-section .contact-card .button{font-size:14px;gap:24px}
 .contact-section .contact-card{grid-template-columns:minmax(0,1fr)}
 .contact-section .contact-card>.contact-copy{width:100%;max-width:100%;min-width:0}
 .contact-section .contact-card h2{font-size:clamp(34px,9.5vw,44px);white-space:normal}
 .contact-section .contact-collage{justify-self:center;max-width:none}
 .hero-immersive+.work-section{padding-top:30px}
}
@media(max-width:400px){.hero-nav .brand img{width:97px}.hero-trust{gap:15px}.hero-team strong{font-size:10px}.hero-team small{font-size:9px}.hero-avatars img{width:27px;height:27px}}
@media(max-width:370px){.hero-immersive{padding-left:15px;padding-right:15px;min-height:455px}.hero-immersive h1{font-size:36px}.hero-nav{gap:9px}.hero-nav .nav-contact{padding:9px 10px;font-size:10px}.hero-trust{gap:13px}}