:root{--carbon:#07151d;--water:#083043;--blue:#0a93a4;--mist:#74b7b2;--sand:#c8a976;--white:#f4f5f6;--ink:#102331;--line:#d9dfe2;--orange:#e86b2f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:76px;display:flex;align-items:center;padding:0 5vw;background:rgba(7,21,29,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}.brand img{width:178px;height:58px;object-fit:cover;object-position:center}.nav{margin-left:auto;display:flex;gap:28px}.nav a{font-size:11px;letter-spacing:.12em;color:#dbe7ea;text-transform:uppercase}.nav a:hover{color:#63d3d2}.menu-toggle{display:none;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.25);color:white;padding:9px 12px;font:500 10px 'IBM Plex Mono',monospace}.section{padding:110px 6vw}.section-dark{background:linear-gradient(135deg,var(--carbon),#052634);color:#fff}.hero{min-height:820px;padding-top:170px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-120px;top:110px;width:630px;height:630px;border:1px solid rgba(116,183,178,.18);border-radius:50%;box-shadow:0 0 0 90px rgba(116,183,178,.025),0 0 0 180px rgba(116,183,178,.018)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:7vw;align-items:end}.eyebrow{font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.11em;color:#73d5d4;margin:0 0 24px}.eyebrow.dark{color:#317f88}.hero h1,.section h2{margin:0;font-size:clamp(48px,7vw,105px);line-height:.92;letter-spacing:-.055em}.hero-lead{max-width:680px;font-size:18px;line-height:1.7;color:#c9d8dc;margin:34px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent}.btn-primary{background:#0fa5a7;color:white}.btn-ghost{border-color:#46616a;color:white}.hero-data{border-left:1px solid rgba(255,255,255,.16);padding-left:26px}.data-block{padding:17px 0;border-bottom:1px solid rgba(255,255,255,.1)}.data-block span,.technical-strip span{display:block;font:400 9px 'IBM Plex Mono',monospace;color:#7aa4ad;letter-spacing:.11em;margin-bottom:6px}.data-block strong,.technical-strip strong{font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.03em}.rao-line{position:absolute;left:0;right:0;bottom:28px;height:90px;z-index:1}.rao-line svg{width:100%;height:100%}.rao-line path{stroke:#11bfc1;stroke-width:1.2;fill:none;vector-effect:non-scaling-stroke}.intro{display:grid;grid-template-columns:70px 1.1fr .9fr;gap:50px;border-bottom:1px solid var(--line)}.section-number{font:500 12px 'IBM Plex Mono',monospace;color:#20485a}.section-number.inline{display:block;margin-bottom:14px}.intro h2,.section-heading h2,.contact h2{font-size:clamp(38px,5vw,72px)}.manifesto{font-size:clamp(20px,2.5vw,36px);line-height:1.45;font-weight:600;margin-top:35px}.intro-side{font-size:16px;line-height:1.9;color:#4d5d66;padding-top:50px}.section-heading{display:grid;grid-template-columns:.55fr 1fr;gap:50px;align-items:end;margin-bottom:72px}.section-heading h2{max-width:900px}.capabilities{background:#f7f8f8}.cap-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #bac8cc;border-left:1px solid #bac8cc}.cap-grid article{padding:28px;min-height:310px;border-right:1px solid #bac8cc;border-bottom:1px solid #bac8cc}.cap-grid article span,.project-meta span{font:500 10px 'IBM Plex Mono',monospace;color:#177c86;letter-spacing:.07em}.cap-grid h3{font-size:20px;line-height:1.2;margin:28px 0 18px}.cap-grid p{font-size:13px;line-height:1.75;color:#5e6b71}.methodology{padding-bottom:130px}.dark-heading{border-bottom:1px solid rgba(255,255,255,.13);padding-bottom:55px}.principles{display:grid;grid-template-columns:repeat(4,1fr)}.principles>div{padding:30px;border-right:1px solid rgba(255,255,255,.13)}.principles>div:first-child{padding-left:0}.principles b{font:500 11px 'IBM Plex Mono',monospace;color:#6bd5d3}.principles h3{font-size:18px;letter-spacing:.08em;margin:22px 0}.principles p{font-size:13px;line-height:1.75;color:#b9cbcf}.projects{background:#fff}.project-feature{display:grid;grid-template-columns:1.5fr .8fr;gap:18px}.project-stack{display:grid;gap:18px}.project-card{border:1px solid #bcc9cd;background:#f7f9f9;padding:30px;min-height:220px;position:relative;overflow:hidden}.project-card.large{min-height:470px;background:linear-gradient(140deg,#082a39 0%,#0b3f4f 100%);color:white}.project-card.large:after{content:"";position:absolute;right:-70px;bottom:-110px;width:400px;height:260px;border:2px solid rgba(78,213,211,.35);border-radius:50% 45% 60% 40%;transform:rotate(-8deg)}.project-meta{display:flex;justify-content:space-between}.project-card h3{font-size:clamp(24px,3vw,46px);max-width:660px;margin:70px 0 22px}.project-card:not(.large) h3{font-size:25px;margin:45px 0 16px}.project-card p{max-width:630px;line-height:1.7;color:#bfced2}.project-card:not(.large) p{color:#607078}.metric-row{position:absolute;bottom:30px;left:30px;right:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;z-index:2}.metric-row span{display:block;font:400 9px 'IBM Plex Mono';color:#69bdc0;margin-bottom:8px}.metric-row strong{font:500 12px 'IBM Plex Mono'}.technical-strip{padding-top:32px;padding-bottom:32px;background:#e9efef;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid #c2d0d2;border-bottom:1px solid #c2d0d2}.technical-strip>div{border-right:1px solid #c2d0d2;padding-right:18px}.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.contact-box{padding-left:34px;border-left:1px solid rgba(255,255,255,.15)}.contact-box p{line-height:1.8;color:#c6d5d8;margin:0 0 30px}.text-link{display:block;margin-top:18px;font:500 11px 'IBM Plex Mono';color:#7ad4d3}footer{min-height:100px;padding:20px 6vw;background:#061018;color:#9eb1b7;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font:500 10px 'IBM Plex Mono';letter-spacing:.07em}footer img{width:150px;height:54px;object-fit:cover}footer div:nth-child(2){text-align:center;color:#4bc4c2}footer div:last-child{text-align:right}
@media(max-width:1050px){.cap-grid{grid-template-columns:repeat(2,1fr)}.cap-grid article:last-child{grid-column:span 2}.principles{grid-template-columns:repeat(2,1fr)}.hero-grid,.section-heading,.project-feature,.contact{grid-template-columns:1fr}.hero-data{margin-top:55px}.contact-box{padding-left:0;border-left:0}.project-card.large{min-height:480px}}
@media(max-width:760px){.site-header{height:68px}.brand img{width:150px;height:50px}.menu-toggle{display:block}.nav{position:absolute;top:68px;left:0;right:0;display:none;flex-direction:column;padding:24px 6vw;background:#07151d;border-top:1px solid rgba(255,255,255,.08)}.nav.open{display:flex}.section{padding:80px 6vw}.hero{padding-top:140px;min-height:900px}.hero-grid{display:block}.hero h1{font-size:54px}.intro{grid-template-columns:1fr;gap:18px}.intro-side{padding-top:0}.cap-grid,.principles{grid-template-columns:1fr}.cap-grid article:last-child{grid-column:auto}.principles>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.13);padding-left:0}.section-heading{gap:26px;margin-bottom:50px}.technical-strip{grid-template-columns:1fr 1fr}.metric-row{grid-template-columns:1fr;position:relative;left:auto;right:auto;bottom:auto;margin-top:40px}.project-card.large{min-height:550px}.contact{gap:35px}footer{grid-template-columns:1fr;gap:12px;text-align:left}footer div:nth-child(2),footer div:last-child{text-align:left}}