:root{
  --bg:#050914; --surface:#0b1224; --surface2:#101a32; --text:#f5f8ff; --muted:#9aa8c2;
  --blue:#1677ff; --cyan:#18c7ff; --purple:#8d19ff; --pink:#d61dff; --line:rgba(255,255,255,.09);
  --max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.bg-orb{position:fixed;filter:blur(90px);opacity:.18;border-radius:50%;pointer-events:none;z-index:-1}.orb-1{width:420px;height:420px;background:#0d63ff;top:100px;left:-180px}.orb-2{width:420px;height:420px;background:#b300ff;right:-180px;top:520px}
.header{position:sticky;top:0;z-index:50;background:rgba(5,9,20,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand img{width:150px;height:auto;display:block}.nav-links{display:flex;align-items:center;gap:28px;font-size:14px;color:#b9c4d8}.nav-links a{transition:.25s}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-cta{padding:11px 17px;border:1px solid rgba(80,155,255,.35);border-radius:12px;background:rgba(20,106,255,.1);color:#fff!important}.nav-cta span,.btn span{margin-left:7px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}
.hero{min-height:650px;display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center;padding:80px 0 65px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.18em;font-weight:800;color:#65baff}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#1ec8ff;box-shadow:0 0 15px #1ec8ff;margin-right:9px}
h1,h2,h3{font-family:"Space Grotesk",sans-serif;line-height:1.05;margin:0}h1{font-size:clamp(48px,6vw,78px);letter-spacing:-.055em;margin:20px 0}h1 em{font-style:normal;background:linear-gradient(90deg,#fff,#56b7ff,#b72aff);-webkit-background-clip:text;background-clip:text;color:transparent}h2{font-size:clamp(38px,4.2vw,58px);letter-spacing:-.04em}h2 span{color:#5eb9ff}.hero-text{max-width:600px;color:var(--muted);font-size:17px;margin:0 0 30px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:13px;font-weight:700;font-size:14px;border:1px solid var(--line);transition:.25s}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(100deg,#0879ff,#8120ff);box-shadow:0 15px 35px rgba(42,94,255,.22);border:0}.secondary{background:rgba(255,255,255,.03)}.trust-row{display:flex;gap:32px;margin-top:40px}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:18px}.trust-row span{font-size:11px;color:#76859f}
.hero-visual{height:470px;position:relative;display:flex;align-items:center;justify-content:center}.visual-glow{position:absolute;width:340px;height:340px;border-radius:50%;background:linear-gradient(130deg,#087cff,#a218ff);filter:blur(70px);opacity:.25}.code-card{width:430px;position:relative;z-index:2;border:1px solid rgba(93,169,255,.22);background:linear-gradient(145deg,rgba(17,28,54,.96),rgba(7,12,27,.94));border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden;transform:perspective(900px) rotateY(-8deg) rotateX(4deg)}.window-bar{height:43px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 15px;gap:7px;color:#65748f;font-size:11px}.window-bar i{width:8px;height:8px;border-radius:50%;background:#2c3a57}.window-bar span{margin-left:8px}.code-card pre{padding:25px;margin:0;font:14px/2.05 ui-monospace,SFMono-Regular,Menlo,monospace;color:#d7e1f4}.pink{color:#f06cff}.blue{color:#63b8ff}.green{color:#75e3ae}.floating-card{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:13px;background:rgba(10,18,36,.9);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 45px rgba(0,0,0,.35);font-size:12px}.floating-card small{display:block;color:#8190a8;font-size:10px;margin-top:2px}.card-top{top:40px;right:8px}.card-bottom{bottom:42px;left:18px}.dot{width:10px;height:10px;border-radius:50%}.blue-dot{background:#2aa7ff;box-shadow:0 0 14px #2aa7ff}.check{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#15d59a;color:#031b13;font-weight:900}.device{position:absolute;right:5px;bottom:65px;width:104px;height:200px;border:5px solid #192742;border-radius:20px;background:#060c19;z-index:3;box-shadow:0 20px 40px #0008;transform:rotate(8deg)}.device:after{content:"";position:absolute;bottom:5px;left:42px;width:10px;height:3px;border-radius:5px;background:#2e405e}.device-screen{margin:13px 8px;height:166px;border-radius:11px;background:linear-gradient(160deg,#0b2a57,#12205a 60%,#40117c);padding:12px}.mini-logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#22aaff,#8c1cff);display:grid;place-items:center;font-weight:900}.mini-lines{height:30px;width:75%;border-bottom:5px solid #fff;border-top:5px solid #65baff;margin:15px 0}.mini-boxes{display:flex;gap:4px}.mini-boxes span{height:22px;flex:1;border-radius:5px;background:#1689ff55}.mini-button{height:20px;margin-top:18px;border-radius:6px;background:linear-gradient(90deg,#1689ff,#8d19ff)}
.stats-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.stats{min-height:105px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.stats>div{display:flex;align-items:center;gap:13px;padding:0 24px;border-right:1px solid var(--line)}.stats>div:first-child{padding-left:0}.stats>div:last-child{border:0}.stat-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#167eff,#7b1eff);font-size:18px}.stats strong{display:block;font-size:13px}.stats small{color:#72819a;font-size:10px}
.section{padding:110px 0}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:48px}.section-head>p{max-width:430px;color:var(--muted);font-size:14px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{position:relative;min-height:380px;padding:27px 23px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,rgba(18,28,52,.8),rgba(7,12,25,.8));transition:.3s;overflow:hidden}.service-card:hover{transform:translateY(-7px);border-color:rgba(73,164,255,.3)}.service-card.featured{background:linear-gradient(160deg,rgba(20,62,118,.55),rgba(25,10,55,.7));border-color:rgba(65,153,255,.25)}.service-number{position:absolute;right:20px;top:22px;font-size:11px;color:#53627d}.service-icon{font-size:28px;width:53px;height:53px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#0e80ff,#7d19ff);margin-bottom:27px}.service-card h3{font-size:22px;margin-bottom:13px}.service-card p{font-size:12px;color:#8997ae;min-height:72px}.service-card ul{list-style:none;padding:0;margin:22px 0;color:#c4cedd;font-size:11px}.service-card li{padding:5px 0}.service-card li:before{content:"✓";color:#5dbdff;margin-right:8px}.service-card a{position:absolute;bottom:24px;font-size:12px;font-weight:700;color:#65baff}
.work-section{background:linear-gradient(180deg,transparent,rgba(10,24,51,.35),transparent);border-top:1px solid rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.03)}.work-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.project{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#09101f}.project-large{grid-row:span 2}.project-ui{height:260px;position:relative;overflow:hidden}.ecommerce{background:linear-gradient(145deg,#dfe9ff,#a9c4ef);color:#10203b}.mock-nav{height:42px;background:#f6f8fc;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:9px}.mock-hero{display:flex;justify-content:space-between;padding:35px 35px}.mock-hero small{font-size:8px;letter-spacing:.15em}.mock-hero h3{font-size:28px;margin:8px 0 15px}.mock-hero button,.restaurant-content button{border:0;border-radius:5px;padding:8px 12px;background:#10203b;color:#fff;font-size:9px}.mock-product{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 8%,#78a7e5 9% 30%,#203d70 31% 65%,#0e1e3b 66%);box-shadow:15px 15px 35px #5377aa55}.restaurant{background:linear-gradient(145deg,#1e0d0a,#6c2c15);color:#fff}.mock-top{padding:18px 20px;display:flex;justify-content:space-between;font-size:10px}.restaurant-content{padding:20px 35px}.restaurant-content small{color:#f8b873;font-size:8px;letter-spacing:.2em}.restaurant-content h3{font-size:30px;margin:7px 0}.dish{position:absolute;width:130px;height:130px;right:40px;bottom:-25px;border-radius:50%;background:radial-gradient(circle,#f5b65f 0 15%,#8f3c1d 16% 30%,#e4a34d 31% 42%,#54200f 43% 55%,#e9b55c 56% 70%,#34130c 71%);box-shadow:0 15px 25px #0008}.dashboard{background:#e9effa;display:flex;color:#132340}.dash-sidebar{width:52px;background:#152e5a;color:#fff;display:flex;flex-direction:column;align-items:center;gap:24px;padding:15px 0;font-size:11px}.dash-sidebar b{font-size:18px}.dash-main{flex:1;padding:20px}.dash-title{display:flex;justify-content:space-between;font-size:12px}.dash-title span{font-size:8px;background:#fff;padding:5px 8px;border-radius:4px}.metric-row{display:flex;gap:10px;margin:18px 0}.metric-row i{height:52px;flex:1;border-radius:8px;background:#fff;border:1px solid #d9e2f1}.chart{height:105px;background:#fff;border-radius:8px;border:1px solid #d9e2f1;position:relative}.chart:after{content:"";position:absolute;left:18px;right:18px;top:50px;height:35px;border-bottom:3px solid #257cff;border-radius:50%;transform:skewY(-10deg)}.project-info{padding:20px 22px}.project-info>span{font-size:9px;letter-spacing:.15em;color:#55b8ff}.project-info h3{font-size:19px;margin:6px 0}.project-info p{font-size:11px;color:#7f8ca3;margin:0}
.about-card{display:grid;grid-template-columns:220px 1fr;gap:55px;padding:55px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 0 0,rgba(31,108,255,.18),transparent 38%),#091120}.about-mark{width:145px;height:145px;border-radius:35px;display:grid;place-items:center;font:800 82px "Space Grotesk";background:linear-gradient(145deg,#0984ff,#9417ff);box-shadow:0 25px 55px #3515a744}.about p{max-width:680px;color:#8e9bb0;font-size:14px}.process{display:flex;gap:0;margin-top:35px}.process div{display:flex;flex-direction:column;gap:5px;min-width:120px;border-left:1px solid var(--line);padding-left:15px}.process b{font-size:10px;color:#4eaaff}.process span{font-size:12px;font-weight:700}
.contact-section{padding-top:40px;padding-bottom:100px}.contact-wrap{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center;padding:55px;border-radius:25px;background:linear-gradient(130deg,#0b1e3b,#130d2d);border:1px solid rgba(83,164,255,.16)}.contact-copy p{max-width:510px;color:#8d9ab1;font-size:14px;margin:25px 0 30px}.contact-details{display:flex;flex-direction:column;gap:14px}.contact-details a{display:flex;align-items:center;gap:12px}.contact-details a>span{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#122a50;color:#5eb9ff}.contact-details small{display:block;font-size:9px;letter-spacing:.12em;color:#687994}.contact-details strong{font-size:13px}.contact-form{padding:25px;border-radius:18px;background:rgba(3,8,19,.55);border:1px solid var(--line)}.contact-form label{display:block;font-size:10px;color:#8d9ab1;margin-bottom:13px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:6px;border:1px solid rgba(255,255,255,.09);background:#0b1427;color:#fff;border-radius:9px;padding:12px;font:inherit;font-size:12px;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#238cff}.full{width:100%;cursor:pointer}.form-note{display:block;text-align:center;color:#5d6b83;margin-top:9px;font-size:9px}
.footer{border-top:1px solid var(--line);padding:35px 0}.footer-inner{display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center}.footer img{width:135px}.footer p{margin:4px 0 0;color:#6e7b91;font-size:10px}.footer-links{display:flex;gap:20px;color:#8a97aa;font-size:11px}.copyright{font-size:9px;color:#5c687b}
@media(max-width:980px){.nav-links{gap:16px}.hero{grid-template-columns:1fr}.hero-visual{height:420px}.service-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr);padding:15px 0}.stats>div{padding:13px 20px;border-bottom:1px solid var(--line)}.stats>div:nth-child(2){border-right:0}.section-head{align-items:start;flex-direction:column}.about-card{grid-template-columns:1fr}.contact-wrap{grid-template-columns:1fr;gap:35px}}
@media(max-width:700px){.container{width:min(var(--max),calc(100% - 28px))}.nav{height:70px}.brand img{width:125px}.menu-toggle{display:block}.nav-links{position:absolute;left:14px;right:14px;top:76px;display:none;flex-direction:column;align-items:stretch;padding:15px;background:#0a1223;border:1px solid var(--line);border-radius:15px}.nav-links.open{display:flex}.nav-cta{text-align:center}.hero{padding-top:55px;min-height:auto}.hero-visual{height:350px}.code-card{width:310px}.code-card pre{font-size:10px}.device{width:78px;height:150px;bottom:38px;right:0}.device-screen{height:125px}.floating-card{font-size:10px}.card-top{right:-3px;top:15px}.card-bottom{left:-4px;bottom:20px}.service-grid{grid-template-columns:1fr}.service-card{min-height:345px}.work-grid{grid-template-columns:1fr}.project-large{grid-row:auto}.project-ui{height:230px}.about-card,.contact-wrap{padding:30px 22px}.about-mark{width:95px;height:95px;font-size:55px;border-radius:25px}.process{overflow:auto}.process div{min-width:95px}.footer-inner{grid-template-columns:1fr}.footer-links{order:2}.copyright{order:3}.trust-row{gap:15px;flex-wrap:wrap}}

/* ===== Reference palette override: mint / white / teal / purple ===== */
body{
  background:linear-gradient(180deg,#f8fffe 0%,#ffffff 48%,#eafff9 100%);
  color:var(--text);
}
.bg-orb{opacity:.28;filter:blur(90px)}
.orb-1{background:#8fded4;left:-180px;top:120px}
.orb-2{background:#aa6ae2;right:-180px;top:500px}
.header{
  background:rgba(255,255,255,.88);
  border-bottom:1px solid rgba(0,111,100,.12);
}
.nav-links{color:#58716f}
.nav-links a:hover,.nav-links a.active{color:#007b6e}
.nav-cta{
  background:linear-gradient(90deg,#008f7c,#18bca9);
  border:0;
  color:#fff!important;
}
.eyebrow,.section-kicker{color:#008b78}
.eyebrow span{background:#00a58f;box-shadow:0 0 14px #42d9c6}
h1,h2,h3{color:#102b2a}
h1 em{
  background:linear-gradient(90deg,#008f7c,#3dbfae,#aa6ae2);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-text{color:#607a77}
.primary{
  background:linear-gradient(100deg,#008f7c,#23bfae);
  box-shadow:0 15px 35px rgba(0,143,124,.20);
}
.secondary{
  background:#fff;
  border-color:rgba(0,111,100,.18);
  color:#006f63;
}
.trust-row span{color:#718986}
.hero-visual .visual-glow{
  background:linear-gradient(130deg,#55d8c7,#aa6ae2);
  opacity:.30;
}
.code-card{
  border:1px solid rgba(0,111,100,.15);
  background:linear-gradient(145deg,#ffffff,#effffc);
  box-shadow:0 30px 80px rgba(25,103,94,.16);
}
.window-bar{
  border-bottom:1px solid rgba(0,111,100,.10);
  color:#6d8582;
}
.window-bar i{background:#b8cbc8}
.code-card pre{color:#264744}
.pink{color:#a34fbb}.blue{color:#008f7c}.green{color:#087e69}
.floating-card{
  background:rgba(255,255,255,.94);
  border:1px solid rgba(0,111,100,.12);
  box-shadow:0 18px 45px rgba(30,100,94,.14);
}
.card-top{top:40px;right:8px}.card-bottom{bottom:42px;left:18px}
.blue-dot{background:#00a991;box-shadow:0 0 14px #37d4c0}
.check{background:#15b89d;color:#fff}
.device{
  border-color:#c8dedb;background:#fff;
  box-shadow:0 20px 40px rgba(26,94,89,.18);
}
.device-screen{background:linear-gradient(160deg,#e2fffa,#c9f7f1 60%,#e7d7f8)}
.mini-logo{background:linear-gradient(135deg,#008f7c,#aa6ae2)}
.mini-lines{border-bottom-color:#008f7c;border-top-color:#70d8cc}
.mini-boxes span{background:#35c9b533}
.mini-button{background:linear-gradient(90deg,#008f7c,#aa6ae2)}
.stats-strip{
  background:#d5fefa;
  border-top:1px solid rgba(0,111,100,.12);
  border-bottom:1px solid rgba(0,111,100,.12);
}
.stats>div{border-right-color:rgba(0,111,100,.12)}
.stat-icon{background:linear-gradient(145deg,#008f7c,#55d7c7)}
.stats strong{color:#173b38}.stats small{color:#66817d}
.section{position:relative}
.section-head>p{color:#607a77}
.service-card{
  border-color:rgba(0,111,100,.12);
  background:linear-gradient(160deg,#ffffff,#f0fffc);
  box-shadow:0 10px 30px rgba(35,104,98,.05);
}
.service-card:hover{border-color:rgba(0,143,124,.28);box-shadow:0 18px 35px rgba(35,104,98,.10)}
.service-card.featured{
  background:linear-gradient(145deg,#d5fefa,#f4fffd);
  border-color:rgba(0,143,124,.22);
}
.service-icon{background:linear-gradient(145deg,#008f7c,#aa6ae2)}
.service-card p{color:#68827f}
.service-card ul{color:#426461}
.service-card li:before{color:#009f8b}
.service-card a{color:#008778}
.work-section{
  background:linear-gradient(180deg,rgba(213,254,250,.35),rgba(255,255,255,.7),rgba(224,210,245,.20));
  border-color:rgba(0,111,100,.08);
}
.project{border-color:rgba(0,111,100,.12);background:#fff;box-shadow:0 12px 30px rgba(35,104,98,.07)}
.about-card{
  background:linear-gradient(120deg,#d5fefa,#ffffff 55%,#f2e8fa);
  border-color:rgba(0,111,100,.13);
}
.about-mark{background:linear-gradient(145deg,#008f7c,#aa6ae2);box-shadow:0 25px 55px rgba(90,72,151,.18)}
.about p{color:#607a77}
.process div{border-left-color:rgba(0,111,100,.13)}
.process b{color:#008f7c}
.contact-section{padding-top:40px}
.contact-wrap{
  background:linear-gradient(125deg,#d5fefa,#ffffff 58%,#f0dcfa);
  border-color:rgba(0,111,100,.13);
}
.contact-copy p{color:#607a77}
.contact-details a>span{background:#e1faf6;color:#008f7c}
.contact-details small{color:#6e8582}
.contact-form{
  background:rgba(255,255,255,.76);
  border-color:rgba(0,111,100,.12);
}
.contact-form input,.contact-form select,.contact-form textarea{
  background:#fff;color:#173b38;border-color:rgba(0,111,100,.14);
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#00a58f}
.footer{border-top-color:rgba(0,111,100,.12)}
.footer p,.copyright{color:#6d8582}
.footer-links{color:#52716d}
@media(max-width:700px){
  .nav-links{background:#fff;border-color:rgba(0,111,100,.12);box-shadow:0 18px 40px rgba(25,100,94,.12)}
  .menu-toggle{color:#007f72}
}

/* ===== Expanded services, work, clients and testimonials ===== */
.service-grid-wide{grid-template-columns:repeat(4,1fr)}
.service-grid-wide .service-card{min-height:375px}
.work-filters{display:flex;gap:9px;flex-wrap:wrap;margin:-15px 0 30px}
.filter{border:1px solid rgba(0,111,100,.14);background:#fff;color:#58716f;border-radius:999px;padding:9px 16px;font:600 11px Inter;cursor:pointer;transition:.2s}
.filter:hover,.filter.active{background:#008f7c;color:#fff;border-color:#008f7c}
.work-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.showcase-project{min-width:0}
.showcase-project .project-ui{height:235px}
.school-app{background:linear-gradient(135deg,#d5fefa,#d9c7ee);display:flex;justify-content:center;align-items:center;gap:20px;padding-top:20px}
.phone-mock{width:120px;height:205px;border-radius:18px;background:#fff;border:5px solid #dceae8;box-shadow:0 14px 28px rgba(26,94,89,.15);padding:10px;color:#173b38}
.phone-2{transform:translateY(18px) scale(.94)}
.phone-top{font-size:7px;font-weight:800;display:flex;justify-content:space-between}
.student-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#008f7c,#aa6ae2);color:#fff;display:grid;place-items:center;margin:13px auto 7px;font-weight:800}
.phone-mock h4{font-size:9px;margin:0 0 9px;text-align:center}
.app-cards{display:grid;grid-template-columns:1fr 1fr;gap:6px}.app-cards span{font-size:6px;background:#dff8f4;padding:9px 4px;border-radius:6px;text-align:center}.teacher-chart{height:52px;margin-top:18px;border-radius:7px;background:linear-gradient(160deg,#d5fefa,#efe0f9);position:relative}.teacher-chart:after{content:"";position:absolute;left:10px;right:10px;bottom:12px;height:22px;border-bottom:2px solid #008f7c;transform:skewY(-8deg)}.teacher-list{height:60px;margin-top:10px;border-radius:7px;background:repeating-linear-gradient(#fff 0 13px,#edf6f5 13px 14px)}
.product-listing{background:#f4fffd;padding:17px;color:#173b38}.listing-head{display:flex;justify-content:space-between;font-size:10px;padding-bottom:12px}.listing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.listing-grid div{height:150px;border-radius:10px;background:linear-gradient(145deg,#d5fefa,#fff);border:1px solid #cceae5;position:relative}.listing-grid div:after{content:"";position:absolute;width:42px;height:52px;left:50%;top:35px;transform:translateX(-50%);border-radius:8px;background:linear-gradient(145deg,#4ec7b8,#a978db);box-shadow:0 14px 22px rgba(70,125,118,.15)}
.admin-ui{display:flex;background:#f0fffc;color:#173b38}.admin-side{width:110px;background:#0a7d70;color:#fff;padding:15px 12px;display:flex;flex-direction:column;gap:13px;font-size:8px}.admin-side b{font-size:12px;margin-bottom:8px}.admin-main{flex:1;padding:16px}.admin-header{height:23px;background:#fff;border-radius:6px;margin-bottom:12px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.admin-stats i{height:50px;background:#fff;border-radius:7px}.admin-table{height:82px;background:repeating-linear-gradient(#fff 0 15px,#e5f3f1 15px 16px);border-radius:7px;margin-top:10px}
.clients-section{background:linear-gradient(180deg,#fff,#d5fefa)}
.centered-head{align-items:center}.client-logos{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.client-logo{height:92px;border:1px solid rgba(0,111,100,.10);background:#fff;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font:800 13px "Space Grotesk";color:#1a4a45;box-shadow:0 8px 25px rgba(35,104,98,.05)}.client-logo small{font:700 7px Inter;color:#2c9a8c;letter-spacing:.12em;margin-top:3px}
.testimonials-section{background:#f8fffe}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial{position:relative;padding:28px;border-radius:18px;border:1px solid rgba(0,111,100,.11);background:#fff;box-shadow:0 12px 30px rgba(35,104,98,.06)}.quote{position:absolute;right:22px;top:8px;font:800 52px Georgia;color:#c8eee9}.stars{color:#f2b936;letter-spacing:3px;font-size:12px}.testimonial p{font-size:13px;color:#607a77;min-height:95px}.person{display:flex;align-items:center;gap:10px;border-top:1px solid rgba(0,111,100,.09);padding-top:16px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#008f7c,#aa6ae2);color:#fff;font-size:11px;font-weight:800}.person b{display:block;font-size:12px}.person small{font-size:9px;color:#758b88}
@media(max-width:980px){
  .service-grid-wide{grid-template-columns:repeat(2,1fr)}
  .work-showcase{grid-template-columns:repeat(2,1fr)}
  .client-logos{grid-template-columns:repeat(3,1fr)}
  .testimonial-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .service-grid-wide{grid-template-columns:1fr}
  .work-showcase{grid-template-columns:1fr}
  .client-logos{grid-template-columns:repeat(2,1fr)}
  .work-filters{overflow:auto;flex-wrap:nowrap;padding-bottom:5px}
  .filter{white-space:nowrap}
}

/* ===== Real portfolio preview images ===== */
.real-projects{grid-template-columns:repeat(4,1fr)}
.real-projects .project{overflow:hidden}
.project-image{height:205px;overflow:hidden;background:#e9fbf8}
.project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease}
.showcase-project:hover .project-image img{transform:scale(1.045)}
.real-projects .project-info{background:#fff;padding:18px 18px 20px}
.real-projects .project-info h3{font-size:18px;margin:6px 0}
.real-projects .project-info p{min-height:42px}
.project-link{display:inline-block;margin-top:10px;font-size:11px;font-weight:800;color:#008f7c}
@media(max-width:1100px){.real-projects{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.real-projects{grid-template-columns:1fr}.project-image{height:220px}}

/* ===== About + Budget + Logo refinement ===== */
.brand img, .footer img{
  filter: hue-rotate(18deg) saturate(1.08) brightness(1.02);
}
.about-card{
  grid-template-columns:180px 1fr;
}
.about-card p + p{
  margin-top:12px;
}
.about-points{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 22px;
  margin-top:24px;
}
.about-points div{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:11px;
  color:#355b57;
}
.about-points b{
  width:21px;height:21px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#d5fefa;
  color:#008f7c;
  font-size:11px;
}
.contact-form select{
  appearance:auto;
}
@media(max-width:700px){
  .about-card{grid-template-columns:1fr}
  .about-points{grid-template-columns:1fr}
}