:root{--navy:#080b25;--navy2:#11163d;--card:#14183f;--violet:#8b5cf6;--violet2:#6c3ce0;--lav:#efe9fc;--off:#faf8f4;--ink:#16172d;--muted:#888ba6;--line:rgba(255,255,255,.16);--success:#62d6a8}
*{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:110px} body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--navy);color:#fff;overflow-x:hidden} a{color:inherit} h1,h2,h3,h4{font-weight:800;letter-spacing:-.035em} h1{font-size:clamp(2.5rem,6vw,5.4rem);line-height:.98} h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05} h3{line-height:1.15}.text-muted-site{color:rgba(255,255,255,.62)!important}.section{padding:100px 0}.section-sm{padding:72px 0}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:#cbb9ff;font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:1rem}.eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.hl{color:var(--violet)}
.orb{position:fixed;border-radius:50%;filter:blur(110px);opacity:.34;z-index:-2;pointer-events:none}.o1{width:520px;height:520px;background:#6c3ce0;top:-150px;left:-150px}.o2{width:520px;height:520px;background:#2538a9;bottom:-160px;right:-150px}.grid-noise{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.glass{position:relative;background:rgba(255,255,255,.065);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);border:1px solid rgba(255,255,255,.24);border-radius:26px;box-shadow:inset 1px 1px 0 rgba(255,255,255,.35),inset -1px -1px 0 rgba(255,255,255,.07),0 22px 60px rgba(0,0,0,.28);transition:.3s ease}.glass:hover{border-color:rgba(139,92,246,.65);transform:translateY(-3px)}
.navbar{padding:.85rem 0}.nav-shell{border-radius:999px;background:rgba(5,7,28,.56);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.28);box-shadow:inset 1px 1px 0 rgba(255,255,255,.36),0 14px 40px rgba(0,0,0,.24);padding:.55rem .7rem .55rem 1rem;transition:.3s}.nav-shell.sc{background:rgba(5,7,28,.82);box-shadow:0 14px 40px rgba(0,0,0,.38)}.brand{display:flex;align-items:center;text-decoration:none;color:#fff;font-weight:800;font-size:.86rem;letter-spacing:.06em;white-space:nowrap}.brand img{width:38px;height:38px;object-fit:cover;border-radius:10px;margin-right:.65rem}.brand b{color:var(--violet)}.navbar-nav{gap:.15rem}.navbar .nav-link{color:rgba(255,255,255,.74);font-weight:650;padding:.64rem 1rem!important;border-radius:999px;border:1px solid transparent;transition:.25s}.navbar .nav-link:hover,.navbar .nav-link.active,.navbar .nav-link:focus-visible{color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,.06));border-color:rgba(255,255,255,.25);box-shadow:inset 1px 1px 0 rgba(255,255,255,.28)}.navbar-toggler{border:0;box-shadow:none!important}.navbar-toggler-icon{filter:invert(1)}
.btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:999px;padding:.78rem 1.35rem;font-weight:800;text-decoration:none;border:1px solid transparent;transition:.25s}.btn-primary-site{background:linear-gradient(135deg,var(--violet),var(--violet2));color:#fff;box-shadow:0 10px 28px rgba(139,92,246,.35)}.btn-primary-site:hover{color:#fff;transform:translateY(-2px);filter:brightness(1.08)}.btn-glass{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.22);color:#fff}.btn-glass:hover{background:rgba(255,255,255,.13);color:#fff}.btn-link-site{color:#cbb9ff;text-decoration:none;font-weight:800}.btn-link-site:hover{color:#fff}
.hero{padding:175px 0 100px;min-height:92vh;display:flex;align-items:center}.hero .lead{font-size:clamp(1.05rem,2vw,1.3rem);max-width:700px;color:rgba(255,255,255,.7)}.hero-panel{padding:1rem;overflow:hidden}.hero-shot{border-radius:20px;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,#161c4f,#5127a8);position:relative}.hero-shot img{width:100%;height:100%;object-fit:cover;opacity:.75}.hero-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,11,37,.72),transparent 58%)}.hero-card-float{position:absolute;left:7%;bottom:8%;right:7%;z-index:2;padding:1rem 1.1rem;border-radius:18px;background:rgba(9,12,42,.6);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(14px)}
.kicker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.metric{padding:1rem 1.15rem;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13)}.metric strong{display:block;font-size:1.15rem}.metric span{display:block;color:rgba(255,255,255,.55);font-size:.78rem;margin-top:.2rem}
.light{background:radial-gradient(600px circle at 10% 15%,rgba(139,92,246,.19),transparent 60%),var(--off);color:var(--ink)}.light .eyebrow{color:var(--violet2)}.light .glass{background:rgba(255,255,255,.62);border-color:#fff;box-shadow:0 18px 50px rgba(27,28,55,.09)}.light .text-muted-site{color:#686a81!important}.light .btn-glass{color:var(--ink);border-color:rgba(20,22,43,.14);background:rgba(255,255,255,.66)}
.service-card{height:100%;padding:1.7rem}.icon-box{width:46px;height:46px;border-radius:14px;background:rgba(139,92,246,.13);display:grid;place-items:center;color:var(--violet2);margin-bottom:1.2rem;font-size:1.15rem}.service-card p{color:#686a81}.service-card h3{font-size:1.2rem}.tag{display:inline-flex;border:1px solid rgba(139,92,246,.2);background:rgba(139,92,246,.08);color:var(--violet2);border-radius:999px;padding:.42rem .7rem;font-size:.72rem;font-weight:800;margin:.2rem .25rem .2rem 0}
.work-card{overflow:hidden;height:100%;text-decoration:none;color:inherit;display:block}.work-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#111633}.work-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.work-card:hover .work-media img{transform:scale(1.035)}.work-body{padding:1.45rem}.work-meta{font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;color:#ad93ff;font-weight:800}.work-card h3{font-size:1.4rem;margin:.55rem 0}.work-card p{color:rgba(255,255,255,.6)}.light .work-card p{color:#6a6d82}.portfolio-logo{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:.55rem;z-index:2;padding:.5rem .7rem;border-radius:14px;background:rgba(4,7,24,.72);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);font-weight:800;font-size:.76rem}.portfolio-logo img{width:26px;height:26px;border-radius:7px;object-fit:cover}.external-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}.external-actions a{font-size:.78rem;text-decoration:none;padding:.5rem .72rem;border-radius:999px;border:1px solid rgba(255,255,255,.15)}
.process-step{padding:1.5rem}.process-step .num{font-size:.76rem;color:#baa6ff;font-weight:800;letter-spacing:.13em}.process-step h3{font-size:1.2rem;margin-top:1rem}.process-step p{color:rgba(255,255,255,.58);margin:0}.light .process-step p{color:#676a80}
.cta{padding:3rem;border-radius:32px;background:radial-gradient(500px circle at 85% 20%,rgba(255,255,255,.12),transparent 55%),linear-gradient(135deg,#3d1e8f,#16183f);border:1px solid rgba(255,255,255,.2)}
.page-hero{padding:170px 0 75px}.page-hero p.lead{color:rgba(255,255,255,.68);max-width:760px}.prose p{color:rgba(255,255,255,.66);line-height:1.8}.light .prose p{color:#676a80}.check-list{list-style:none;padding:0;margin:0}.check-list li{position:relative;padding:.55rem 0 .55rem 1.65rem;color:rgba(255,255,255,.66)}.check-list li:before{content:"✓";position:absolute;left:0;color:#ad93ff;font-weight:900}.light .check-list li{color:#66697f}
.case-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.case-gallery{display:grid;grid-template-columns:2fr 1fr;gap:12px}.case-gallery img{width:100%;height:100%;object-fit:cover;border-radius:22px;min-height:220px}.case-gallery .tall{grid-row:span 2}.placeholder-visual{min-height:320px;border-radius:22px;background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(255,255,255,.05));border:1px dashed rgba(255,255,255,.26);display:grid;place-items:center;text-align:center;padding:2rem;color:rgba(255,255,255,.55)}
.form-control,.form-select{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:14px;padding:.9rem 1rem}.form-control::placeholder{color:rgba(255,255,255,.38)}.form-control:focus{background:rgba(255,255,255,.09);border-color:var(--violet);color:#fff;box-shadow:0 0 0 .2rem rgba(139,92,246,.16)}.form-label{font-weight:700;font-size:.85rem}.form-feedback{display:none;margin-top:1rem;padding:.8rem 1rem;border-radius:14px}.form-feedback.show{display:block}.form-feedback.ok{background:rgba(98,214,168,.12);border:1px solid rgba(98,214,168,.3);color:#bdf4dd}.form-feedback.err{background:rgba(255,96,96,.12);border:1px solid rgba(255,96,96,.3);color:#ffc5c5}
footer{padding:76px 0 28px;border-top:1px solid rgba(255,255,255,.1);background:#06081c}.footer-title{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#b9a4ff;margin-bottom:1rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:.55rem 0}.footer-links a{text-decoration:none;color:rgba(255,255,255,.62)}.footer-links a:hover{color:#fff}.social-link{width:38px;height:38px;border-radius:12px;display:inline-grid;place-items:center;text-decoration:none;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);margin-right:.35rem}.social-link:hover{background:rgba(139,92,246,.18);transform:translateY(-2px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:42px;padding-top:22px;color:rgba(255,255,255,.4);font-size:.82rem}
.js .rv{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.js .rv.in{opacity:1;transform:none}
@media(max-width:991px){.nav-shell{border-radius:28px;padding:.55rem .75rem}.navbar-collapse{padding:1rem .2rem .3rem}.navbar-nav{margin-bottom:.7rem}.hero{padding-top:145px;min-height:auto}.case-grid{grid-template-columns:1fr}.kicker-grid{grid-template-columns:1fr}.section{padding:78px 0}}
@media(max-width:767px){h1{font-size:clamp(2.35rem,12vw,4rem)}.hero{padding-bottom:70px}.section{padding:64px 0}.page-hero{padding:145px 0 55px}.case-gallery{grid-template-columns:1fr}.case-gallery .tall{grid-row:auto}.cta{padding:2rem}.brand .brand-text{display:none}.work-media{aspect-ratio:4/3}.external-actions a{flex:1;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.js .rv{opacity:1;transform:none}}

/* November 2026 refinement: reference-style navigation + square white portfolio cards */
.navbar{padding:1rem 0}
.nav-shell{
  min-height:78px;
  padding:.68rem 1rem .68rem 1.15rem;
  border-radius:999px;
  background:rgba(2,2,4,.82);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
  backdrop-filter:blur(22px) saturate(145%);
  border:1px solid rgba(255,255,255,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 38px rgba(0,0,0,.34)
}
.nav-shell.sc{background:rgba(0,0,0,.93);border-color:rgba(255,255,255,.38)}
.brand{font-size:.9rem;letter-spacing:.055em}
.brand img{width:50px;height:50px;border-radius:13px;margin-right:.75rem}
.navbar-nav{gap:.3rem}
.navbar .nav-link{padding:.66rem .95rem!important;color:rgba(255,255,255,.82);background:transparent!important;border:0!important;box-shadow:none!important}
.navbar .nav-link:hover,.navbar .nav-link:focus-visible,.navbar .nav-link.active{color:#fff}
.navbar .nav-link.active:after{content:"";display:block;width:18px;height:2px;margin:.28rem auto 0;border-radius:999px;background:var(--violet)}
.nav-shell .btn-primary-site{background:#fff;color:#101014;box-shadow:none;border-color:#fff;padding:.82rem 1.25rem}
.nav-shell .btn-primary-site:hover{color:#101014;background:#f1eff8;filter:none}

/* Portfolio / case-study preview cards: 3:3 (square) imagery with white card backgrounds. */
.work-card{background:#fff!important;border-color:rgba(255,255,255,.72)!important;color:#111426;box-shadow:0 22px 60px rgba(0,0,0,.24)}
.work-card:hover{border-color:#fff!important}
.work-media{aspect-ratio:1/1;background:#f2f3f7}
.work-body{background:#fff;color:#111426}
.work-card h3,.work-card .btn-link-site{color:#111426}
.work-card p,.light .work-card p{color:#65697a!important}
.work-card .work-meta{color:#6943d8}
.work-card .external-actions a{color:#282b38;border-color:#d9dbe5;background:#f7f7fa}
.work-card .external-actions a:hover{background:#111426;color:#fff;border-color:#111426}

@media(max-width:991px){
  .nav-shell{border-radius:30px;min-height:70px;padding:.6rem .75rem}
  .brand img{width:46px;height:46px}
  .navbar .nav-link.active:after{margin-left:0}
  .nav-shell .btn-primary-site{width:100%;margin-left:0!important}
}
@media(max-width:767px){
  .work-media{aspect-ratio:1/1}
  .brand img{width:44px;height:44px}
}


/* v3 refinement: stronger liquid-glass navbar, lighter logos, and richer web-image presentation */
.nav-shell{position:relative;overflow:hidden;background:rgba(8,10,20,.44)!important;-webkit-backdrop-filter:blur(24px) saturate(170%)!important;backdrop-filter:blur(24px) saturate(170%)!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 18px 48px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.18)!important}
.nav-shell:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.06) 32%,rgba(255,255,255,.03) 70%,rgba(255,255,255,.08));pointer-events:none}
.nav-shell:after{content:"";position:absolute;top:0;left:7%;right:42%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);pointer-events:none}
.nav-shell>*{position:relative;z-index:1}
.navbar .nav-link{color:rgba(255,255,255,.88)!important}
.navbar .nav-link:hover,.navbar .nav-link.active,.navbar .nav-link:focus-visible{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important}
.brand img{width:56px!important;height:56px!important;padding:4px;background:rgba(255,255,255,.96);box-shadow:0 8px 18px rgba(0,0,0,.18)}
.brand-text{font-size:.92rem;letter-spacing:.07em}

.portfolio-logo{top:16px;left:16px;gap:.8rem;padding:.72rem .9rem;border-radius:18px;background:rgba(255,255,255,.95)!important;border:1px solid rgba(255,255,255,.98)!important;box-shadow:0 16px 34px rgba(0,0,0,.18);color:#101426!important;font-size:.84rem!important;backdrop-filter:blur(10px)}
.logo-frame{width:42px;height:42px;border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden;flex:0 0 42px;box-shadow:0 8px 18px rgba(17,20,38,.1)}
.logo-frame img{width:82%;height:82%;object-fit:contain;border-radius:0;background:none;padding:0;margin:0}
.logo-fallback{display:none;width:100%;height:100%;place-items:center;font-weight:800;font-size:.82rem;letter-spacing:.04em;color:#111426;background:linear-gradient(180deg,#fff,#f2f4f8)}
.media-chip{position:absolute;right:16px;bottom:16px;z-index:2;padding:.45rem .68rem;border-radius:999px;background:rgba(10,12,24,.78);color:#fff;border:1px solid rgba(255,255,255,.18);font-size:.73rem;font-weight:700;backdrop-filter:blur(8px)}
.placeholder-visual{background:linear-gradient(145deg,#eef0f6,#dfe5f2)!important;color:#283042!important;border:1px dashed #cdd4e3!important}

.case-gallery{grid-template-columns:1.25fr .95fr;gap:14px!important}
.case-gallery img{border-radius:24px;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px rgba(0,0,0,.18);background:#fff}
.case-sidecard{padding:1.3rem 1.25rem;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.case-client-mark{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem}
.case-client-mark .logo-frame{width:58px;height:58px;border-radius:18px}
.case-status-copy{color:rgba(255,255,255,.72);line-height:1.7}
.case-mini-note{display:inline-flex;align-items:center;gap:.45rem;padding:.44rem .68rem;border-radius:999px;background:rgba(139,92,246,.15);color:#dbcfff;font-size:.73rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.case-web-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.case-web-card{padding:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:24px;height:100%}
.case-web-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;background:#fff}
.case-web-card h3{font-size:1rem;margin:.95rem 0 .25rem}
.case-web-card p{margin:0;color:rgba(255,255,255,.62);font-size:.92rem;line-height:1.65}
.light .case-web-card{background:#fff;border-color:#ececf4;box-shadow:0 18px 40px rgba(14,18,44,.08)}
.light .case-web-card p{color:#676a80}
.light .case-web-card h3{color:#111426}

@media(max-width:991px){
  .case-grid{grid-template-columns:1fr!important}
  .case-web-gallery{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
  .brand img{width:48px!important;height:48px!important}
  .portfolio-logo{top:12px;left:12px;padding:.62rem .75rem;gap:.65rem}
  .logo-frame{width:38px;height:38px;border-radius:12px}
  .case-gallery{grid-template-columns:1fr!important}
  .case-web-gallery{grid-template-columns:1fr}
}


.work-media img{object-position:top center}.case-gallery img,.case-web-card img{object-position:top center}.reference-shot-note{font-size:.82rem;color:rgba(255,255,255,.62)}.light .reference-shot-note{color:#676a80}


/* v9: three portfolio cards per row on large desktop */
@media(min-width:1200px){.work-card .work-body{padding:1.25rem}.work-card h3{font-size:1.2rem}.work-card p{font-size:.9rem;line-height:1.65}.work-card .external-actions{gap:.4rem}.portfolio-logo{max-width:calc(100% - 32px)}}

/* Inventors Educational performance case study */
.inventors-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}.inventors-metric{padding:26px;display:flex;flex-direction:column;gap:12px}.inventors-metric strong{font-size:clamp(24px,3vw,40px);line-height:1.15;letter-spacing:-1px}.inventors-metric b{color:#37dca0}.inventors-report{padding:24px;margin:28px 0}.inventors-report img{display:block;width:100%;height:auto;border-radius:12px}.inventors-report a{display:block;margin-top:20px}.inventors-report figcaption{line-height:1.7}@media(max-width:991px){.inventors-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.inventors-metrics{grid-template-columns:1fr}.inventors-report{padding:14px}}

/* Prominent brand and contact action */
.navbar .brand img{width:80px!important;height:80px!important;object-fit:cover;padding:0;border:3px solid white;border-radius:18px;box-shadow:0 0 24px #8e62ff66}.navbar .brand{font-size:1rem}.navbar .nav-shell{padding-top:8px;padding-bottom:8px}.page-hero{padding-top:175px}.logo-frame{width:68px;height:68px;flex-basis:68px}.logo-frame img{width:94%;height:94%;object-fit:contain}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:1050;display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:999px;background:#15803d;color:#fff!important;text-decoration:none;font-weight:700;box-shadow:0 8px 28px #0005;border:2px solid #ffffffaa;transition:transform .2s}.whatsapp-float i{font-size:32px}.whatsapp-float:hover{background:#166534;transform:translateY(-3px)}.whatsapp-float:focus-visible{outline:3px solid white;outline-offset:4px}.couture-cover{display:grid;place-items:center;background:linear-gradient(135deg,#211728,#655039)}.couture-monogram{font-family:Georgia,serif;font-size:90px;color:#e5cf9e}@media(max-width:575px){.navbar .brand img{width:64px!important;height:64px!important}.navbar .brand{font-size:.72rem}.whatsapp-float{right:16px;bottom:16px;padding:12px}.whatsapp-float span{display:none}.page-hero{padding-top:155px}}