*{box-sizing:border-box}
body{margin:0;background:#f4f5f2;color:#121619;font-family:'Barlow',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#0b4fa8;text-decoration:none}
a:hover{color:#e8761c}
input,textarea,button{font:inherit}

.page{min-height:100vh;display:flex;flex-direction:column}
.stripe{height:6px;display:grid;grid-template-columns:3fr 2fr 1fr}
.stripe span:nth-child(1){background:#0b4fa8}
.stripe span:nth-child(2){background:#7cc242}
.stripe span:nth-child(3){background:#e8761c}

.main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:clamp(32px,6vw,72px) clamp(20px,5vw,40px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(40px,6vw,80px);align-items:start}

.intro{display:flex;flex-direction:column;gap:32px}
.logo{width:100%;max-width:440px;height:auto;display:block}
.notice{display:flex;flex-direction:column;gap:14px}
.eyebrow{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#e8761c}
h1{margin:0;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(34px,5vw,52px);line-height:1.02;text-transform:uppercase;letter-spacing:.005em;text-wrap:balance}
.lead{margin:0;font-size:18px;line-height:1.55;color:#4a5157;max-width:46ch;text-wrap:pretty}

.details{display:grid;grid-template-columns:max-content minmax(0,1fr);border-top:1px solid #d8dbd4}
.detail{display:grid;grid-column:1/-1;grid-template-columns:subgrid;column-gap:24px;align-items:baseline;padding:16px 0;border-bottom:1px solid #d8dbd4;color:#121619}
.detail-label{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#6b7278}
.detail-phone{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(26px,3.4vw,32px);line-height:1;color:#0b4fa8}
.detail-email{font-size:clamp(16px,4.4vw,18px);font-weight:600;overflow-wrap:anywhere}
.detail-address{font-size:18px;font-weight:500}

.card{background:#fff;border:1px solid #e1e3dd;border-radius:6px;padding:clamp(24px,4vw,40px);box-shadow:0 1px 2px rgba(18,22,25,.04),0 12px 32px rgba(18,22,25,.06)}
h2{margin:0;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:32px;line-height:1;text-transform:uppercase}
.card-sub{margin:6px 0 0;font-size:16px;color:#4a5157}

.form{display:flex;flex-direction:column;gap:18px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:18px}
.form input,.form textarea{border:1px solid #c9cdc5;border-radius:4px;background:#fbfbfa;font-size:16px;font-weight:400;outline:none;color:#121619}
.form input{height:48px;padding:0 14px}
.form textarea{padding:12px 14px;resize:vertical;min-height:130px}
.form input:focus,.form textarea:focus{border-color:#0b4fa8;box-shadow:0 0 0 3px rgba(11,79,168,.15);background:#fff}

.btn{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 24px;border:none;border-radius:4px;background:#0b4fa8;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.btn:hover{background:#093f86;color:#fff}

.thanks{display:flex;flex-direction:column;gap:16px}
.thanks h2{font-size:clamp(32px,4vw,40px)}
.thanks p{margin:0;font-size:17px;line-height:1.55;color:#4a5157;text-wrap:pretty}
.thanks p a{font-weight:600}
.thanks .btn{align-self:flex-start;margin-top:8px;height:50px;font-size:18px}
.tick{width:52px;height:52px;border-radius:50%;background:#7cc242;color:#121619;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}

.dev-notice{margin:0;padding:12px 16px;border-left:4px solid #e8761c;background:#fff;font-size:17px;font-weight:600;line-height:1.45;color:#121619;max-width:46ch}

.services{width:100%;max-width:1120px;margin:0 auto;padding:0 clamp(20px,5vw,40px) clamp(40px,6vw,72px);display:flex;flex-direction:column;gap:24px}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.service{background:#fff;border:1px solid #e1e3dd;border-radius:6px;padding:24px;display:flex;flex-direction:column;gap:8px}
.service h3{margin:0;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:22px;line-height:1.1;text-transform:uppercase;color:#0b4fa8}
.service p{margin:0;font-size:16px;line-height:1.55;color:#4a5157;text-wrap:pretty}

.footer{width:100%;max-width:1120px;margin:0 auto;padding:24px clamp(20px,5vw,40px) 32px;font-size:14px;color:#6b7278}