:root{--bg: #f7f8fa;--card: #ffffff;--accent: #123047;--muted: #667085;--radius: 16px}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);color:#0b1720;line-height:1.45;overflow-x:hidden}header{position:fixed;width:100%;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;background:#fffffff2;padding:14px 8%;box-shadow:0 2px 6px #0000000d;z-index:1000;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.logo{width:52px;height:52px}.brand h1{margin:0;font-size:18px}.brand p{margin:0;font-size:12px;color:var(--muted)}nav{display:flex;gap:16px;flex-wrap:wrap}nav a{text-decoration:none;font-weight:600;font-size:14px;padding:8px 14px;border-radius:8px}.btn{background:var(--accent);color:#fff;text-decoration:none;transition:.3s ease-in-out}.btn:hover{background-color:var(--card);color:var(--accent)}.ghost{text-decoration:none;color:var(--accent);border:1px solid rgba(18,48,71,.15);transition:.3s ease-in-out;background-color:var(--card)}.ghost:hover{background-color:var(--accent);color:var(--card)}section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 8% 60px;overflow:hidden}.hero{position:relative;overflow:hidden}#hero .arrow{position:absolute;bottom:20px;cursor:pointer}#hero .arrow img{width:40px}#hero .content{max-width:800px;text-align:center;z-index:10;color:#fff;margin:0 auto}#hero p{font-size:36px;margin-bottom:26px}#hero .cta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}#hero .cta a{padding:14px 20px;font-size:15px;border-radius:8px}#hero .fog{background-color:#000;position:absolute;width:100%;height:100%;opacity:.5}#hero .background-hero{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}#about{min-height:100vh;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:80px 8%;background:var(--bg)}.about-container{display:flex;flex-wrap:wrap;align-items:center;gap:40px;max-width:1200px;width:100%}.about-image{flex:1 1 400px;display:flex;max-width:500px}.about-image img{width:100%;max-width:400px;height:auto;border-radius:var(--radius);box-shadow:0 8px 20px #0000001a;object-fit:cover}.about-content{flex:1 1 400px}.about-content h2{font-size:32px;margin-bottom:20px;color:var(--accent)}.about-content p,.about-content ul,.about-content li{font-size:16px;line-height:1.6;color:var(--muted);margin-bottom:20px}.about-content .btn{padding:12px 24px;border-radius:var(--radius)}#services .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;width:100%;max-width:1200px}.service-card{display:flex;flex-direction:column;height:380px;border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 28px #0000001f;position:relative}.card-image{flex:1;background-size:cover;background-position:center;position:relative}.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0000008c,#0000001a)}.card-content{background:var(--card);padding:20px;text-align:center}.card-content h4{font-size:20px;color:var(--accent);margin-bottom:8px}.card-content p{color:var(--muted)}#contact .container{margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;width:100%;max-width:1200px}#contact .informations-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 1 300px}#contact .image-container{display:flex;justify-content:center}#contact .image-container img{width:100%;max-width:400px;border-radius:var(--radius)}#contact li{list-style:none;display:flex;align-items:center;margin:10px 0;gap:8px;font-size:15px;color:var(--muted)}#contact a{padding:10px 30px}#contact span{font-weight:700;color:var(--accent)}.footer{background:#0d2233;color:#fff;text-align:center;padding:18px;font-size:14px}@media(max-width:1024px){header{padding:12px 5%}#hero p{font-size:24px}.about-container{flex-direction:column;text-align:center}.about-image img{max-width:100%}#contact .container{flex-direction:column;text-align:center}#contact .informations-container{align-items:center}header nav a{display:none}.write-text{font-size:20px}}@media(max-width:768px){#hero{height:60vh}#hero h2{font-size:28px}#hero p{font-size:16px}.brand img{width:32px;height:32px}.card-content h4{font-size:18px}.card-content p{font-size:14px}}