
:root{
  --nks-bg:#f6f9ff;
  --nks-surface:#ffffff;
  --nks-surface-2:#f4f8ff;
  --nks-surface-3:#eef5ff;
  --nks-text:#101828;
  --nks-muted:#64748b;
  --nks-border:rgba(15, 23, 42, .09);
  --nks-shadow:0 20px 55px rgba(18, 38, 83, .08);
  --nks-shadow-lg:0 30px 80px rgba(18, 38, 83, .12);
  --nks-accent:#0a63ff;
  --nks-accent-2:#1ec8ff;
  --nks-header:rgba(255,255,255,.78);
  --nks-symbol-fill:rgba(10,99,255,.08);
  --nks-symbol-line:rgba(10,99,255,.24);
}
html,body{background:var(--nks-bg);color:var(--nks-text);}
body{position:relative;overflow-x:hidden;background:
 radial-gradient(circle at 0% 0%, rgba(10,99,255,.09), transparent 24%),
 radial-gradient(circle at 100% 0%, rgba(30,200,255,.07), transparent 20%),
 linear-gradient(180deg,#f8fbff 0%, #f4f8ff 40%, #ffffff 100%);
 transition:background .35s ease,color .35s ease;}
body > *{position:relative;z-index:1;}
header{position:sticky;top:0;z-index:30;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:var(--nks-header)!important;border-bottom:1px solid var(--nks-border)!important;box-shadow:0 10px 40px rgba(10,28,60,.04);}
.brand img{filter:drop-shadow(0 10px 26px rgba(10,99,255,.12));}
nav{display:flex;flex-wrap:wrap;gap:10px!important;align-items:center;}
nav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:999px;color:var(--nks-text)!important;background:transparent;text-decoration:none;transition:transform .24s ease,background .24s ease,color .24s ease,box-shadow .24s ease;}
nav a:hover, nav a.active{background:rgba(10,99,255,.10)!important;color:var(--nks-accent)!important;box-shadow:0 8px 24px rgba(10,99,255,.08);transform:translateY(-1px);}
#auth-menu{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.btn-nav,.btn-nav-outline,.btn-primary,.btn-secondary,.btn-home,.founder-link{box-shadow:0 14px 34px rgba(10,99,255,.13);}
.btn-primary,.btn-nav{background:linear-gradient(135deg,var(--nks-accent) 0%, #237dff 58%, var(--nks-accent-2) 100%)!important;color:#fff!important;border:none!important;}
.btn-primary:hover,.btn-nav:hover{filter:brightness(.99);transform:translateY(-2px) scale(1.01);}
.btn-secondary,.btn-nav-outline{background:rgba(255,255,255,.92)!important;border:1px solid rgba(10,99,255,.16)!important;color:var(--nks-text)!important;}
.text-gradient{background:linear-gradient(135deg,#0f172a 0%, #1258cb 52%, #24b4ff 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;}
.hero-shell,.service-card,.partner-card,.founder-card,.glass-card,.contact-item,.project-card,.empty-state,.support-card,.auth-container,.success-container,.order-info,.order-form,.video-banner,details,.service-preview,.story-card,.value-card,.mission-card{
  box-shadow:var(--nks-shadow)!important;
}
.hero-shell{background:
 linear-gradient(110deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.90) 36%, rgba(247,251,255,.76) 60%, rgba(240,248,255,.38) 100%),
 url('/image-hero-nks.png') right center / cover no-repeat!important;
 border:1px solid rgba(10,99,255,.10)!important;
 box-shadow:var(--nks-shadow-lg)!important;
}
.hero-shell::before{opacity:.95!important;}
.hero-shell::after{background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.06))!important;}
.hero h1,.hero-section h1{letter-spacing:-.045em!important;}
.hero p,.hero-section p,.presentation-content p,.section-header p{color:#516072!important;}
.showcase-card,.service-card,.partner-card,.glass-card,.founder-card,.contact-item,.project-card,.empty-state,.support-card,.auth-container,.success-container,.order-form,details,.service-preview,.story-card,.value-card,.mission-card{background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%)!important;border:1px solid rgba(15, 23, 42, .07)!important;}
.showcase-card,.service-card,.partner-card,.contact-item,.project-card,details,.service-preview{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
.showcase-media,.service-preview,.split-image,.video-banner{background:linear-gradient(180deg,#fbfdff 0%,#eef5ff 100%)!important;border:1px solid rgba(10,99,255,.08)!important;}
.showcase-media{min-height:260px!important;height:260px!important;display:flex;align-items:center;justify-content:center;padding:10px;}
.showcase-media img,.service-preview img,.split-image img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;display:block;background:transparent;}
.showcase-media img{padding:4px!important;}
.service-preview{display:flex;align-items:center;justify-content:center;min-height:260px;}
.service-preview img{height:280px!important;padding:14px!important;}
.split-image{padding:10px;}
.split-image img{aspect-ratio:auto!important;max-height:460px;}
.floating-badge,.service-badge,.partner-card__badge,.status-badge,.founder-kicker{background:rgba(255,255,255,.92)!important;border:1px solid rgba(10,99,255,.16)!important;color:var(--nks-accent)!important;}
.contact-item:hover,.service-card:hover,.partner-card:hover,.project-card:hover,.showcase-card:hover,.glass-card:hover,.service-preview:hover,.founder-card:hover{transform:translateY(-5px)!important;box-shadow:0 28px 70px rgba(10,99,255,.12)!important;border-color:rgba(10,99,255,.18)!important;}
.contact-icon,.service-icon,.why-list-icon{background:linear-gradient(180deg,#ffffff 0%, #edf5ff 100%)!important;border:1px solid rgba(10,99,255,.12)!important;}
.site-footer{background:
 radial-gradient(circle at 8% 10%, rgba(10,99,255,.10), transparent 26%),
 linear-gradient(180deg,#f8fbff 0%,#ffffff 72%)!important;
 border-top:1px solid rgba(10,99,255,.08)!important;
}
.video-banner video{width:100%;height:100%;object-fit:cover;display:block;}
.faq-list details[open]{border-color:rgba(10,99,255,.22)!important;box-shadow:0 18px 44px rgba(10,99,255,.08)!important;}
summary{line-height:1.4;}
.order-info,.order-form,.auth-container,.success-container{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;border:1px solid rgba(10,99,255,.08)!important;}
input,select,textarea{background:#fff!important;border:1px solid rgba(100,116,139,.22)!important;color:#0f172a!important;box-shadow:none!important;}
input:focus,select:focus,textarea:focus{border-color:rgba(10,99,255,.56)!important;box-shadow:0 0 0 4px rgba(10,99,255,.10)!important;}
button,input,select,textarea{transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease;}
.sidebar-menu li{background:transparent;}
.sidebar-menu li:hover{background:#f5f9ff!important;}
.sidebar-menu li.active{background:linear-gradient(135deg,#0a63ff,#2a7cff)!important;box-shadow:0 14px 36px rgba(10,99,255,.22)!important;}
.project-card,.empty-state,.support-card{border:1px solid rgba(10,99,255,.08)!important;}
.page-title p,.project-info p,.contact-details span,.site-footer__note,.partner-info p,.service-card p,.service-content p,.why-list-content p,.auth-links,.faq-content,.founder-content p{color:var(--nks-muted)!important;}
.intro-content{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.intro-enter{box-shadow:0 16px 36px rgba(10,99,255,.20)!important;}
.nks-theme-toggle{position:fixed;right:18px;bottom:18px;z-index:90;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;border-radius:999px;border:1px solid rgba(10,99,255,.18);background:rgba(255,255,255,.88);color:#0f172a;box-shadow:0 18px 40px rgba(15,23,42,.14);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:pointer;transition:transform .22s ease, box-shadow .22s ease, background .22s ease;}
.nks-theme-toggle:hover{transform:translateY(-2px);box-shadow:0 24px 48px rgba(15,23,42,.18);}
.nks-theme-toggle__icon{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a63ff,#1ec8ff);color:#fff;box-shadow:0 8px 18px rgba(10,99,255,.24);}
.nks-theme-toggle__label{font-size:13px;font-weight:700;letter-spacing:.01em;}
.nks-floating-symbols{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.nks-floating-symbol{position:absolute;display:block;opacity:.75;animation:nksFloat var(--dur,18s) ease-in-out infinite;animation-delay:var(--delay,0s);transform:translate3d(0,0,0);}
.nks-floating-symbol--circle,.nks-floating-symbol--ring{border-radius:50%;}
.nks-floating-symbol--circle{background:var(--nks-symbol-fill);border:1px solid var(--nks-symbol-line);}
.nks-floating-symbol--ring{border:2px solid var(--nks-symbol-line);background:transparent;}
.nks-floating-symbol--square{background:var(--nks-symbol-fill);border:1px solid var(--nks-symbol-line);border-radius:14px;transform:rotate(12deg);}
.nks-floating-symbol--triangle{width:0!important;height:0!important;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:24px solid var(--nks-symbol-line);background:transparent!important;opacity:.32;}
.nks-floating-symbol--plus::before,.nks-floating-symbol--plus::after{content:"";position:absolute;left:50%;top:50%;background:var(--nks-symbol-line);border-radius:999px;transform:translate(-50%,-50%);}
.nks-floating-symbol--plus::before{width:22px;height:3px;}
.nks-floating-symbol--plus::after{width:3px;height:22px;}
@keyframes nksFloat{0%,100%{transform:translate3d(0,0,0) rotate(0deg);}50%{transform:translate3d(0,-18px,0) rotate(6deg);}}

body.nks-dark-mode{
  --nks-bg:#07101f;
  --nks-surface:#0d1829;
  --nks-surface-2:#101d31;
  --nks-surface-3:#15233a;
  --nks-text:#edf3ff;
  --nks-muted:#9fb2c9;
  --nks-border:rgba(148, 163, 184, .14);
  --nks-shadow:0 20px 55px rgba(0,0,0,.34);
  --nks-shadow-lg:0 30px 80px rgba(0,0,0,.42);
  --nks-header:rgba(6, 14, 27, .78);
  --nks-symbol-fill:rgba(56,189,248,.08);
  --nks-symbol-line:rgba(56,189,248,.34);
  color-scheme:dark;
}
body.nks-dark-mode{background:
 radial-gradient(circle at 0% 0%, rgba(30,200,255,.11), transparent 20%),
 radial-gradient(circle at 100% 0%, rgba(10,99,255,.13), transparent 24%),
 linear-gradient(180deg,#060e1b 0%, #091425 45%, #07101f 100%);
}
body.nks-dark-mode header{background:var(--nks-header)!important;border-bottom-color:rgba(148,163,184,.14)!important;box-shadow:0 16px 40px rgba(0,0,0,.22)!important;}
body.nks-dark-mode nav a{color:var(--nks-text)!important;}
body.nks-dark-mode nav a:hover,body.nks-dark-mode nav a.active{background:rgba(56,189,248,.11)!important;color:#8ddcff!important;box-shadow:none;}
body.nks-dark-mode .text-gradient{background:linear-gradient(135deg,#f8fbff 0%, #8ddcff 45%, #2fa1ff 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;}
body.nks-dark-mode .hero-shell{background:
 linear-gradient(112deg, rgba(7,16,31,.90) 0%, rgba(7,16,31,.84) 35%, rgba(7,16,31,.66) 58%, rgba(7,16,31,.42) 100%),
 url('/image-hero-nks.png') right center / cover no-repeat!important;
 border-color:rgba(56,189,248,.13)!important;
}
body.nks-dark-mode .hero-shell::after{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))!important;border-color:rgba(148,163,184,.12)!important;}
body.nks-dark-mode .hero p,body.nks-dark-mode .hero-section p,body.nks-dark-mode .presentation-content p,body.nks-dark-mode .section-header p{color:#b7c6db!important;}
body.nks-dark-mode .showcase-card,
body.nks-dark-mode .service-card,
body.nks-dark-mode .partner-card,
body.nks-dark-mode .glass-card,
body.nks-dark-mode .founder-card,
body.nks-dark-mode .contact-item,
body.nks-dark-mode .project-card,
body.nks-dark-mode .empty-state,
body.nks-dark-mode .support-card,
body.nks-dark-mode .auth-container,
body.nks-dark-mode .success-container,
body.nks-dark-mode .order-info,
body.nks-dark-mode .order-form,
body.nks-dark-mode details,
body.nks-dark-mode .service-preview,
body.nks-dark-mode .story-card,
body.nks-dark-mode .value-card,
body.nks-dark-mode .mission-card,
body.nks-dark-mode .site-footer,
body.nks-dark-mode .sidebar,
body.nks-dark-mode .chat-shell,
body.nks-dark-mode .chat-projects,
body.nks-dark-mode .chat-window,
body.nks-dark-mode .chat-input-area{
  background:linear-gradient(180deg,#0d1829 0%, #101d31 100%)!important;
  border-color:rgba(148,163,184,.12)!important;
  color:var(--nks-text)!important;
  box-shadow:var(--nks-shadow)!important;
}
body.nks-dark-mode .showcase-media,
body.nks-dark-mode .service-preview,
body.nks-dark-mode .split-image,
body.nks-dark-mode .video-banner,
body.nks-dark-mode .partner-logo-panel,
body.nks-dark-mode .contact-icon,
body.nks-dark-mode .service-icon,
body.nks-dark-mode .why-list-icon{
  background:linear-gradient(180deg,#0f1d31 0%, #12233b 100%)!important;
  border-color:rgba(148,163,184,.12)!important;
}
body.nks-dark-mode .site-footer__brand h2,
body.nks-dark-mode .site-footer__column h3,
body.nks-dark-mode .site-footer__social-title,
body.nks-dark-mode .site-footer__bottom a,
body.nks-dark-mode .site-footer__links a,
body.nks-dark-mode .partner-info h3,
body.nks-dark-mode .contact-details strong,
body.nks-dark-mode h1,
body.nks-dark-mode h2,
body.nks-dark-mode h3,
body.nks-dark-mode h4,
body.nks-dark-mode summary,
body.nks-dark-mode label,
body.nks-dark-mode .project-info h3,
body.nks-dark-mode .sidebar-menu li{
  color:var(--nks-text)!important;
}
body.nks-dark-mode .page-title p,
body.nks-dark-mode .project-info p,
body.nks-dark-mode .contact-details span,
body.nks-dark-mode .site-footer__note,
body.nks-dark-mode .site-footer__bottom p,
body.nks-dark-mode .site-footer__brand p,
body.nks-dark-mode .site-footer__links a,
body.nks-dark-mode .partner-info p,
body.nks-dark-mode .service-card p,
body.nks-dark-mode .service-content p,
body.nks-dark-mode .why-list-content p,
body.nks-dark-mode .auth-links,
body.nks-dark-mode .faq-content,
body.nks-dark-mode .founder-content p,
body.nks-dark-mode .mission-card p,
body.nks-dark-mode .glass-card p,
body.nks-dark-mode p{
  color:var(--nks-muted)!important;
}
body.nks-dark-mode .btn-secondary,
body.nks-dark-mode .btn-nav-outline,
body.nks-dark-mode .founder-link,
body.nks-dark-mode .floating-badge,
body.nks-dark-mode .service-badge,
body.nks-dark-mode .partner-card__badge,
body.nks-dark-mode .status-badge,
body.nks-dark-mode .founder-kicker,
body.nks-dark-mode .site-footer__social{
  background:rgba(17,31,51,.82)!important;
  border-color:rgba(56,189,248,.18)!important;
  color:#93d7ff!important;
}
body.nks-dark-mode input,
body.nks-dark-mode select,
body.nks-dark-mode textarea{background:#0a1527!important;border-color:rgba(148,163,184,.16)!important;color:#edf3ff!important;}
body.nks-dark-mode input::placeholder,
body.nks-dark-mode textarea::placeholder{color:#7f90a7!important;}
body.nks-dark-mode input:focus,
body.nks-dark-mode select:focus,
body.nks-dark-mode textarea:focus{border-color:rgba(56,189,248,.55)!important;box-shadow:0 0 0 4px rgba(56,189,248,.12)!important;}
body.nks-dark-mode .sidebar-menu li:hover{background:#13243d!important;}
body.nks-dark-mode .sidebar-menu li.active{background:linear-gradient(135deg,#0a63ff,#1488ff)!important;color:#fff!important;}
body.nks-dark-mode .nks-theme-toggle{background:rgba(8,18,34,.84);color:#eaf3ff;border-color:rgba(56,189,248,.18);box-shadow:0 20px 46px rgba(0,0,0,.34);}
body.nks-dark-mode .nks-theme-toggle__icon{background:linear-gradient(135deg,#22d3ee,#0a63ff);}
body.nks-dark-mode .menu-badge{background:#22d3ee!important;color:#07101f!important;}
body.nks-dark-mode .faq-list details[open]{box-shadow:0 18px 40px rgba(0,0,0,.24)!important;border-color:rgba(56,189,248,.18)!important;}
body.nks-dark-mode .site-footer{background:
 radial-gradient(circle at 8% 10%, rgba(34,211,238,.12), transparent 24%),
 linear-gradient(180deg,#091425 0%,#07101f 80%)!important;}
body.nks-dark-mode .intro-content{background:rgba(6,14,27,.18);}

@media (max-width: 900px){
  .hero-shell{padding:74px 22px 60px!important;min-height:500px!important;background:
   linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.86) 40%, rgba(248,252,255,.84) 100%),
   url('/image-hero-nks.png') center bottom / cover no-repeat!important;}
  body.nks-dark-mode .hero-shell{background:
   linear-gradient(180deg, rgba(7,16,31,.88) 0%, rgba(7,16,31,.82) 44%, rgba(7,16,31,.70) 100%),
   url('/image-hero-nks.png') center bottom / cover no-repeat!important;}
}
@media (max-width: 768px){
  .container{padding-left:18px!important;padding-right:18px!important;}
  header{padding:12px 14px!important;gap:12px!important;}
  nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;max-width:100%;padding-bottom:4px;scrollbar-width:none;}
  nav::-webkit-scrollbar{display:none;}
  nav a{white-space:nowrap;min-height:38px;padding:0 13px;font-size:13px!important;}
  #auth-menu{width:100%;justify-content:flex-start;}
  .hero{padding:22px 16px 60px!important;}
  .hero-shell{border-radius:28px!important;min-height:470px!important;padding:84px 18px 56px!important;}
  .hero h1{font-size:38px!important;line-height:1.05!important;}
  .hero p{font-size:17px!important;margin-bottom:26px!important;}
  .showcase-grid,.services-grid,.why-us-grid,.process-grid,.cards-grid-2{grid-template-columns:1fr!important;}
  .showcase-card{padding:16px!important;}
  .showcase-media{height:230px!important;min-height:230px!important;}
  .service-preview{min-height:220px!important;}
  .service-preview img{height:220px!important;}
  .split-grid,.story-grid,.founder-card{grid-template-columns:1fr!important;}
  .founder-card{padding:18px!important;gap:18px!important;}
  .founder-photo-wrap{order:-1;margin:0 auto!important;}
  .dashboard-layout{display:block!important;padding:0 16px!important;}
  .sidebar{position:static!important;margin-bottom:18px!important;}
  .sidebar-menu{display:flex!important;gap:8px!important;min-width:max-content;overflow-x:auto;padding-bottom:6px;}
  .sidebar-menu li{white-space:nowrap;min-height:46px!important;font-size:14px!important;}
  .order-section{grid-template-columns:1fr!important;gap:28px!important;margin-top:36px!important;}
  .order-info{position:static!important;padding-top:0!important;}
  .auth-container,.success-container{margin:36px auto!important;padding:28px 22px!important;border-radius:22px!important;}
  .video-wrapper{margin-top:22px!important;}
  .nks-theme-toggle{right:14px;bottom:14px;min-height:48px;padding:0 14px;}
  .nks-theme-toggle__label{font-size:12px;}
  .nks-floating-symbol:nth-child(n+6){display:none;}
}


/* V13 — Intro contrast fix: dark intro background keeps neutral copy white and NKS accents blue */
.site-intro,
.site-intro .intro-content,
.site-intro .intro-title,
.site-intro .intro-line{
  color:#ffffff !important;
}
.site-intro .intro-blue,
.site-intro .intro-dot,
.site-intro strong.intro-blue{
  color:#1266f3 !important;
  -webkit-text-fill-color:#1266f3 !important;
}
.site-intro .intro-subtitle{
  color:rgba(255,255,255,.90) !important;
}
.site-intro .intro-title{
  -webkit-text-fill-color:#ffffff !important;
}
.site-intro .intro-title .intro-blue,
.site-intro .intro-title .intro-dot{
  -webkit-text-fill-color:#1266f3 !important;
}
body.nks-dark-mode .site-intro .intro-title,
body.nks-dark-mode .site-intro .intro-line,
body:not(.nks-dark-mode) .site-intro .intro-title,
body:not(.nks-dark-mode) .site-intro .intro-line{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
body.nks-dark-mode .site-intro .intro-blue,
body.nks-dark-mode .site-intro .intro-dot,
body:not(.nks-dark-mode) .site-intro .intro-blue,
body:not(.nks-dark-mode) .site-intro .intro-dot{
  color:#1266f3 !important;
  -webkit-text-fill-color:#1266f3 !important;
}
