@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#101B2B;--cream:#F3F6FA;--lime:#51AD73;--muted:#66758A}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}.nav{height:88px;display:flex;justify-content:space-between;align-items:center;padding:0 max(5%,calc((100vw - 1240px)/2));border-bottom:1px solid #D9E2EC}.brand{display:flex;align-items:center;gap:12px;font:800 13px/1.25 Manrope,sans-serif;letter-spacing:.04em;text-decoration:none}.mark{display:grid;place-items:center;background:var(--ink);color:var(--lime);height:42px;width:42px;border-radius:12px;font-size:28px}.navlink{text-decoration:none;font-size:13px;font-weight:700}.hero{max-width:1400px;margin:auto;display:grid;grid-template-columns:55% 45%;min-height:640px;padding:72px 5% 75px;gap:20px}.hero-copy{padding:42px 0}.eyebrow,.overline{font-size:11px;font-weight:800;letter-spacing:.18em}.dot{display:inline-block;background:#51AD73;width:8px;height:8px;border-radius:50%;margin-right:8px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.065em}h1{font-size:clamp(52px,6vw,91px);line-height:1.06;margin:26px 0}h1 em,h2 em{font-weight:500;font-style:normal;color:#398C5A}.intro{max-width:525px;font-size:17px;line-height:1.8;color:#607087}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 42px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;text-decoration:none;border-radius:7px;padding:18px 23px;font-weight:700;font-size:13px}.primary{background:var(--ink);color:white}.ghost{border:1px solid #c4d0ca}.trust{display:flex;align-items:center;gap:18px;color:#65748A;font-size:12px;line-height:1.7}.trust strong{color:var(--ink)}.avatars{background:#E2EBE7;padding:14px;border-radius:50px;font-weight:800;letter-spacing:2px}.hero-art{background:#CAD8E3;border-radius:180px 180px 16px 16px;min-height:490px;position:relative;overflow:hidden;align-self:stretch}.sun{position:absolute;top:90px;right:65px;width:190px;height:190px;background:#8CCBA2;border-radius:50%}.tower{position:absolute;bottom:0;background:#627D9A;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:28px 20px;align-content:start}.tower i{width:32px;height:48px;background:#C4DBE4;border-radius:15px 15px 0 0}.t1{height:300px;left:4%;width:150px}.t2{height:405px;left:35%;width:175px;background:#304E6B}.t3{height:240px;right:0;width:155px;background:#7899A9}.art-label{position:absolute;bottom:32px;left:28px;color:#fff;font:800 13px/1.5 Manrope;letter-spacing:.12em}.stripe{background:var(--ink);color:#51AD73;display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap;padding:23px;font-size:10px;letter-spacing:.13em;font-weight:800}.section{max-width:1240px;margin:auto;padding:115px 5%}.how{display:grid;grid-template-columns:1fr 1fr;gap:100px}.section h2,.bottom h2,.survey-intro h2{font-size:clamp(42px,5vw,67px);line-height:1.12;margin:22px 0}.steps article{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid #D7E1EB}.steps article b{color:#398C5A}.steps h3{font-size:19px}.steps p{color:#66758A;line-height:1.65;font-size:14px}.survey-section{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:110px max(5%,calc((100vw - 1240px)/2))}.survey-intro{padding-top:30px}.light{color:var(--lime)}.survey-intro p{color:#CEDBE9;max-width:440px;line-height:1.8}.note{border-left:2px solid var(--lime);padding:15px 18px;background:#1C2C40;font-size:13px;line-height:1.6;margin-top:40px;max-width:440px}.survey-card{background:white;color:var(--ink);border-radius:13px;padding:38px;box-shadow:0 20px 70px #001b2026}.progress{display:flex;align-items:center;gap:20px;color:#718485;font-size:11px;font-weight:800}.track{flex:1;background:#e5ece8;height:5px;border-radius:10px;overflow:hidden}.track span{display:block;height:100%;width:33.33%;background:#51AD73;transition:.2s}.pane{display:none;min-height:340px}.pane.active{display:block}.pane h3,#success h3{font:800 26px/1.25 Manrope;margin:33px 0 23px;letter-spacing:-.04em}.pane label:not(.consent){display:block;font-size:12px;font-weight:800;margin:17px 0 9px}.pane label span{color:#b36e52}.pane input:not([type=checkbox]),.pane select,.pane textarea,.policy input,.building-form input,.building-form select{width:100%;border:1px solid #D6E0EA;border-radius:7px;padding:14px;background:#FBFCFF;color:var(--ink);outline-color:#51AD73}.hint{font-size:12px;color:#66758A;line-height:1.6}.checks{display:grid;gap:9px}.checks label,.consent{display:flex!important;gap:12px;align-items:center;padding:11px;background:#F0F5F8;border-radius:6px;font-size:13px!important;margin:0!important;font-weight:500!important}.checks input,.consent input{accent-color:var(--ink);width:17px;height:17px;flex-shrink:0}.consent{margin-top:20px!important;line-height:1.6}.legal{font-size:11px;color:#66758A;line-height:1.7}.form-actions{display:flex;justify-content:space-between;margin-top:26px}.next,.back{border:0;cursor:pointer;padding:14px 22px;border-radius:6px;font-size:13px;font-weight:800}.next{background:var(--ink);color:white;margin-left:auto}.next:disabled{opacity:.6}.back{background:transparent;color:var(--ink)}#feedback{color:#b34b3e;font-size:13px;margin-top:12px}#success{padding:55px 0}.success-icon{font-size:50px;color:#398C5A}.bottom{max-width:1240px;margin:auto;padding:110px 5%;display:grid;grid-template-columns:1.5fr 1fr;gap:60px}.bottom p{align-self:center;line-height:1.8;color:#66758A}footer{padding:30px 5%;border-top:1px solid #D9E2EC;display:flex;justify-content:space-between;gap:20px;font-size:12px}.demo-banner{position:fixed;bottom:0;left:0;right:0;background:#51AD73;color:#101B2B;text-align:center;font-size:12px;font-weight:800;padding:10px;z-index:10}.policy,.dashboard{max-width:1100px;margin:60px auto;padding:0 25px 70px}.policy{max-width:720px;line-height:1.8}.policy h1,.dashboard h1{font-size:45px}.dashboard h2{margin:38px 0 18px}.dash-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.metrics>div,.building{background:white;border:1px solid #D9E2EC;border-radius:12px;padding:23px}.metrics b{display:block;font-size:40px}.metrics span{font-size:12px}.building{margin:12px 0}.building-top{display:flex;justify-content:space-between}.building-top p,.building-meta{color:#66758A;font-size:12px}.count{text-align:center}.count b{display:block;font-size:32px}.count small{font-size:11px}.building-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;margin-top:15px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;background:white;font-size:12px}th,td{padding:12px;text-align:left;border-bottom:1px solid #D9E2EC}th{background:#EAF0F5}@media(max-width:850px){.hero,.how,.survey-section,.bottom{grid-template-columns:1fr}.hero{padding-top:25px}.hero-copy{padding:10px 0}.hero-art{min-height:340px}.how,.survey-section,.bottom{gap:30px;padding:70px 6%}.nav{padding:0 6%}.navlink{font-size:11px}.survey-card{padding:25px}.building-form{grid-template-columns:1fr}.metrics{gap:8px}.metrics>div{padding:13px}.metrics b{font-size:28px}}@media(max-width:480px){h1{font-size:50px}.hero-art{min-height:300px}.tower{transform:scale(.8);transform-origin:bottom left}.t3{right:-60px}.stripe{font-size:9px}.survey-card{padding:20px}.dash-head{display:block}}

.address-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.address-grid label{font-size:12px}.address-grid input{min-width:0;width:100%}@media(max-width:440px){.address-grid{grid-template-columns:1fr 1fr}.address-grid>div:first-child{grid-column:1/-1}}

/* V3: tamnoplavi identitet sa zelenim akcentom */
.nav{background:#101B2B;color:#F5F8FC;border-bottom-color:#2A3B50}.navlink{color:#F5F8FC}.mark{background:#51AD73;color:#101B2B}.hero{max-width:none;background:#101B2B;color:#F5F8FC;padding-left:max(5%,calc((100vw - 1240px)/2));padding-right:max(5%,calc((100vw - 1240px)/2))}.hero h1 em{color:#74CA91}.hero .intro{color:#CBD7E5}.hero .trust{color:#BAC8D8}.hero .trust strong{color:#F5F8FC}.hero .avatars{background:#1C2C40;color:#74CA91}.hero .primary{background:#51AD73;color:#101B2B}.hero .ghost{border-color:#64758C;color:#F5F8FC}.hero-art{background:#243B56}.sun{background:#6BA7A0}.stripe{background:#1C2C40;color:#A5E1B7}.how{color:#101B2B}.how h2 em,.bottom h2 em{color:#398C5A}.survey-section{background:#152439}.survey-intro h2 em{color:#74CA91}.note{background:#1C2C40;border-left-color:#51AD73}.survey-card{background:#FFFFFF}.survey-card .next{background:#51AD73;color:#101B2B}.consent{align-items:flex-start!important}.consent a{color:#245E92;text-decoration:underline}.consent span{color:#26384A!important}.legal{background:#EDF7F0;color:#254A35;padding:12px;border-radius:8px;margin-top:10px}.legal strong{color:#204D30}.demo-banner{background:#51AD73;color:#101B2B}.nav a:focus-visible,.btn:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #51AD73;outline-offset:3px}

/* V4: formular odmah posle glavnog uvoda */
.survey-section{scroll-margin-top:75px}
@media(max-width:720px){.hero{padding-bottom:24px!important}.survey-section{padding-top:28px!important}.survey-card{scroll-margin-top:65px}}

/* V6: radio/checkbox are never styled as full-width text inputs. */
.pane input[type="radio"],.pane input[type="checkbox"]{width:18px!important;height:18px!important;min-width:18px;flex:0 0 18px;display:block;margin:0;accent-color:var(--lime);padding:0!important;}
.checks label{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;min-width:0;cursor:pointer;line-height:1.45;padding:16px!important;}
.checks label span{display:block;flex:1 1 auto;min-width:0;overflow-wrap:anywhere;color:var(--ink);font-size:14px;font-weight:500;}
.checks label:has(input:checked){background:#e4f4e9;outline:2px solid var(--lime);}
@media(max-width:600px){.checks label{padding:14px!important}.checks label span{font-size:13px}}
