/* Mitra Business — Cambria-led light blue visual system */
:root{--navy:#173956;--ink:#214663;--muted:#6b8296;--blue:#278be6;--sky:#83d0ff;--pale:#f3faff;--line:#dcecf8;--white:#fff;--mint:#4ec7ad;--shadow:0 22px 70px rgba(39,116,177,.13);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--ink);font-family:Cambria,Georgia,serif;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 44px));margin:auto}.progress{position:fixed;z-index:999;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#2589e8,#8edcff)}.header{position:sticky;top:0;z-index:100;background:#ffffffdf;backdrop-filter:blur(18px);border-bottom:1px solid #e5f0f8}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center}.logo img{width:220px;max-height:59px}.navlinks{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:bold;color:#5b7287}.navlinks a{transition:color .2s}.navlinks a:hover,.navlinks a.active{color:var(--blue)}.navlinks .navbtn{padding:11px 17px;border-radius:12px;background:#e9f6ff;color:#1979cc}.navtoggle{display:none;background:white;border:1px solid var(--line);border-radius:9px;padding:7px 11px;font-size:22px;color:var(--navy)}
.hero{position:relative;isolation:isolate;overflow:hidden;padding:86px 0 55px;background:radial-gradient(ellipse at 76% 35%,#dff3ff 0,transparent 36%),linear-gradient(180deg,#f7fcff,#fff)}.hero:before,.hero:after{content:"";position:absolute;z-index:-1;border:1px solid #9edbff7a;border-radius:50%;pointer-events:none}.hero:before{width:530px;height:530px;right:-100px;top:-230px;box-shadow:0 0 0 35px #b8e7ff1c,0 0 0 80px #b8e7ff12;animation:orbit 25s linear infinite}.hero:after{width:300px;height:300px;left:-170px;bottom:-200px;box-shadow:0 0 0 32px #b8e7ff18}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px;min-height:475px}.eyebrow{display:flex;align-items:center;gap:9px;color:#2585d5;text-transform:uppercase;font:700 11px Cambria,Georgia,serif;letter-spacing:2.2px;margin-bottom:20px}.dot{width:7px;height:7px;background:#43a9f5;border-radius:50%;box-shadow:0 0 0 5px #43a9f51b;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px #43a9f500}}h1,h2,h3,h4{font-family:Cambria,Georgia,serif;letter-spacing:-.7px;line-height:1.14;margin:0 0 18px;color:#183d5b}h1{font-size:clamp(43px,5.3vw,68px)}h2{font-size:clamp(34px,4.1vw,49px)}h3{font-size:22px}.gradient{background:linear-gradient(95deg,#1879d1,#55baf1,#42bdb5);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:18px;line-height:1.8;color:#6b8297;max-width:520px;margin:0 0 27px}.actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:0;border-radius:12px;padding:14px 20px;font-weight:bold;font-size:14px;cursor:pointer;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px)}.primary{color:#fff;background:linear-gradient(110deg,#1d7ed8,#55b5f2);box-shadow:0 12px 27px #278be638}.secondary{background:#fff;border:1px solid var(--line);color:#426581}.proof{display:flex;gap:12px;align-items:center;margin-top:35px;color:#5e788f;font-size:13px}.proof-icon{width:38px;height:38px;display:grid;place-items:center;background:#e3f4ff;color:#2588e5;border-radius:13px;font-size:21px}.proof strong,.proof small{display:block}.proof small{color:#8297a9;font-size:12px}.hero-art{position:relative;min-height:440px;display:grid;place-items:center;perspective:1000px}.orb{position:absolute;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle,#c8ecff 0,#e8f7ff 48%,transparent 72%);animation:breathe 7s ease-in-out infinite}.orb2{position:absolute;width:300px;height:300px;border:1px solid #a4dcff;border-radius:50%;animation:orbit 30s linear infinite}.glass-card{position:relative;z-index:2;width:min(100%,420px);padding:24px;border-radius:24px;background:#ffffffd9;border:1px solid #fff;box-shadow:0 30px 80px #2a7cb522;backdrop-filter:blur(18px);transform:rotateY(-7deg) rotateX(3deg);animation:float 7s ease-in-out infinite}.dashhead{display:flex;justify-content:space-between;align-items:center}.dashhead small{font-size:10px;color:#7b91a5;letter-spacing:1.4px}.dashhead h3{font-size:22px;margin:5px 0}.badge{font-size:11px;padding:5px 9px;border-radius:20px;background:#e2f9f1;color:#198d73}.chart{height:155px;margin-top:23px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0 37px,#e5f1f9 38px 39px)}.chart svg{width:100%;height:100%;overflow:visible}.chartpath{fill:none;stroke:#258be6;stroke-width:4;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;animation:draw 3s ease forwards}.chartfill{fill:url(#fill)}.dashstats{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #e7f0f7;padding-top:17px;margin-top:10px}.stat{background:#f4faff;border-radius:12px;padding:12px}.stat small{display:block;color:#8297a9;font-size:11px}.stat strong{font-size:14px;color:#28506d}.float-chip{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e9f4fc;border-radius:14px;padding:12px 15px;box-shadow:0 15px 40px #277bb51d;animation:float 5s ease-in-out infinite}.float-chip strong,.float-chip small{display:block}.float-chip strong{font-size:12px}.float-chip small{font-size:10px;color:#8095a7}.chip-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#e5f5ff;color:#2387e3;font-size:18px}.chip1{right:-6px;top:48px}.chip2{left:-7px;bottom:45px;animation-delay:-2s}.wave{position:absolute;bottom:-2px;left:0;width:100%;height:90px;z-index:0}.wave path{fill:#fff}.section{padding:94px 0}.pale{background:#f5fbff}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.heading-row p{max-width:390px;color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 5px}.center{text-align:center}.center .eyebrow{justify-content:center}.center>p{max-width:600px;margin:0 auto 38px;color:var(--muted)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service{position:relative;background:#fff;border:1px solid #e2eff9;border-radius:20px;padding:24px;overflow:hidden;transition:.3s}.service:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-100px;top:-100px;background:radial-gradient(circle,#dff3ff,transparent 70%);transition:.3s}.service:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#b7e0fc}.service:hover:after{right:-60px;top:-60px}.service-icon{width:47px;height:47px;display:grid;place-items:center;background:#e8f6ff;color:#2487df;border-radius:14px;font-size:23px;margin-bottom:19px;position:relative;z-index:1}.service-num{position:absolute;right:22px;top:25px;color:#9ab1c3;font-size:12px}.service p{font-size:14px;color:#72889a;line-height:1.8;min-height:75px}.link{display:inline-flex;gap:12px;color:#2084d9;font-weight:bold;font-size:13px}.link:hover{gap:17px}.banner{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#197ad3,#45a9ec 65%,#82d4f6);color:#fff;text-align:center;padding:82px 20px}.banner:before,.banner:after{content:"";position:absolute;z-index:-1;border:1px solid #ffffff44;border-radius:50%;animation:orbit 30s linear infinite}.banner:before{width:480px;height:480px;top:-250px;left:-100px;box-shadow:0 0 0 40px #ffffff0d,0 0 0 85px #ffffff0a}.banner:after{width:370px;height:370px;bottom:-250px;right:-70px}.banner h2{font-size:clamp(38px,5vw,58px);color:white}.banner h2 span{color:#d9f5ff}.banner p{color:#e7f6ff;margin-bottom:25px}.whitebtn{background:#fff;color:#1979cb}.aboutgrid,.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-art{position:relative;min-height:330px;display:grid;place-items:center}.about-blob{width:300px;height:300px;background:linear-gradient(145deg,#dff4ff,#c5eaff);border-radius:42% 58% 52% 48%;box-shadow:0 0 0 20px #edf8ff;animation:morph 9s ease-in-out infinite}.mini-window{position:absolute;width:275px;padding:15px;border:1px solid white;border-radius:18px;background:#ffffffdb;box-shadow:var(--shadow);transform:rotate(-6deg);backdrop-filter:blur(10px)}.mini-window span{display:block;height:10px;margin:12px 0;border-radius:8px;background:#cbeaff}.mini-window span:nth-child(2){width:65%}.mini-window span:nth-child(3){height:70px;background:linear-gradient(120deg,#e8f7ff,#bfe6ff)}.mini-window span:nth-child(4){width:80%}.checks{padding:0;list-style:none;display:grid;gap:12px;margin:24px 0}.checks li:before{content:"✓";display:inline-grid;place-items:center;width:23px;height:23px;margin-right:10px;background:#e2f8f1;color:#169b7d;border-radius:50%;font-size:12px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step{position:relative}.stepno{display:grid;place-items:center;width:52px;height:52px;background:#e7f5ff;border:1px solid #d2eafa;border-radius:16px;color:#2285da;font-weight:bold;margin-bottom:20px}.step p{color:var(--muted);font-size:14px}.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;transition:.3s}.project:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.project-art{height:190px;display:grid;place-items:center;overflow:hidden;position:relative;background:linear-gradient(135deg,#e9f7ff,#c7eaff)}.project-art:before{content:"";position:absolute;width:190px;height:190px;border:1px solid #7fcaff;border-radius:50%;box-shadow:0 0 0 20px #ffffff45,0 0 0 45px #ffffff2d;animation:orbit 25s linear infinite}.mock{position:relative;z-index:1;width:70%;height:115px;padding:14px;border-radius:12px;background:#ffffffd9;box-shadow:0 16px 35px #2c7cb31f;transform:rotate(-4deg)}.mock i{display:block;height:7px;background:#a7dcff;border-radius:5px;margin-bottom:9px}.mock i:nth-child(2){width:65%}.mock i:nth-child(3){height:48px;background:linear-gradient(100deg,#dff4ff,#a7ddff)}.project-body{padding:20px}.tag{font-size:11px;color:#2688d9;background:#eaf6ff;border-radius:20px;padding:5px 9px;display:inline-block;margin-bottom:10px}.project-body p{color:var(--muted);font-size:14px;margin:0}.notice{padding:15px 18px;border:1px solid #dcecf8;background:#f4faff;color:#6d8498;border-radius:14px;font-size:13px;margin-top:24px}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.price-card{position:relative;border:1px solid var(--line);border-radius:22px;padding:28px;background:#fff;transition:.3s}.price-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.price-card.featured{border:2px solid #5bb8f5;box-shadow:0 18px 50px #2a8ce01b}.popular{position:absolute;top:-13px;right:20px;padding:5px 12px;background:#2589e5;color:white;border-radius:20px;font-size:11px}.price-card h3{font-size:23px}.price-card .desc{font-size:13px;color:var(--muted);min-height:44px}.price{font-size:35px;font-weight:bold;color:#1b7fce;margin:18px 0 4px}.price small{font-size:12px;color:#8297a8;font-weight:normal}.price-note{font-size:11px;color:#8499aa}.price-card ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:11px;font-size:13px;color:#5c7489}.price-card li:before{content:"✓";color:#1ba382;font-weight:bold;margin-right:9px}.price-card .btn{width:100%}.contact-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.contact-card label{display:block;font-size:13px;font-weight:bold;color:#526f86;margin-bottom:15px}.contact-card input,.contact-card select,.contact-card textarea{display:block;width:100%;margin-top:7px;border:1px solid #dceaf5;border-radius:10px;background:#fbfdff;padding:12px;color:#264c69;outline:none}.contact-card input:focus,.contact-card select:focus,.contact-card textarea:focus{border-color:#75c4f7;box-shadow:0 0 0 3px #278be615}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-details{display:grid;gap:18px;margin-top:30px}.detail{display:flex;align-items:center;gap:13px}.detailicon{width:43px;height:43px;display:grid;place-items:center;background:#e7f5ff;border-radius:13px;color:#2586dc;font-size:18px}.detail small,.detail strong{display:block}.detail small{font-size:12px;color:#8599aa}.detail strong{font-size:15px;overflow-wrap:anywhere}.footer{background:#163853;color:#d6e9f7;padding:50px 0 0}.footgrid{display:grid;grid-template-columns:1.4fr .8fr 1fr 1fr;gap:35px;padding-bottom:35px}.footer .logo img{filter:none;opacity:1;width:220px;max-height:59px}.footer p,.footer a{color:#a9c4d8;font-size:13px}.footer h4{color:white;font-size:16px;margin-bottom:14px}.footcol{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.footbottom{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:15px;padding:17px 0;font-size:12px;color:#9cb7cc}.whatsapp{position:fixed;z-index:80;right:20px;bottom:20px;background:#fff;color:#148765;border:1px solid #d9f0e7;border-radius:30px;padding:11px 16px;box-shadow:0 12px 30px #1a654a20;font-weight:bold;font-size:13px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.delay1{transition-delay:.12s}.delay2{transition-delay:.22s}.delay3{transition-delay:.32s}@keyframes float{50%{transform:translateY(-9px) rotateY(-3deg) rotateX(2deg)}}@keyframes breathe{50%{transform:scale(1.09);opacity:.72}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes morph{50%{border-radius:58% 42% 40% 60%;transform:rotate(8deg)}}@media(max-width:900px){.navlinks{gap:13px;font-size:13px}.hero-grid{gap:20px}.aboutgrid,.contactgrid{gap:35px}.footgrid{gap:22px}.steps{gap:15px}}@media(max-width:720px){.container{width:calc(100% - 34px)}.nav{height:72px}.logo img{width:190px}.navtoggle{display:block}.navlinks{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:16px 24px 24px;box-shadow:0 18px 25px #174d7210;flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks a{padding:11px 0}.navlinks .navbtn{text-align:center;margin-top:9px}.hero{padding:56px 0 50px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-art{min-height:390px;margin-top:20px}.glass-card{width:min(100%,400px)}.chip1{right:0;top:22px}.chip2{left:0;bottom:25px}.section{padding:70px 0}.heading-row{display:block}.heading-row p{margin-top:18px}.services,.portfolio{grid-template-columns:repeat(2,1fr);gap:13px}.service{padding:19px}.service p{min-height:0}.aboutgrid,.contactgrid{grid-template-columns:1fr;gap:35px}.about-art{min-height:310px;order:2}.steps{grid-template-columns:1fr 1fr;gap:28px 20px}.pricing{grid-template-columns:1fr;gap:22px}.price-card.featured{margin-top:10px}.footgrid{grid-template-columns:1fr 1fr}.footbrand{grid-column:1/-1}.footbottom{flex-wrap:wrap}.wave{height:55px}}@media(max-width:430px){.services,.portfolio{grid-template-columns:1fr}.service p{min-height:0}.row{grid-template-columns:1fr;gap:0}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-art{min-height:340px}.glass-card{padding:18px}.float-chip{padding:9px 10px}.float-chip strong{font-size:11px}.float-chip small{font-size:9px}.footgrid{gap:25px 15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
/* Image-led service detail and portfolio visuals */
.service-photo-wrap{position:relative;min-height:390px;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#dff3ff,#f7fbff);box-shadow:0 25px 65px rgba(31,105,160,.18);isolation:isolate}
.service-photo{display:block;width:100%;height:100%;min-height:390px;position:absolute;inset:0;object-fit:cover;object-position:center}
.service-photo-wrap:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(14,47,75,.5));z-index:0;pointer-events:none}
.photo-badge{position:absolute;z-index:1;left:22px;right:22px;bottom:22px;padding:16px 18px;border:1px solid rgba(255,255,255,.55);border-radius:16px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);font-size:12px;letter-spacing:.12em;font-weight:bold;color:#1d659d;box-shadow:0 12px 35px rgba(15,55,85,.14)}
.photo-badge small{display:block;margin-top:4px;letter-spacing:0;font-size:14px;font-weight:normal;color:#54738a}
.photo-badge-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2d9be9;margin-right:8px;box-shadow:0 0 0 4px #d9f0ff}
.project-art{position:relative;overflow:hidden;min-height:220px;background:linear-gradient(135deg,#e5f5ff,#f6fbff)}
.project-art img{display:block;width:100%;height:235px;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.project:hover .project-art img{transform:scale(1.045)}
@media(max-width:700px){.service-photo-wrap,.service-photo{min-height:290px}.project-art img{height:200px}}

.service-thumb{display:block;margin:-2px -2px 16px;border-radius:15px;overflow:hidden;background:#e8f6ff}.service-thumb img{display:block;width:100%;height:140px;object-fit:cover;transition:transform .5s}.service:hover .service-thumb img{transform:scale(1.04)}.text-link{display:inline-block;margin-top:8px;color:#197bc5;font-weight:bold;font-size:14px}.project-image-link{display:block}

/* Rebuilt local service artwork: no broken external photo links */
.service-illustration{min-height:390px;border:1px solid #d9edf9;background:#eaf7ff;box-shadow:0 26px 70px rgba(31,105,160,.16)}
.service-illustration .service-photo{object-fit:contain;padding:0;min-height:390px}
.service-illustration:after{background:linear-gradient(180deg,transparent 58%,rgba(14,47,75,.12))}
.service-thumb{padding:0;border:1px solid #e0f0fa}
.service-thumb img{height:168px;object-fit:cover;background:#eff9ff}
.service-icon{width:58px;height:58px;border-radius:17px;font-size:28px;box-shadow:0 8px 20px #258be51a}
.project-art{min-height:220px;padding:0;background:#eff9ff}
.project-art img{height:235px;object-fit:cover;object-position:center}
@media(max-width:700px){.service-illustration,.service-illustration .service-photo{min-height:280px}.service-thumb img{height:190px}.project-art img{height:210px}}

/* Rebuilt local service artwork: no broken external photo links */
.service-illustration{min-height:390px;border:1px solid #d9edf9;background:#eaf7ff;box-shadow:0 26px 70px rgba(31,105,160,.16)}
.service-illustration .service-photo{object-fit:contain;padding:0;min-height:390px}
.service-illustration:after{background:linear-gradient(180deg,transparent 58%,rgba(14,47,75,.12))}
.service-thumb{padding:0;border:1px solid #e0f0fa}
.service-thumb img{height:168px;object-fit:cover;background:#eff9ff}
.service-icon{width:58px;height:58px;border-radius:17px;font-size:28px;box-shadow:0 8px 20px #258be51a}
.project-art{min-height:220px;padding:0;background:#eff9ff}
.project-art img{height:235px;object-fit:cover;object-position:center}
@media(max-width:700px){.service-illustration,.service-illustration .service-photo{min-height:280px}.service-thumb img{height:190px}.project-art img{height:210px}}