:root{--ink:#0b1b25;--petrol:#123e52;--paper:#f6f7f5;--white:#fff;--muted:#64707a;--line:rgba(11,27,37,.13);--green:#37b26c;--purple:#6d58a8;--steel:#3f6477;--radius:30px;--shadow:0 30px 80px rgba(11,27,37,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;background:var(--paper);color:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.nav{position:fixed;z-index:30;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;padding:12px 14px 12px 18px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(8,21,29,.55);backdrop-filter:blur(20px);color:white;box-shadow:0 10px 40px rgba(0,0,0,.15)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em}.mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:white;color:var(--petrol);font-weight:900}.navlinks{display:flex;gap:24px;align-items:center;font-size:13px}.navlinks a{opacity:.82}.navlinks a:hover{opacity:1}.navcta{padding:11px 18px;border-radius:999px;background:white;color:var(--ink);font-weight:800}.menu{display:none;background:none;border:0;color:white;font-size:24px}
.hero{min-height:100svh;position:relative;display:grid;align-items:end;color:white;background:#071720;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,22,.84) 0%,rgba(4,15,22,.47) 48%,rgba(4,15,22,.13) 100%),linear-gradient(0deg,rgba(4,15,22,.75),transparent 60%);z-index:1}.hero-media{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.05);animation:heroZoom 14s ease-out forwards}.hero-orb{position:absolute;width:52vw;height:52vw;border-radius:50%;right:-12vw;top:-16vw;background:radial-gradient(circle,rgba(255,255,255,.25),rgba(255,255,255,0) 68%);z-index:1}.hero-copy{position:relative;z-index:2;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:180px 0 82px}.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;opacity:.78}.hero h1{font-size:clamp(58px,8.8vw,142px);line-height:.86;letter-spacing:-.065em;margin:18px 0 30px;max-width:1000px}.hero h1 span{display:block;font-weight:500;color:rgba(255,255,255,.72)}.hero p{max-width:620px;font-size:clamp(18px,2vw,25px);line-height:1.45;color:rgba(255,255,255,.82)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border-radius:999px;font-weight:800;background:var(--ink);color:white;border:1px solid transparent}.btn.light{background:white;color:var(--ink)}.btn.ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);backdrop-filter:blur(10px)}.scroll-note{position:absolute;z-index:2;right:32px;bottom:38px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;writing-mode:vertical-rl;opacity:.6}
@keyframes heroZoom{to{transform:scale(1)}}
.marquee{overflow:hidden;background:var(--ink);color:white;padding:18px 0}.track{display:flex;gap:50px;width:max-content;animation:marquee 22s linear infinite;font-weight:800;letter-spacing:.06em}.track span:after{content:'✦';margin-left:50px;opacity:.35}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:120px 0}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.intro{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}.intro h2,.section-title{font-size:clamp(46px,7vw,100px);line-height:.94;letter-spacing:-.055em;margin:0}.intro p{font-size:clamp(20px,2.2vw,30px);line-height:1.45;color:var(--muted);margin-top:18px}.statement{padding:120px 0;background:white}.statement .big{font-size:clamp(42px,7vw,105px);line-height:1.02;letter-spacing:-.055em;max-width:1100px}.statement .big em{font-style:normal;color:#a2abb0}
.units{background:#0a1d27;color:white;padding:0}.unit{min-height:100svh;position:relative;display:grid;align-items:end;overflow:hidden;border-top:1px solid rgba(255,255,255,.12)}.unit-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.86)}.unit:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,13,18,.92),rgba(4,13,18,.07) 72%),linear-gradient(90deg,rgba(4,13,18,.46),transparent);z-index:1}.unit-content{position:relative;z-index:2;width:min(1180px,calc(100% - 40px));margin:auto;padding:120px 0 70px}.unit-index{font-size:13px;letter-spacing:.18em;text-transform:uppercase;opacity:.65}.unit h3{font-size:clamp(58px,10vw,150px);line-height:.84;letter-spacing:-.065em;margin:14px 0 25px}.unit p{font-size:clamp(19px,2vw,28px);max-width:670px;color:rgba(255,255,255,.8)}.unit-meta{display:flex;justify-content:space-between;align-items:end;gap:20px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.chip{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);padding:10px 14px;border-radius:999px;font-size:13px;backdrop-filter:blur(10px)}.round-link{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:white;color:var(--ink);font-size:30px;flex:0 0 auto;transition:.25s}.round-link:hover{transform:rotate(45deg) scale(1.06)}
.method{background:#e9ece9}.method-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:50px}.method-head p{max-width:500px;color:var(--muted);font-size:19px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step{min-height:330px;border-radius:var(--radius);padding:28px;background:white;display:flex;flex-direction:column;justify-content:space-between;transition:.3s}.step:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.step .num{font-size:13px;font-weight:800;color:var(--muted)}.step h4{font-size:34px;line-height:1.05;letter-spacing:-.035em;margin:0}.step p{color:var(--muted);line-height:1.55}.step.featured{background:var(--petrol);color:white}.step.featured p,.step.featured .num{color:rgba(255,255,255,.7)}
.projects{background:white}.project-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:48px}.project{min-height:620px;border-radius:34px;overflow:hidden;position:relative;background-size:cover;background-position:center}.project.small{min-height:301px}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,13,18,.8),transparent 60%)}.project-copy{position:absolute;z-index:1;left:28px;right:28px;bottom:26px;color:white}.project-copy h4{font-size:32px;margin:0 0 6px}.project-copy span{opacity:.72}.stack{display:grid;gap:18px}.project .tag{position:absolute;z-index:1;top:22px;left:22px;background:rgba(255,255,255,.85);color:var(--ink);padding:9px 12px;border-radius:999px;font-size:12px;font-weight:800;backdrop-filter:blur(12px)}
.diagnostic{padding:120px 0;background:var(--petrol);color:white}.diagnostic-box{border-radius:42px;padding:58px;background:linear-gradient(140deg,rgba(255,255,255,.15),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.2);display:grid;grid-template-columns:1fr 1fr;gap:40px}.diagnostic h2{font-size:clamp(46px,6vw,88px);line-height:.94;letter-spacing:-.05em;margin:0}.diag-options{display:grid;gap:12px}.diag-options a{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-radius:18px;background:white;color:var(--ink);font-weight:800;transition:.25s}.diag-options a:hover{transform:translateX(8px)}
.footer{background:#071720;color:white;padding:90px 0 28px}.footer-top{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:50px}.footer h3{font-size:clamp(48px,7vw,100px);letter-spacing:-.06em;line-height:.9;margin:0}.footer h4{font-size:13px;text-transform:uppercase;letter-spacing:.14em;opacity:.55;margin:0 0 18px}.footer a,.footer span{display:block;margin:10px 0;color:rgba(255,255,255,.72)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.14);padding-top:24px;margin-top:60px;font-size:12px;color:rgba(255,255,255,.5)}.wa{position:fixed;z-index:25;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:white;font-weight:900;box-shadow:0 16px 40px rgba(0,0,0,.25)}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}
.page-hero{min-height:72svh;padding:180px 0 80px;background-size:cover;background-position:center;position:relative;color:white}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,22,.86),rgba(4,15,22,.25))}.page-hero .wrap{position:relative;z-index:1}.page-hero h1{font-size:clamp(60px,10vw,145px);line-height:.86;letter-spacing:-.065em;margin:18px 0}.page-hero p{font-size:23px;max-width:680px;color:rgba(255,255,255,.8)}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:45px}.card{padding:30px;border-radius:26px;background:white;min-height:250px}.card h3{font-size:32px;margin:0 0 12px}.card p{color:var(--muted);line-height:1.6}.accent-purple{background:#efeaf9}.accent-steel{background:#e5edf1}.accent-home{background:#e7eff0}.form{display:grid;gap:14px}.form input,.form select,.form textarea{width:100%;padding:17px 18px;border:1px solid var(--line);border-radius:16px;background:white}.form textarea{min-height:140px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:850px){.navlinks{display:none}.menu{display:block}.hero-copy{padding-bottom:58px}.hero h1{font-size:clamp(58px,15vw,92px)}.intro,.diagnostic-box,.footer-top,.two-col{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project,.project.small{min-height:440px}.unit-meta{align-items:start}.round-link{width:62px;height:62px}.section{padding:86px 0}.cards{grid-template-columns:1fr}.footer-top{gap:34px}.footer-bottom{flex-direction:column;gap:8px}.scroll-note{display:none}.method-head{display:block}}