*{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#1d2327;--muted:#5d6872;--line:#e7e6e1;--bg:#fbfaf7;--accent:#1f4d3a}
body{font-family:'Segoe UI',system-ui,-apple-system,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:var(--accent)}
.wrap{max-width:980px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--line);background:#fff}
header .wrap{display:flex;justify-content:space-between;align-items:center;height:68px}
.logo{font-weight:700;font-size:19px;color:var(--ink);text-decoration:none}
nav a{margin-left:22px;color:var(--muted);text-decoration:none;font-size:15px}
.hero{padding:88px 0 72px}
h1{font-size:clamp(32px,5vw,52px);line-height:1.12;letter-spacing:-.5px;max-width:760px}
.lead{font-size:clamp(17px,2.2vw,20px);color:var(--muted);max-width:620px;margin-top:20px}
.btn{display:inline-block;margin-top:32px;background:var(--accent);color:#fff;padding:14px 26px;border-radius:6px;text-decoration:none;font-weight:600}
section{padding:64px 0;border-top:1px solid var(--line)}
h2{font-size:28px;margin-bottom:28px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:s}
@media(max-width:860px){.steps{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.steps{grid-template-columns:1fr}}
.steps div{counter-increment:s}
.steps div::before{content:counter(s);display:block;font-weight:700;color:var(--accent);font-size:15px;margin-bottom:6px}
.steps b{display:block;margin-bottom:6px}.steps p{color:var(--muted);font-size:15px}
.price{background:#fff;border:1px solid var(--line);border-radius:10px;padding:36px;max-width:520px}
.price .n{font-size:44px;font-weight:700}.price .n span{font-size:17px;color:var(--muted);font-weight:400}
.price ul{list-style:none;margin-top:18px}.price li{padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}
.faq b{display:block;margin-top:22px}.faq p{color:var(--muted);max-width:720px}
.doc h1{font-size:34px;margin:56px 0 8px}.doc h2{font-size:20px;margin:30px 0 8px}.doc p,.doc li{color:#333;max-width:760px;margin-bottom:10px}.doc ul{padding-left:20px}
footer{padding:36px 0;color:var(--muted);font-size:14px;border-top:1px solid var(--line)}
footer a{color:var(--muted);margin-right:16px}
@media(max-width:560px){nav a{margin-left:14px;font-size:14px}.hero{padding:56px 0 48px}}
.opcije{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:900px}
.opcije .price{max-width:none}.price .n span{display:inline}
.napomena{color:var(--muted);margin-top:18px;font-size:15px}
@media(max-width:760px){.opcije{grid-template-columns:1fr}}