/*
Theme Name: Research Article Writing
Theme URI: https://researcharticlewriting.in
Author: Research Article Writing
Author URI: https://researcharticlewriting.in
Description: Premium, modern SaaS-style theme for an engineering research & academic consulting agency. Zoom-inspired palette, 3D hero (Three.js), scroll animations, dark/light mode, fully responsive.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: raw
*/

:root{
  --bg:#F8FAFF; --bg2:#FFFFFF; --surface:#FFFFFF; --fg:#0F172A; --muted:#64748B;
  --border:rgba(15,23,42,.09); --primary:#0B5CFF; --secondary:#2D8CFF; --accent:#6BA8FF;
  --dark:#0F172A; --glass:rgba(255,255,255,.72); --hover:rgba(11,92,255,.08); --tile:rgba(11,92,255,.1);
}
html.dark{
  --bg:#080E1C; --bg2:#0F172A; --surface:#111c33; --fg:#EAF1FF; --muted:#93A4C4;
  --border:rgba(255,255,255,.09); --primary:#4D8BFF; --secondary:#2D8CFF; --accent:#6BA8FF;
  --dark:#060B18; --glass:rgba(15,23,42,.62); --hover:rgba(77,139,255,.14); --tile:rgba(77,139,255,.16);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Manrope',system-ui,sans-serif;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .5s ease,color .5s ease}
h1,h2,h3,h4,h5{font-family:'Sora','Manrope',sans-serif;letter-spacing:-.02em;line-height:1.05;text-wrap:balance}
p{text-wrap:pretty}
a{color:var(--primary);text-decoration:none;transition:color .2s}
a:hover{color:var(--secondary)}
img{max-width:100%;height:auto}
::selection{background:rgba(11,92,255,.22)}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px;border:3px solid transparent;background-clip:content-box}

@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes rise{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadein{from{opacity:0}to{opacity:1}}
@keyframes gshift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pulsering{0%{transform:scale(.9);opacity:.7}70%{transform:scale(1.7);opacity:0}100%{opacity:0}}
@keyframes shimmer{to{background-position:200% center}}

.reveal{opacity:0}
.reveal.in{animation:rise .8s cubic-bezier(.16,1,.3,1) forwards}
[data-touch] #arw-cursor,[data-touch] #arw-cursor-dot{display:none}

/* mega menu */
.has-mega{position:relative}
.mega{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);width:640px;padding:18px;border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:0 30px 70px -24px rgba(11,92,255,.35);opacity:0;visibility:hidden;transition:opacity .25s;z-index:50}
.has-mega:hover .mega{opacity:1;visibility:visible}

/* responsive grids */
.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:start}
.detail-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:start}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px;margin-bottom:44px}
.desktop-nav{display:flex;align-items:center;gap:4px}
.burger{display:none}
.cta-desktop{display:inline-flex}

@media(max-width:960px){
  .desktop-nav{display:none}
  .burger{display:grid}
  .cta-desktop{display:none}
  .contact-grid{grid-template-columns:1fr}
  .detail-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .footer-grid{grid-template-columns:1fr 1fr}
}