:root{--navy:#07152f;--panel:#101c34;--line:#263a5b;--blue:#087bff;--cyan:#00b9f4;--ink:#f4f7ff;--muted:#bdc9dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 15% 0%,#12305a 0%,transparent 42%),linear-gradient(145deg,#050914 0%,#07152f 55%,#0a1020 100%);color:var(--ink);font:16px/1.75 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:#65b6ff;text-decoration:none;font-weight:650}a:hover{color:#fff;text-decoration:underline}header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px max(20px,calc((100% - 1160px)/2));background:#fff;backdrop-filter:blur(16px);border-bottom:1px solid #d9e1ed}.brand{display:flex;align-items:center;gap:12px;color:#087bff;font-size:24px;font-weight:950;letter-spacing:-.045em;white-space:nowrap;text-decoration:none}.brand:hover{color:#0755c8;text-decoration:none}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{font-size:13px;color:#07152f;font-weight:750}nav a[aria-current=page]{color:#087bff}.wrap{width:min(1120px,calc(100% - 38px));margin:0 auto;padding:58px 0 86px}.hero{padding:28px 0 45px;max-width:950px}.eyebrow{color:#69baff;font-size:12px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}h1{font-size:clamp(40px,7vw,74px);line-height:1.08;letter-spacing:-.05em;margin:14px 0 22px;color:#fff}h1 em{font-style:normal;background:linear-gradient(100deg,#087bff,#00d2ff);color:transparent;background-clip:text}.lead{max-width:800px;color:#d0daea;font-size:19px;margin-bottom:30px}h2{font-size:clamp(25px,4vw,36px);line-height:1.2;letter-spacing:-.025em;color:#fff}h3{line-height:1.25;color:#fff}main section{margin:42px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}.grid article,.reviewbox,.feature-panel{background:linear-gradient(145deg,#111f39,#0b1529);border:1px solid #263b5d;border-radius:20px;padding:24px;box-shadow:0 12px 30px #0003}.grid article p,.split p{color:#c0cce0}.grid article a{display:inline-block;margin-top:6px}.split{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.feature-panel{border-top:4px solid var(--blue)}.btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid #087bff;border-radius:12px;background:linear-gradient(110deg,#087bff,#214de3);color:white!important;padding:12px 18px;font-weight:850;cursor:pointer;text-decoration:none!important}.btn:hover{filter:brightness(1.12)}.btn.secondary{background:transparent;color:#fff!important;border-color:#58749a}.tag{display:inline-block;color:#9ed4ff;background:#102b4c;border:1px solid #27588a;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:850}.fine{color:#aebbd0;font-size:12px}footer{border-top:1px solid var(--line);padding:24px;text-align:center;color:#aebbd0;font-size:12px;background:#050a14}form{display:grid;gap:14px;max-width:700px}label{display:grid;gap:6px;color:#e1e9f6;font-size:13px;font-weight:750}input,textarea,select{width:100%;border:1px solid #344b6e;border-radius:10px;padding:12px;background:#080f1e;color:#fff;font:inherit}input::placeholder,textarea::placeholder{color:#8999b1}textarea{min-height:120px}.trap{position:absolute;left:-9999px}.stars{color:#ffd166}@media(max-width:760px){header{align-items:flex-start;flex-direction:column;padding:10px 18px}nav{gap:10px}.wrap{padding:38px 0 60px}.grid,.split{grid-template-columns:1fr}.lead{font-size:16px}.brand{font-size:21px}.hero{padding-top:12px}}
/* Warm white light accents: keep the brand dark, with subtle white glow in the background */
body{background:radial-gradient(ellipse at 12% 8%,rgba(255,255,255,.13) 0%,rgba(255,255,255,.055) 18%,transparent 39%),radial-gradient(ellipse at 88% 38%,rgba(105,186,255,.11) 0%,transparent 35%),linear-gradient(145deg,#050914 0%,#07152f 55%,#0a1020 100%)}
.hero{position:relative}.hero:before{content:"";position:absolute;z-index:-1;left:-7vw;top:-25px;width:min(760px,90vw);height:310px;pointer-events:none;background:radial-gradient(ellipse,rgba(255,255,255,.09),rgba(255,255,255,.025) 45%,transparent 72%);filter:blur(8px)}
.projects-section,.review-marquee-section{overflow:hidden}.section-intro{max-width:760px;color:#c0cce0}.project-rail{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:10px 2px 22px;scrollbar-color:#377dc3 #0b1529;scrollbar-width:thin}.project-card{position:relative;flex:0 0 min(360px,84vw);min-height:285px;padding:24px;border:1px solid #314b70;border-radius:22px;scroll-snap-align:start;overflow:hidden;background:linear-gradient(145deg,#122a4d,#0a1428);box-shadow:0 14px 34px #0004}.project-card:after{content:"";position:absolute;width:180px;height:180px;right:-60px;top:-70px;border-radius:50%;background:rgba(255,255,255,.09);filter:blur(12px);pointer-events:none}.project-card h3{font-size:24px;margin:12px 0}.project-card p{color:#c7d4e8}.project-mark{font-size:22px!important;font-weight:900;letter-spacing:.12em;color:#fff!important;border-bottom:1px solid #ffffff35;padding-bottom:12px}.pc-farms{background:radial-gradient(circle at 85% 12%,#80c66d33,transparent 34%),linear-gradient(145deg,#173d35,#0a1728)}.faith-closet{background:radial-gradient(circle at 85% 12%,#e9c56b30,transparent 36%),linear-gradient(145deg,#27203a,#0b1428)}.ji-project{background:radial-gradient(circle at 85% 12%,#168bff3d,transparent 35%),linear-gradient(145deg,#102c54,#0a1428)}.next-project{background:radial-gradient(circle at 85% 12%,#ffffff1f,transparent 35%),linear-gradient(145deg,#1b2841,#0a1428)}.marquee-window{position:relative;overflow:hidden;border:1px solid #ffffff26;border-radius:16px;background:linear-gradient(90deg,#ffffff0a,#ffffff04);padding:18px 0;margin:24px 0}.marquee-track{display:flex;align-items:center;gap:28px;width:max-content;animation:review-scroll 38s linear infinite}.marquee-track span{flex:0 0 auto;color:#f5f8ff;font-weight:750;white-space:nowrap}.marquee-track span:nth-child(even){color:#72c4ff;font-size:20px}.marquee-window:hover .marquee-track{animation-play-state:paused}.marquee-track.has-client-reviews{animation-duration:44s}@keyframes review-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none;flex-wrap:wrap;width:auto;padding:0 16px}.marquee-track span{white-space:normal}}@media(max-width:760px){.project-card{min-height:300px}.marquee-track{animation-duration:48s}.hero:before{left:-20px;height:240px}}

/* Embedded PC Farms website preview */
.embedded-project-section{margin:48px 0}.iframe-shell{width:100%;height:min(78vh,760px);min-height:520px;overflow:auto;border:1px solid #42638d;border-radius:18px;background:#fff;box-shadow:0 18px 44px #0005}.iframe-shell iframe{display:block;width:100%;height:100%;min-height:520px;border:0;background:#fff}.embedded-project-section .section-intro{max-width:780px}.embedded-project-section .btn{margin-top:8px}

/* Subtle 3D depth — interactive cards, project panels and buttons */
:root{--depth-shadow:0 24px 55px rgba(0,0,0,.34);--depth-edge:rgba(132,190,255,.3)}
.grid article,.reviewbox,.feature-panel,.project-card,.iframe-shell{
  transform-style:preserve-3d;
  transition:transform .32s cubic-bezier(.2,.75,.25,1),box-shadow .32s ease,border-color .32s ease;
}
.grid article,.reviewbox,.feature-panel,.project-card{
  box-shadow:0 9px 0 rgba(0,0,0,.12),0 17px 32px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.055);
}
.grid article:hover,.reviewbox:hover,.feature-panel:hover{
  transform:perspective(900px) translateY(-7px) rotateX(2deg) rotateY(-1deg);
  box-shadow:var(--depth-shadow),inset 0 1px rgba(255,255,255,.12);
  border-color:var(--depth-edge);
}
.project-card:hover{
  transform:perspective(900px) translateY(-8px) rotateX(2deg) rotateY(-2deg) scale(1.01);
  box-shadow:0 30px 60px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.12);
  border-color:rgba(105,186,255,.55);
}
.project-card .tag,.project-card h3,.project-card .project-mark,.project-card>p:not(.project-mark),.project-card .btn{transform:translateZ(16px)}
.btn{
  position:relative;box-shadow:0 5px 0 #0646a6,0 10px 22px rgba(0,92,255,.2);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.btn:hover{transform:translateY(-3px) translateZ(8px);box-shadow:0 8px 0 #0646a6,0 16px 28px rgba(0,92,255,.28);filter:brightness(1.1)}
.btn:active{transform:translateY(3px);box-shadow:0 2px 0 #0646a6,0 5px 12px rgba(0,92,255,.16)}
.btn.secondary{box-shadow:0 4px 0 rgba(50,79,119,.7),0 10px 20px rgba(0,0,0,.14)}
.btn.secondary:hover{box-shadow:0 7px 0 rgba(50,79,119,.7),0 15px 26px rgba(0,0,0,.2)}
.iframe-shell{box-shadow:0 8px 0 rgba(0,0,0,.12),0 24px 52px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.2)}
.hero h1{text-shadow:0 8px 26px rgba(0,0,0,.24)}
.hero .btn{transform-style:preserve-3d}
nav a{transition:transform .2s ease,color .2s ease}
nav a:hover{transform:translateY(-2px);text-decoration:none}
@media(hover:none){
  .grid article:hover,.reviewbox:hover,.feature-panel:hover,.project-card:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .grid article,.reviewbox,.feature-panel,.project-card,.iframe-shell,.btn,nav a{transition:none}
  .grid article:hover,.reviewbox:hover,.feature-panel:hover,.project-card:hover,.btn:hover,.btn:active,nav a:hover{transform:none}
}


/* Customer trust badge in the footer */
footer{display:flex;flex-direction:column;align-items:center;gap:14px}
.trust-badge{display:flex;align-items:center;gap:11px;text-align:left;max-width:100%;padding:11px 16px;border:1px solid rgba(105,186,255,.42);border-radius:14px;background:linear-gradient(135deg,rgba(8,123,255,.13),rgba(255,255,255,.035));box-shadow:0 8px 22px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.07)}
.trust-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#087bff,#00b9f4);color:#fff;font-size:18px;font-weight:950;box-shadow:0 3px 10px rgba(0,123,255,.3)}
.trust-badge strong{display:block;color:#f4f7ff;font-size:13px;line-height:1.4}
.trust-badge small{display:block;color:#bdc9dc;font-size:11px;line-height:1.5}
@media(max-width:480px){.trust-badge{padding:10px 12px;gap:9px}.trust-badge small{font-size:10px}}


/* Compact trust badge positioned at the bottom-right of the footer menu */
footer{display:block;position:relative;min-height:74px;padding:22px 190px 22px 24px;text-align:center}
.footer-menu-row{position:relative;display:flex;align-items:center;justify-content:center;min-height:30px;max-width:1160px;margin:0 auto}
.footer-copy{color:#aebbd0;font-size:12px}
.trusted-badge{position:absolute;right:0;bottom:50%;transform:translateY(50%);display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(105,186,255,.58);border-radius:999px;background:linear-gradient(135deg,#12355b,#0b1c34);color:#eaf6ff!important;font-size:12px;font-weight:850;letter-spacing:.02em;white-space:nowrap;box-shadow:0 5px 16px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.08);text-decoration:none!important}
.trusted-badge:hover{border-color:#8bd3ff;box-shadow:0 0 0 3px rgba(8,123,255,.12),0 7px 18px rgba(0,0,0,.3)}
.trusted-check{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#087bff,#00b9f4);color:white;font-size:12px;font-weight:950}
@media(max-width:760px){footer{padding:20px 16px 68px}.footer-menu-row{justify-content:center}.trusted-badge{right:0;bottom:-48px;transform:none;font-size:11px;padding:6px 10px}}


/* 3D 360-degree trusted seal in the bottom-right footer */
.trusted-badge-3d{
  position:absolute;right:0;top:50%;bottom:auto;transform:translateY(-50%);
  display:block;width:92px;height:92px;padding:0;border:0;border-radius:50%;
  background:transparent;perspective:700px;overflow:visible;
  box-shadow:none;white-space:normal;
}
.trusted-badge-3d:hover{transform:translateY(-50%) scale(1.06);box-shadow:none}
.trusted-seal{
  position:relative;display:block;width:100%;height:100%;border-radius:50%;
  transform-style:preserve-3d;animation:trustedSealSpin 7s linear infinite;
}
.trusted-face{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;border-radius:50%;border:2px solid #9bdcff;
  background:radial-gradient(circle at 28% 20%,#e7f8ff 0%,#55baff 13%,#087bff 38%,#082a61 72%,#031027 100%);
  color:#fff;text-align:center;backface-visibility:hidden;
  box-shadow:inset 0 2px 4px rgba(255,255,255,.75),inset 0 -7px 12px rgba(0,0,0,.5),0 8px 18px rgba(0,0,0,.45);
}
.trusted-face:before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.65);border-radius:50%;pointer-events:none}
.trusted-face:after{content:"";position:absolute;inset:10px;border:1px dashed rgba(255,255,255,.38);border-radius:50%;pointer-events:none}
.trusted-front{transform:rotateY(0deg) translateZ(1px)}
.trusted-back{transform:rotateY(180deg) translateZ(1px);background:radial-gradient(circle at 28% 20%,#f5fcff 0%,#6dd8ff 14%,#075ac8 42%,#061b42 76%,#020817 100%)}
.trusted-face .trusted-check{width:25px;height:25px;flex:0 0 25px;border:1px solid #eafaff;background:linear-gradient(145deg,#fff,#a8e5ff);color:#06418b;font-size:17px;box-shadow:0 3px 8px rgba(0,0,0,.28)}
.trusted-label{font-size:11px;line-height:1.1;font-weight:1000;letter-spacing:.12em;text-shadow:0 2px 3px rgba(0,0,0,.5)}
.trusted-face small{font-size:6px;line-height:1.2;letter-spacing:.12em;font-weight:900;color:#e3f7ff}
@keyframes trustedSealSpin{from{transform:rotateY(0deg) rotateZ(-5deg)}to{transform:rotateY(360deg) rotateZ(355deg)}}
@media(max-width:760px){
 footer{padding:20px 16px 112px}
 .footer-menu-row{min-height:30px}
 .trusted-badge-3d{right:0;top:auto;bottom:-100px;transform:none;width:82px;height:82px}
 .trusted-badge-3d:hover{transform:scale(1.05)}
}
@media(prefers-reduced-motion:reduce){.trusted-seal{animation:none}}

/* About page: scroll-reactive 3D image gallery */
.about-page{overflow-x:hidden}
.about-page .about-visual-scene{position:relative;min-height:470px;margin:48px 0 78px;perspective:1200px;isolation:isolate;display:grid;place-items:center}
.about-page .about-scene-glow{position:absolute;inset:8% 9%;z-index:-1;background:radial-gradient(ellipse,#087bff55 0%,#00b9f422 38%,transparent 72%);filter:blur(24px);transform:translateZ(-80px)}
.about-page .about-image-card{position:absolute;overflow:hidden;border:1px solid #7fcaff77;border-radius:24px;background:#0c1830;box-shadow:0 28px 65px #0008,0 0 25px #087bff20;transform-style:preserve-3d;will-change:transform,filter;transition:box-shadow .35s ease}
.about-page .about-image-card img{display:block;width:100%;height:100%;object-fit:cover;filter:contrast(1.04);transition:transform .65s ease}
.about-page .about-image-card:hover img{transform:scale(1.09)}
.about-page .about-image-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,#030916d9 100%);pointer-events:none}
.about-page .about-image-main{width:min(58%,570px);height:320px;left:10%;top:48px;z-index:2}
.about-page .about-image-side{width:min(39%,390px);height:235px;right:7%;top:12px;z-index:3}
.about-page .about-image-small{width:min(36%,350px);height:205px;right:18%;bottom:10px;z-index:4}
.about-page .image-card-caption{position:absolute;z-index:1;left:18px;bottom:16px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.16em;text-shadow:0 2px 10px #000}
.about-page .about-scene-note{position:absolute;bottom:-43px;left:50%;transform:translateX(-50%);color:#9fcfff;font-size:12px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.about-page .about-scene-note span{display:inline-block;margin-left:8px;animation:aboutArrow 1.4s ease-in-out infinite}
@keyframes aboutArrow{50%{transform:translateY(5px)}}
.about-page .about-visual-scene:before,.about-page .about-visual-scene:after{content:"";position:absolute;width:95px;height:95px;border:1px solid #36a8ff66;border-radius:22px;transform:rotate(32deg);z-index:-1;animation:aboutFloat 7s ease-in-out infinite}
.about-page .about-visual-scene:before{left:4%;bottom:20px}
.about-page .about-visual-scene:after{right:4%;bottom:55px;width:55px;height:55px;animation-delay:-3s}
@keyframes aboutFloat{50%{translate:0 -18px;rotate:12deg}}
@media(max-width:650px){.about-page .about-visual-scene{min-height:360px;margin:35px 0 65px}.about-page .about-image-main{left:1%;top:44px;width:72%;height:225px}.about-page .about-image-side{right:0;top:8px;width:52%;height:150px}.about-page .about-image-small{right:6%;bottom:8px;width:58%;height:145px}.about-page .image-card-caption{left:11px;bottom:10px;font-size:9px}.about-page .about-scene-note{bottom:-34px}}
@media(prefers-reduced-motion:reduce){.about-page .about-scene-note span,.about-page .about-visual-scene:before,.about-page .about-visual-scene:after{animation:none}}

/* About page: cinematic tech image used as a background, with scroll parallax */
.about-page .about-tech-background{position:relative;min-height:430px;margin:48px 0 72px;border:1px solid #248bff66;border-radius:28px;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;text-align:center;background:#06152c;box-shadow:0 28px 70px #0007}
.about-page .tech-background-image{position:absolute;inset:-8%;z-index:-3;background-image:url("https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=2000&q=90");background-position:center 48%;background-size:cover;transform:scale(1.12);will-change:transform,filter}
.about-page .tech-background-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#030916e8 0%,#06152cc9 48%,#06152c9c 100%),linear-gradient(0deg,#06152cbb,#087bff22);mix-blend-mode:normal}
.about-page .tech-background-content{position:relative;max-width:760px;padding:65px 28px;z-index:1;text-shadow:0 3px 18px #000}
.about-page .tech-background-content h2{font-size:clamp(30px,5vw,52px);max-width:700px;margin:12px auto 18px;line-height:1.1}
.about-page .tech-background-content>p:not(.eyebrow){max-width:590px;margin:0 auto;color:#e1edff;font-size:17px}
.about-page .tech-background-content .eyebrow{color:#76c7ff}
.about-page .tech-background-line{display:block;width:100px;height:3px;margin:28px auto 0;border-radius:9px;background:linear-gradient(90deg,#087bff,#00d5ff);box-shadow:0 0 22px #00b9f4}
.about-page .tech-orbit{position:absolute;z-index:-1;left:50%;top:50%;border:1px solid #58baff66;border-radius:50%;transform:translate(-50%,-50%) rotate(-20deg);pointer-events:none}
.about-page .tech-orbit-one{width:360px;height:180px;animation:techOrbit 13s linear infinite}
.about-page .tech-orbit-two{width:470px;height:240px;transform:translate(-50%,-50%) rotate(35deg);border-color:#00d5ff44;animation:techOrbit 18s linear infinite reverse}
@keyframes techOrbit{to{rotate:340deg}}
@media(max-width:650px){.about-page .about-tech-background{min-height:360px;margin:35px 0 58px;border-radius:20px}.about-page .tech-background-content{padding:48px 18px}.about-page .tech-background-content>p:not(.eyebrow){font-size:15px}.about-page .tech-orbit-one{width:250px;height:130px}.about-page .tech-orbit-two{width:320px;height:170px}}
@media(prefers-reduced-motion:reduce){.about-page .tech-orbit{animation:none}}


/* Shared cinematic technology background effect across selected sections */
.tech-image-section{position:relative;isolation:isolate;overflow:hidden;border:1px solid #278bff55;border-radius:24px;background:#06152c;box-shadow:0 20px 55px #0005}
.tech-image-section:before{content:"";position:absolute;inset:-10%;z-index:-2;background-image:url("https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=2000&q=85");background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.08);animation:techSectionDrift 24s ease-in-out infinite alternate;will-change:transform,filter}
.tech-image-section:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#030916ed 0%,#06152cdd 54%,#06152ca8 100%),radial-gradient(ellipse at 85% 10%,#087bff3b,transparent 55%);pointer-events:none}
.tech-image-section>*{position:relative;z-index:1}
.tech-image-section .eyebrow{color:#80ccff}
.tech-image-section h1,.tech-image-section h2,.tech-image-section h3{ text-shadow:0 2px 16px #0008}
.tech-image-section article{border-color:#6bbdff44;background:linear-gradient(145deg,#0a1930d9,#081226e8);backdrop-filter:blur(5px)}
.tech-image-section .section-intro,.tech-image-section p{color:#dce9ff}
.hero.tech-image-section{padding:clamp(32px,6vw,72px);margin:32px 0 64px;border-radius:28px}
.projects-section.tech-image-section,.embedded-project-section.tech-image-section{padding:clamp(22px,4vw,42px);margin:48px 0}
.tech-image-services{padding:clamp(18px,3vw,30px);margin:28px 0}
.tech-image-reviews,.tech-image-contact,.tech-image-cta{padding:clamp(22px,4vw,40px)}
.tech-image-projects:before{background-position:center 60%;animation-duration:30s}
.tech-image-embed:before{background-position:center 35%;animation-duration:32s}
.tech-image-cta:before{background-position:center 70%;animation-duration:26s}
@keyframes techSectionDrift{0%{transform:scale(1.08) translate3d(-1%,0,0);filter:saturate(.88) brightness(.78)}100%{transform:scale(1.18) translate3d(1%,-1.5%,0);filter:saturate(1.15) brightness(.95)}}
@media(max-width:650px){.tech-image-section{border-radius:18px}.hero.tech-image-section{margin:24px 0 44px;padding:28px 20px}.projects-section.tech-image-section,.embedded-project-section.tech-image-section{margin:34px 0;padding:20px 15px}.tech-image-services{padding:15px 12px}.tech-image-section:before{animation-duration:34s}}
@media(prefers-reduced-motion:reduce){.tech-image-section:before{animation:none;transform:scale(1.08)}}

/* Separate client-review ticker and review-submission form */
.client-reviews-section{margin:42px 0 28px;padding:clamp(22px,4vw,40px)}
.tech-image-leave-review{margin:28px 0 50px}
.review-marquee{position:relative;overflow:hidden;width:100%;margin:24px 0 4px;padding:8px 0;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.review-marquee-track{display:flex;width:max-content;gap:22px;align-items:stretch}
.review-marquee-track.is-scrolling{animation:reviewTickerScroll 34s linear infinite}
.review-marquee:hover .review-marquee-track.is-scrolling{animation-play-state:paused}
.review-marquee-group{display:flex;gap:18px;align-items:stretch;flex-shrink:0}
.review-ticker-item{flex:0 0 min(340px,78vw);width:min(340px,78vw);margin:0;padding:18px 20px;border:1px solid #6bbdff55;border-radius:18px;background:linear-gradient(145deg,#0a1930e8,#081226ed);box-shadow:0 10px 28px #0004;white-space:normal}
.review-ticker-item p{margin:8px 0;color:#dce9ff}
.review-ticker-item .stars{color:#7bcaff;letter-spacing:.12em;font-size:18px}
.review-ticker-item b{color:#fff}
@keyframes reviewTickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:650px){.client-reviews-section{margin:30px 0 20px;padding:22px 15px}.review-ticker-item{padding:15px;width:78vw;flex-basis:78vw}}
@media(prefers-reduced-motion:reduce){.review-marquee-track.is-scrolling{animation:none}}




/* Premium footer menu: deep navy with a restrained electric-blue glow */
footer{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(135deg,#050b18 0%,#081a35 52%,#0a2b55 100%);
  border-top:1px solid rgba(73,171,255,.55);
  color:#dceaff;
  box-shadow:0 -12px 36px rgba(0,91,220,.12);
}
footer:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 120%,rgba(0,145,255,.28),transparent 62%),linear-gradient(90deg,transparent 0%,rgba(0,183,255,.045) 50%,transparent 100%);
}
.footer-copy{color:#dceaff;font-weight:650;text-shadow:none}
.footer-copy a{display:inline-block;color:#65c5ff;font-weight:850;text-decoration:none;text-underline-offset:5px;transition:color .2s ease,text-shadow .2s ease}
.footer-copy a:hover{color:#fff;text-shadow:0 0 14px rgba(0,183,255,.8);text-decoration:underline}
.footer-menu-row .trusted-badge-3d{filter:drop-shadow(0 5px 12px rgba(0,111,255,.22))}
@media(max-width:760px){
  footer{background:linear-gradient(155deg,#050b18 0%,#081a35 58%,#0a3670 100%)}
  .footer-copy{line-height:1.9}
}


/* Founder portraits: natural photo, framed in the James Innovation navy and blue palette */
.home-profile{display:flex;align-items:center;gap:14px;margin:24px 0 8px;max-width:360px}
.home-profile img{display:block;width:76px;height:88px;object-fit:cover;object-position:center 24%;border-radius:16px;border:1px solid #68bdff;box-shadow:0 8px 24px #0006,0 0 18px #087bff22}
.home-profile>span{display:flex;flex-direction:column;gap:5px;color:#f5f8ff;font-size:12px;font-weight:900;letter-spacing:.1em}
.home-profile small{color:#91cfff;font-size:11px;font-weight:650;letter-spacing:.02em}
.about-profile-portrait{display:flex;align-items:center;gap:22px;margin:28px 0 46px;padding:18px;width:min(100%,690px);border:1px solid #248bff66;border-radius:24px;background:linear-gradient(125deg,#0a1930,#07152f 65%,#0b2a50);box-shadow:0 22px 50px #0005,0 0 28px #087bff15}
.about-profile-portrait img{display:block;width:min(38%,250px);height:300px;object-fit:cover;object-position:center 22%;border-radius:17px;border:1px solid #7bcaff77;box-shadow:0 12px 28px #0006}
.about-profile-portrait figcaption{display:flex;flex-direction:column;gap:9px;color:#f5f8ff;font-size:clamp(18px,3vw,25px);font-weight:850;letter-spacing:-.02em}
.about-profile-portrait figcaption span{color:#8ccfff;font-size:13px;font-weight:650;letter-spacing:.03em}
@media(max-width:520px){.about-profile-portrait{gap:14px;padding:12px;border-radius:18px}.about-profile-portrait img{width:42%;height:235px}.about-profile-portrait figcaption{font-size:17px}.about-profile-portrait figcaption span{font-size:11px}.home-profile img{width:68px;height:78px}}


/* Unified founder + mission section */
.about-founder-hero{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(0,1.35fr);align-items:stretch;gap:clamp(22px,4vw,54px);padding:clamp(22px,4vw,44px);overflow:hidden}
.about-founder-hero .founder-hero-photo{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-width:0}
.about-founder-hero .founder-hero-photo img{display:block;width:100%;max-width:300px;height:clamp(260px,32vw,390px);object-fit:cover;object-position:center 22%;border-radius:20px;border:1px solid #7bcaff88;box-shadow:0 18px 38px #0008,0 0 28px #087bff2b}
.about-founder-hero .founder-hero-name{display:flex;flex-direction:column;gap:7px;margin:0;text-align:center;color:#f5f8ff;font-size:clamp(17px,2vw,23px);font-weight:850}
.about-founder-hero .founder-hero-name span{color:#8ccfff;font-size:12px;font-weight:650;letter-spacing:.04em}
.about-founder-hero .tech-background-content{align-self:center;min-width:0;padding:24px 0;text-align:left}
.about-founder-hero .tech-background-content h2{max-width:620px}
.about-founder-hero .tech-background-content>p:not(.eyebrow){max-width:520px}
.about-founder-hero .tech-background-line{margin-left:0}
@media(max-width:700px){.about-founder-hero{grid-template-columns:1fr;gap:22px;padding:22px}.about-founder-hero .founder-hero-photo img{width:min(72%,270px);height:290px}.about-founder-hero .tech-background-content{text-align:center;padding:8px 0 14px}.about-founder-hero .tech-background-content h2,.about-founder-hero .tech-background-content>p:not(.eyebrow){margin-left:auto;margin-right:auto}.about-founder-hero .tech-background-line{margin-left:auto;margin-right:auto}}


/* Trusted seal visibility and footer alignment fix */
footer .footer-menu-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:92px;padding:10px 100px 10px 0}
footer .trusted-badge-3d{position:absolute;right:4px;top:50%;bottom:auto;width:76px;height:76px;transform:translateY(-50%);z-index:5;display:block;flex:0 0 76px;overflow:visible}
footer .trusted-badge-3d:hover{transform:translateY(-50%) scale(1.04)}
footer .trusted-seal{width:100%;height:100%;overflow:visible}
footer .trusted-face{padding:8px}
footer .trusted-face .trusted-check{width:22px;height:22px;flex-basis:22px;font-size:15px}
footer .trusted-label{font-size:10px;letter-spacing:.08em}
footer .trusted-face small{font-size:6px}
@media(max-width:760px){
 footer .footer-menu-row{min-height:0;padding:8px 0;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
 footer .trusted-badge-3d{position:relative;right:auto;top:auto;bottom:auto;width:70px;height:70px;transform:none;margin:0 auto}
 footer .trusted-badge-3d:hover{transform:scale(1.04)}
}


/* Homepage opening hero: wide landscape composition */
@media(min-width:761px){
  main.wrap>section.hero.tech-image-section{
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(240px,.75fr);
    grid-template-areas:
      "eyebrow portrait"
      "heading portrait"
      "intro portrait"
      "actions portrait"
      "contact portrait"
      "services portrait";
    align-items:center;
    column-gap:clamp(24px,4vw,56px);
    row-gap:8px;
    min-height:390px;
    padding:clamp(30px,4vw,54px);
  }
  main.wrap>section.hero.tech-image-section>.eyebrow{grid-area:eyebrow;margin:0}
  main.wrap>section.hero.tech-image-section>h1{grid-area:heading;margin:0;max-width:760px}
  main.wrap>section.hero.tech-image-section>.lead{grid-area:intro;margin:8px 0}
  main.wrap>section.hero.tech-image-section>.home-profile{grid-area:portrait;align-self:center;justify-self:stretch;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;max-width:340px;margin:0 auto;padding:18px;text-align:center}
  main.wrap>section.hero.tech-image-section>.home-profile img{width:100%;max-width:300px;height:190px;object-fit:cover;object-position:center 30%;border-radius:16px}
  main.wrap>section.hero.tech-image-section>.home-profile>span{align-items:center}
  main.wrap>section.hero.tech-image-section>p:has(.btn){grid-area:actions;margin:8px 0}
  main.wrap>section.hero.tech-image-section>p:has(a[href*="wa.me"]){grid-area:contact;margin:0}
  main.wrap>section.hero.tech-image-section>p.fine:last-child{grid-area:services;margin:0}
}
@media(max-width:760px){
  main.wrap>section.hero.tech-image-section{min-height:0}
  main.wrap>section.hero.tech-image-section>.home-profile{max-width:100%}
  main.wrap>section.hero.tech-image-section>.home-profile img{width:130px;height:150px}
}


/* Corrected: make the whole homepage intro section landscape, not the portrait */
@media(min-width:761px){
  main.wrap>section.hero.tech-image-section{
    display:block;
    width:100%;
    max-width:none;
    min-height:400px;
    padding:clamp(38px,5vw,66px);
    margin:28px 0 58px;
  }
  main.wrap>section.hero.tech-image-section>.eyebrow,
  main.wrap>section.hero.tech-image-section>h1,
  main.wrap>section.hero.tech-image-section>.lead,
  main.wrap>section.hero.tech-image-section>.home-profile,
  main.wrap>section.hero.tech-image-section>p{
    grid-area:auto;
  }
  main.wrap>section.hero.tech-image-section>h1{max-width:850px}
  main.wrap>section.hero.tech-image-section>.lead{max-width:850px}
  main.wrap>section.hero.tech-image-section>.home-profile{
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width:auto;
    max-width:520px;
    margin:20px 0 10px;
    padding:0;
    text-align:left;
    background:transparent;
    border:0;
    box-shadow:none;
  }
  main.wrap>section.hero.tech-image-section>.home-profile img{width:76px;height:88px;max-width:none}
  main.wrap>section.hero.tech-image-section>.home-profile>span{align-items:flex-start}
}
@media(max-width:760px){
  main.wrap>section.hero.tech-image-section{width:auto;max-width:none}
  main.wrap>section.hero.tech-image-section>.home-profile{flex-direction:row;align-items:center}
  main.wrap>section.hero.tech-image-section>.home-profile img{width:130px;height:150px}
}


/* Landscape-shaped homepage hero panel: wider than it is tall */
main.wrap>section.hero.tech-image-section{
  width:100%;
  max-width:none;
  min-height:0;
  aspect-ratio:auto;
  padding:clamp(26px,4vw,48px);
  margin:28px 0 52px;
  border-radius:28px;
}
main.wrap>section.hero.tech-image-section>h1{
  max-width:900px;
  font-size:clamp(36px,5.4vw,62px);
  margin:10px 0 14px;
}
main.wrap>section.hero.tech-image-section>.lead{
  max-width:920px;
  margin:0 0 18px;
  font-size:clamp(16px,1.6vw,19px);
}
main.wrap>section.hero.tech-image-section>.home-profile{margin:14px 0 8px}
main.wrap>section.hero.tech-image-section>p{margin-top:8px;margin-bottom:8px}
@media(min-width:761px){
  main.wrap>section.hero.tech-image-section{min-height:310px}
}
@media(max-width:760px){
  main.wrap>section.hero.tech-image-section{min-height:0;padding:24px 20px;margin:24px 0 40px}
  main.wrap>section.hero.tech-image-section>h1{font-size:clamp(34px,9vw,48px)}
}


/* Full-section 3D technology treatment for the homepage landscape hero */
main.wrap>section.hero.tech-image-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(91,190,255,.7);
  background:linear-gradient(125deg,#061024 0%,#08244a 48%,#06152d 100%);
  box-shadow:0 24px 60px rgba(0,0,0,.48),0 0 0 1px rgba(28,131,255,.18),0 0 34px rgba(0,123,255,.22),inset 0 1px 0 rgba(255,255,255,.16);
  transform:perspective(1400px) rotateX(.7deg);
  transform-style:preserve-3d;
}
main.wrap>section.hero.tech-image-section:before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-14%;
  width:auto;
  height:auto;
  left:auto;
  top:auto;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 18% 22%,rgba(255,255,255,.24),transparent 26%),
    radial-gradient(ellipse at 78% 18%,rgba(0,196,255,.28),transparent 34%),
    radial-gradient(ellipse at 72% 88%,rgba(0,102,255,.32),transparent 38%),
    linear-gradient(125deg,rgba(4,10,25,.35),rgba(7,40,79,.4)),
    url("https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=2000&q=85") center/cover no-repeat;
  opacity:.95;
  filter:saturate(1.25) contrast(1.08);
  transform:translateZ(-35px) scale(1.12);
  animation:hero3dBackdrop 22s ease-in-out infinite alternate;
}
main.wrap>section.hero.tech-image-section:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(100deg,rgba(2,8,22,.91) 0%,rgba(3,14,33,.77) 55%,rgba(2,13,31,.48) 100%),
    repeating-linear-gradient(0deg,transparent 0 42px,rgba(108,196,255,.065) 43px 44px),
    repeating-linear-gradient(90deg,transparent 0 42px,rgba(108,196,255,.065) 43px 44px);
  background-size:auto,44px 44px,44px 44px;
  mask-image:linear-gradient(110deg,#000 0%,#000 66%,transparent 100%);
}
main.wrap>section.hero.tech-image-section>*{
  position:relative;
  z-index:1;
  transform:translateZ(18px);
}
main.wrap>section.hero.tech-image-section>.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:7px 12px;
  border:1px solid rgba(112,202,255,.35);
  border-radius:999px;
  background:rgba(4,18,40,.68);
  box-shadow:0 8px 20px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.13);
}
main.wrap>section.hero.tech-image-section>h1{
  text-shadow:0 4px 22px rgba(0,0,0,.65),0 0 28px rgba(0,124,255,.15);
}
main.wrap>section.hero.tech-image-section>.home-profile{
  position:relative;
  z-index:2;
  padding:12px 16px;
  border:1px solid rgba(109,192,255,.4);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(5,19,42,.86),rgba(10,47,85,.72));
  box-shadow:0 14px 32px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.14);
  backdrop-filter:blur(8px);
}
main.wrap>section.hero.tech-image-section>.home-profile img{
  box-shadow:0 10px 26px rgba(0,0,0,.48),0 0 0 3px rgba(83,180,255,.12),0 0 22px rgba(0,123,255,.25);
}
main.wrap>section.hero.tech-image-section .btn{
  box-shadow:0 8px 0 #063e9e,0 13px 25px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
main.wrap>section.hero.tech-image-section .btn:hover{
  transform:translateY(-3px) translateZ(22px);
  box-shadow:0 11px 0 #063e9e,0 19px 30px rgba(0,0,0,.36),0 0 20px rgba(0,174,255,.25);
}
@keyframes hero3dBackdrop{
  0%{transform:translate3d(-1%,0,0) translateZ(-35px) scale(1.12);filter:saturate(1.1) brightness(.76)}
  100%{transform:translate3d(1.5%,-1%,0) translateZ(-35px) scale(1.2);filter:saturate(1.4) brightness(1.02)}
}
@media(max-width:760px){
  main.wrap>section.hero.tech-image-section{transform:none;border-radius:20px}
  main.wrap>section.hero.tech-image-section:after{mask-image:none}
  main.wrap>section.hero.tech-image-section>*{transform:none}
  main.wrap>section.hero.tech-image-section>.home-profile{max-width:100%;padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){
  main.wrap>section.hero.tech-image-section:before{animation:none}
  main.wrap>section.hero.tech-image-section .btn{transition:none}
}


/* Homepage founder portrait clarity fix: keep the real photo sharp and unobstructed */
main.wrap>section.hero.tech-image-section>.home-profile{
  display:flex;
  align-items:center;
  gap:16px;
  width:fit-content;
  max-width:100%;
  padding:12px 16px;
  background:rgba(4,14,32,.88);
  border:1px solid rgba(109,192,255,.48);
  backdrop-filter:none;
}
main.wrap>section.hero.tech-image-section>.home-profile img{
  display:block;
  width:clamp(112px,14vw,168px);
  height:clamp(132px,17vw,196px);
  max-width:none;
  flex:0 0 auto;
  object-fit:contain;
  object-position:center center;
  filter:none;
  opacity:1;
  mix-blend-mode:normal;
  transform:none;
  border-radius:14px;
  background:#fff;
  box-shadow:0 4px 18px rgba(0,0,0,.28),0 0 0 2px rgba(83,180,255,.2);
}
@media(max-width:760px){
  main.wrap>section.hero.tech-image-section>.home-profile{width:100%;gap:14px;padding:10px 12px}
  main.wrap>section.hero.tech-image-section>.home-profile img{width:116px;height:142px;object-fit:contain}
}


/* James Innovation refreshed signature palette: ice blue + white + deep blue */
:root{
  --navy:#081b33;
  --panel:#ffffff;
  --line:#c5e1f2;
  --blue:#087bff;
  --cyan:#00cfff;
  --ink:#10243d;
  --muted:#405a73;
}
body{
  background:linear-gradient(145deg,#eaf8ff 0%,#ffffff 46%,#eaf8ff 100%);
  color:#10243d;
}
.wrap{position:relative}
main.wrap>p.eyebrow,
main.wrap>h1,
main.wrap>h2,
main.wrap>section:not(.hero):not(.tech-image-section) h2,
main.wrap>section:not(.hero):not(.tech-image-section) h3{color:#081b33}
main.wrap>p.lead{color:#344f69}
main.wrap>section:not(.tech-image-section):not(.hero) .lead,
main.wrap>section:not(.tech-image-section):not(.hero) p{color:#344f69}
main.wrap>section:not(.tech-image-section):not(.hero) .eyebrow{color:#087bff}
.grid article,.reviewbox,.feature-panel{
  background:linear-gradient(145deg,#ffffff 0%,#f6fcff 100%);
  border-color:#c5e1f2;
  box-shadow:0 12px 30px rgba(8,27,51,.09),inset 0 1px #fff;
}
.grid article h2,.grid article h3,.reviewbox h2,.feature-panel h2,
.grid article strong,.reviewbox strong,.feature-panel strong{color:#081b33}
.grid article p,.split p,.reviewbox p,.feature-panel p{color:#344f69}
.grid article a{color:#087bff}
.tag{color:#07549c;background:#eaf8ff;border-color:#a9dcf7}
input,textarea,select{background:#fff;color:#10243d;border-color:#b7d6e9}
input::placeholder,textarea::placeholder{color:#71869a}
label{color:#173651}
main.wrap>section.split .feature-panel{background:linear-gradient(145deg,#fff,#eaf8ff)}
main.wrap>section:not(.tech-image-section):not(.hero) .btn.secondary{color:#081b33!important;border-color:#87b8dc}
footer{
  background:linear-gradient(135deg,#06152b 0%,#082b50 58%,#07528a 100%);
  border-top:1px solid #55d6ff;
  color:#fff;
}
footer .footer-copy{color:#eaf8ff}
footer .footer-copy a{color:#55d6ff}
@media(prefers-reduced-motion:reduce){body{scroll-behavior:auto}}


/* Accessibility pass: guarantee readable text on both light and dark sections */
:root{color-scheme:light}
body{color:#10243d}
body:not(.about-page) main.wrap>h1,
body:not(.about-page) main.wrap>h2,
body:not(.about-page) main.wrap>p:not(.eyebrow),
body:not(.about-page) main.wrap>section:not(.tech-image-section):not(.hero) h2,
body:not(.about-page) main.wrap>section:not(.tech-image-section):not(.hero) h3{color:#10243d}
main.wrap>p.eyebrow,main.wrap>section:not(.tech-image-section):not(.hero) .eyebrow{color:#075db8}
main.wrap>section:not(.tech-image-section):not(.hero) p,
main.wrap>section:not(.tech-image-section):not(.hero) li{color:#344f69}
main.wrap>section:not(.tech-image-section):not(.hero) a:not(.btn){color:#075db8}
main.wrap>section:not(.tech-image-section):not(.hero) .fine{color:#526a80}
main.wrap>section:not(.tech-image-section):not(.hero) .tag{color:#07549c}
.tech-image-section h1,.tech-image-section h2,.tech-image-section h3,
.tech-image-section .eyebrow,.tech-image-section p,.tech-image-section li,
.tech-image-section label{color:#f7fbff}
.tech-image-section .section-intro,.tech-image-section p{color:#e4f1ff}
.tech-image-section .fine{color:#d6e8fa}
.tech-image-section a:not(.btn){color:#8bdcff}
.tech-image-section .grid article,
.tech-image-section article:not(.project-card){
  background:linear-gradient(145deg,rgba(7,26,51,.97),rgba(8,39,73,.96));
  border-color:rgba(132,204,255,.55);
}
.tech-image-section article h2,.tech-image-section article h3,
.tech-image-section article p{color:#f7fbff}
.tech-image-section .tag{color:#eaf8ff;background:#0b4777;border-color:#56bdf3}
.tech-image-section input,.tech-image-section textarea,.tech-image-section select{
  color:#10243d;background:#fff;border-color:#91b9d4
}
.tech-image-section input::placeholder,.tech-image-section textarea::placeholder{color:#61788e}
.about-page main.wrap>p.eyebrow{color:#075db8}
.about-page main.wrap>h1{color:#10243d}
.about-page main.wrap>p.lead{color:#344f69}
.about-page main.wrap>section:not(.about-tech-background) h2,
.about-page main.wrap>section:not(.about-tech-background) h3{color:#10243d}
.about-page main.wrap>section:not(.about-tech-background) p{color:#344f69}
.about-page main.wrap>section:not(.about-tech-background) .feature-panel{
 background:linear-gradient(145deg,#fff,#eaf8ff);border-color:#c5e1f2
}
.about-page main.wrap>section:not(.about-tech-background) .feature-panel h2,
.about-page main.wrap>section:not(.about-tech-background) .feature-panel p{color:#10243d}
.about-page .about-tech-background h2,.about-page .about-tech-background p,
.about-page .about-tech-background .eyebrow{color:#f7fbff}
.about-page .about-tech-background .founder-hero-name{color:#fff}
footer .footer-copy{color:#eaf8ff}
footer .trusted-label{color:#fff}
@media(max-width:760px){
  main.wrap>section:not(.tech-image-section):not(.hero) p{overflow-wrap:anywhere}
}


/* About hero readability fix: darken the technology image behind the mission text */
.about-page .about-founder-hero .tech-background-overlay{
  z-index:0;
  background:linear-gradient(90deg,rgba(3,10,25,.88) 0%,rgba(4,18,40,.84) 52%,rgba(4,18,40,.76) 100%),linear-gradient(0deg,rgba(2,8,20,.38),rgba(0,123,255,.08));
}
.about-page .about-founder-hero .tech-background-image{z-index:-1}
.about-page .about-founder-hero .founder-hero-photo,
.about-page .about-founder-hero .tech-background-content{z-index:1}
.about-page .about-founder-hero .tech-background-content{ text-shadow:0 2px 8px rgba(0,0,0,.95),0 0 22px rgba(0,0,0,.75) }
.about-page .about-founder-hero .tech-background-content .eyebrow{
  color:#8be8ff;font-weight:900;text-shadow:0 2px 5px #000;
}
.about-page .about-founder-hero .tech-background-content h2{
  color:#fff;font-weight:900;text-shadow:0 3px 10px rgba(0,0,0,.95);letter-spacing:-.025em;
}
.about-page .about-founder-hero .tech-background-content>p:not(.eyebrow){
  color:#fff;font-weight:600;line-height:1.75;text-shadow:0 2px 7px rgba(0,0,0,.95);
}
@media(max-width:700px){
  .about-page .about-founder-hero .tech-background-overlay{
    background:linear-gradient(180deg,rgba(3,10,25,.78),rgba(4,18,40,.9));
  }
}


/* Explicitly keep the About mission headline pure white */
.about-page .about-founder-hero .tech-background-content h2,
.about-page .about-founder-hero .tech-background-content h2 *{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}


/* Homepage scrolling client reviews: restore a clearly visible section and refresh its colors */
main.wrap>section.review-marquee-section{
  display:block!important;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(24px,4vw,42px);
  margin:48px 0;
  border:1px solid #9bdcff;
  border-radius:24px;
  background:linear-gradient(135deg,#eaf8ff 0%,#ffffff 48%,#dff4ff 100%);
  box-shadow:0 18px 42px rgba(8,27,51,.14),inset 0 1px 0 #fff;
}
main.wrap>section.review-marquee-section .eyebrow{color:#087bff!important}
main.wrap>section.review-marquee-section h2{color:#081b33!important}
main.wrap>section.review-marquee-section .section-intro{color:#344f69!important}
main.wrap>section.review-marquee-section .marquee-window{
  display:block;
  width:100%;
  min-height:66px;
  padding:20px 0;
  margin:24px 0;
  border:1px solid #9bdcff;
  border-radius:14px;
  background:linear-gradient(90deg,#081b33 0%,#0b3764 50%,#081b33 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 8px 22px rgba(8,27,51,.15);
}
main.wrap>section.review-marquee-section .marquee-track{display:flex!important;visibility:visible!important;opacity:1!important;animation:review-scroll 32s linear infinite}
main.wrap>section.review-marquee-section .marquee-track span{color:#fff!important}
main.wrap>section.review-marquee-section .marquee-track span:nth-child(even){color:#55d6ff!important}
main.wrap>section.review-marquee-section .btn.secondary{color:#081b33!important;border-color:#087bff!important;background:#fff!important}
main.wrap>section.review-marquee-section .btn.secondary:hover{background:#eaf8ff!important}
@media(max-width:760px){main.wrap>section.review-marquee-section{padding:22px 16px;margin:36px 0;border-radius:18px}main.wrap>section.review-marquee-section .marquee-window{margin:18px 0}}


/* User-requested review section background: ice blue to electric blue gradient */
main.wrap>section.review-marquee-section{
  background:linear-gradient(120deg,#eaf8ff 0%,#8edcff 42%,#087bff 100%)!important;
  border-color:#087bff!important;
  box-shadow:0 18px 42px rgba(8,123,255,.2),inset 0 1px 0 rgba(255,255,255,.7)!important;
}
main.wrap>section.review-marquee-section .eyebrow{color:#064fa8!important}
main.wrap>section.review-marquee-section h2{color:#081b33!important}
main.wrap>section.review-marquee-section .section-intro{color:#102f50!important}


/* Whole-site background: ice blue flowing into electric blue across every page */
html,body{min-height:100%;}
body{
  background:linear-gradient(135deg,#eaf8ff 0%,#c8edff 24%,#77c9ff 52%,#278dff 78%,#087bff 100%) !important;
  background-attachment:fixed !important;
  color:#10243d;
}
@media(max-width:760px){body{background-attachment:scroll!important}}


/* Keep the footer anchored to the bottom on short pages, including mobile browsers in Desktop site mode */
html{min-height:100%;}
body{
  min-height:100vh;
  min-height:100svh;
  display:flex;
  flex-direction:column;
}
body>main.wrap{flex:1 0 auto;}
body>footer{flex-shrink:0;margin-top:auto;}


/* Preview palette 2: midnight navy, deep blue and electric cyan across the entire site */
body{
  background:radial-gradient(ellipse at 15% 0%,rgba(0,207,255,.17) 0%,transparent 34%),
             radial-gradient(ellipse at 88% 42%,rgba(8,123,255,.22) 0%,transparent 38%),
             linear-gradient(135deg,#050914 0%,#081b33 42%,#07528a 76%,#06152b 100%) !important;
  background-attachment:fixed !important;
  color:#f4f8ff !important;
}
body:not(.about-page) main.wrap>h1,
body:not(.about-page) main.wrap>h2,
body:not(.about-page) main.wrap>p:not(.eyebrow),
body:not(.about-page) main.wrap>section:not(.tech-image-section):not(.hero) h2,
body:not(.about-page) main.wrap>section:not(.tech-image-section):not(.hero) h3{color:#f4f8ff;}
body:not(.about-page) main.wrap>p.lead,
body:not(.about-page) main.wrap>section:not(.tech-image-section):not(.hero) p{color:#d7e9ff;}
body:not(.about-page) main.wrap>section:not(.tech-image-section):not(.hero) .eyebrow{color:#55d6ff;}
body:not(.about-page) main.wrap>section:not(.tech-image-section):not(.hero) a:not(.btn){color:#8bdcff;}
body:not(.about-page) main.wrap>section:not(.tech-image-section):not(.hero) .fine{color:#c2d7ee;}
.about-page main.wrap>h1,.about-page main.wrap>section:not(.about-tech-background) h2,.about-page main.wrap>section:not(.about-tech-background) h3{color:#f4f8ff;}
.about-page main.wrap>p.lead,.about-page main.wrap>section:not(.about-tech-background) p{color:#d7e9ff;}
.about-page main.wrap>section:not(.about-tech-background) .feature-panel{background:linear-gradient(145deg,#102744,#081b33);border-color:#275783;}
.about-page main.wrap>section:not(.about-tech-background) .feature-panel h2,.about-page main.wrap>section:not(.about-tech-background) .feature-panel p{color:#f4f8ff;}
.grid article,.reviewbox,.feature-panel{background:linear-gradient(145deg,#102744 0%,#081b33 100%);border-color:#275783;}
.grid article h2,.grid article h3,.reviewbox h2,.feature-panel h2,.grid article strong,.reviewbox strong,.feature-panel strong{color:#f4f8ff;}
.grid article p,.split p,.reviewbox p,.feature-panel p{color:#d7e9ff;}
.tag{color:#dff8ff;background:#0b3764;border-color:#00b9f4;}
input,textarea,select{background:#06152b;color:#f4f8ff;border-color:#3475a8;}
input::placeholder,textarea::placeholder{color:#a8c3dc;}
label{color:#eaf6ff;}
main.wrap>section.review-marquee-section{background:linear-gradient(135deg,#081b33,#07528a 65%,#087bff)!important;border-color:#00cfff!important;}
main.wrap>section.review-marquee-section .eyebrow{color:#55d6ff!important;}
main.wrap>section.review-marquee-section h2{color:#fff!important;}
main.wrap>section.review-marquee-section .section-intro{color:#e1f2ff!important;}
main.wrap>section.review-marquee-section .btn.secondary{background:#fff!important;color:#081b33!important;}
@media(max-width:760px){body{background-attachment:scroll!important}}


/* ALTERNATE TEMPLATE: premium digital-agency layout, neon blue accents, glass panels */
:root{--navy:#050914;--panel:#0b1b32;--line:#25466a;--blue:#087bff;--cyan:#00cfff;--ink:#f4f8ff;--muted:#c4d6ea}
body{
 background:
  radial-gradient(ellipse at 82% 8%,rgba(0,207,255,.16),transparent 30%),
  radial-gradient(ellipse at 12% 36%,rgba(8,123,255,.17),transparent 34%),
  linear-gradient(145deg,#050914 0%,#081b33 52%,#061329 100%)!important;
 color:#f4f8ff!important;
}
header{background:rgba(255,255,255,.97);box-shadow:0 8px 28px rgba(0,0,0,.18);border-bottom:1px solid #c8dff3}
.wrap{width:min(1160px,calc(100% - 42px));padding-top:64px;padding-bottom:78px}
.hero{max-width:1000px;padding:36px 30px 42px;border:1px solid rgba(85,214,255,.25);border-radius:28px;background:linear-gradient(125deg,rgba(13,40,72,.88),rgba(5,15,31,.58));box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08);overflow:hidden}
.hero:after{content:"";position:absolute;right:-90px;top:-120px;width:330px;height:330px;border:1px solid rgba(0,207,255,.24);border-radius:50%;box-shadow:0 0 0 28px rgba(0,207,255,.035),0 0 0 58px rgba(8,123,255,.035);pointer-events:none}
.eyebrow{color:#55d6ff!important;letter-spacing:.2em}
h1{color:#f7fbff!important;max-width:950px;text-shadow:0 8px 35px rgba(0,0,0,.32)}
h1 em{background:linear-gradient(100deg,#55d6ff 0%,#087bff 60%,#b6f4ff 100%);background-clip:text}
.lead,.section-intro{color:#d3e6f8!important}
main.wrap>p:not(.eyebrow),main.wrap>h2,main.wrap>h3{color:#eaf5ff}
main section{margin-top:54px;margin-bottom:54px}
.grid{gap:20px}
.grid article,.reviewbox,.feature-panel,.project-card{background:linear-gradient(145deg,rgba(16,42,72,.96),rgba(7,20,39,.98))!important;border:1px solid rgba(105,186,255,.28)!important;border-radius:22px!important;box-shadow:0 16px 34px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.07)!important}
.grid article{position:relative;overflow:hidden}
.grid article:before{content:"";display:block;width:48px;height:3px;border-radius:5px;background:linear-gradient(90deg,#087bff,#00cfff);margin-bottom:18px}
.grid article h2,.grid article h3,.reviewbox h2,.feature-panel h2,.project-card h3{color:#f6fbff!important}
.grid article p,.split p,.reviewbox p,.feature-panel p,.project-card p{color:#c7dbee!important}
.tag{color:#dffaff!important;background:rgba(8,123,255,.18)!important;border-color:rgba(0,207,255,.58)!important}
.btn{border-radius:999px!important;padding:13px 23px!important;background:linear-gradient(110deg,#087bff,#00aeea)!important;box-shadow:0 7px 0 #06478e,0 14px 30px rgba(0,123,255,.24)!important}
.btn.secondary{background:transparent!important;border:1px solid #55d6ff!important;color:#eaf8ff!important}
.project-rail{scrollbar-color:#00cfff #081b33}
.marquee-window{background:linear-gradient(90deg,rgba(8,123,255,.13),rgba(0,207,255,.08))!important;border-color:rgba(85,214,255,.35)!important}
.marquee-track span{color:#f5faff!important}.marquee-track span:nth-child(even){color:#55d6ff!important}
main.wrap>section.review-marquee-section{background:linear-gradient(125deg,#0b1b32,#07528a 72%,#087bff)!important;border:1px solid rgba(85,214,255,.6)!important;border-radius:24px!important;padding:28px!important}
main.wrap>section.review-marquee-section h2{color:#fff!important}
main.wrap>section.review-marquee-section .section-intro{color:#e1f2ff!important}
input,textarea,select{background:#061329!important;color:#f4f8ff!important;border-color:#315c82!important}
label{color:#e6f5ff!important}
footer{background:linear-gradient(110deg,#040a15,#0a3154)!important;border-top:1px solid rgba(85,214,255,.35)!important}
.footer-copy{color:#d8e9f8!important}
@media(max-width:760px){.wrap{width:calc(100% - 28px);padding-top:34px}.hero{padding:26px 20px 30px;border-radius:22px}.hero:after{width:220px;height:220px;right:-90px;top:-65px}main section{margin-top:38px;margin-bottom:38px}main.wrap>section.review-marquee-section{padding:20px!important}}




/* FINAL BRAND BACKGROUND: midnight navy → deep blue → cyan */
html,body{min-height:100%}
body{
  background:
    radial-gradient(ellipse at 12% 5%,rgba(0,207,255,.18) 0%,transparent 34%),
    radial-gradient(ellipse at 88% 40%,rgba(8,123,255,.23) 0%,transparent 38%),
    linear-gradient(135deg,#050914 0%,#081b33 38%,#07528a 72%,#06152b 100%) !important;
  background-attachment:fixed !important;
  color:#f4f8ff !important;
}
header{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #c8dff3;box-shadow:0 8px 28px rgba(0,0,0,.18)}
body:not(.about-page) main.wrap>h1,
body:not(.about-page) main.wrap>h2,
body:not(.about-page) main.wrap>p:not(.eyebrow),
body:not(.about-page) main.wrap>section:not(.tech-image-section):not(.hero) h2,
body:not(.about-page) main.wrap>section:not(.tech-image-section):not(.hero) h3{color:#f4f8ff!important}
body:not(.about-page) main.wrap>p.lead,
body:not(.about-page) main.wrap>section:not(.tech-image-section):not(.hero) p{color:#d7e9ff!important}
body:not(.about-page) main.wrap>section:not(.tech-image-section):not(.hero) .eyebrow{color:#55d6ff!important}
body:not(.about-page) main.wrap>section:not(.tech-image-section):not(.hero) a:not(.btn){color:#8bdcff!important}
body:not(.about-page) main.wrap>section:not(.tech-image-section):not(.hero) .fine{color:#c2d7ee!important}
.grid article,.reviewbox,.feature-panel{
  background:linear-gradient(145deg,#102744 0%,#081b33 100%)!important;
  border:1px solid #275783!important;
  box-shadow:0 14px 32px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.07)!important;
}
.grid article h2,.grid article h3,.reviewbox h2,.feature-panel h2,.grid article strong,.reviewbox strong,.feature-panel strong{color:#f4f8ff!important}
.grid article p,.split p,.reviewbox p,.feature-panel p{color:#d7e9ff!important}
.tag{color:#dff8ff!important;background:#0b3764!important;border-color:#00b9f4!important}
input,textarea,select{background:#06152b!important;color:#f4f8ff!important;border-color:#3475a8!important}
input::placeholder,textarea::placeholder{color:#a8c3dc!important}
label{color:#eaf6ff!important}
main.wrap>section.hero.tech-image-section,
main.wrap>section.tech-image-section,
main.wrap>section.review-marquee-section{
  background:linear-gradient(130deg,#050914 0%,#081b33 38%,#07528a 73%,#00bfe8 100%)!important;
  border-color:rgba(85,214,255,.65)!important;
  box-shadow:0 20px 50px rgba(8,27,51,.22),inset 0 1px rgba(255,255,255,.14)!important;
}
main.wrap>section.hero.tech-image-section h1,
main.wrap>section.hero.tech-image-section h2,
main.wrap>section.hero.tech-image-section h3,
main.wrap>section.hero.tech-image-section p,
main.wrap>section.hero.tech-image-section .eyebrow,
main.wrap>section.tech-image-section h1,
main.wrap>section.tech-image-section h2,
main.wrap>section.tech-image-section h3,
main.wrap>section.tech-image-section p,
main.wrap>section.tech-image-section .eyebrow,
main.wrap>section.review-marquee-section h2,
main.wrap>section.review-marquee-section p,
main.wrap>section.review-marquee-section .eyebrow{color:#f7fbff!important}
main.wrap>section.review-marquee-section .marquee-window{background:linear-gradient(90deg,#050914,#0b3764,#06152b)!important;border-color:#55d6ff!important}
main.wrap>section.review-marquee-section .marquee-track span{color:#fff!important}
main.wrap>section.review-marquee-section .marquee-track span:nth-child(even){color:#55d6ff!important}
main.wrap>section.review-marquee-section .btn.secondary{background:#fff!important;color:#081b33!important;border-color:#fff!important}
.about-page main.wrap>h1,.about-page main.wrap>section:not(.about-tech-background) h2,.about-page main.wrap>section:not(.about-tech-background) h3{color:#f4f8ff!important}
.about-page main.wrap>p.lead,.about-page main.wrap>section:not(.about-tech-background) p{color:#d7e9ff!important}
.about-page main.wrap>section:not(.about-tech-background) .feature-panel{background:linear-gradient(145deg,#102744,#081b33)!important;border-color:#275783!important}
.about-page main.wrap>section:not(.about-tech-background) .feature-panel h2,.about-page main.wrap>section:not(.about-tech-background) .feature-panel p{color:#f4f8ff!important}
footer{background:linear-gradient(125deg,#050914 0%,#081b33 42%,#07528a 78%,#00bfe8 100%)!important;border-top:1px solid #55d6ff!important;color:#fff!important}
footer .footer-copy{color:#eaf8ff!important}
footer .footer-copy a{color:#55d6ff!important}
@media(max-width:760px){body{background-attachment:scroll!important}}

/* Electric-blue social icons in the footer */
.footer-menu-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.footer-socials{display:flex;align-items:center;gap:15px;order:2}
.footer-socials a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(40,125,255,.42);border-radius:50%;color:#287dff;background:rgba(40,125,255,.08);transition:color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
.footer-socials svg{width:20px;height:20px;display:block}
.footer-socials a:hover,.footer-socials a:focus-visible{color:#55d6ff;background:rgba(40,125,255,.2);transform:translateY(-3px);box-shadow:0 0 16px rgba(40,125,255,.4);outline:none}
.footer-copy{order:1}
@media(max-width:600px){.footer-menu-row{justify-content:center;text-align:center}.footer-socials{width:100%;justify-content:center;order:1}.footer-copy{order:2}}

/* Mobile/tablet About founder layout: show James clearly in a square portrait */
@media (max-width: 900px) {
  .about-page .about-founder-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 22px !important;
    padding: 22px !important;
  }
  .about-page .about-founder-hero .founder-hero-photo {
    width: 100%;
    align-items: center;
    gap: 12px;
  }
  .about-page .about-founder-hero .founder-hero-photo img {
    width: min(68vw, 250px) !important;
    max-width: 250px !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center 22% !important;
    border-radius: 22px !important;
  }
  .about-page .about-founder-hero .founder-hero-name {
    text-align: center;
    width: 100%;
  }
  .about-page .about-founder-hero .tech-background-content {
    text-align: center !important;
    padding: 8px 0 14px !important;
  }
  .about-page .about-founder-hero .tech-background-content h2,
  .about-page .about-founder-hero .tech-background-content > p:not(.eyebrow) {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .about-page .about-founder-hero .tech-background-line {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* Founder name beneath portrait: white lettering with a blue glow */
.about-page .about-founder-hero .founder-hero-name {
  color: #ffffff !important;
  text-shadow: 0 0 8px rgba(40,125,255,.9), 0 0 18px rgba(40,125,255,.65);
}
.about-page .about-founder-hero .founder-hero-name span {
  color: #8ccfff !important;
  text-shadow: 0 0 8px rgba(40,125,255,.65);
}