:root{--navy:#062d5f;--navy-deep:#031d3e;--teal:#0b9cab;--teal-dark:#087e83;--orange:#ff6237;--violet:#7155c7;--paper:#f7fbfb;--white:#fff;--muted:#536b79}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--navy-deep);font-family:Arial,Helvetica,sans-serif;line-height:1.42}
a{color:inherit}
.landing-header{height:56px;padding:7px clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(6,45,95,.09);backdrop-filter:blur(12px)}
.landing-header nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,36px)}.landing-header nav a{text-decoration:none;font-weight:800;font-size:.88rem}.landing-header nav a:hover,.landing-header nav a:focus-visible{color:var(--teal-dark)}.language-switch{display:inline-flex;align-items:center;gap:6px;padding-left:5px;color:#72858e;font-size:.76rem}.language-switch a,.language-switch strong{font-size:.76rem!important}.language-switch strong{color:var(--orange)}
.landing-shell{position:relative;min-height:calc(100svh - 104px);padding:clamp(14px,2.2vh,24px) clamp(20px,5vw,70px) clamp(18px,2.8vh,30px);display:grid;grid-template-rows:auto 1fr;gap:clamp(14px,2vh,22px);overflow:hidden;background:radial-gradient(circle at 8% 18%,rgba(255,98,55,.16),transparent 21%),radial-gradient(circle at 91% 12%,rgba(11,156,171,.2),transparent 24%),radial-gradient(circle at 82% 88%,rgba(113,85,199,.13),transparent 24%),linear-gradient(145deg,#fff 0%,#f0fbfa 57%,#fff8f3 100%)}
.landing-shell::before,.landing-shell::after{content:"";position:absolute;border-radius:50%;pointer-events:none}.landing-shell::before{width:170px;height:170px;left:-78px;bottom:18%;border:22px solid rgba(11,156,171,.1);border-right-color:transparent;transform:rotate(24deg)}.landing-shell::after{width:90px;height:90px;right:4%;top:13%;background:linear-gradient(135deg,rgba(255,98,55,.16),rgba(255,200,75,.13));transform:rotate(22deg);border-radius:65% 35% 68% 32%}
.brand-intro{position:relative;z-index:1;width:min(980px,100%);margin:0 auto;text-align:center}.hero-logo{display:block;width:min(350px,72vw);height:auto;margin:0 auto clamp(8px,1.4vh,15px)}
.eyebrow{margin:0 0 6px;color:var(--orange);font-size:.71rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
h1,h2{font-family:Georgia,"Times New Roman",serif}.brand-intro h1{margin:0;line-height:1.12;letter-spacing:-.018em}.brand-intro h1>span{display:block}.brand-intro h1>span:first-child{font-size:clamp(1.22rem,1.52vw,1.62rem);font-weight:700;color:var(--navy-deep)}.brand-intro h1>span+span{margin-top:4px;font-size:clamp(1.62rem,2.2vw,2.35rem);font-weight:800;color:var(--teal-dark)}
.lead,.thought{display:inline-block;width:min(430px,45%);vertical-align:top;margin:clamp(10px,1.5vh,16px) 10px 0;max-width:430px;font-size:clamp(.94rem,1.1vw,1.06rem);font-weight:700;color:#294c64}
.brand-intro h1.solution-only{font-size:clamp(1.78rem,2.35vw,2.55rem);font-weight:800;color:var(--teal-dark)}.brand-statement{width:min(940px,94%);margin:clamp(10px,1.6vh,17px) auto 0;font-size:clamp(.96rem,1.12vw,1.08rem);font-weight:700;color:#294c64}
.project-area{position:relative;z-index:1;width:min(1180px,100%);margin:0 auto;align-self:center;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(250px,34vh,330px);gap:14px}
.project-card{position:relative;min-width:0;padding:18px 22px;border:1px solid rgba(6,45,95,.08);border-radius:22px;box-shadow:0 16px 38px rgba(6,45,95,.12);overflow:hidden}.project-card>div:first-child{display:flex;justify-content:space-between;gap:15px}.status{display:inline-flex;align-items:center;height:25px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.78);color:var(--navy);font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.status.active{background:#fff;color:var(--teal-dark)}.number{margin:0;color:rgba(255,255,255,.7);font-weight:900}.project-copy{position:relative;z-index:3}.project-copy .eyebrow{margin-top:10px}.project-copy h2{margin:0;font-size:clamp(1.9rem,2.8vw,3.3rem);line-height:1}.project-copy>p:not(.eyebrow){margin:9px 0 0;font-size:.9rem;line-height:1.38}.card-link,.coming{display:inline-block;margin-top:12px;font-weight:900;font-size:.79rem}
.sam-card{min-height:286px;display:flex;flex-direction:column;color:#fff;text-decoration:none;background:linear-gradient(145deg,#087e83 0%,#0b9cab 42%,#7155c7 74%,#ff6237 118%);transition:transform .25s,box-shadow .25s}.sam-card::before{content:"";position:absolute;width:220px;height:220px;right:-90px;bottom:-145px;border:30px solid rgba(255,255,255,.1);border-radius:50%}.sam-card:hover,.sam-card:focus-visible{transform:translateY(-4px);box-shadow:0 22px 48px rgba(19,78,117,.22)}.sam-card .project-copy{max-width:54%}.sam-card .eyebrow{color:#ffe2d9}.sam-card .project-copy>p:not(.eyebrow){max-width:330px;color:rgba(255,255,255,.9)}.card-link{color:#fff}.sam-visual{position:absolute;right:15px;top:76px;width:178px;height:98px;z-index:2}.sam-visual img{position:absolute;width:88px;aspect-ratio:1/1;object-fit:cover;border:4px solid rgba(255,255,255,.94);border-radius:18px;box-shadow:0 10px 22px rgba(8,29,62,.28)}.sam-visual img:nth-child(1){left:0;top:3px;transform:rotate(-9deg)}.sam-visual img:nth-child(2){left:47px;top:0;transform:rotate(3deg)}.sam-visual img:nth-child(3){right:0;top:7px;transform:rotate(10deg)}
.sam-card .project-copy{max-width:48%}
.placeholder{min-height:286px;color:#fff}.placeholder .project-copy .eyebrow{margin-top:16px;color:rgba(255,255,255,.75)}.placeholder .project-copy h2{font-size:clamp(1.9rem,2.8vw,3.3rem)}.placeholder .project-copy>p:not(.eyebrow){max-width:330px;color:rgba(255,255,255,.88)}.placeholder .coming{color:#fff}.placeholder::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.project-area .project-card{min-height:0}
.landing-shell{--statement-gap:clamp(32px,4.3vh,44px);grid-template-rows:auto auto;align-content:start;gap:var(--statement-gap)}.hero-logo{width:min(340px,70vw)}.brand-statement{margin-top:var(--statement-gap)}.project-area{grid-auto-rows:clamp(260px,38vh,350px)}
#aquagard{background:linear-gradient(135deg,#063b72 0%,#087aa6 48%,#28c2cf 115%)}#aquagard::after{width:130px;height:130px;right:-36px;bottom:-67px;border:22px solid rgba(255,255,255,.13)}
.thinktank-card{background:linear-gradient(135deg,#ff9a45 0%,#ff6237 54%,#d7436e 120%)}.thinktank-card::after{width:86px;height:86px;right:20px;top:-54px;background:rgba(255,224,116,.24);box-shadow:0 0 0 18px rgba(255,255,255,.08)}
.landing-footer{min-height:48px;padding:10px clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--navy-deep);color:#fff;font-size:.8rem}.landing-footer nav{display:flex;gap:20px;flex-wrap:wrap}.landing-footer a{text-decoration:none;font-weight:800}.landing-footer a:hover,.landing-footer a:focus-visible{text-decoration:underline;text-underline-offset:4px}
@media(max-width:920px){.landing-shell{overflow:visible}.lead,.thought{display:block;width:min(650px,100%);margin:10px auto 0}.project-area{grid-template-columns:1fr;grid-auto-rows:auto}.project-card,.sam-card,.placeholder{min-height:260px}.landing-footer{margin-top:0}}
@media(max-width:680px){.landing-header{height:auto;padding:12px 20px}.landing-header nav{gap:10px 17px;flex-wrap:wrap}.landing-shell{padding-top:22px}.hero-logo{width:min(320px,88vw)}.brand-intro h1>span:first-child{font-size:1.2rem}.brand-intro h1>span+span{font-size:1.6rem}.sam-card .project-copy{max-width:100%;padding-bottom:72px}.sam-visual{top:auto;right:12px;bottom:8px;transform:scale(.76);transform-origin:right bottom}.project-card{min-height:270px}.landing-footer{align-items:flex-start;flex-direction:column}.landing-footer nav{gap:12px 18px}}
@media(max-height:760px) and (min-width:921px){.landing-header{height:50px}.landing-shell{min-height:calc(100svh - 94px);padding-top:9px;padding-bottom:10px;gap:9px}.hero-logo{width:min(285px,62vw);margin-bottom:4px}.brand-intro h1>span:first-child{font-size:1.2rem}.brand-intro h1>span+span{font-size:1.68rem}.lead,.thought{margin-top:7px;font-size:.89rem}.project-area{grid-auto-rows:minmax(244px,1fr);gap:11px}.project-card,.sam-card,.placeholder{min-height:244px;padding:15px 18px}.project-copy h2,.placeholder .project-copy h2{font-size:2.2rem}.sam-visual{transform:scale(.86);transform-origin:right bottom}.landing-footer{min-height:44px;padding-top:8px;padding-bottom:8px}}
@media(max-height:760px) and (min-width:921px){.landing-shell{gap:var(--statement-gap)}.hero-logo{width:min(340px,70vw)}.brand-statement{margin-top:var(--statement-gap)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
