:root{--bg:#f4f4f0;--ink:#111;--acc:#1a47e6;--line:#111;font-family:"JetBrains Mono","Courier New",ui-monospace,monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.55}
a{color:var(--ink)}
header.bar{border-bottom:3px solid var(--line);display:flex;justify-content:space-between;align-items:stretch}
header.bar .logo{padding:18px 22px;font-weight:800;font-size:1.15rem;text-decoration:none;border-right:3px solid var(--line);text-transform:uppercase;letter-spacing:.05em}
header.bar nav{display:flex}
header.bar nav a{display:flex;align-items:center;padding:0 20px;text-decoration:none;border-left:1px solid var(--line);text-transform:uppercase;font-size:.82rem;letter-spacing:.08em}
header.bar nav a.active,header.bar nav a:hover{background:var(--acc);color:#fff}
.hero{border-bottom:3px solid var(--line);display:grid;grid-template-columns:1.1fr .9fr}
.hero .l{padding:60px 40px;border-right:3px solid var(--line)}
.hero .tag{background:var(--acc);color:#fff;display:inline-block;padding:4px 10px;text-transform:uppercase;font-size:.72rem;letter-spacing:.1em}
.hero h1{font-size:clamp(2.4rem,4.6vw,4.2rem);line-height:1;margin:18px 0;text-transform:uppercase;letter-spacing:-.02em}
.hero p{font-size:1.08rem;max-width:46ch}
.hero .btn{display:inline-block;margin-top:22px;background:var(--ink);color:#fff;text-decoration:none;padding:14px 24px;text-transform:uppercase;font-weight:800;letter-spacing:.06em;border:3px solid var(--ink)}
.hero .btn:hover{background:var(--acc);border-color:var(--acc)}
.hero .r{overflow:hidden}.hero .r img{width:100%;height:100%;min-height:340px;object-fit:cover;filter:grayscale(.15) contrast(1.05)}
.sec{border-bottom:3px solid var(--line);padding:46px 40px}
.sec h2{font-size:clamp(1.6rem,3vw,2.5rem);text-transform:uppercase;margin:0 0 8px;letter-spacing:-.01em}
.sec .lab{font-size:.74rem;letter-spacing:.2em;color:var(--acc);text-transform:uppercase}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);border:3px solid var(--line);margin-top:24px}
.grid3 .c{padding:22px;border-right:3px solid var(--line)}
.grid3 .c:last-child{border-right:0}
.grid3 .c h3{margin:0 0 6px;text-transform:uppercase;font-size:1rem}
.grid3 .c p{margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;border:3px solid var(--line);margin-top:24px}
.split img{width:100%;height:100%;min-height:280px;object-fit:cover;border-right:3px solid var(--line)}
.split .x{padding:26px}
.ul{list-style:none;padding:0;margin:12px 0 0}
.ul li{padding:10px 0;border-bottom:1px dashed var(--line)}.ul li::before{content:"[ ] ";color:var(--acc)}
.steps{list-style:none;padding:0;margin:24px 0 0;counter-reset:n;border:3px solid var(--line)}
.steps li{counter-increment:n;padding:16px 16px 16px 60px;position:relative;border-bottom:1px solid var(--line)}
.steps li:last-child{border-bottom:0}
.steps li::before{content:counter(n,decimal-leading-zero);position:absolute;left:16px;font-weight:800;color:var(--acc)}
.form{border:3px solid var(--line);padding:24px;display:grid;gap:14px;background:#fff;max-width:520px}
.form label{text-transform:uppercase;font-size:.78rem;letter-spacing:.1em;display:grid;gap:6px}
.form input{border:2px solid var(--line);padding:12px;font:inherit;background:#fff}
.form .cons{text-transform:none;font-size:.84rem;display:flex;gap:8px;letter-spacing:0}
.form .hp{position:absolute;left:-6000px}
.form button{background:var(--acc);color:#fff;border:3px solid var(--line);padding:14px;text-transform:uppercase;font-weight:800;letter-spacing:.06em;cursor:pointer}
.form .note{font-size:.78rem;margin:0}
.faq details{border:2px solid var(--line);padding:14px 18px;margin-bottom:10px;background:#fff}
.faq summary{cursor:pointer;font-weight:800;text-transform:uppercase;font-size:.92rem}
.gal{display:grid;grid-template-columns:1fr 1fr 1fr;border:3px solid var(--line);margin-top:24px}
.gal img{width:100%;height:180px;object-fit:cover;border-right:3px solid var(--line)}.gal img:last-child{border-right:0}
.legal h2{font-size:1.05rem;text-transform:uppercase;color:var(--acc);margin:20px 0 4px}
footer.ft{padding:30px 40px;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}
footer.ft a{margin-right:14px}
@media(max-width:860px){.hero,.grid3,.split,.gal{grid-template-columns:1fr}header.bar{flex-direction:column}header.bar nav{flex-wrap:wrap}}