:root{--bg-color: #ffffff;--text-main: #1a1a1a;--text-muted: #666666;--accent: #f5a623;--accent-hover: #d48e1b;--card-bg: #f9f9f9;--card-border: #eeeeee;--font-main: "Inter", sans-serif;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:var(--transition)}.container{max-width:1100px;margin:0 auto;padding:0 20px}header{padding:30px 0;border-bottom:1px solid var(--card-border)}.brand-logo{font-size:24px;font-weight:700;letter-spacing:-1px;color:var(--text-main)}.brand-logo span{color:var(--accent)}.hero{padding:100px 0 60px;text-align:center}.hero h1{font-size:48px;font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:20px;max-width:700px;margin-left:auto;margin-right:auto}.hero p{font-size:18px;color:var(--text-muted);font-weight:300;max-width:500px;margin:0 auto}.services{padding:40px 0 100px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.card{background:var(--card-bg);border:1px solid var(--card-border);padding:40px;border-radius:4px;display:flex;flex-direction:column;justify-content:space-between;height:100%;position:relative;overflow:hidden}.card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 10px 30px #0000000d}.card:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background-color:var(--card-border);transition:var(--transition)}.card:hover:before{background-color:var(--accent)}.card-icon{font-size:32px;font-weight:700;color:var(--text-muted);margin-bottom:30px;opacity:.5}.card h2{font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:10px}.card p{font-size:16px;color:var(--text-muted);font-weight:300;margin-bottom:30px;flex-grow:1}.card-btn{display:inline-block;background-color:var(--text-main);color:#fff;padding:12px 24px;font-weight:600;font-size:14px;border-radius:2px;text-align:center}.card:hover .card-btn{background-color:var(--accent)}footer{padding:40px 0;border-top:1px solid var(--card-border);text-align:center;font-size:14px;color:var(--text-muted);font-weight:300}@media(max-width:768px){.hero h1{font-size:36px}.hero{padding:60px 0}.grid{grid-template-columns:1fr}}