@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=IBM+Plex+Serif:wght@300;400;500&display=swap";:root{color-scheme:light;font-family:Space Grotesk,system-ui,sans-serif;background:#f7f5f0;color:#121315;--paper: #f7f5f0;--ink: #121315;--muted: #4c535a;--accent: #d46a3a;--accent-dark: #a84d2a;--soft: #efebe4;--line: #d8d2c8;--shadow: 0 30px 60px rgba(16, 20, 24, .12)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block;border-radius:20px}.page{min-height:100vh;background:radial-gradient(circle at top left,rgba(212,106,58,.08),transparent 55%),radial-gradient(circle at 30% 20%,rgba(8,25,44,.07),transparent 45%),var(--paper)}.site-header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f5f0db;border-bottom:1px solid rgba(216,210,200,.6)}.nav{max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:600;letter-spacing:.4px;display:flex;align-items:center;gap:12px}.logo-image{width:260px;height:60px;border-radius:14px;object-fit:contain;padding:0;background:transparent;border:none;box-shadow:none}.nav-links{display:flex;gap:18px;align-items:center;font-size:.95rem}.button{padding:12px 20px;border-radius:999px;border:1px solid var(--line);transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;font-weight:500}.button.primary{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 16px 30px #d46a3a47}.button.primary:hover{background:var(--accent-dark)}.button.secondary{background:transparent}.button.ghost{background:#1213150f;border-color:transparent}.hero{max-width:1200px;margin:0 auto;padding:80px 24px 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;align-items:center}.hero-content h1{font-size:clamp(2.4rem,3vw + 1rem,4rem);line-height:1.1;margin-bottom:20px}.hero-content p{font-size:1.05rem;color:var(--muted);max-width:520px}.eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;color:var(--accent-dark)}.hero-actions{display:flex;gap:16px;margin:24px 0 32px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.stat-card{padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.stat-value{font-size:1.2rem;font-weight:600}.stat-label{font-size:.85rem;color:var(--muted)}.hero-image{position:relative}.hero-image img{height:520px;width:100%;object-fit:cover;box-shadow:var(--shadow)}.hero-overlay{position:absolute;inset:auto 24px 24px 24px;background:#121315d9;color:#fff;border-radius:16px;padding:20px;display:grid;gap:12px}.overlay-title{font-weight:600}.overlay-detail{font-size:.9rem;color:#ffffffbf}.section{max-width:1200px;margin:0 auto;padding:60px 24px}.section-header{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.section-header h2{font-size:clamp(1.8rem,2vw + 1rem,2.8rem)}.section-header p{max-width:640px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.service-card{padding:22px;border-radius:18px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);display:grid;gap:12px}.icon{width:44px;height:44px;border-radius:14px;background:#d46a3a1f;display:grid;place-items:center}.dot{width:12px;height:12px;background:var(--accent);border-radius:50%}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.panel{padding:28px;border-radius:20px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.panel.highlight{background:linear-gradient(145deg,#121315f2,#121315bf);color:#fff;border:none}.checklist{list-style:none;display:grid;gap:12px;margin-top:20px}.checklist li{padding-left:28px;position:relative;color:var(--muted)}.checklist li:before{content:"";position:absolute;width:16px;height:16px;border-radius:6px;background:#d46a3a2e;left:0;top:4px}.panel.highlight .focus-grid{display:grid;gap:16px;margin-top:20px}.panel.highlight span{font-weight:600}.panel.highlight p{color:#ffffffb3}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.work-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.work-card img{height:220px;width:100%;object-fit:cover;border-radius:0}.work-content{padding:18px}.process{background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 60%)}.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.process-card{padding:20px;border-radius:16px;border:1px solid var(--line);background:#fff}.contact{padding-bottom:90px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.contact-form{background:#fff;border-radius:20px;padding:24px;border:1px solid var(--line);box-shadow:var(--shadow);display:grid;gap:16px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}label{display:grid;gap:8px;font-size:.9rem}input,textarea{border-radius:12px;border:1px solid var(--line);padding:12px 14px;font-family:inherit;font-size:.95rem}textarea{resize:vertical}label.full{grid-column:1 / -1}.hidden{position:absolute;left:-9999px}.form-message{font-size:.9rem}.form-message.success{color:#2f7a4b}.form-message.error{color:#b0423a}.contact-card{padding:26px;border-radius:20px;background:#1a1d20;color:#fff;display:grid;gap:16px;box-shadow:var(--shadow)}.contact-details{display:grid;gap:12px}.contact-details span{color:#ffffffa6;font-size:.85rem}.contact-badge{background:#ffffff14;border-radius:14px;padding:16px;display:grid;gap:6px}.footer{padding:40px 24px 60px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.footer-links{display:flex;gap:16px;color:var(--muted)}@media (max-width: 900px){.nav-links{display:none}.hero-image img{height:400px}}@media (max-width: 600px){.hero{padding-top:60px}.hero-overlay{position:static;margin-top:16px}.stats{grid-template-columns:1fr}}
