:root{--blue:#0a55c7;--blue2:#1685ef;--navy:#072a62;--navy2:#041d46;--cyan:#28c2ff;--text:#10233f;--muted:#65758c;--soft:#f3f8ff;--line:#dbe8f7;--white:#fff;--green:#18a96b;--shadow:0 24px 70px rgba(7,51,112,.12);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;background:#fff;overflow-x:hidden}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.skip-link{position:fixed;left:12px;top:-60px;z-index:999;background:#fff;color:var(--navy);padding:10px 14px;border-radius:9px;box-shadow:var(--shadow)}.skip-link:focus{top:12px}.topbar{height:38px;background:var(--navy2);color:#dcecff;font-size:12px}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.topbar-inner div{display:flex;gap:24px}.topbar a:hover{color:#fff}.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(12,73,151,.09);transition:.25s}.site-header.scrolled{box-shadow:0 12px 35px rgba(8,50,110,.08)}.header-inner{height:102px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:122px;height:98px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(13,72,145,.12))}.nav{display:flex;align-items:center;gap:26px;color:#29415f;font-size:14px;font-weight:750}.nav a{position:relative;padding:11px 0}.nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:.25s}.nav>a:hover:after{right:0}.nav-cta{padding:12px 19px!important;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 13px 30px rgba(10,85,199,.2)}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--navy);margin:5px}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#fff 0%,#f7fbff 49%,#e8f4ff 100%);padding:78px 0 82px}.hero:before{content:"";position:absolute;left:-120px;top:80px;width:360px;height:360px;border-radius:50%;background:rgba(45,156,255,.1);filter:blur(10px)}.hero-shape{position:absolute;border-radius:50%;pointer-events:none}.hero-shape-one{width:560px;height:560px;right:-160px;top:-180px;background:radial-gradient(circle,rgba(37,164,255,.25),rgba(37,164,255,0) 68%)}.hero-shape-two{width:340px;height:340px;right:30%;bottom:-250px;background:radial-gradient(circle,rgba(12,83,198,.13),transparent 68%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.03fr .97fr;gap:75px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #cfe2fa;border-radius:999px;color:var(--blue);background:#fff;font-size:12px;font-weight:850;box-shadow:0 8px 24px rgba(21,85,163,.07)}.hero-badge span{width:8px;height:8px;border-radius:50%;background:#23c987;box-shadow:0 0 0 5px rgba(35,201,135,.13)}h1{font-size:clamp(46px,5.8vw,76px);line-height:1.04;letter-spacing:-3.7px;margin:25px 0 23px;color:var(--navy2)}h1 em{display:block;font-style:normal;color:transparent;background:linear-gradient(90deg,var(--blue),#168bf2 60%,var(--cyan));-webkit-background-clip:text;background-clip:text}.hero-copy>p{font-size:18px;color:var(--muted);max-width:660px}.hero-actions{display:flex;gap:13px;margin:34px 0 37px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 21px;border-radius:13px;border:1px solid transparent;font-weight:850;cursor:pointer;transition:.22s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 16px 35px rgba(10,85,199,.22)}.btn-secondary{background:#fff;border-color:#cbdff6;color:var(--navy);box-shadow:0 10px 25px rgba(20,65,125,.07)}.hero-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero-highlights div{padding:14px 14px 13px;border-left:3px solid var(--blue);background:rgba(255,255,255,.7)}.hero-highlights strong{display:block;color:var(--navy);font-size:18px}.hero-highlights span{display:block;color:var(--muted);font-size:11px}.hero-visual{min-height:555px;position:relative;display:grid;place-items:center}.security-dashboard-frame{position:relative;z-index:5;width:min(100%,640px);border-radius:30px;overflow:hidden;filter:drop-shadow(0 35px 55px rgba(9,61,130,.18));transform:translateZ(0);transition:transform .4s ease,filter .4s ease}.security-dashboard-frame:hover{transform:translateY(-6px);filter:drop-shadow(0 44px 68px rgba(9,61,130,.23))}.security-dashboard-image{display:block;width:100%;height:auto;object-fit:contain}.security-stage{position:relative;z-index:5;width:94%;border-radius:25px;background:#fff;border:1px solid rgba(25,104,200,.15);box-shadow:0 40px 90px rgba(9,61,130,.2);overflow:hidden;transform:rotateY(-5deg) rotateX(2deg)}.stage-head{height:53px;display:flex;align-items:center;padding:0 17px;border-bottom:1px solid var(--line);font-size:11px}.stage-head>span{display:flex;gap:5px}.stage-head>span i{width:8px;height:8px;border-radius:50%;background:#ff777d}.stage-head>span i:nth-child(2){background:#ffc459}.stage-head>span i:nth-child(3){background:#35ca8d}.stage-head b{margin:auto;color:var(--navy)}.stage-head em{font-style:normal;font-size:9px;color:var(--green);background:rgba(24,169,107,.09);padding:5px 8px;border-radius:999px}.camera-wall{padding:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;background:#eaf3ff}.feed{height:185px;position:relative;overflow:hidden;border-radius:13px;background-color:#c8d9ed;border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 0 30px rgba(0,49,105,.12)}.feed:before,.feed:after{content:"";position:absolute}.feed:after{inset:0;background:linear-gradient(180deg,transparent,rgba(3,27,62,.25));}.feed-a{background:linear-gradient(145deg,#a5c2df,#e1edf8 42%,#6b93bc 43%,#9cb5ce)}.feed-a:before{width:100px;height:70px;left:40px;bottom:25px;border:9px solid rgba(14,66,120,.34);border-bottom:0;transform:skewY(-8deg)}.feed-b{background:linear-gradient(160deg,#d8e8f7 0 38%,#83a5c8 39% 47%,#b4c9dd 48%)}.feed-b:before{left:20px;right:20px;bottom:32px;height:52px;border-top:6px solid rgba(14,66,120,.33);border-bottom:2px dashed rgba(255,255,255,.8)}.feed-c{background:linear-gradient(90deg,#7a9cbb,#dce9f4 40%,#9db7cd 41%)}.feed-c:before{width:70px;height:90px;right:25px;bottom:18px;background:rgba(28,81,134,.28);box-shadow:-100px 20px rgba(28,81,134,.18)}.feed-d{background:linear-gradient(150deg,#ccdeee,#7798b8 50%,#bdd0e1 51%)}.feed-d:before{left:0;right:0;bottom:28px;height:3px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.9) 0 20px,transparent 20px 35px)}.feed span,.feed i{position:absolute;z-index:2;top:10px;padding:4px 7px;border-radius:6px;font-size:8px}.feed span{left:10px;color:#fff;background:rgba(4,37,79,.63)}.feed i{right:10px;font-style:normal;color:#fff;background:#e34952}.stage-footer{display:flex;justify-content:space-between;padding:12px 16px;color:#728197;font-size:10px}.stage-footer span:first-child{color:var(--green);font-weight:800}.floating-card{position:absolute;z-index:9;display:flex;align-items:center;gap:11px;padding:14px 17px;border-radius:15px;background:#fff;border:1px solid #dbe9f8;box-shadow:0 18px 40px rgba(7,58,123,.16)}.floating-card>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:900}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:12px;color:var(--navy)}.floating-card small{font-size:9px;color:var(--muted)}.safe-card{left:-10px;bottom:42px}.safe-icon{background:linear-gradient(135deg,#1bbf7c,#38db9e)}.mobile-card{right:-15px;top:63px}.phone-icon{background:linear-gradient(135deg,var(--blue),var(--cyan))}.visual-ring{position:absolute;border-radius:50%;border:1px solid rgba(18,122,225,.18)}.ring-one{width:510px;height:510px}.ring-two{width:400px;height:400px;border-style:dashed;animation:spin 22s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand-strip{background:var(--navy);color:#dfeaff}.brand-strip .container{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:11px;font-weight:850;letter-spacing:.9px;text-transform:uppercase}.brand-strip i{width:4px;height:4px;border-radius:50%;background:var(--cyan)}.section{padding:108px 0}.section-soft{background:var(--soft)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:43px}.section-heading>div{max-width:760px}.section-heading>p{max-width:380px;color:var(--muted)}.eyebrow{display:inline-block;color:var(--blue);font-size:11px;font-weight:950;letter-spacing:1.8px}.eyebrow.light{color:#8ad8ff}.section-heading h2,.solution-copy h2,.about-copy h2,.faq-title h2,.contact-copy h2{font-size:clamp(36px,4.2vw,58px);line-height:1.08;letter-spacing:-2.5px;margin:12px 0 0;color:var(--navy2)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{position:relative;min-height:385px;padding:28px;border-radius:20px;background:#fff;border:1px solid #dbe7f5;box-shadow:0 12px 32px rgba(10,70,145,.06);transition:.3s;overflow:hidden}.service-card:before{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transform-origin:left;transition:.3s}.service-card:hover{transform:translateY(-7px);box-shadow:0 25px 55px rgba(10,70,145,.12);border-color:#c6ddf7}.service-card:hover:before{transform:scaleX(1)}.service-number{position:absolute;right:22px;top:18px;color:#dce9f8;font-size:30px;font-weight:950}.service-symbol{width:54px;height:54px;border-radius:15px;background:linear-gradient(145deg,#e9f4ff,#fff);border:1px solid #d7e8fa;display:grid;place-items:center;color:var(--blue);font-size:25px;box-shadow:0 10px 20px rgba(15,87,177,.08)}.service-card h3{font-size:23px;margin:32px 0 10px;color:var(--navy)}.service-card p{color:var(--muted);font-size:14px}.service-card ul{list-style:none;padding:0;margin:19px 0 24px;font-size:13px;color:#40536d}.service-card li{margin:9px 0}.service-card li:before{content:"✓";color:var(--blue);font-weight:900;margin-right:9px}.service-card a{color:var(--blue);font-size:13px;font-weight:900}.solution-section{padding:115px 0;background:linear-gradient(135deg,#063d90,#0a68d8 58%,#148eed);color:#fff;overflow:hidden}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.solution-copy h2{color:#fff}.solution-copy p{color:#d5e8ff;font-size:16px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0 32px}.feature-list span{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:rgba(255,255,255,.07);font-size:12px}.feature-list i{font-style:normal;color:#75dfff;font-weight:900}.btn-white{background:#fff;color:var(--blue);box-shadow:0 15px 35px rgba(0,32,83,.18)}.solution-visual{min-height:520px;position:relative;display:grid;place-items:center}.blueprint{position:relative;width:92%;height:430px;border:1px solid rgba(255,255,255,.3);border-radius:26px;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),rgba(3,41,99,.25);background-size:32px 32px;box-shadow:0 35px 80px rgba(0,31,80,.25);overflow:hidden}.bp-building{position:absolute;left:24%;right:22%;bottom:75px;height:210px;border:2px solid rgba(255,255,255,.65);display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:24px}.bp-building:before{content:"";position:absolute;left:-45px;right:-45px;top:-45px;border-left:170px solid transparent;border-right:170px solid transparent;border-bottom:45px solid rgba(255,255,255,.35)}.bp-building i{border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.05)}.bp-path{position:absolute;height:2px;background:#79e4ff;transform-origin:left}.p1{left:10%;top:32%;width:32%;transform:rotate(15deg)}.p2{right:8%;top:38%;width:30%;transform:rotate(-19deg)}.p3{left:37%;bottom:24%;width:28%}.bp-path:after{content:"";position:absolute;right:-5px;top:-4px;width:10px;height:10px;background:#79e4ff;border-radius:50%;box-shadow:0 0 0 7px rgba(121,228,255,.13)}.bp-label{position:absolute;color:#fff;background:#0d86e8;border-radius:7px;padding:5px 8px;font-size:8px;font-weight:900;z-index:4}.l1{left:8%;top:25%}.l2{right:7%;top:28%}.l3{left:37%;bottom:13%}.visual-chip{position:absolute;right:-5px;bottom:22px;padding:17px 20px;border-radius:15px;background:#fff;color:var(--navy);box-shadow:0 20px 45px rgba(0,31,82,.24);display:flex;flex-direction:column}.visual-chip b{font-size:25px;color:var(--blue)}.visual-chip span{font-size:9px;color:var(--muted)}.projects-section{background:#fff}.project-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button,.slider-controls button{border:1px solid #d7e5f5;background:#fff;color:#50647e;border-radius:10px;padding:10px 15px;cursor:pointer}.filters button.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--blue),var(--blue2));font-weight:900}.slider-controls{display:flex;gap:8px}.slider-controls button{width:43px;height:43px;padding:0;color:var(--blue);font-size:18px}.project-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 22px;scrollbar-width:none}.project-track::-webkit-scrollbar{display:none}.project-card{flex:0 0 min(430px,86vw);scroll-snap-align:start;border:1px solid #dbe7f5;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 14px 35px rgba(9,68,138,.07);transition:.3s}.project-card:hover{transform:translateY(-5px);box-shadow:0 25px 55px rgba(9,68,138,.12)}.project-image{aspect-ratio:16/10;position:relative;overflow:hidden;background:#dceafa}.project-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.project-card:hover img{transform:scale(1.03)}.project-image>span{position:absolute;left:14px;top:14px;padding:7px 10px;border-radius:8px;background:rgba(4,43,98,.82);color:#fff;font-size:10px}.project-info{padding:23px}.project-info small{color:#7c8da2}.project-info h3{font-size:23px;color:var(--navy);margin:6px 0 10px}.project-info p{font-size:14px;color:var(--muted);min-height:68px}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.project-tags span{padding:5px 8px;border-radius:99px;background:#eff6ff;color:#426387;font-size:9px}.project-open{border:0;background:none;padding:0;color:var(--blue);font-weight:900;cursor:pointer}.project-loading,.project-empty{width:100%;padding:50px;border:1px dashed #c9dced;border-radius:18px;text-align:center;color:var(--muted)}.project-admin-link{text-align:right;margin-top:8px}.project-admin-link a{color:var(--blue);font-weight:850;font-size:13px}.about-grid{display:grid;grid-template-columns:1fr .9fr;gap:85px;align-items:center}.about-copy>p{color:var(--muted);font-size:16px}.about-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:27px 0 31px}.about-metrics div{padding:15px;border-radius:13px;background:#fff;border:1px solid #dce8f6}.about-metrics strong,.about-metrics span{display:block}.about-metrics strong{font-size:20px;color:var(--blue)}.about-metrics span{font-size:10px;color:var(--muted)}.about-card{position:relative;min-height:500px;border-radius:30px;background:linear-gradient(145deg,#fff,#e9f4ff);border:1px solid #d4e6f8;box-shadow:var(--shadow);display:grid;place-items:center;overflow:hidden}.about-card:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid #bbdcfc;box-shadow:0 0 0 50px rgba(33,145,242,.04),0 0 0 100px rgba(33,145,242,.03)}.about-card img{position:relative;z-index:2;width:370px;height:370px;object-fit:contain}.about-note{position:absolute;z-index:3;left:26px;right:26px;bottom:24px;padding:15px 17px;border-radius:14px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border:1px solid #d5e6f6;display:flex;flex-direction:column}.about-note b{color:var(--navy)}.about-note span{font-size:10px;color:var(--muted)}.process-section{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.process-card{position:relative;padding:27px;border:1px solid #dbe7f5;border-radius:18px;background:#fff;overflow:hidden}.process-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--blue),var(--cyan))}.process-card span{display:block;color:#aac7e6;font-size:31px;font-weight:950}.process-card h3{font-size:20px;color:var(--navy);margin:25px 0 7px}.process-card p{font-size:13px;color:var(--muted)}.faq-section{background:var(--soft)}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-title p{color:var(--muted)}.faq-list details{padding:20px 0;border-bottom:1px solid #d8e5f3}.faq-list summary{list-style:none;cursor:pointer;font-weight:850;color:var(--navy);display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:23px;color:var(--blue)}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:var(--muted);font-size:14px}.contact-section{padding:105px 0;background:linear-gradient(135deg,#052e70,#0a63cd 58%,#168def)}.contact-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding:55px;border-radius:30px;background:#fff;box-shadow:0 40px 100px rgba(0,30,80,.26)}.contact-copy h2{color:var(--navy)}.contact-copy>p{color:var(--muted)}.contact-links{display:grid;gap:10px;margin-top:30px}.contact-links a{display:flex;flex-direction:column;padding:13px 15px;border:1px solid #dbe7f5;border-radius:12px;background:#f8fbff}.contact-links small{color:var(--muted)}.contact-links strong{font-size:13px;color:var(--navy)}.quote-form{display:grid;gap:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.quote-form label{display:grid;gap:6px;font-size:11px;font-weight:850;color:#435a76}.quote-form input,.quote-form select,.quote-form textarea{width:100%;padding:13px 14px;border-radius:10px;border:1px solid #ccdced;background:#fff;color:var(--text);outline:none;resize:vertical}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#63aef4;box-shadow:0 0 0 3px rgba(51,143,235,.1)}.btn-submit{width:100%;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff}.form-status{font-size:12px;min-height:20px;margin:0}.form-status.success{color:var(--green)}.form-status.error{color:#d93c50}.hp{position:absolute!important;left:-9999px!important}.footer{padding:63px 0 22px;background:var(--navy2);color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px}.footer-grid>div{display:flex;flex-direction:column;gap:9px}.footer-brand img{width:175px;height:175px;object-fit:contain;background:#fff;border-radius:22px;padding:7px}.footer-grid p,.footer-grid a,.footer-grid span{color:#b7cae3;font-size:13px}.footer-grid b{margin-bottom:7px}.footer-bottom{display:flex;justify-content:space-between;margin-top:48px;padding-top:19px;border-top:1px solid rgba(255,255,255,.12);color:#7894b8;font-size:11px}.whatsapp-float{position:fixed;z-index:55;right:20px;bottom:20px;display:flex;align-items:center;gap:8px;color:#fff;background:#19b96f;border-radius:999px;padding:8px 8px 8px 14px;box-shadow:0 18px 40px rgba(12,98,61,.25);font-size:11px;font-weight:850}.whatsapp-float b{width:38px;height:38px;border-radius:50%;background:#fff;color:#19b96f;display:grid;place-items:center;font-size:19px}.project-modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px}.project-modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(3,21,47,.75);backdrop-filter:blur(10px)}.modal-card{position:relative;z-index:2;width:min(920px,95vw);max-height:90vh;overflow:auto;display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border-radius:24px;box-shadow:0 40px 120px rgba(0,21,58,.4);overflow:hidden}.modal-card>img{width:100%;height:100%;min-height:450px;object-fit:cover}.modal-copy{padding:36px}.modal-copy>span{color:var(--blue);font-size:10px;font-weight:950;letter-spacing:1.3px}.modal-copy h3{font-size:32px;color:var(--navy);margin:8px 0 13px}.modal-copy p{color:var(--muted)}.modal-copy div{display:flex;flex-wrap:wrap;gap:6px;margin:19px 0}.modal-copy div span{font-size:9px;padding:5px 8px;border-radius:99px;background:#eff6ff;color:#426387}.modal-copy a{color:var(--blue);font-weight:900}.modal-close{position:absolute;z-index:4;right:13px;top:13px;width:39px;height:39px;border-radius:50%;border:1px solid #d5e4f4;background:#fff;color:var(--navy);font-size:20px;cursor:pointer}.reveal{opacity:0;transform:translateY(23px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}
@media(max-width:1020px){.topbar{display:none}.header-inner{height:86px}.brand img{width:105px;height:83px}.menu-toggle{display:block}.nav{position:absolute;left:20px;right:20px;top:91px;padding:18px;flex-direction:column;align-items:stretch;gap:4px;background:#fff;border:1px solid #d9e8f6;border-radius:18px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(-10px);transition:.25s}.nav.open{opacity:1;pointer-events:auto;transform:none}.nav a{text-align:center}.hero-grid,.solution-grid,.about-grid,.faq-grid,.contact-shell{grid-template-columns:1fr}.hero-grid{gap:35px}.hero-visual{min-height:auto;padding:22px 0}.security-dashboard-frame{width:min(100%,620px)}.service-grid{grid-template-columns:1fr 1fr}.solution-grid{gap:55px}.about-grid{gap:55px}.process-grid{grid-template-columns:1fr 1fr}.faq-grid{gap:50px}.contact-shell{gap:45px}.section-heading{align-items:flex-start;flex-direction:column}.section-heading>p{max-width:680px}}
@media(max-width:680px){.container{width:min(100% - 28px,var(--max))}.header-inner{height:78px}.brand img{width:86px;height:73px}.nav{top:82px}.hero{padding:58px 0 62px}.hero-grid{gap:18px}h1{font-size:43px;letter-spacing:-2.5px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-highlights{grid-template-columns:1fr}.hero-visual{min-height:auto;padding:10px 0 0}.security-dashboard-frame{width:100%;border-radius:20px}.security-stage{width:100%;transform:none}.camera-wall{padding:8px;gap:7px}.feed{height:120px}.floating-card{padding:10px}.safe-card{left:0;bottom:0}.mobile-card{right:0;top:18px}.visual-ring{display:none}.brand-strip .container{overflow:auto;justify-content:flex-start;white-space:nowrap}.section{padding:72px 0}.section-heading h2,.solution-copy h2,.about-copy h2,.faq-title h2,.contact-copy h2{font-size:37px;letter-spacing:-1.8px}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.solution-section{padding:75px 0}.solution-visual{min-height:400px}.blueprint{height:330px;width:100%}.bp-building{height:150px}.feature-list{grid-template-columns:1fr}.visual-chip{right:0}.about-metrics{grid-template-columns:1fr}.about-card{min-height:380px}.about-card img{width:285px;height:285px}.process-grid{grid-template-columns:1fr}.project-toolbar{align-items:flex-end;gap:12px}.filters{max-width:82%}.slider-controls{display:none}.contact-section{padding:70px 0}.contact-shell{padding:27px 20px}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:7px}.modal-card{grid-template-columns:1fr}.modal-card>img{min-height:240px;max-height:310px}.modal-copy{padding:25px}.whatsapp-float span{display:none}.whatsapp-float{padding:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* 5 hizmetli yeni Kocaeli Güvenlik içerik düzeni */
.service-grid-five{grid-template-columns:repeat(6,1fr)}
.service-grid-five .service-card{grid-column:span 2}
.service-grid-five .service-card-wide{grid-column:span 3}
.service-icon-camera{color:#0a55c7}.service-icon-alarm{color:#165bd2}.service-icon-fire{color:#e54747}.service-icon-smart{color:#1685ef}.service-icon-service{color:#244d83}
.service-showcase{padding:105px 0;background:#fff}
.showcase-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center}
.showcase-poster{position:relative;max-width:520px;margin:auto;padding:14px;border-radius:30px;background:linear-gradient(145deg,#fff,#edf6ff);border:1px solid #d5e6f7;box-shadow:0 30px 75px rgba(7,61,133,.16)}
.showcase-poster:before{content:"";position:absolute;inset:-14px;z-index:-1;border-radius:38px;background:linear-gradient(135deg,rgba(22,133,239,.16),rgba(40,194,255,.04))}
.showcase-poster img{width:100%;border-radius:20px;object-fit:cover}
.showcase-poster>span{position:absolute;left:30px;right:30px;bottom:28px;padding:13px 16px;border-radius:13px;background:rgba(4,29,70,.9);color:#fff;text-align:center;font-weight:900;letter-spacing:.2px;box-shadow:0 15px 35px rgba(4,29,70,.24)}
.showcase-copy h2{font-size:clamp(36px,4.3vw,58px);line-height:1.08;letter-spacing:-2.4px;margin:12px 0 18px;color:var(--navy2)}
.showcase-copy>p{font-size:16px;color:var(--muted);max-width:650px}
.showcase-list{display:grid;gap:10px;margin:27px 0 31px}
.showcase-list>div{display:grid;grid-template-columns:45px 1fr;gap:13px;align-items:center;padding:13px 15px;border:1px solid #dbe8f7;border-radius:14px;background:#f8fbff}
.showcase-list b{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font-size:11px}
.showcase-list span,.showcase-list strong,.showcase-list small{display:block}
.showcase-list strong{color:var(--navy);font-size:14px}.showcase-list small{color:var(--muted);font-size:11px}
@media(max-width:1020px){.service-grid-five{grid-template-columns:repeat(2,1fr)}.service-grid-five .service-card,.service-grid-five .service-card-wide{grid-column:auto}.service-grid-five .service-card:last-child{grid-column:1/-1}.showcase-grid{grid-template-columns:1fr;gap:55px}.showcase-poster{max-width:560px}}
@media(max-width:680px){.service-grid-five{grid-template-columns:1fr}.service-grid-five .service-card:last-child{grid-column:auto}.service-showcase{padding:72px 0}.showcase-grid{gap:36px}.showcase-poster{padding:8px;border-radius:22px}.showcase-poster img{border-radius:15px}.showcase-poster>span{left:18px;right:18px;bottom:18px;font-size:12px}.showcase-copy h2{font-size:37px;letter-spacing:-1.8px}}