NJRWEB

DIGITAL GROWTH STUDIO

Home

Services

Process

Portfolio

FAQ

FA·EN·TR·AR

Start a project

Menu

EN⌄

فارسیEnglishTürkçeالعربية

⌂Home

◇Services

▦Portfolio

▤Blog

✉Contact

html,body{background:#07101f!important;overflow-x:clip}
.njr-case{–bg:#07101f;–panel:#0c1729;–text:#eaf6ff;–muted:#94a6bd;–cyan:#69d4ff;–mint:#20e3bd;direction:ltr;background:radial-gradient(circle at 15% 10%,rgba(32,227,189,.12),transparent 30%),var(–bg);color:var(–text);font-family:inherit;margin:-30px 0 0;width:100%;overflow:hidden}
.njr-case *{box-sizing:border-box}.njr-case a{text-decoration:none}.njr-wrap{width:min(1180px,calc(100% – 40px));margin:auto}.njr-hero{min-height:76vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding:110px 0 70px}.njr-kicker{color:var(–mint);font:700 13px/1.5 monospace;letter-spacing:2px}.njr-case h1{font-size:clamp(48px,7vw,94px);line-height:1.05;margin:20px 0}.njr-lead{color:var(–muted);font-size:clamp(18px,2vw,24px);line-height:2;max-width:700px}.njr-visual{position:relative;aspect-ratio:4/5;border:1px solid #20324c;border-radius:32px;background:linear-gradient(145deg,#111d32,#09111f);box-shadow:0 40px 100px #0008;transform:perspective(900px) rotateY(-8deg);overflow:hidden}.njr-visual:before{content:””;position:absolute;inset:0;background:linear-gradient(135deg,transparent 45%,rgba(32,227,189,.12));pointer-events:none}.njr-visual:after{content:attr(data-caption);position:absolute;bottom:28px;right:28px;color:var(–mint);font:700 12px monospace;letter-spacing:1px;background:#07101fdd;padding:10px 12px;border-radius:10px}.njr-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:-20px 0 100px}.njr-meta div,.njr-card{border:1px solid #1d3049;background:#0b1627cc;border-radius:22px;padding:28px}.njr-meta b{display:block;color:var(–mint);font-size:13px;margin-bottom:10px}.njr-section{padding:90px 0;border-top:1px solid #162941}.njr-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.njr-case h2{font-size:clamp(34px,5vw,64px);line-height:1.25;margin:0}.njr-copy{color:var(–muted);font-size:18px;line-height:2}.njr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.njr-card span{display:block;color:var(–mint);font:700 12px monospace;margin-bottom:24px}.njr-card h3{font-size:22px;margin:0 0 12px}.njr-card p{color:var(–muted);line-height:1.9;margin:0}.njr-strip{padding:90px 0;background:linear-gradient(90deg,rgba(105,212,255,.08),rgba(32,227,189,.08))}.njr-result{font-size:clamp(30px,4.5vw,62px);line-height:1.5;max-width:1000px}.njr-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}.njr-btn{display:inline-flex;padding:15px 22px;border-radius:14px;background:var(–mint);color:#05121d!important;font-weight:800}.njr-btn.alt{background:transparent;color:var(–text)!important;border:1px solid #36506f}@media(max-width:800px){.njr-hero,.njr-grid{grid-template-columns:1fr;gap:40px}.njr-hero{padding-top:70px}.njr-visual{max-height:480px}.njr-meta,.njr-cards{grid-template-columns:1fr}.njr-section{padding:65px 0}.njr-wrap{width:min(100% – 28px,1180px)}}@media(prefers-reduced-motion:no-preference){.njr-visual{animation:njrFloat 6s ease-in-out infinite}@keyframes njrFloat{50%{transform:perspective(900px) rotateY(2deg) translateY(-14px)}}}
.njr-next .njr-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.njr-next span{color:var(–mint);font-size:13px}@media(max-width:800px){.njr-next .njr-wrap{align-items:flex-start;flex-direction:column}}

.njr-case h1{font-size:clamp(46px,5.5vw,78px)!important}.njr-case .njr-section h2{font-size:clamp(32px,4vw,52px)!important}@media(max-width:767px){.njr-case h1{font-size:clamp(40px,12vw,56px)!important}.njr-case .njr-section h2{font-size:clamp(30px,9vw,42px)!important}.njr-case .njr-shell{width:min(calc(100% – 28px),1180px)!important}}