:root{--navy:#0b3768;--blue:#124e88;--red:#e50919;--ink:#142238;--muted:#66758a;--pale:#f4f7fb;--line:#e2e8f0;--green:#17874e}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:86px}body{font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
.header{height:78px;padding:8px 6%;display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);z-index:100;border-bottom:1px solid #e2e8f0b8;transition:box-shadow .3s}.header.scrolled{box-shadow:0 8px 28px #0f233c14}.brand img{width:150px;height:60px;object-fit:contain;mix-blend-mode:multiply}.nav{display:flex;gap:30px;margin-left:auto;margin-right:30px}.nav a{font-size:13px;font-weight:700;color:#4c5b70;position:relative;padding:8px 0}.nav a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--red);transition:width .25s}.nav a:hover:after{width:100%}.header-cta{padding:11px 17px;background:var(--navy);color:white;border-radius:8px;font-size:13px;font-weight:700;transition:.25s}.header-cta:hover{background:var(--red);transform:translateY(-2px)}.header-cta span{margin-left:8px}.menu{display:none;border:0;background:none;font-size:26px;color:var(--navy)}
.hero{min-height:100vh;padding:132px 6% 88px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:4%;align-items:center;position:relative;isolation:isolate;background:linear-gradient(130deg,#fff 0%,#f8fafd 62%,#f1f5fa 100%);overflow:hidden}.hero:before{content:"";position:absolute;z-index:-1;left:-190px;bottom:-290px;width:500px;height:500px;border:1px solid #0b376812;border-radius:50%;box-shadow:0 0 0 55px #0b376805,0 0 0 110px #0b376803}.hero-copy{position:relative;z-index:2;max-width:760px;min-width:0}.hero-abstract{position:relative;z-index:1;min-height:420px;height:min(52vw,540px);display:block;overflow:visible;isolation:isolate}
.hero-abstract:before{content:"";position:absolute;width:76%;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 48% 48%,#e5091915 0 20%,#e5091908 45%,transparent 70%);filter:blur(2px)}
.abstract-disc{position:absolute;width:58%;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(145deg,#0b3768 0%,#124e88 55%,#0b2344 100%);box-shadow:0 24px 65px #0b376629}
.abstract-disc:before{content:"";position:absolute;inset:12%;border:1px solid #ffffff40;border-radius:50%}
.abstract-disc:after{content:"";position:absolute;inset:24%;border:1px solid #ffffff28;border-radius:50%}
.abstract-ring{position:absolute;border:1px solid #0b376626;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-25deg)}
.abstract-ring-one{width:82%;aspect-ratio:1;border-color:#e5091938}
.abstract-ring-two{width:98%;aspect-ratio:1;border-color:#0b37661b}
.abstract-bar{position:absolute;height:18px;border-radius:3px;transform:rotate(-28deg);box-shadow:0 8px 22px #0b37661a}
.abstract-bar-one{width:54%;top:29%;left:22%;background:linear-gradient(90deg,#e50919,#ff5964);clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.abstract-bar-two{width:64%;top:61%;left:19%;height:24px;background:linear-gradient(90deg,#0b3768,#124e88);clip-path:polygon(0 0,100% 0,87% 100%,0 100%)}
.abstract-square{position:absolute;width:15%;aspect-ratio:1;right:7%;top:16%;border:10px solid #e5091921;transform:rotate(18deg);border-radius:8px}
.abstract-dot{position:absolute;width:18px;height:18px;right:18%;bottom:18%;border-radius:50%;background:var(--red);box-shadow:0 0 0 12px #e5091912,0 0 0 25px #e5091908}
.eyebrow,.section-top>span{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--red)}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px}.eyebrow i{width:24px;height:2px;background:var(--red)}h1{font-size:clamp(40px,5vw,68px);line-height:1.08;letter-spacing:-3px;font-weight:800}h1 span,em{color:var(--red);font-style:normal}.hero-copy>p{font-size:16px;color:var(--muted);max-width:520px;margin:25px 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 21px;border:0;border-radius:8px;font-size:13px;font-weight:800;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s}.btn b{transition:transform .25s}.btn:hover{transform:translateY(-3px)}.btn:hover b{transform:translateX(4px)}.primary{background:var(--red);color:#fff;box-shadow:0 10px 24px #e509192e}.primary:hover{background:#c90010;box-shadow:0 14px 30px #e509193d}.secondary{background:#fff;border:1px solid #dce3ec;color:var(--navy)}.secondary:hover{border-color:var(--navy);box-shadow:0 10px 25px #0b376814}.hero-note{display:flex;align-items:center;gap:10px;margin-top:32px;font-size:11px;color:#758296;font-weight:600}.hero-note i{width:28px;height:1px;background:var(--red)}
.hero-mark{height:390px;display:flex;align-items:center;justify-content:center;position:relative}.hero-logo{position:relative;z-index:2;width:min(490px,100%);display:block;mix-blend-mode:multiply;filter:drop-shadow(0 18px 24px #0b37661a);animation:logoIn .85s cubic-bezier(.2,.75,.25,1) both}.glow{position:absolute;width:270px;height:270px;border-radius:50%;background:#124e8814;filter:blur(38px);animation:glowPulse 5s ease-in-out infinite}.orbit{position:absolute;border:1px solid #0b376615;border-radius:50%;pointer-events:none}.orbit-a{width:340px;height:340px;animation:orbit 38s linear infinite}.orbit-b{width:405px;height:405px;border-color:#e5091910;animation:orbit 48s linear infinite reverse}.speed-line{position:absolute;height:2px;width:70px;background:linear-gradient(90deg,transparent,var(--red),transparent);opacity:0;animation:flash 1s ease-out .7s both;top:22%;left:2%}.scroll-cue{position:absolute;bottom:23px;left:8%;font-size:9px;letter-spacing:1.7px;color:#8490a1;font-weight:800}
.section{padding:95px 8%}.section-top{display:flex;align-items:center;gap:22px;margin-bottom:38px}.section-top i{height:1px;background:var(--line);flex:1}h2{font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-2px;font-weight:800}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.about-copy p{font-size:14px;color:var(--muted);margin-bottom:16px}.text-link{display:inline-flex;gap:12px;color:var(--navy);font-size:13px;font-weight:800;margin-top:8px;border-bottom:1px solid #e5091959;padding-bottom:5px}.text-link b{color:var(--red);transition:transform .25s}.text-link:hover b{transform:translate(3px,-3px)}
.services{background:var(--pale)}.services-intro{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}.services-intro>p{max-width:350px;color:var(--muted);font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:white;border:1px solid #e5ebf2;padding:27px;border-radius:13px;min-height:265px;transition:transform .35s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--red);transition:width .35s}.service-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px #10203317;border-color:#d4deea}.service-card:hover:after{width:100%}.service-top{display:flex;justify-content:space-between;color:var(--red);font-size:11px;font-weight:800}.service-top b{width:29px;height:29px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--navy);transition:.3s}.service-card:hover .service-top b{transform:rotate(45deg);background:var(--navy);color:white}.service-icon{margin:25px 0 16px;width:44px;height:44px;display:grid;place-items:center;background:#fdf0f1;border-radius:10px;color:var(--navy);font-size:26px}.service-card h3{font-size:18px;margin-bottom:8px}.service-card p{font-size:13px;color:var(--muted)}
.process-heading{margin-bottom:42px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-top:1px solid var(--line)}.step{padding:0 10px 0 0;margin-top:-1px;border-top:1px solid transparent}.step>b{width:42px;height:42px;display:grid;place-items:center;background:white;border:1px solid #dce4ed;border-radius:50%;color:var(--red);font-size:11px;margin-bottom:22px;box-shadow:0 0 0 7px white;transition:.25s}.step:hover>b{background:var(--red);color:white;transform:scale(1.08)}.step h3{font-size:15px;margin-bottom:8px}.step p{font-size:13px;color:var(--muted)}
.partner-strip{background:var(--navy);color:white;padding:55px 8%;position:relative;overflow:hidden}.partner-strip:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #ffffff17;border-radius:50%;right:-70px;top:-180px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05}.partner-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;z-index:1}.partner-inner>div>span{font-size:10px;letter-spacing:2px;font-weight:800;color:#ff727b}.partner-inner h2{font-size:clamp(28px,3vw,40px);margin:10px 0}.partner-inner em{color:#ff6873}.partner-inner p{font-size:13px;color:#ffffffb8;max-width:520px}.white-btn{background:white;color:var(--navy);white-space:nowrap}.white-btn:hover{background:#f1f5f9}
.contact{background:#f7f9fc}.contact-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.contact-heading>p{max-width:350px;color:var(--muted);font-size:14px}.contact-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(275px,.8fr);gap:22px;align-items:start}.enquiry-form,.contact-info{background:white;border:1px solid #e3eaf2;border-radius:14px;padding:28px;box-shadow:0 10px 35px #0f233c08}.form-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:23px}.form-heading small,.contact-info>small{font-size:9px;letter-spacing:1.8px;color:var(--red);font-weight:800}.form-heading h3,.contact-info h3{font-size:22px;letter-spacing:-.5px;margin-top:4px}.form-heading>span{font-size:10px;color:#7d8999}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#425168}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-width:0;border:1px solid #dce4ed;background:#fbfcfe;border-radius:7px;padding:12px;color:var(--ink);font-size:12px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--blue);background:white;box-shadow:0 0 0 3px #124e8817}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#a1aab7}.form-grid textarea{resize:vertical;min-height:95px}.form-grid .full{grid-column:1/-1}.submit-btn{margin-top:21px;font-size:12px}.form-help{font-size:10px;color:var(--muted);margin-top:10px}.form-status{font-size:12px;color:var(--green);font-weight:700;margin-top:10px}.contact-info{background:var(--navy);color:white;padding:29px 24px;position:relative;overflow:hidden}.contact-info:after{content:"";position:absolute;right:-80px;bottom:-110px;width:210px;height:210px;border:32px solid #ffffff09;border-radius:50%;pointer-events:none}.contact-info h3{font-size:24px;margin:7px 0}.contact-info>p{font-size:12px;color:#ffffffad;margin-bottom:18px}.info-item{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #ffffff21;transition:padding .25s}.info-item:hover{padding-left:4px}.info-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid #ffffff35;border-radius:9px;color:#ff727b;font-size:17px}.info-item>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.info-item small{font-size:10px;color:#ffffff99}.info-item strong{font-size:12px;overflow-wrap:anywhere}.info-item>b{margin-left:auto;color:#ff727b}.location-item{cursor:default}.availability{display:flex;gap:9px;margin-top:14px;padding:12px;background:#ffffff0d;border-radius:8px;color:#ffffffb8;font-size:10px;position:relative;z-index:1}.availability i{width:7px;height:7px;flex:0 0 7px;margin-top:5px;border-radius:50%;background:#60d394;box-shadow:0 0 0 4px #60d39420}
footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 8%;border-top:1px solid var(--line);background:white}footer img{width:125px;height:47px;object-fit:contain;mix-blend-mode:multiply}footer p{font-size:11px;color:#526177;font-weight:600}footer>span{font-size:10px;color:#7e8a99}.floating-wa{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;font-size:26px;box-shadow:0 10px 25px #0003;z-index:90;transition:transform .25s,box-shadow .25s}.floating-wa:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 15px 30px #17874e47}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.25,1)}.reveal.visible{opacity:1;transform:translateY(0)}.delay{transition-delay:.12s}@keyframes logoIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}@keyframes glowPulse{0%,100%{transform:scale(.92);opacity:.6}50%{transform:scale(1.08);opacity:1}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes flash{0%{opacity:0;transform:translateX(-20px)}35%{opacity:.7}100%{opacity:0;transform:translateX(35px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:900px){.header{padding:8px 5%}.nav{gap:19px;margin-right:18px}.hero{padding:120px 6% 78px;grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:2%}.hero-abstract{min-height:330px;height:38vw}.section{padding:78px 6%}.about-grid{gap:40px}.contact-layout{grid-template-columns:1fr}.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.contact-info>small,.contact-info h3,.contact-info>p,.availability{grid-column:1/-1}}
@media(max-width:700px){.header{height:70px;padding:6px 5%}.brand img{width:125px;height:55px}.header-cta{display:none}.menu{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;flex-direction:column;gap:0;padding:8px 5% 15px;margin:0;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #0a1e3712}.nav.open{display:flex}.nav a{padding:12px 0}.nav a:after{display:none}.hero{padding:112px 7% 70px;text-align:left;min-height:auto;grid-template-columns:1fr;gap:10px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start}.hero-copy>p{font-size:15px}.actions{justify-content:flex-start}.hero-abstract{height:300px;min-height:280px;width:100%;max-width:460px;justify-self:center;margin:0 auto}.scroll-cue{left:7%;bottom:18px}.section{padding:68px 7%}.section-top{margin-bottom:28px}.about-grid{grid-template-columns:1fr;gap:22px}.services-intro,.contact-heading{display:block}.services-intro>p,.contact-heading>p{margin-top:18px}.service-grid{grid-template-columns:1fr}.service-card{min-height:225px}.process-grid{grid-template-columns:1fr 1fr;gap:26px 18px;border-top:0}.step{border-top:1px solid var(--line);padding-top:15px}.step>b{margin-bottom:16px}.partner-strip{padding:43px 7%}.partner-inner{display:block}.partner-inner .white-btn{margin-top:23px}.enquiry-form{padding:22px}.contact-info{padding:25px 21px}footer{padding:23px 7%;flex-direction:column;text-align:center;gap:9px}}
@media(max-width:430px){h1{font-size:39px;letter-spacing:-2px}.hero-abstract{height:245px;min-height:245px}.abstract-bar{height:13px}.abstract-bar-two{height:17px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.form-heading{align-items:flex-start;flex-direction:column;gap:5px}.process-grid{grid-template-columns:1fr}.contact-info{display:block}}

.attachment-note{font-size:10px;color:var(--muted);font-weight:400;line-height:1.5}

/* WhatsApp CTA block (replaces form) */
.wa-cta-block{background:white;border:1px solid #e3eaf2;border-radius:14px;padding:44px 36px;box-shadow:0 10px 35px #0f233c08;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.wa-cta-icon{font-size:48px;line-height:1}
.wa-cta-block h3{font-size:26px;letter-spacing:-.5px;font-weight:800;color:var(--ink)}
.wa-cta-block>p{font-size:14px;color:var(--muted);max-width:440px;line-height:1.7}
.wa-cta-btn{padding:16px 28px;font-size:14px}
.wa-cta-note{font-size:11px;color:#8fa0b5;font-weight:600;margin-top:-6px}

/* Stable static homepage: no hero entrance/reveal animation. */
.hero{min-height:100vh;padding:125px 6% 82px;scroll-margin-top:78px}
.hero-copy{opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important;transition:none!important;max-width:760px}
.hero-copy .eyebrow,.hero-copy h1,.hero-copy>p,.hero-copy .actions,.hero-copy .hero-note{opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important}
.hero-abstract,.abstract-disc,.abstract-ring,.abstract-bar,.abstract-square,.abstract-dot{animation:none!important;transition:none!important}
.site-footer{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);column-gap:55px;row-gap:22px;padding:34px 7% 22px;border-top:1px solid var(--line);background:#fff;align-items:start}
.footer-brand img{width:135px;height:50px;object-fit:contain;mix-blend-mode:multiply}
.footer-brand>p{font-size:12px;color:var(--muted);margin:3px 0 18px}
.footer-contact{display:flex;flex-wrap:wrap;gap:28px}
.footer-contact a{display:flex;flex-direction:column;gap:3px}
.footer-contact a span,.footer-label{font-size:9px;letter-spacing:1.6px;font-weight:800;color:var(--red)}
.footer-contact a strong,.footer-location strong{font-size:13px;color:var(--navy);overflow-wrap:anywhere}
.footer-location{padding-top:8px}
.footer-location strong{display:block;margin:9px 0}
.footer-location p{max-width:360px;font-size:11px;color:var(--muted)}
.footer-copyright{grid-column:1/-1;padding-top:17px;border-top:1px solid var(--line);font-size:10px;color:#7e8a99}
.contact-layout{grid-template-columns:minmax(0,1fr);max-width:760px}
.wa-cta-block{max-width:760px;width:100%}
@media(max-width:700px){.hero{padding:105px 7% 65px;min-height:auto}.site-footer{grid-template-columns:1fr;gap:22px;padding:28px 7% 20px}.footer-copyright{grid-column:1}.footer-contact{gap:18px}}

/* Progressive enhancement fallback: show content even if JavaScript reveal code does not run. */
.reveal{opacity:1;transform:none}

/* Final hero revision: remove decorative shapes, center all hero content, fill the viewport. */
.hero{min-height:100vh;height:100vh;padding:110px 7% 55px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff 0%,#f5f8fc 100%)}
.hero:before{content:"";position:absolute;left:50%;top:50%;width:min(78vw,760px);height:min(78vw,760px);transform:translate(-50%,-50%);border:1px solid #0b376610;border-radius:50%;box-shadow:0 0 0 45px #0b376604,0 0 0 90px #e5091903;pointer-events:none}
.hero-copy{width:min(100%,1000px);max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2}
.hero-copy .eyebrow{justify-content:center;margin-bottom:25px}
.hero-copy h1{max-width:1000px;font-size:clamp(42px,6vw,82px);line-height:1.08;letter-spacing:-.045em}
.hero-copy>p{max-width:690px;margin:26px auto 32px;font-size:clamp(16px,1.6vw,20px);line-height:1.75}
.hero-copy .actions{justify-content:center}
.hero-copy .hero-note{justify-content:center;margin-top:30px}
.hero-abstract,.abstract-disc,.abstract-ring,.abstract-bar,.abstract-square,.abstract-dot{display:none!important;animation:none!important}
@media(max-width:700px){.hero{height:auto;min-height:calc(100svh - 70px);padding:100px 7% 58px}.hero-copy h1{font-size:clamp(38px,10vw,54px);letter-spacing:-.04em}.hero-copy>p{font-size:15px;margin:22px auto 27px}.hero-copy .actions{gap:10px}.hero-copy .btn{padding:13px 16px}}
