:root{--blue:#1769d2;--navy:#071b30;--ink:#101d2a;--gray:#66717e;--line:#dce2e7;--light:#f4f6f8;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fff}a{color:inherit;text-decoration:none}.site-header{height:82px;display:flex;align-items:center;padding:0 5vw;background:#fff;position:relative;z-index:20;border-bottom:1px solid #e7ebef}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.12em;font-size:17px}.brand small{display:block;color:#778391;font-size:8px;letter-spacing:.28em;margin-top:2px}.brand-mark{display:grid;grid-template-columns:repeat(3,5px);gap:3px;height:33px;align-items:end}.brand-mark i{display:block;background:var(--blue);height:20px;transform:skewY(-30deg)}.brand-mark i:nth-child(2){height:27px}.brand-mark i:nth-child(3){height:33px}.site-header nav{display:flex;gap:34px;margin:auto;font-size:14px;font-weight:600}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--blue);transition:.25s}.site-header nav a:hover:after{width:100%}.header-cta{background:var(--navy);color:#fff;padding:14px 19px;font-weight:700;font-size:13px}.header-cta span,.btn span{margin-left:14px}.menu-btn{display:none;background:none;border:0}.hero{min-height:calc(100vh - 82px);position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,30,.93) 0%,rgba(4,17,30,.72) 35%,rgba(4,17,30,.08) 74%),url('assets/relancer-hero.png') center/cover no-repeat;transform:scale(1.01)}.hero-content{position:relative;z-index:2;width:620px;margin-left:9vw;padding-bottom:74px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;display:flex;align-items:center;gap:13px}.eyebrow span{width:33px;height:2px;background:#3d8df0}.hero h1,.contact h2{font-family:Manrope,sans-serif;font-size:clamp(58px,6.8vw,104px);line-height:.9;letter-spacing:-.06em;margin:30px 0}.hero h1 em,.contact h2 em{font-style:normal;color:#559cf1}.hero-content>p{max-width:530px;color:#d4dce3;font-size:18px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:36px;margin-top:36px}.btn{display:inline-block;padding:17px 23px;font-size:13px;font-weight:700}.btn.primary{background:var(--blue)}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid #788592;padding:15px 0}.text-link span{margin-left:16px}.hero-proof{position:absolute;bottom:0;right:0;background:rgba(7,27,48,.88);backdrop-filter:blur(8px);display:flex;padding:24px 5vw 24px 35px;gap:55px;z-index:2}.hero-proof div{display:flex;flex-direction:column}.hero-proof strong{font-size:13px}.hero-proof span{font-size:10px;color:#9daab6;margin-top:5px}.scroll-cue{position:absolute;bottom:110px;right:3vw;z-index:2;font-size:8px;letter-spacing:.28em;writing-mode:vertical-rl;display:flex;gap:12px;align-items:center}.scroll-cue span{height:38px;width:1px;background:#fff}.section{padding:120px 9vw}.intro{display:grid;grid-template-columns:25% 1fr;background:#fff}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:.2em;font-weight:700;color:#6f7c88}.section-label span{color:var(--blue);margin-right:16px}.kicker{text-transform:uppercase;letter-spacing:.15em;color:var(--blue);font-size:10px;font-weight:700}.section h2,.projects h2{font-family:Manrope,sans-serif;font-size:clamp(40px,5vw,72px);line-height:1.05;letter-spacing:-.055em;margin:20px 0}.section h2 span,.projects h2 span{color:#9aa4ad}.lead{max-width:650px;font-size:17px;line-height:1.8;color:var(--gray)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:0 5vw 120px}.service-card{min-height:390px;padding:36px 30px;border:1px solid var(--line);margin-left:-1px;display:flex;flex-direction:column;transition:.3s}.service-card:hover{transform:translateY(-7px);box-shadow:0 20px 50px #10243c14;position:relative;z-index:2}.service-card.feature{background:var(--blue);color:#fff;border-color:var(--blue)}.service-top{display:flex;justify-content:space-between}.service-no{font:700 10px Manrope;color:#8c98a2}.feature .service-no{color:#bcd9ff}.icon{font-size:28px;color:var(--blue)}.feature .icon{color:#fff}.service-card h3{font:700 25px Manrope;margin-top:auto}.service-card p{font-size:14px;line-height:1.7;color:#6c7782;min-height:72px}.feature p{color:#dceaff}.service-card a{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-top:24px}.service-card a span{float:right}.about{background:var(--navy);color:#fff;display:grid;grid-template-columns:45% 55%;gap:8vw;align-items:center}.about-visual{height:630px;position:relative;background:linear-gradient(145deg,#1b3956,#0b243a);overflow:hidden}.blueprint{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#66a6e7 1px,transparent 1px),linear-gradient(90deg,#66a6e7 1px,transparent 1px);background-size:34px 34px;transform:perspective(500px) rotateY(-15deg) scale(1.2)}.blueprint:after{content:"R";position:absolute;font:800 400px Manrope;color:#fff;opacity:.12;left:50%;top:50%;transform:translate(-50%,-50%)}.about-badge{position:absolute;right:-1px;bottom:0;width:210px;padding:27px;background:var(--blue)}.about-badge strong{font:800 40px Manrope;display:block}.about-badge span{font-size:11px;color:#cfe4ff}.section-label.light{color:#a0adba}.about-copy>p:not(.kicker){color:#aeb9c3;line-height:1.8;font-size:15px;max-width:570px}.values{margin-top:35px}.values>div{display:flex;gap:24px;padding:17px 0;border-top:1px solid #2a3d50}.values strong{color:#559cf1;font-size:10px}.values span{color:#9ca9b5;font-size:12px}.values b{display:block;color:#fff;font-size:14px;margin-bottom:5px}.projects{padding-top:130px}.projects-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.projects-head>p{max-width:390px;color:var(--gray);line-height:1.7}.project-placeholder{min-height:500px;background:var(--light);position:relative;padding:60px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.project-lines{position:absolute;inset:0;background:linear-gradient(115deg,transparent 48%,#dbe2e7 48.2%,transparent 48.5%),linear-gradient(60deg,transparent 65%,#e3e8ec 65.2%,transparent 65.5%)}.project-placeholder>span,.project-placeholder h3,.project-placeholder p,.project-placeholder a{position:relative}.project-placeholder>span{font-size:10px;letter-spacing:.2em;color:var(--blue);font-weight:700}.project-placeholder h3{font:700 36px Manrope;margin:14px 0 8px}.project-placeholder p{color:var(--gray)}.btn.ghost{border:1px solid #b8c2cb;align-self:flex-start;margin-top:15px}.contact{background:var(--blue);color:#fff;padding:100px 9vw;position:relative;overflow:hidden}.contact:after{content:"R";position:absolute;right:5vw;top:-100px;font:800 600px Manrope;color:#fff;opacity:.055}.contact-inner{position:relative;z-index:2}.contact h2{font-size:clamp(50px,6vw,88px);margin:25px 0}.contact h2 em{color:#a9d0ff}.contact p{max-width:500px;color:#d8e9ff;line-height:1.7}.btn.white{background:#fff;color:var(--navy);margin-top:25px;min-width:260px}.contact-side{position:absolute;right:4vw;bottom:35px;display:flex;gap:35px;font-size:9px;letter-spacing:.2em;z-index:2}footer{background:#061626;color:#fff;padding:35px 5vw;display:flex;align-items:center;justify-content:space-between}.footer-brand{font-size:13px}.footer-brand .brand-mark{transform:scale(.75)}footer p{font-size:10px;letter-spacing:.1em;color:#8493a1}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.site-header{height:72px}.site-header nav{position:absolute;top:72px;left:0;right:0;background:#fff;display:none;flex-direction:column;padding:28px 6vw;border-top:1px solid var(--line)}.site-header nav.open{display:flex}.header-cta{display:none}.menu-btn{display:block;margin-left:auto;width:34px}.menu-btn span{height:2px;background:var(--navy);display:block;margin:7px}.hero{min-height:760px}.hero-content{margin:0 7vw;padding-bottom:150px}.hero-proof{left:0;right:0;gap:15px;justify-content:space-around;padding:20px}.scroll-cue{display:none}.intro{grid-template-columns:1fr;gap:40px}.service-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.about-visual{height:420px}.projects-head{display:block}.contact-side{display:none}}@media(max-width:560px){.hero h1{font-size:56px}.hero-content>p{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.hero-proof div:nth-child(2){display:none}.section{padding:85px 7vw}.section h2,.projects h2{font-size:42px}.service-grid{grid-template-columns:1fr;padding:0 7vw 85px}.service-card{min-height:330px}.about{padding-left:7vw;padding-right:7vw}.about-visual{height:330px}.about-badge{width:175px}.projects{padding-left:7vw;padding-right:7vw}.project-placeholder{padding:30px;min-height:430px}.project-placeholder h3{font-size:29px}.contact{padding:85px 7vw}footer{align-items:flex-start;flex-direction:column;gap:20px}.hero-proof{justify-content:flex-start;gap:45px;padding-left:7vw}}
