/* JENCSoft 3.0 — approved orange-C logo theme; builds on existing animation/layout CSS.
   Source logo artwork is retained; display derivatives are only cropped/transparency adapted. */
:root{
  --navy:#07172c;
  --navy2:#0b2545;
  --ink:#13233e;
  --cyan:#1bdfe8;
  --blue:#198fe2;
  --orange:#ffa41a;
  --coral:#ff542a;
  --off:#f7f9fc;
  --sunset:linear-gradient(112deg,#ffbb31 0%,#ff9417 37%,#ff5431 73%,#eb3131 100%);
}
::selection{background:#ffd39a;color:#092343}
a:focus-visible,button:focus-visible{outline-color:#ffad3a}
.scroll-progress span{background:linear-gradient(90deg,#128ee5 0%,#18e1e7 40%,#ffae28 70%,#f34a2c 100%);box-shadow:0 0 16px rgba(255,127,32,.5)}
/* Original JENCSoft emblem and exact orange-C wordmark, both kept legible against navy. */
.brand-art{gap:7px;letter-spacing:normal;align-items:center;min-width:0;transition:transform .3s}
.brand-art:hover{transform:translateY(-1px)}
.brand-art img.brand-symbol{width:45px;height:48px;object-fit:contain;flex:none;filter:drop-shadow(0 0 9px rgba(30,213,234,.23))}
.brand-wordmark-panel{background:linear-gradient(120deg,#fff,#f4faff);border:1px solid rgba(255,255,255,.55);border-radius:9px;padding:4px 9px;display:flex;align-items:center;justify-content:center;min-width:0;box-shadow:0 3px 15px rgba(0,0,0,.1)}
.brand-art .brand-wordmark-panel img{display:block;width:155px;height:auto;object-fit:contain;filter:none}
.nav-links>a:not(.nav-cta)::after{background:var(--sunset)}
.nav-links .nav-cta{border-color:rgba(255,169,62,.48);background:rgba(255,161,48,.06);color:#fff9ee}
.nav-links .nav-cta span{color:#ffad3a}
.nav-links .nav-cta:hover{border-color:#ffad36;background:linear-gradient(115deg,#ffbe37,#ff6930);color:#0a1a31}
.nav-links .nav-cta:hover span{color:#0a1a31}
/* The hero stays signature navy/cyan, with the new orange/red C as its standout accent. */
.hero{background:radial-gradient(ellipse 48% 75% at 0% 75%,rgba(255,109,42,.095),transparent 73%),radial-gradient(ellipse 59% 77% at 92% 48%,rgba(15,135,182,.2),transparent 78%),linear-gradient(128deg,#06142c 0%,#071c39 50%,#091a30 100%)}
.hero-glow-left{background:#fd7832;opacity:.115}
.hero-glow-right{background:#06c6e0;opacity:.19}
.hero-mouse-light{background:radial-gradient(circle 420px at var(--hero-x,75%) var(--hero-y,50%),rgba(255,143,43,.12),transparent 77%)}
.eyebrow{color:#a6e6ea}
.eyebrow-dot,.live-dot{background:#ffae2d;box-shadow:0 0 0 4px rgba(255,177,58,.09),0 0 22px rgba(255,138,37,.55)}
.eyebrow-line{background:linear-gradient(90deg,#ffa23c,transparent)}
.hero-gradient-word{background:linear-gradient(110deg,#c9f5ff 0%,#70e7f6 30%,#fbc764 69%,#ff8237 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 7px 26px rgba(255,151,65,.08))}
.hero-gradient-word .accent-stop{color:#ffa127;-webkit-text-fill-color:#ffa127}
.hero-copy>p strong{color:#f4fbff}
.btn-primary{background:linear-gradient(114deg,#ffcb4a 0%,#ffa928 37%,#ff7f37 75%,#fa6038 100%);color:#0b2237;box-shadow:0 12px 37px rgba(255,126,37,.21)}
.btn-primary:hover{box-shadow:0 14px 36px rgba(255,120,34,.36)}
.metric-plus{color:#ffaa33}.footer-signal{background:#ffad34;box-shadow:0 0 15px rgba(255,151,51,.55)}
.hero-aura{background:radial-gradient(circle,rgba(20,179,224,.7) 0%,rgba(238,118,40,.12) 37%,transparent 72%)}
.halo-one{border-color:rgba(255,162,67,.22)}
.halo-two{border-color:rgba(77,210,238,.24)}
.hero-center{border-color:rgba(96,208,232,.36);background:linear-gradient(149deg,rgba(22,83,133,.82),rgba(8,25,55,.97) 48%,rgba(28,75,111,.88));box-shadow:0 35px 112px rgba(0,4,18,.49),inset 0 0 70px rgba(255,135,34,.05)}
.hero-center::before{background:linear-gradient(130deg,rgba(255,169,73,.095),transparent 42%)}
.hero-center-top i:first-child{background:#ffaf3d}
.hero-logo-glass::before{border-color:rgba(255,170,66,.24)}
.hero-center-caption span{color:#ffaf35}
.hero-wave span:nth-child(3n){background:#ffa833}
.orbit-spark.spark-b{color:#ffba54}.orbit-spark.spark-c{color:#ff7647}
.hero-mini-hms{border-color:rgba(255,174,55,.27)}
.hero-card-left{border-bottom:3px solid #ffac2d}.hero-card-right{border-bottom:3px solid #22c8e9}
.ticker-strip{background:#0a1e38}.ticker-track b{color:#ffa12c}
/* Warm identity threads through white sections without obscuring each app's own brand. */
.section-kicker{color:#bd6127}.section-kicker::before{background:linear-gradient(100deg,#ffc04e,#fd6433)}
.section-title em{background:linear-gradient(95deg,#087a9b 10%,#178cbd 54%,#fa7430 100%);color:transparent;-webkit-background-clip:text;background-clip:text}
.about-section::before{border-color:#ffe2c5}
.about-values span{border-color:#f5e6d8;background:#fff9f2;color:#995f30}
.brand-signature{margin-top:26px;display:flex;align-items:center;gap:21px;padding:16px 24px 16px 18px;background:linear-gradient(112deg,#fff 0%,#fffaf3 100%);border:1px solid #f3e4d6;border-radius:18px;box-shadow:0 12px 36px rgba(92,44,4,.05);position:relative;overflow:hidden}
.brand-signature::after{content:"";position:absolute;top:-42px;right:-40px;width:120px;height:120px;border-radius:50%;border:1px solid rgba(251,153,55,.15);pointer-events:none}
.brand-signature-label{flex:1;max-width:146px;font-size:10px;line-height:1.65;font-weight:850;letter-spacing:.14em;color:#ac6b37}
.signature-glint{display:block;width:23px;height:3px;margin-bottom:14px;border-radius:3px;background:var(--sunset)}
.brand-signature img{display:block;width:136px;height:136px;object-fit:contain;flex:none;mix-blend-mode:multiply}
.work-section{background:linear-gradient(160deg,#f9fbff 0%,#f6faff 55%,#fff8f0 120%)}
.filter-btn.is-active{background:#092a4a;border-color:#092a4a;box-shadow:0 7px 22px rgba(8,52,94,.13)}
.filter-btn:hover:not(.is-active){border-color:#ffb15b;background:#fff8ef;color:#a85c20}
.app-card:hover{border-color:#ffe0b9;box-shadow:0 22px 57px rgba(39,48,81,.1)}
.card-arrow,.card-learn{color:#d96824}
.card-category{color:#bb6a2f}
.app-visual .visual-square{border-color:rgba(255,170,67,.43)}
.app-visual:hover .visual-square{background:rgba(255,165,55,.28)}
.service-card::before{background:linear-gradient(90deg,#1dbddd 0%,#ffb73e 58%,#f65731 100%)}
.service-icon{color:#e8832a}
.service-card:hover{border-color:#f7d6b7;box-shadow:0 22px 47px rgba(52,47,74,.09)}
.contact-panel{background:radial-gradient(ellipse at 89% 24%,rgba(15,194,223,.27),transparent 55%),radial-gradient(ellipse at 19% 96%,rgba(238,108,38,.22),transparent 55%),linear-gradient(120deg,#07192f,#0a3150);border-color:rgba(248,150,49,.22)}
.contact-graphic-ring{border-color:rgba(255,167,50,.33)}
.contact-halo{background:#f08036}
.footer{background:#07182e}
.footer .brand-wordmark-panel{background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.1)}
.footer-links a:hover{color:#ffb257}
.detail-hero{background:radial-gradient(ellipse at 76% 31%,rgba(232,117,46,.13),transparent 60%),radial-gradient(ellipse at 80% 90%,rgba(4,159,192,.13),transparent 54%),#071327}
.detail-copy h1 .accent-stop{-webkit-text-fill-color:#ff9939}
.feature-item:hover{border-color:#f7d6b7}
/* Responsive hero / identity panel sizing */
@media(max-width:860px){.brand-signature img{width:116px;height:116px}.brand-signature{padding:13px 17px;gap:13px}}
@media(max-width:650px){.brand-art img.brand-symbol{width:37px;height:42px}.brand-art .brand-wordmark-panel img{width:132px}.brand-wordmark-panel{padding:3px 7px}.brand-signature{margin-top:24px}.brand-signature img{width:135px;height:135px}.hero-glow-left{opacity:.07}}
@media(max-width:375px){.brand-art img.brand-symbol{width:32px;height:38px}.brand-art .brand-wordmark-panel img{width:116px}.brand-signature img{width:109px;height:109px}.brand-signature-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.brand-art:hover{transform:none}}