:root{font-family:Arial,Helvetica,sans-serif;color:#15243a;background:#f5f7fa;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}.topbar{height:86px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center}.brand-mark{display:grid;place-items:center;width:49px;height:49px;border-radius:12px;background:#15243a;color:#e9bb63;font-size:19px;font-weight:900;border:2px solid #d6a34c}.brand strong{display:block;font-size:20px;letter-spacing:1.5px}.brand small{display:block;font-size:10px;letter-spacing:3px;color:#ad7c28;margin-top:3px;font-weight:bold}.top-status{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#5b6777}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#c79944;margin-right:9px;box-shadow:0 0 0 5px #f3e7cd}.hero{background:#101d30;color:white;padding:90px max(5%,calc((100vw - 1380px)/2)) 100px;display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:55px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2.5px;color:#d7a650;font-weight:900}.intro h1{font-size:clamp(43px,4.6vw,73px);letter-spacing:-2.5px;line-height:1.12;margin:25px 0}.intro h1 em{font-style:normal;color:#e9bb63}.intro p{color:#c7d1df;font-size:16px;line-height:1.95;max-width:540px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;gap:12px;padding:16px 20px;border-radius:9px;font-size:13px;font-weight:800;transition:transform .2s}.button:hover{transform:translateY(-3px)}.primary{background:#e9bb63;color:#14243a}.secondary{border:1px solid #637188;color:#fff}.scene-wrap{border:1px solid #52637a;border-radius:22px;overflow:hidden;background:#192c46;box-shadow:0 24px 65px #0004}.scene-title,.scene-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 22px;font-size:10px;letter-spacing:1.5px;color:#d6e0eb;font-weight:800}.scene-title{border-bottom:1px solid #ffffff24}.scene-footer{border-top:1px solid #ffffff24;font-weight:500;letter-spacing:.2px}.live-dot,.spark{color:#e9bb63}.site-scene{display:block;width:100%;height:auto}.lift-one{animation:liftOne 9s ease-in-out infinite;transform-box:fill-box}.lift-two{animation:liftTwo 10s ease-in-out infinite;transform-box:fill-box}@keyframes liftOne{0%,8%,100%{transform:translateY(90px)}35%,63%{transform:translateY(-40px)}80%{transform:translateY(90px)}}@keyframes liftTwo{0%,12%,100%{transform:translateY(78px)}43%,67%{transform:translateY(-44px)}86%{transform:translateY(78px)}}.services{max-width:1260px;margin:auto;padding:95px 6%}.services-heading{text-align:center;max-width:720px;margin:0 auto 45px}.services-heading h2{font-size:clamp(30px,3.2vw,45px);letter-spacing:-1px;margin:15px 0}.services-heading p{color:#637085;line-height:1.8}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-grid article{padding:32px;background:white;border:1px solid #e1e7ef;border-radius:15px}.service-icon{display:grid;place-items:center;width:48px;height:48px;background:#fff2d8;border-radius:10px;color:#9c6c1e;font-size:25px}.service-grid h3{margin:23px 0 12px}.service-grid p{color:#637085;line-height:1.8;margin:0}footer{padding:30px 6%;border-top:1px solid #e1e7ef;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:13px;color:#637085}footer a{color:#9c6c1e}@media(max-width:1100px){.hero{grid-template-columns:1fr;padding:70px 6%}.intro{max-width:750px}.scene-wrap{max-width:900px;width:100%}}@media(max-width:650px){.topbar{padding:0 5%;height:74px}.top-status{font-size:9px;letter-spacing:.5px}.brand strong{font-size:16px}.brand-mark{width:42px;height:42px}.hero{padding:65px 5%}.intro h1{font-size:clamp(38px,10vw,56px);letter-spacing:-1.5px}.scene-title,.scene-footer{padding:12px;font-size:8px}.scene-footer span:last-child{display:none}.service-grid{grid-template-columns:1fr}.services{padding:70px 5%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ==========================================
   OFFICIAL DAKALO R LOGO
   ========================================== */

.topbar .brand-logo {
    display: block;
    width: 49px;
    height: 58px;
    max-width: none;
    object-fit: contain;
    flex-shrink: 0;
}

.topbar .brand {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
}

@media (max-width: 650px) {
    .topbar .brand-logo {
        width: 40px;
        height: 48px;
    }

    .topbar .brand {
        gap: 9px;
    }
}