*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#0a1d34;background:#fff}a{text-decoration:none;color:inherit}header{height:84px;display:flex;align-items:center;padding:7px 5.5%;gap:30px;position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 8px #0002}.brand{margin-right:auto}.brand img{width:245px;height:68px;object-fit:contain}.hamb{display:none;border:0;background:transparent;font-size:28px}nav{display:flex;align-items:center;gap:27px;font-size:14px}nav>.active{color:#0879ef;border-bottom:3px solid #0879ef;padding:27px 0}.wa,.blue,.green{color:#fff;padding:13px 20px;border-radius:7px;font-weight:700}.wa,.green{background:#09b95e}.blue{background:#0879ef}.dd{position:relative}.dd>button{border:0;background:transparent;font:inherit;color:#0879ef;cursor:pointer}.drop{display:none;position:absolute;top:27px;left:-20px;width:220px;background:#fff;padding:10px;border-radius:9px;box-shadow:0 12px 35px #00152b45}.dd:hover .drop,.dd:focus-within .drop,.dd.show .drop{display:block}.drop a{display:block;padding:10px;border-radius:5px}.drop a:hover{background:#eef6ff}.drop small{display:block;color:#6d7782;margin-top:3px}.radarlink{color:#0879ef}.hero{height:510px;position:relative;background:url('assets/hero-v4.jpg') center/cover no-repeat;color:#fff;overflow:hidden}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,#03152fe6 0%,#06294ca8 48%,transparent 76%)}.heroText{position:relative;z-index:2;width:62%;padding:62px 6%}.cap{font-size:12px;letter-spacing:4px;font-weight:800}.hero h1{font-size:59px;line-height:.96;letter-spacing:-2px;margin:18px 0}.hero h1 span,.radar h2 span,em{color:#55aaff;font-style:normal}.hero p{font-size:19px;line-height:1.5;max-width:620px}.buttons{display:flex;gap:15px;margin-top:27px}.outline{border:2px solid #fff;color:#fff;padding:12px 20px;border-radius:7px;font-weight:700}.hero aside{position:absolute;right:0;top:0;width:15%;height:100%;padding:45px 18px;background:#063b75df;display:flex;flex-direction:column;justify-content:space-around}.hero aside b{font-size:13px}.strength{display:grid;grid-template-columns:repeat(5,1fr);padding:18px 5%;text-align:center;font-weight:600;border-bottom:1px solid #ddd}.strength span+span{border-left:1px solid #bbb}.section{padding:30px 4.5%}.heading{display:flex;align-items:center;gap:45px}.section h2,.licenses h2{font-size:34px;margin:4px 0 22px}.heading p{color:#64717d}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.cards article{border-radius:7px;overflow:hidden;background:#fff;box-shadow:0 2px 12px #00152b25}.cards img{display:block;width:100%;height:145px;object-fit:cover}.cards h3,.cards p{margin:12px 14px}.cards p{font-size:14px;line-height:1.4;color:#5e6974}.radar{min-height:325px;padding:28px 5.5%;display:grid;grid-template-columns:1.15fr .95fr .7fr;align-items:center;gap:30px;color:#fff;background:linear-gradient(100deg,#06192d,#063f72)}.radar h2{font-size:48px;margin:3px 0}.radar p{line-height:1.5}.radarVisual{height:270px;border-radius:15px;overflow:hidden}.radarVisual img{width:100%;height:100%;object-fit:cover;object-position:center}.radar li{margin:18px 0}.projects{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.projects article{height:170px;position:relative;overflow:hidden;border-radius:7px;background:#06192d}.projects img{width:100%;height:100%;object-fit:cover}.projects article:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#00162de8)}.projects article div{position:absolute;z-index:2;left:13px;right:13px;bottom:13px;color:#fff}.projects small{display:block;margin-top:5px}.licenses{padding:8px 5.5% 27px;display:grid;grid-template-columns:2fr repeat(4,1fr);align-items:center;gap:25px}.licenses b{text-align:center;font-size:37px;color:#087f91}.licenses small{display:block;font-size:10px}footer{background:#062c55;color:#fff;padding:18px 5.5%;display:flex;align-items:center;gap:55px}footer img{width:245px;height:76px;object-fit:contain;background:#fff;border-radius:4px}footer div{margin-right:auto}footer h2{margin:0 0 5px}
@media(max-width:900px){header{height:76px;padding:5px 5%}.brand img{width:190px}.top{display:none}.hamb{display:block;order:3}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:15px 25px;box-shadow:0 10px 20px #0002}.open nav{display:flex}nav>.active{padding:8px 0}.dd>button{padding:8px 0}.drop{position:static;width:100%;box-shadow:none;background:#f2f7fb;margin-top:7px}.hero{height:620px;background-position:center}.heroText{width:100%;height:100%;padding:55px 7%;background:#031b34a8}.hero h1{font-size:46px}.hero aside{display:none}.strength{grid-template-columns:1fr 1fr;font-size:12px}.strength span+span{border:0}.heading{display:block}.cards,.projects{grid-template-columns:1fr 1fr}.radar{grid-template-columns:1fr}.radarVisual{height:250px}.licenses{grid-template-columns:1fr 1fr}.licenses>div{grid-column:1/-1}footer{flex-direction:column;align-items:flex-start;gap:15px}}
@media(max-width:520px){.brand img{width:165px}.hero h1{font-size:41px}.hero p{font-size:17px}.buttons{flex-direction:column;align-items:flex-start}.cards,.projects{grid-template-columns:1fr}.radar h2{font-size:40px}.radarVisual{height:200px}footer img{width:200px}}
/* === V4.2: corrected header + premium 3D CTA buttons === */
header{padding-left:4.2%;padding-right:4.2%;gap:20px}
header .brand{flex:0 0 205px;margin-right:auto;overflow:visible}
header .brand img{width:205px;height:68px;object-fit:contain;display:block}
header nav{gap:20px;white-space:nowrap}
header .top{flex:0 0 auto;min-width:158px;white-space:nowrap}
.btn3d{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;position:relative;border-radius:14px!important;font-weight:800!important;line-height:1.05;white-space:nowrap;transform:translateY(0);transition:transform .13s ease,box-shadow .13s ease,filter .13s ease}
.btn3d-green{background:linear-gradient(180deg,#39df72 0%,#14c85c 48%,#08a94a 100%)!important;border:1px solid #069a42!important;box-shadow:inset 0 2px 0 #ffffff75,inset 0 -2px 0 #057f37,0 6px 0 #067b38,0 10px 18px #002b1838!important;color:#fff!important}
.btn3d-blue{background:linear-gradient(180deg,#34b3ff 0%,#168ff1 48%,#0870d7 100%)!important;border:1px solid #0871d5!important;box-shadow:inset 0 2px 0 #ffffff75,inset 0 -2px 0 #0759ad,0 6px 0 #0756a8,0 10px 18px #001d3d42!important;color:#fff!important}
.btn3d-dark{background:linear-gradient(180deg,#173b60,#082844 55%,#061c31)!important;border:1px solid #dbe9f5!important;box-shadow:inset 0 2px 0 #ffffff45,inset 0 -2px 0 #020d18,0 6px 0 #03111e,0 10px 18px #00132645!important;color:#fff!important}
.btn3d:hover{transform:translateY(-2px);filter:brightness(1.06)}
.btn3d:active{transform:translateY(5px);box-shadow:inset 0 1px 0 #ffffff55,0 1px 0 #032e1b,0 4px 8px #00152b30!important}
.wa3d-icon{width:30px;height:30px;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #00341e55;flex:0 0 30px}
.wa3d-icon img{width:28px!important;height:28px!important;display:block;object-fit:contain!important}
.btn3d .arr{font-size:20px;line-height:1}
.hero .btn3d{min-height:48px;padding:11px 17px}
.radar .btn3d{min-height:48px;padding:11px 17px}
header .btn3d{min-height:46px;padding:9px 14px}
@media(max-width:1100px) and (min-width:901px){
 header{padding-left:2.5%;padding-right:2.5%;gap:12px}
 header .brand{flex-basis:170px}
 header .brand img{width:170px}
 header nav{gap:13px;font-size:12px}
 header .top{min-width:142px;padding:8px 11px}
}
@media(max-width:900px){
 header .brand{flex:0 0 auto}
 header .brand img{width:190px;height:64px}
 header .top{display:none!important}
 .wa3d-icon{width:28px;height:28px;flex-basis:28px}
 .wa3d-icon img{width:26px!important;height:26px!important}
}
@media(max-width:520px){
 header .brand img{width:168px;height:60px}
 .hero .btn3d,.radar .btn3d{width:auto;max-width:100%}
}

/* === V4.5 phone-style Tender Radar example === */
.radar-example{padding:42px 5.5%;display:grid;grid-template-columns:.85fr minmax(300px,390px) .85fr;gap:42px;align-items:center;background:linear-gradient(135deg,#f4f9fd,#eaf3fa);border-bottom:1px solid #dce6ef}.radar-example h2{font-size:34px;line-height:1.08;margin:9px 0 14px}.radar-example p{line-height:1.55;color:#536474}.example-head .cap{color:#0879ef}.example-copy h3{font-size:24px;margin:0 0 9px}.example-copy .btn3d{margin-top:13px}.phone-shell{width:100%;max-width:390px;margin:auto;background:#111820;border:3px solid #263441;border-radius:38px;padding:10px;box-shadow:0 22px 45px #00172d38,0 5px 0 #06101a;position:relative}.phone-notch{position:absolute;z-index:4;top:10px;left:50%;transform:translateX(-50%);width:105px;height:20px;border-radius:0 0 14px 14px;background:#111820}.phone-screen{height:610px;border-radius:28px;overflow:hidden;background:#e7dfd2;display:flex;flex-direction:column}.wa-phone-head{height:70px;background:#075e54;color:#fff;padding:20px 12px 8px;display:flex;align-items:center;gap:8px;flex:0 0 auto}.wa-phone-head .back{font-size:28px;line-height:1}.avatar{width:34px;height:34px;border-radius:50%;background:#fff;color:#075e54;font-weight:900;display:grid;place-items:center;font-size:12px}.wa-phone-head div{display:flex;flex-direction:column;min-width:0}.wa-phone-head b{font-size:13px;white-space:nowrap}.wa-phone-head small{font-size:9px;opacity:.8}.dots{margin-left:auto;font-size:23px}.wa-chat{flex:1;overflow-y:auto;padding:13px 10px 18px;background:linear-gradient(#eee8dcdd,#eee8dcdd),repeating-linear-gradient(45deg,#e6ded0 0 8px,#f0eadf 8px 16px);scrollbar-width:thin}.wa-bubble{position:relative;background:#fff;border-radius:4px 10px 10px 10px;padding:12px 12px 24px;color:#172534;font-size:11.5px;line-height:1.38;box-shadow:0 1px 2px #0003}.wa-bubble:before{content:"";position:absolute;left:-7px;top:0;border-top:8px solid #fff;border-left:8px solid transparent}.wa-bubble b{font-weight:800}.msg-time{position:absolute;right:8px;bottom:5px;font-size:9px;color:#7b858b}.wa-input{height:49px;background:#f3f3f3;padding:7px 9px;display:flex;align-items:center;gap:8px;flex:0 0 auto}.wa-input div{flex:1;background:#fff;border-radius:18px;padding:8px 13px;color:#8b9298;font-size:11px}.wa-input span{font-size:16px}.example-copy .btn3d{padding:11px 16px}
@media(max-width:900px){.radar-example{grid-template-columns:1fr 1fr;gap:28px}.example-head{grid-column:1/-1}.radar-example h2{font-size:30px}.phone-shell{max-width:360px}}
@media(max-width:620px){.radar-example{grid-template-columns:1fr;padding:32px 6%;gap:24px}.example-head{grid-column:auto}.radar-example h2{font-size:28px}.phone-shell{max-width:340px;border-radius:34px}.phone-screen{height:570px;border-radius:25px}.example-copy{text-align:center}.example-copy .btn3d{margin-left:auto;margin-right:auto}}

/* V4.7: Tender Radar master-image section. Phone example below remains untouched. */
.radar-master{position:relative;width:100%;background:#052b55;overflow:hidden;line-height:0}
.radar-master>img{display:block;width:100%;height:auto}
.radar-hotspot{position:absolute;display:block;z-index:3}
.radar-hotspot.subscribe{left:5.1%;top:74.1%;width:24.5%;height:17.5%}
.radar-hotspot.learn{left:31.0%;top:74.1%;width:11.5%;height:17.5%}
@media(max-width:620px){
  .radar-master{overflow-x:hidden}
  .radar-master>img{width:180%;max-width:none;transform:translateX(-1.5%)}
  .radar-hotspot.subscribe{left:7.7%;top:74.1%;width:43%;height:17.5%}
  .radar-hotspot.learn{left:54.3%;top:74.1%;width:20.5%;height:17.5%}
}