.roof-inline-container{position:relative}.roof-inline-glass-card{background:hsla(0,0%,100%,.85);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 8px 32px rgba(0,0,0,.1)}.roof-inline-interactive{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.roof-inline-interactive:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.roof-inline-modern-button{background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:12px;padding:12px 24px;color:#fff;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.roof-inline-modern-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.roof-inline-modern-button:hover:before{left:100%}.roof-inline-modern-button:hover{transform:translateY(-1px);box-shadow:0 8px 25px rgba(5,150,105,.3)}.roof-inline-map-container{position:relative;overflow:hidden}.roof-inline-map-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(5,150,105,.06));pointer-events:none;z-index:1}.roof-inline-controls{background:linear-gradient(135deg,#f8fafc,#fff)}.roof-inline-progress-card{background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);position:relative;overflow:hidden}.roof-inline-progress-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(5,150,105,.05),transparent);transition:left .6s ease}.roof-inline-progress-card:hover:before{left:100%}.roof-inline-step-indicator{position:relative}.roof-inline-step-indicator:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,gold,#059669);border-radius:2px;box-shadow:none}@keyframes roofInlinePulse{0%{box-shadow:0 8px 25px rgba(255,215,0,.4),0 0 0 4px rgba(255,215,0,.15)}50%{box-shadow:0 8px 25px rgba(255,215,0,.6),0 0 0 8px rgba(255,215,0,.1)}to{box-shadow:0 8px 25px rgba(255,215,0,.4),0 0 0 4px rgba(255,215,0,.15)}}@keyframes roofInlineShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.roof-inline-cta-card{background:linear-gradient(135deg,#034235,#059669);position:relative;overflow:hidden}.roof-inline-cta-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 70% 30%,rgba(255,215,0,.18) 0,transparent 55%);pointer-events:none}.roof-inline-address-chip{background:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 8px 32px rgba(0,0,0,.1)}.roof-inline-loading{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}@media (max-width:768px){.roof-inline-controls{border-left:none;border-top:1px solid rgba(229,231,235,.5)}.roof-inline-address-chip{max-width:250px}}.roof-inline-fade-in{animation:roofInlineFadeIn .6s ease-out}@keyframes roofInlineFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.roof-inline-slide-up{animation:roofInlineSlideUp .5s ease-out}@keyframes roofInlineSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.roof-inline-hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.roof-inline-hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.roof-inline-scroll::-webkit-scrollbar{width:6px}.roof-inline-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:3px}.roof-inline-scroll::-webkit-scrollbar-thumb{background:rgba(5,150,105,.35);border-radius:3px}.roof-inline-scroll::-webkit-scrollbar-thumb:hover{background:rgba(5,150,105,.55)}.roof-inline-zoom-controls{transition:all .3s cubic-bezier(.4,0,.2,1)}.roof-inline-zoom-controls .MuiFab-root{transition:all .2s ease-in-out;backdrop-filter:blur(12px)}.roof-inline-zoom-controls .MuiFab-root:hover{transform:scale(1.05);box-shadow:0 6px 25px rgba(0,0,0,.2)}.roof-inline-zoom-controls .MuiFab-root:active{transform:scale(.95)}.roof-inline-zoom-indicator{position:absolute;bottom:16px;right:16px;background:hsla(0,0%,100%,.95);color:#034235;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid rgba(3,66,53,.12);box-shadow:0 4px 20px rgba(0,0,0,.12);backdrop-filter:blur(8px)}.roof-inline-map-container{transition:all .6s cubic-bezier(.4,0,.2,1)}.roof-inline-map-container .gm-style{transition:all .8s cubic-bezier(.25,.46,.45,.94)}.roof-inline-map-smooth{transition:transform .8s cubic-bezier(.25,.46,.45,.94)}