.hero{padding:72px 0}.hero-grid{gap:48px}.hero h1{font-size:clamp(34px,4.6vw,58px);max-width:650px}
.hero-sub{max-width:580px}.hero-stats{margin-top:30px}.hero-stats .lbl{color:var(--muted)}
.blue-text{background:none;-webkit-text-fill-color:#80bbed;color:#80bbed}.btn.btn-ghost{background:transparent;color:var(--text)}
.hero-badge{font-size:12px;line-height:1.6;white-space:normal}
.phone-stage{max-width:100%;isolation:isolate}.phone-stage::after{content:'Ilustracija razgovora · primjer uz povezan kalendar';display:block;position:absolute;bottom:-26px;left:0;right:0;text-align:center;font-size:12px;color:var(--muted)}
.phone-stage .float-chip{display:none}.phone{height:510px}.phone .bub{animation:none;opacity:1;transform:none}
.phone .chat-input{cursor:default}.phone-stage .chat-body{overflow:hidden}
.sec{padding:76px 0}.sec-head{margin-bottom:36px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.svc .top{flex:1}.svc{display:flex;flex-direction:column}.service-scope{font-size:13px;color:var(--muted);margin:14px 0 0}
.service-link{display:block;color:#80bbed;font-weight:700;margin-top:18px;min-height:44px;padding:9px 0}
.price-note{margin:24px 0;color:var(--muted);font-size:14px;max-width:850px}
.live-status{color:var(--muted)}.live-status .pulse{display:none}
.card:hover,.live-card:hover{transform:none;box-shadow:none}
.mobile-menu{border-top:1px solid var(--line);padding:10px 24px 18px;background:var(--bg)}
.mobile-menu a{display:block;min-height:44px;padding:10px 0;color:var(--text)}
.burger{background:transparent;border:1px solid #536175;border-radius:8px;width:44px;height:44px;padding:10px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.burger span{display:block;width:20px;height:2px;background:var(--text);margin:0}
#contactForm select{width:100%;border:1px solid #536175;background:var(--bg);color:var(--text);padding:13px 14px;border-radius:10px}
#contactForm input,#contactForm textarea{border-color:#536175}
#contactForm button[type=submit]{min-height:48px;width:100%}
.form-status{font-size:14px;margin-top:14px;color:var(--muted)}.form-status:empty{display:none}.form-status.error{color:#ffb7b0}
.form-success{padding:22px;background:#132c25;border:1px solid #48b98a;border-radius:12px}.form-success h3{margin-bottom:12px}.form-success p{line-height:1.7}
.contact-info a{color:var(--text);text-decoration:underline;text-underline-offset:4px}
.form-note a,.ccw-note a{color:#91cafa;text-decoration:underline}
.ccw-inp input{min-width:0}.ccw-msgs{min-height:0}.ccw-note{font-size:12px;color:var(--muted)}
.ccw-head .ccw-st{color:var(--muted)}.ccw-head .ccw-st::before,.ccw-dot{display:none}
#ccw-close{margin-left:auto;width:44px;height:44px;flex-shrink:0;background:transparent;border:1px solid #536175;border-radius:8px;color:var(--text);font-size:24px;cursor:pointer}
#ccw-panel{max-height:calc(100dvh - 112px)}.ccw-chip{min-height:38px}
@media(max-width:980px){
 .hero-grid{grid-template-columns:1fr;gap:48px}.phone-stage{order:0!important;margin:0 auto 24px;width:340px}
 .hero-copy{order:0}.hero{padding:44px 0}.hero h1{max-width:690px}
 .nav-cta .btn{display:none}.burger{display:flex!important}.nav-inner{min-height:64px;height:auto}
 .hero-stats{justify-content:flex-start}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .sec{padding:48px 0}.sec-head{margin-bottom:28px}.grid-4{grid-template-columns:1fr}
 .phone-stage{width:280px}.phone{width:260px;height:450px}.phone .chat-body{padding:12px}.phone .bub{font-size:11px}
 .hero-btns{align-items:stretch}.hero-btns .btn{width:100%}.hero-stats{gap:22px;flex-wrap:wrap}.hero-stats .num{font-size:24px}
 .b2b-strip{flex-wrap:wrap;gap:12px}.b2b-cta{white-space:normal}.ba-side{padding:18px 14px}
 .contact-grid{gap:28px}#contactForm{padding:22px}.about-grid{gap:26px}
 .photo-slot{max-width:280px;margin:auto}.phone-stage::after{font-size:11px}
}
