/* Fire Safety Services – mobile-first visual edition V5.
   Preserves desktop V4 and rebuilds the phone composition after the approved mockups. */
.line-icon{width:25px;height:25px;flex:none;vertical-align:middle;color:#ff2443;filter:drop-shadow(0 0 8px rgba(255,23,52,.19))}
.guide{background:radial-gradient(ellipse at 50% 59%,rgba(141,5,23,.24),transparent 56%),#050508;overflow:hidden}
.guide-mobile{position:relative;max-width:970px}
.guide-head{text-align:center;max-width:640px;margin:0 auto}
.guide-head h2{font-size:clamp(32px,5vw,62px);line-height:1.1;margin:16px 0 16px;white-space:normal}
.guide-head p{font-size:clamp(15px,2.3vw,22px);color:#c4c0c4;line-height:1.5}
.guide-top-icon{display:flex;align-items:center;justify-content:center;margin:auto;width:64px;height:64px;border-radius:18px;border:1px solid #b5132b;background:#1d0710;box-shadow:0 0 30px #f5002836}
.guide-top-icon .line-icon{width:33px;height:33px}
.guide-book-scene{height:410px;position:relative;margin:6px auto 8px;width:min(100%,650px);display:flex;align-items:center;justify-content:center;isolation:isolate}
.guide-book-scene:before{content:"";position:absolute;inset:4% -8%;z-index:-2;background:radial-gradient(ellipse,#a9162a66,transparent 65%);filter:blur(28px)}
.guide-neon-ring{position:absolute;width:290px;height:290px;border-radius:50%;border:1px solid #ef18364a;box-shadow:0 0 42px #ff1b322c;top:17px;left:50%;transform:translateX(-50%)}
.guide-book{position:relative;width:248px;height:320px;transform:perspective(800px) rotateY(-9deg) rotateZ(-4deg);border-radius:5px 15px 7px 5px;box-shadow:15px 10px 0 #3d3d43,20px 14px 2px #111,0 0 40px #ed123a48, -1px -1px 1px #ff6776;z-index:2;background:linear-gradient(145deg,#2c3038,#050609 46%,#151016 100%);border-left:5px solid #c41c38;display:flex;flex-direction:column;align-items:center;padding:28px 16px 8px;text-align:center}
.guide-book:after{content:"";position:absolute;inset:8px 9px;pointer-events:none;border:1px solid #ffffff1a}
.book-logo img{width:100px;height:65px;object-fit:contain}
.book-title{font-size:36px;line-height:1.1;font-weight:850;color:#fff;margin-top:10px;letter-spacing:-2px}.book-title b{color:#ff233e}.book-subtitle{font-size:13px;color:#ddd;line-height:1.4;margin-top:9px}.book-ext{margin-top:19px;display:flex;width:95px;height:105px;align-items:center;justify-content:center;background:radial-gradient(circle,#8f1123 0%,transparent 72%)}.book-ext .line-icon{width:87px;height:87px;color:#f42742;stroke-width:1.2;filter:drop-shadow(0 0 8px #ee103d)}
.guide-podium{position:absolute;bottom:8px;width:min(96%,420px);height:48px;border:2px solid #ff3c59;border-radius:50%;background:linear-gradient(#32131a,#bb1127 42%,#100608 70%,#e01332 90%);box-shadow:0 0 27px #ed12369b,0 23px 25px #c9042347;z-index:1}
.guide-quicklinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:650px;margin:5px auto 25px}
.guide-quicklinks a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#f4f3f5;background:linear-gradient(135deg,#18191e,#07080b);border:1px solid #6a5358;border-radius:13px;padding:14px;min-height:69px;font-size:14px;font-weight:700;line-height:1.3;box-shadow:inset 0 1px #ffffff15}
.guide-quicklinks a:focus-visible,.guide-quicklinks a:hover{border-color:#fa2344}
.guide-full-btn{display:flex!important;width:min(100%,650px)!important;margin:0 auto!important;justify-content:center!important;font-size:16px!important;min-height:59px!important;box-shadow:0 3px 35px #fa163c42}
.guide-disclaimer{display:block;text-align:center;max-width:650px;margin:15px auto 0;color:#85838b;font-size:11px;line-height:1.5}
@media(max-width:900px){
 .header{background:#050608!important}
 .hero{background:#050609!important;isolation:isolate}
 .hero::before,.hero::after{display:none!important}
 .hero-main{padding-top:0!important;display:flex!important;flex-direction:column-reverse!important;gap:0!important}
 .hero-showpiece{display:block!important;position:relative!important;inset:auto!important;order:2;width:calc(100% + 44px)!important;margin:0 -22px!important;aspect-ratio:1.35!important;height:auto!important;background-image:linear-gradient(to bottom,transparent 68%,#050609 99%),url('/assets/fss-scena-premium.png')!important;background-repeat:no-repeat!important;background-position:center 46%,center center!important;background-size:100% 100%,contain!important;-webkit-mask-image:none!important;mask-image:none!important;overflow:visible!important}
 .hero-copy{order:1;padding:0 0 18px!important;width:100%}
 .hero h1{margin-top:18px}
 .hero-promise{color:#f1d2d9;border-left:3px solid #fc163e;padding:2px 0 2px 14px;margin:17px 0 22px;line-height:1.4;font-size:16px;font-weight:700}
 .hero-under{margin-top:0}
 .hero .eyebrow{font-size:10px;letter-spacing:.12em;color:#ddd0d4}
 .hero .sector-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
 .hero .sector-pills a{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(145deg,#19151b,#060709)!important;border:1px solid #72575d!important;border-radius:11px!important;min-height:40px;color:#fff;font-weight:650}
 .sector-pills .line-icon{width:20px;height:20px}
 .guide-book-scene{height:370px}
}
@media(max-width:600px){
 html,body{overflow-x:clip}
 .wrap{width:calc(100% - 34px)!important}
 .header{height:65px!important;border-bottom:1px solid #ffffff15}
 .header-in{height:65px!important;gap:5px}
 .brand{gap:9px}
 .brand img{width:75px!important;height:49px!important;object-fit:contain}
 .brand-name{font-weight:800;font-size:11px!important;letter-spacing:.01em;white-space:nowrap;color:#f3f2f5}
 .brand-name b{color:#ff344e}.brand-name small{display:block;font-size:9px!important;letter-spacing:.01em;color:#bbb}
 .header-actions{gap:7px!important}.header .call{min-width:36px;height:38px;width:37px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:16px!important;padding:0!important;background:#b90722}
 .menu-button{width:39px;height:39px}.mobile-menu{top:65px!important}
 .hero{padding:0!important;background:radial-gradient(circle at 50% 25%,#39050b,#050608 58%)!important}
 .hero-main{width:100%!important;padding:0 17px!important;gap:0!important}
 .hero-showpiece{order:0;width:calc(100% + 34px)!important;margin:0 -17px 0!important;height:auto!important;aspect-ratio:1.26!important;background-image:linear-gradient(180deg,transparent 72%,#050609 100%),url('/assets/fss-scena-premium.png')!important;background-size:100% 100%,100% auto!important;background-position:center,center 39%!important;background-repeat:no-repeat!important;border:0!important}
 .hero-copy{order:1!important;margin:-7px 0 0!important;padding:0 0 8px!important}
 .hero .eyebrow{display:flex;align-items:center;gap:6px;font-size:9px!important;letter-spacing:.095em!important;white-space:nowrap}
 .hero .eyebrow i{flex:none}
 .hero h1{font-size:clamp(34px,8.8vw,46px)!important;line-height:1.08!important;margin:18px 0 16px!important;letter-spacing:-.045em!important;max-width:380px}
 .hero-lead{font-size:13px!important;line-height:1.55!important;color:#ddd0d4!important}
 .hero-promise{font-size:15px!important;line-height:1.4!important;margin:17px 0 20px!important;box-shadow:-9px 0 15px -13px #ff1936}
 .hero-cta{margin:16px 0 14px!important;gap:9px!important}
 .hero-cta .button{height:50px;min-height:50px;font-weight:750;font-size:13px!important}
 .tagline{font-size:9px!important;letter-spacing:.20em!important;margin:17px 0!important}
 .sector-pills{padding:8px 0 20px!important;gap:8px!important}
 .sector-pills a{font-size:11px!important;padding:9px 10px!important;min-height:41px}
 .proof-strip{border:1px solid #554349;border-radius:15px;padding:13px 0!important;background:linear-gradient(130deg,#26161a,#06080c);margin-bottom:15px}
 .proof-strip strong{font-size:17px!important}.proof-strip span{font-size:9px}
 .section{padding:52px 0!important;background-color:#050609}
 .section h2{font-size:clamp(29px,7.5vw,39px)!important}
 .section .eyebrow{font-size:10px}
 .services{background:radial-gradient(circle at 100% 0%,#36061455,transparent 44%),#050609}
 .service-card{background:linear-gradient(135deg,#1a1a21,#0b0d12)!important;border:1px solid #69535b!important;border-radius:17px!important;padding:21px!important;box-shadow:inset 0 1px #ffffff1b,0 12px 35px #0008}
 .service-icon .line-icon{width:28px;height:28px}
 .service-card h3{font-size:17px!important}.service-card p{font-size:13px!important;line-height:1.55!important}
 .service-card a{color:#ff5870!important}
 .about{background:radial-gradient(at 90% 8%,#45061244,transparent 50%),#06060a}
 .timeline>div{border:1px solid #4d313a!important;border-left:3px solid #fc1b3b!important;background:linear-gradient(110deg,#21141d,#0a0b11)!important;border-radius:12px}
 .domain-grid>div{background:linear-gradient(140deg,#191b22,#0b0e13)!important;border:1px solid #605058!important;border-radius:14px!important}
 .domain-grid .line-icon{width:25px;height:25px}
 .client-grid>div{background:#111218!important;border:1px solid #57474c!important;border-radius:12px!important}
 .guide{padding:52px 0 60px!important;background:radial-gradient(circle at 50% 35%,#480a1a78,transparent 56%),#030407!important}
 .guide-head h2{font-size:clamp(32px,9vw,42px)!important;letter-spacing:-.04em;line-height:1.09!important}
 .guide-head p{font-size:14px!important;line-height:1.5}
 .guide-top-icon{width:53px;height:53px}.guide-top-icon .line-icon{width:27px;height:27px}
 .guide-book-scene{height:310px!important;margin:12px auto 9px!important}
 .guide-neon-ring{width:245px;height:245px;top:0}
 .guide-book{width:186px;height:245px;padding:15px 10px 6px;box-shadow:10px 8px 0 #35353a,15px 12px 2px #111,0 0 35px #ff0a354a}
 .book-logo img{width:78px;height:45px}.book-title{font-size:28px;margin-top:7px}.book-subtitle{font-size:11px;margin-top:7px}.book-ext{width:70px;height:70px;margin-top:11px}.book-ext .line-icon{width:63px;height:63px}
 .guide-podium{height:35px;bottom:11px;width:82%}
 .guide-quicklinks{gap:9px;margin:0 0 22px}.guide-quicklinks a{padding:10px 9px;gap:8px;font-size:11px;min-height:62px;border-radius:11px;line-height:1.28}.guide-quicklinks .line-icon{width:21px;height:21px}
 .guide-full-btn{min-height:51px!important;font-size:14px!important}
 .apps-grid article{background:linear-gradient(145deg,#1a1b22,#08090d)!important;border:1px solid #57454d!important;border-radius:15px!important}
 .contact{background:radial-gradient(circle at 90% 0%,#350b164d,transparent 40%),#050609}
}
/* Guide detailed page – approved elegant cover only on phones; retain original content */
.guide-hero-mobile-visual{display:none}
@media(max-width:600px){
 body:has(.guide-hero){background:#050609}
 body:has(.guide-hero) .site-header{background:#050609!important}
 .guide-hero{background:radial-gradient(circle at center,#3d061252,transparent 80%),#050609!important;position:relative;padding-top:0!important}
 .guide-hero-mobile-visual{display:flex;position:relative;height:330px;align-items:center;justify-content:center;isolation:isolate;overflow:hidden}
 .guide-hero-mobile-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#ad092c4d,transparent 67%);filter:blur(15px);z-index:-1}
 .guide-hero-mobile-icon{position:absolute;top:8px;right:20%;border:1px solid #e02038;padding:8px;border-radius:11px}.guide-hero-mobile-icon .line-icon{width:23px;height:23px}
 .guide-hero-mobile-book{width:194px;height:239px;border-radius:5px 10px 5px 5px;z-index:2;transform:perspective(800px) rotateY(-9deg) rotateZ(-4deg);display:flex;align-items:center;flex-direction:column;padding:18px 14px;background:linear-gradient(130deg,#2f3037,#08080b 55%,#20151b);border-left:5px solid #d81937;box-shadow:12px 9px 0 #39383d,16px 11px 0 #111,0 0 40px #ec1c4257}
 .guide-hero-mobile-book img{width:95px;height:60px;object-fit:contain}.guide-hero-mobile-book strong{font-size:26px;color:white;margin-top:9px}.guide-hero-mobile-book small{font-size:11px;color:#ddd;text-align:center;line-height:1.3;margin-top:9px}.book-fire-icon{margin-top:12px}.book-fire-icon .line-icon{width:46px;height:46px}
 .guide-hero-mobile-podium{position:absolute;bottom:14px;height:35px;width:80%;border:2px solid #f23a4e;border-radius:50%;background:linear-gradient(#351016,#c21431 60%,#19070b);box-shadow:0 0 23px #d8052a9e}
 .guide-hero-inner{padding-top:15px!important;padding-bottom:38px!important;text-align:center}
 .guide-hero-inner h1{font-size:35px!important;line-height:1.12!important}
 .guide-hero-inner p{font-size:14px!important;line-height:1.55!important}
 .guide-hero-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
 .guide-hero-actions .btn{font-size:11px;padding:12px 8px;justify-content:center;text-align:center}
 .guide-section{padding-top:55px!important;padding-bottom:55px!important}
}
/* Explicit visual order: emblem above the headline at phone and tablet widths. */
@media(max-width:900px){
 .hero-main{flex-direction:column!important}
 .hero-showpiece{order:1!important}
 .hero-copy{order:2!important}
}